/*!
* Vuetify v0.12.7
* Forged by John Leider
* Released under the MIT License.
*/

.light--text{
  color:#fff
}

.dark--text{
  color:rgba(0,0,0,.87)
}

.elevation-0{
  box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.14),0 0 0 rgba(0,0,0,.12)!important
}

.elevation-1{
  box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)!important
}

.elevation-2{
  box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)!important
}

.elevation-3{
  box-shadow:0 1px 8px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12)!important
}

.elevation-4{
  box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12)!important
}

.elevation-5{
  box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)!important
}

.elevation-6{
  box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)!important
}

.elevation-7{
  box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)!important
}

.elevation-8{
  box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important
}

.elevation-9{
  box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)!important
}

.elevation-10{
  box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)!important
}

.elevation-11{
  box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)!important
}

.elevation-12{
  box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)!important
}

.elevation-13{
  box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)!important
}

.elevation-14{
  box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)!important
}

.elevation-15{
  box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)!important
}

.elevation-16{
  box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)!important
}

.elevation-17{
  box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)!important
}

.elevation-18{
  box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)!important
}

.elevation-19{
  box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)!important
}

.elevation-20{
  box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)!important
}

.elevation-21{
  box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)!important
}

.elevation-22{
  box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)!important
}

.elevation-23{
  box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)!important
}

.elevation-24{
  box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)!important
}

.application{
  -webkit-backface-visibility:hidden;
  position:relative
}

.application--dark{
  background:#303030;
  color:#fff
}

.application--light{
  background:#fff;
  color:rgba(0,0,0,.87)
}

.application--toolbar>main>.container{
  min-height:calc(100vh - 56px)
}

.application--toolbar.application--footer>main>.container{
  min-height:calc(100vh - 56px - 36px)
}

.application--footer>main>.container{
  min-height:calc(100vh - 36px)
}

.application--footer-fixed>aside.navigation-drawer{
  max-height:calc(100vh - 36px)
}

.application--footer-fixed.application--toolbar>aside.navigation-drawer.navigation-drawer--clipped{
  max-height:calc(100vh - 56px - 36px)
}

.primary{
  background-color:#1976d2!important;
  border-color:#1976d2!important
}

.primary--text{
  color:#1976d2!important
}

.primary--after:after{
  background:#1976d2!important
}

.accent{
  background-color:#448aff!important;
  border-color:#448aff!important
}

.accent--text{
  color:#448aff!important
}

.accent--after:after{
  background:#448aff!important
}

.secondary{
  background-color:#424242!important;
  border-color:#424242!important
}

.secondary--text{
  color:#424242!important
}

.secondary--after:after{
  background:#424242!important
}

.info{
  background-color:#2196f3!important;
  border-color:#2196f3!important
}

.info--text{
  color:#2196f3!important
}

.info--after:after{
  background:#2196f3!important
}

.warning{
  background-color:#ffc107!important;
  border-color:#ffc107!important
}

.warning--text{
  color:#ffc107!important
}

.warning--after:after{
  background:#ffc107!important
}

.error{
  background-color:#ff5252!important;
  border-color:#ff5252!important
}

.error--text{
  color:#ff5252!important
}

.error--after:after{
  background:#ff5252!important
}

.success{
  background-color:#4caf50!important;
  border-color:#4caf50!important
}

.success--text{
  color:#4caf50!important
}

.success--after:after{
  background:#4caf50!important
}

.black{
  background-color:#000!important;
  border-color:#000!important
}

.black--text{
  color:#000!important
}

.black--after:after{
  background:#000!important
}

.white{
  background-color:#fff!important;
  border-color:#fff!important
}

.white--text{
  color:#fff!important
}

.white--after:after{
  background:#fff!important
}

.transparent{
  background-color:transparent!important;
  border-color:transparent!important
}

.transparent--text{
  color:transparent!important
}

.transparent--after:after{
  background:transparent!important
}

.red{
  background-color:#f44336!important;
  border-color:#f44336!important
}

.red--text{
  color:#f44336!important
}

.red--after:after{
  background:#f44336!important
}

.red.lighten-5{
  border-color:#ffebee!important
}

.red.lighten-5,.red.lighten-5--after:after{
  background-color:#ffebee!important
}

.red--text.text--lighten-5{
  color:#ffebee!important
}

.red.lighten-4{
  border-color:#ffcdd2!important
}

.red.lighten-4,.red.lighten-4--after:after{
  background-color:#ffcdd2!important
}

.red--text.text--lighten-4{
  color:#ffcdd2!important
}

.red.lighten-3{
  border-color:#ef9a9a!important
}

.red.lighten-3,.red.lighten-3--after:after{
  background-color:#ef9a9a!important
}

.red--text.text--lighten-3{
  color:#ef9a9a!important
}

.red.lighten-2{
  border-color:#e57373!important
}

.red.lighten-2,.red.lighten-2--after:after{
  background-color:#e57373!important
}

.red--text.text--lighten-2{
  color:#e57373!important
}

.red.lighten-1{
  border-color:#ef5350!important
}

.red.lighten-1,.red.lighten-1--after:after{
  background-color:#ef5350!important
}

.red--text.text--lighten-1{
  color:#ef5350!important
}

.red.darken-1{
  border-color:#e53935!important
}

.red.darken-1,.red.darken-1--after:after{
  background-color:#e53935!important
}

.red--text.text--darken-1{
  color:#e53935!important
}

.red.darken-2{
  border-color:#d32f2f!important
}

.red.darken-2,.red.darken-2--after:after{
  background-color:#d32f2f!important
}

.red--text.text--darken-2{
  color:#d32f2f!important
}

.red.darken-3{
  border-color:#c62828!important
}

.red.darken-3,.red.darken-3--after:after{
  background-color:#c62828!important
}

.red--text.text--darken-3{
  color:#c62828!important
}

.red.darken-4{
  border-color:#b71c1c!important
}

.red.darken-4,.red.darken-4--after:after{
  background-color:#b71c1c!important
}

.red--text.text--darken-4{
  color:#b71c1c!important
}

.red.accent-1{
  border-color:#ff8a80!important
}

.red.accent-1,.red.accent-1--after:after{
  background-color:#ff8a80!important
}

.red--text.text--accent-1{
  color:#ff8a80!important
}

.red.accent-2{
  border-color:#ff5252!important
}

.red.accent-2,.red.accent-2--after:after{
  background-color:#ff5252!important
}

.red--text.text--accent-2{
  color:#ff5252!important
}

.red.accent-3{
  border-color:#ff1744!important
}

.red.accent-3,.red.accent-3--after:after{
  background-color:#ff1744!important
}

.red--text.text--accent-3{
  color:#ff1744!important
}

.red.accent-4{
  border-color:#d50000!important
}

.red.accent-4,.red.accent-4--after:after{
  background-color:#d50000!important
}

.red--text.text--accent-4{
  color:#d50000!important
}

.pink{
  background-color:#e91e63!important;
  border-color:#e91e63!important
}

.pink--text{
  color:#e91e63!important
}

.pink--after:after{
  background:#e91e63!important
}

.pink.lighten-5{
  border-color:#fce4ec!important
}

.pink.lighten-5,.pink.lighten-5--after:after{
  background-color:#fce4ec!important
}

.pink--text.text--lighten-5{
  color:#fce4ec!important
}

.pink.lighten-4{
  border-color:#f8bbd0!important
}

.pink.lighten-4,.pink.lighten-4--after:after{
  background-color:#f8bbd0!important
}

.pink--text.text--lighten-4{
  color:#f8bbd0!important
}

.pink.lighten-3{
  border-color:#f48fb1!important
}

.pink.lighten-3,.pink.lighten-3--after:after{
  background-color:#f48fb1!important
}

.pink--text.text--lighten-3{
  color:#f48fb1!important
}

.pink.lighten-2{
  border-color:#f06292!important
}

.pink.lighten-2,.pink.lighten-2--after:after{
  background-color:#f06292!important
}

.pink--text.text--lighten-2{
  color:#f06292!important
}

.pink.lighten-1{
  border-color:#ec407a!important
}

.pink.lighten-1,.pink.lighten-1--after:after{
  background-color:#ec407a!important
}

.pink--text.text--lighten-1{
  color:#ec407a!important
}

.pink.darken-1{
  border-color:#d81b60!important
}

.pink.darken-1,.pink.darken-1--after:after{
  background-color:#d81b60!important
}

.pink--text.text--darken-1{
  color:#d81b60!important
}

.pink.darken-2{
  border-color:#c2185b!important
}

.pink.darken-2,.pink.darken-2--after:after{
  background-color:#c2185b!important
}

.pink--text.text--darken-2{
  color:#c2185b!important
}

.pink.darken-3{
  border-color:#ad1457!important
}

.pink.darken-3,.pink.darken-3--after:after{
  background-color:#ad1457!important
}

.pink--text.text--darken-3{
  color:#ad1457!important
}

.pink.darken-4{
  border-color:#880e4f!important
}

.pink.darken-4,.pink.darken-4--after:after{
  background-color:#880e4f!important
}

.pink--text.text--darken-4{
  color:#880e4f!important
}

.pink.accent-1{
  border-color:#ff80ab!important
}

.pink.accent-1,.pink.accent-1--after:after{
  background-color:#ff80ab!important
}

.pink--text.text--accent-1{
  color:#ff80ab!important
}

.pink.accent-2{
  border-color:#ff4081!important
}

.pink.accent-2,.pink.accent-2--after:after{
  background-color:#ff4081!important
}

.pink--text.text--accent-2{
  color:#ff4081!important
}

.pink.accent-3{
  border-color:#f50057!important
}

.pink.accent-3,.pink.accent-3--after:after{
  background-color:#f50057!important
}

.pink--text.text--accent-3{
  color:#f50057!important
}

.pink.accent-4{
  border-color:#c51162!important
}

.pink.accent-4,.pink.accent-4--after:after{
  background-color:#c51162!important
}

.pink--text.text--accent-4{
  color:#c51162!important
}

.purple{
  background-color:#9c27b0!important;
  border-color:#9c27b0!important
}

.purple--text{
  color:#9c27b0!important
}

.purple--after:after{
  background:#9c27b0!important
}

.purple.lighten-5{
  border-color:#f3e5f5!important
}

.purple.lighten-5,.purple.lighten-5--after:after{
  background-color:#f3e5f5!important
}

.purple--text.text--lighten-5{
  color:#f3e5f5!important
}

.purple.lighten-4{
  border-color:#e1bee7!important
}

.purple.lighten-4,.purple.lighten-4--after:after{
  background-color:#e1bee7!important
}

.purple--text.text--lighten-4{
  color:#e1bee7!important
}

.purple.lighten-3{
  border-color:#ce93d8!important
}

.purple.lighten-3,.purple.lighten-3--after:after{
  background-color:#ce93d8!important
}

.purple--text.text--lighten-3{
  color:#ce93d8!important
}

.purple.lighten-2{
  border-color:#ba68c8!important
}

.purple.lighten-2,.purple.lighten-2--after:after{
  background-color:#ba68c8!important
}

.purple--text.text--lighten-2{
  color:#ba68c8!important
}

.purple.lighten-1{
  border-color:#ab47bc!important
}

.purple.lighten-1,.purple.lighten-1--after:after{
  background-color:#ab47bc!important
}

.purple--text.text--lighten-1{
  color:#ab47bc!important
}

.purple.darken-1{
  border-color:#8e24aa!important
}

.purple.darken-1,.purple.darken-1--after:after{
  background-color:#8e24aa!important
}

.purple--text.text--darken-1{
  color:#8e24aa!important
}

.purple.darken-2{
  border-color:#7b1fa2!important
}

.purple.darken-2,.purple.darken-2--after:after{
  background-color:#7b1fa2!important
}

.purple--text.text--darken-2{
  color:#7b1fa2!important
}

.purple.darken-3{
  border-color:#6a1b9a!important
}

.purple.darken-3,.purple.darken-3--after:after{
  background-color:#6a1b9a!important
}

.purple--text.text--darken-3{
  color:#6a1b9a!important
}

.purple.darken-4{
  border-color:#4a148c!important
}

.purple.darken-4,.purple.darken-4--after:after{
  background-color:#4a148c!important
}

.purple--text.text--darken-4{
  color:#4a148c!important
}

.purple.accent-1{
  border-color:#ea80fc!important
}

.purple.accent-1,.purple.accent-1--after:after{
  background-color:#ea80fc!important
}

.purple--text.text--accent-1{
  color:#ea80fc!important
}

.purple.accent-2{
  border-color:#e040fb!important
}

.purple.accent-2,.purple.accent-2--after:after{
  background-color:#e040fb!important
}

.purple--text.text--accent-2{
  color:#e040fb!important
}

.purple.accent-3{
  border-color:#d500f9!important
}

.purple.accent-3,.purple.accent-3--after:after{
  background-color:#d500f9!important
}

.purple--text.text--accent-3{
  color:#d500f9!important
}

.purple.accent-4{
  border-color:#a0f!important
}

.purple.accent-4,.purple.accent-4--after:after{
  background-color:#a0f!important
}

.purple--text.text--accent-4{
  color:#a0f!important
}

.deep-purple{
  background-color:#673ab7!important;
  border-color:#673ab7!important
}

.deep-purple--text{
  color:#673ab7!important
}

.deep-purple--after:after{
  background:#673ab7!important
}

.deep-purple.lighten-5{
  border-color:#ede7f6!important
}

.deep-purple.lighten-5,.deep-purple.lighten-5--after:after{
  background-color:#ede7f6!important
}

.deep-purple--text.text--lighten-5{
  color:#ede7f6!important
}

.deep-purple.lighten-4{
  border-color:#d1c4e9!important
}

.deep-purple.lighten-4,.deep-purple.lighten-4--after:after{
  background-color:#d1c4e9!important
}

.deep-purple--text.text--lighten-4{
  color:#d1c4e9!important
}

.deep-purple.lighten-3{
  border-color:#b39ddb!important
}

.deep-purple.lighten-3,.deep-purple.lighten-3--after:after{
  background-color:#b39ddb!important
}

.deep-purple--text.text--lighten-3{
  color:#b39ddb!important
}

.deep-purple.lighten-2{
  border-color:#9575cd!important
}

.deep-purple.lighten-2,.deep-purple.lighten-2--after:after{
  background-color:#9575cd!important
}

.deep-purple--text.text--lighten-2{
  color:#9575cd!important
}

.deep-purple.lighten-1{
  border-color:#7e57c2!important
}

.deep-purple.lighten-1,.deep-purple.lighten-1--after:after{
  background-color:#7e57c2!important
}

.deep-purple--text.text--lighten-1{
  color:#7e57c2!important
}

.deep-purple.darken-1{
  border-color:#5e35b1!important
}

.deep-purple.darken-1,.deep-purple.darken-1--after:after{
  background-color:#5e35b1!important
}

.deep-purple--text.text--darken-1{
  color:#5e35b1!important
}

.deep-purple.darken-2{
  border-color:#512da8!important
}

.deep-purple.darken-2,.deep-purple.darken-2--after:after{
  background-color:#512da8!important
}

.deep-purple--text.text--darken-2{
  color:#512da8!important
}

.deep-purple.darken-3{
  border-color:#4527a0!important
}

.deep-purple.darken-3,.deep-purple.darken-3--after:after{
  background-color:#4527a0!important
}

.deep-purple--text.text--darken-3{
  color:#4527a0!important
}

.deep-purple.darken-4{
  border-color:#311b92!important
}

.deep-purple.darken-4,.deep-purple.darken-4--after:after{
  background-color:#311b92!important
}

.deep-purple--text.text--darken-4{
  color:#311b92!important
}

.deep-purple.accent-1{
  border-color:#b388ff!important
}

.deep-purple.accent-1,.deep-purple.accent-1--after:after{
  background-color:#b388ff!important
}

.deep-purple--text.text--accent-1{
  color:#b388ff!important
}

.deep-purple.accent-2{
  border-color:#7c4dff!important
}

.deep-purple.accent-2,.deep-purple.accent-2--after:after{
  background-color:#7c4dff!important
}

.deep-purple--text.text--accent-2{
  color:#7c4dff!important
}

.deep-purple.accent-3{
  border-color:#651fff!important
}

.deep-purple.accent-3,.deep-purple.accent-3--after:after{
  background-color:#651fff!important
}

.deep-purple--text.text--accent-3{
  color:#651fff!important
}

.deep-purple.accent-4{
  border-color:#6200ea!important
}

.deep-purple.accent-4,.deep-purple.accent-4--after:after{
  background-color:#6200ea!important
}

.deep-purple--text.text--accent-4{
  color:#6200ea!important
}

.indigo{
  background-color:#3f51b5!important;
  border-color:#3f51b5!important
}

.indigo--text{
  color:#3f51b5!important
}

.indigo--after:after{
  background:#3f51b5!important
}

.indigo.lighten-5{
  border-color:#e8eaf6!important
}

.indigo.lighten-5,.indigo.lighten-5--after:after{
  background-color:#e8eaf6!important
}

.indigo--text.text--lighten-5{
  color:#e8eaf6!important
}

.indigo.lighten-4{
  border-color:#c5cae9!important
}

.indigo.lighten-4,.indigo.lighten-4--after:after{
  background-color:#c5cae9!important
}

.indigo--text.text--lighten-4{
  color:#c5cae9!important
}

.indigo.lighten-3{
  border-color:#9fa8da!important
}

.indigo.lighten-3,.indigo.lighten-3--after:after{
  background-color:#9fa8da!important
}

.indigo--text.text--lighten-3{
  color:#9fa8da!important
}

.indigo.lighten-2{
  border-color:#7986cb!important
}

.indigo.lighten-2,.indigo.lighten-2--after:after{
  background-color:#7986cb!important
}

.indigo--text.text--lighten-2{
  color:#7986cb!important
}

.indigo.lighten-1{
  border-color:#5c6bc0!important
}

.indigo.lighten-1,.indigo.lighten-1--after:after{
  background-color:#5c6bc0!important
}

.indigo--text.text--lighten-1{
  color:#5c6bc0!important
}

.indigo.darken-1{
  border-color:#3949ab!important
}

.indigo.darken-1,.indigo.darken-1--after:after{
  background-color:#3949ab!important
}

.indigo--text.text--darken-1{
  color:#3949ab!important
}

.indigo.darken-2{
  border-color:#303f9f!important
}

.indigo.darken-2,.indigo.darken-2--after:after{
  background-color:#303f9f!important
}

.indigo--text.text--darken-2{
  color:#303f9f!important
}

.indigo.darken-3{
  border-color:#283593!important
}

.indigo.darken-3,.indigo.darken-3--after:after{
  background-color:#283593!important
}

.indigo--text.text--darken-3{
  color:#283593!important
}

.indigo.darken-4{
  border-color:#1a237e!important
}

.indigo.darken-4,.indigo.darken-4--after:after{
  background-color:#1a237e!important
}

.indigo--text.text--darken-4{
  color:#1a237e!important
}

.indigo.accent-1{
  border-color:#8c9eff!important
}

.indigo.accent-1,.indigo.accent-1--after:after{
  background-color:#8c9eff!important
}

.indigo--text.text--accent-1{
  color:#8c9eff!important
}

.indigo.accent-2{
  border-color:#536dfe!important
}

.indigo.accent-2,.indigo.accent-2--after:after{
  background-color:#536dfe!important
}

.indigo--text.text--accent-2{
  color:#536dfe!important
}

.indigo.accent-3{
  border-color:#3d5afe!important
}

.indigo.accent-3,.indigo.accent-3--after:after{
  background-color:#3d5afe!important
}

.indigo--text.text--accent-3{
  color:#3d5afe!important
}

.indigo.accent-4{
  border-color:#304ffe!important
}

.indigo.accent-4,.indigo.accent-4--after:after{
  background-color:#304ffe!important
}

.indigo--text.text--accent-4{
  color:#304ffe!important
}

.blue{
  background-color:#2196f3!important;
  border-color:#2196f3!important
}

.blue--text{
  color:#2196f3!important
}

.blue--after:after{
  background:#2196f3!important
}

.blue.lighten-5{
  border-color:#e3f2fd!important
}

.blue.lighten-5,.blue.lighten-5--after:after{
  background-color:#e3f2fd!important
}

.blue--text.text--lighten-5{
  color:#e3f2fd!important
}

.blue.lighten-4{
  border-color:#bbdefb!important
}

.blue.lighten-4,.blue.lighten-4--after:after{
  background-color:#bbdefb!important
}

.blue--text.text--lighten-4{
  color:#bbdefb!important
}

.blue.lighten-3{
  border-color:#90caf9!important
}

.blue.lighten-3,.blue.lighten-3--after:after{
  background-color:#90caf9!important
}

.blue--text.text--lighten-3{
  color:#90caf9!important
}

.blue.lighten-2{
  border-color:#64b5f6!important
}

.blue.lighten-2,.blue.lighten-2--after:after{
  background-color:#64b5f6!important
}

.blue--text.text--lighten-2{
  color:#64b5f6!important
}

.blue.lighten-1{
  border-color:#42a5f5!important
}

.blue.lighten-1,.blue.lighten-1--after:after{
  background-color:#42a5f5!important
}

.blue--text.text--lighten-1{
  color:#42a5f5!important
}

.blue.darken-1{
  border-color:#1e88e5!important
}

.blue.darken-1,.blue.darken-1--after:after{
  background-color:#1e88e5!important
}

.blue--text.text--darken-1{
  color:#1e88e5!important
}

.blue.darken-2{
  border-color:#1976d2!important
}

.blue.darken-2,.blue.darken-2--after:after{
  background-color:#1976d2!important
}

.blue--text.text--darken-2{
  color:#1976d2!important
}

.blue.darken-3{
  border-color:#1565c0!important
}

.blue.darken-3,.blue.darken-3--after:after{
  background-color:#1565c0!important
}

.blue--text.text--darken-3{
  color:#1565c0!important
}

.blue.darken-4{
  border-color:#0d47a1!important
}

.blue.darken-4,.blue.darken-4--after:after{
  background-color:#0d47a1!important
}

.blue--text.text--darken-4{
  color:#0d47a1!important
}

.blue.accent-1{
  border-color:#82b1ff!important
}

.blue.accent-1,.blue.accent-1--after:after{
  background-color:#82b1ff!important
}

.blue--text.text--accent-1{
  color:#82b1ff!important
}

.blue.accent-2{
  border-color:#448aff!important
}

.blue.accent-2,.blue.accent-2--after:after{
  background-color:#448aff!important
}

.blue--text.text--accent-2{
  color:#448aff!important
}

.blue.accent-3{
  border-color:#2979ff!important
}

.blue.accent-3,.blue.accent-3--after:after{
  background-color:#2979ff!important
}

.blue--text.text--accent-3{
  color:#2979ff!important
}

.blue.accent-4{
  border-color:#2962ff!important
}

.blue.accent-4,.blue.accent-4--after:after{
  background-color:#2962ff!important
}

.blue--text.text--accent-4{
  color:#2962ff!important
}

.light-blue{
  background-color:#03a9f4!important;
  border-color:#03a9f4!important
}

.light-blue--text{
  color:#03a9f4!important
}

.light-blue--after:after{
  background:#03a9f4!important
}

.light-blue.lighten-5{
  border-color:#e1f5fe!important
}

.light-blue.lighten-5,.light-blue.lighten-5--after:after{
  background-color:#e1f5fe!important
}

.light-blue--text.text--lighten-5{
  color:#e1f5fe!important
}

.light-blue.lighten-4{
  border-color:#b3e5fc!important
}

.light-blue.lighten-4,.light-blue.lighten-4--after:after{
  background-color:#b3e5fc!important
}

.light-blue--text.text--lighten-4{
  color:#b3e5fc!important
}

.light-blue.lighten-3{
  border-color:#81d4fa!important
}

.light-blue.lighten-3,.light-blue.lighten-3--after:after{
  background-color:#81d4fa!important
}

.light-blue--text.text--lighten-3{
  color:#81d4fa!important
}

.light-blue.lighten-2{
  border-color:#4fc3f7!important
}

.light-blue.lighten-2,.light-blue.lighten-2--after:after{
  background-color:#4fc3f7!important
}

.light-blue--text.text--lighten-2{
  color:#4fc3f7!important
}

.light-blue.lighten-1{
  border-color:#29b6f6!important
}

.light-blue.lighten-1,.light-blue.lighten-1--after:after{
  background-color:#29b6f6!important
}

.light-blue--text.text--lighten-1{
  color:#29b6f6!important
}

.light-blue.darken-1{
  border-color:#039be5!important
}

.light-blue.darken-1,.light-blue.darken-1--after:after{
  background-color:#039be5!important
}

.light-blue--text.text--darken-1{
  color:#039be5!important
}

.light-blue.darken-2{
  border-color:#0288d1!important
}

.light-blue.darken-2,.light-blue.darken-2--after:after{
  background-color:#0288d1!important
}

.light-blue--text.text--darken-2{
  color:#0288d1!important
}

.light-blue.darken-3{
  border-color:#0277bd!important
}

.light-blue.darken-3,.light-blue.darken-3--after:after{
  background-color:#0277bd!important
}

.light-blue--text.text--darken-3{
  color:#0277bd!important
}

.light-blue.darken-4{
  border-color:#01579b!important
}

.light-blue.darken-4,.light-blue.darken-4--after:after{
  background-color:#01579b!important
}

.light-blue--text.text--darken-4{
  color:#01579b!important
}

.light-blue.accent-1{
  border-color:#80d8ff!important
}

.light-blue.accent-1,.light-blue.accent-1--after:after{
  background-color:#80d8ff!important
}

.light-blue--text.text--accent-1{
  color:#80d8ff!important
}

.light-blue.accent-2{
  border-color:#40c4ff!important
}

.light-blue.accent-2,.light-blue.accent-2--after:after{
  background-color:#40c4ff!important
}

.light-blue--text.text--accent-2{
  color:#40c4ff!important
}

.light-blue.accent-3{
  border-color:#00b0ff!important
}

.light-blue.accent-3,.light-blue.accent-3--after:after{
  background-color:#00b0ff!important
}

.light-blue--text.text--accent-3{
  color:#00b0ff!important
}

.light-blue.accent-4{
  border-color:#0091ea!important
}

.light-blue.accent-4,.light-blue.accent-4--after:after{
  background-color:#0091ea!important
}

.light-blue--text.text--accent-4{
  color:#0091ea!important
}

.cyan{
  background-color:#00bcd4!important;
  border-color:#00bcd4!important
}

.cyan--text{
  color:#00bcd4!important
}

.cyan--after:after{
  background:#00bcd4!important
}

.cyan.lighten-5{
  border-color:#e0f7fa!important
}

.cyan.lighten-5,.cyan.lighten-5--after:after{
  background-color:#e0f7fa!important
}

.cyan--text.text--lighten-5{
  color:#e0f7fa!important
}

.cyan.lighten-4{
  border-color:#b2ebf2!important
}

.cyan.lighten-4,.cyan.lighten-4--after:after{
  background-color:#b2ebf2!important
}

.cyan--text.text--lighten-4{
  color:#b2ebf2!important
}

.cyan.lighten-3{
  border-color:#80deea!important
}

.cyan.lighten-3,.cyan.lighten-3--after:after{
  background-color:#80deea!important
}

.cyan--text.text--lighten-3{
  color:#80deea!important
}

.cyan.lighten-2{
  border-color:#4dd0e1!important
}

.cyan.lighten-2,.cyan.lighten-2--after:after{
  background-color:#4dd0e1!important
}

.cyan--text.text--lighten-2{
  color:#4dd0e1!important
}

.cyan.lighten-1{
  border-color:#26c6da!important
}

.cyan.lighten-1,.cyan.lighten-1--after:after{
  background-color:#26c6da!important
}

.cyan--text.text--lighten-1{
  color:#26c6da!important
}

.cyan.darken-1{
  border-color:#00acc1!important
}

.cyan.darken-1,.cyan.darken-1--after:after{
  background-color:#00acc1!important
}

.cyan--text.text--darken-1{
  color:#00acc1!important
}

.cyan.darken-2{
  border-color:#0097a7!important
}

.cyan.darken-2,.cyan.darken-2--after:after{
  background-color:#0097a7!important
}

.cyan--text.text--darken-2{
  color:#0097a7!important
}

.cyan.darken-3{
  border-color:#00838f!important
}

.cyan.darken-3,.cyan.darken-3--after:after{
  background-color:#00838f!important
}

.cyan--text.text--darken-3{
  color:#00838f!important
}

.cyan.darken-4{
  border-color:#006064!important
}

.cyan.darken-4,.cyan.darken-4--after:after{
  background-color:#006064!important
}

.cyan--text.text--darken-4{
  color:#006064!important
}

.cyan.accent-1{
  border-color:#84ffff!important
}

.cyan.accent-1,.cyan.accent-1--after:after{
  background-color:#84ffff!important
}

.cyan--text.text--accent-1{
  color:#84ffff!important
}

.cyan.accent-2{
  border-color:#18ffff!important
}

.cyan.accent-2,.cyan.accent-2--after:after{
  background-color:#18ffff!important
}

.cyan--text.text--accent-2{
  color:#18ffff!important
}

.cyan.accent-3{
  border-color:#00e5ff!important
}

.cyan.accent-3,.cyan.accent-3--after:after{
  background-color:#00e5ff!important
}

.cyan--text.text--accent-3{
  color:#00e5ff!important
}

.cyan.accent-4{
  border-color:#00b8d4!important
}

.cyan.accent-4,.cyan.accent-4--after:after{
  background-color:#00b8d4!important
}

.cyan--text.text--accent-4{
  color:#00b8d4!important
}

.teal{
  background-color:#009688!important;
  border-color:#009688!important
}

.teal--text{
  color:#009688!important
}

.teal--after:after{
  background:#009688!important
}

.teal.lighten-5{
  border-color:#e0f2f1!important
}

.teal.lighten-5,.teal.lighten-5--after:after{
  background-color:#e0f2f1!important
}

.teal--text.text--lighten-5{
  color:#e0f2f1!important
}

.teal.lighten-4{
  border-color:#b2dfdb!important
}

.teal.lighten-4,.teal.lighten-4--after:after{
  background-color:#b2dfdb!important
}

.teal--text.text--lighten-4{
  color:#b2dfdb!important
}

.teal.lighten-3{
  border-color:#80cbc4!important
}

.teal.lighten-3,.teal.lighten-3--after:after{
  background-color:#80cbc4!important
}

.teal--text.text--lighten-3{
  color:#80cbc4!important
}

.teal.lighten-2{
  border-color:#4db6ac!important
}

.teal.lighten-2,.teal.lighten-2--after:after{
  background-color:#4db6ac!important
}

.teal--text.text--lighten-2{
  color:#4db6ac!important
}

.teal.lighten-1{
  border-color:#26a69a!important
}

.teal.lighten-1,.teal.lighten-1--after:after{
  background-color:#26a69a!important
}

.teal--text.text--lighten-1{
  color:#26a69a!important
}

.teal.darken-1{
  border-color:#00897b!important
}

.teal.darken-1,.teal.darken-1--after:after{
  background-color:#00897b!important
}

.teal--text.text--darken-1{
  color:#00897b!important
}

.teal.darken-2{
  border-color:#00796b!important
}

.teal.darken-2,.teal.darken-2--after:after{
  background-color:#00796b!important
}

.teal--text.text--darken-2{
  color:#00796b!important
}

.teal.darken-3{
  border-color:#00695c!important
}

.teal.darken-3,.teal.darken-3--after:after{
  background-color:#00695c!important
}

.teal--text.text--darken-3{
  color:#00695c!important
}

.teal.darken-4{
  border-color:#004d40!important
}

.teal.darken-4,.teal.darken-4--after:after{
  background-color:#004d40!important
}

.teal--text.text--darken-4{
  color:#004d40!important
}

.teal.accent-1{
  border-color:#a7ffeb!important
}

.teal.accent-1,.teal.accent-1--after:after{
  background-color:#a7ffeb!important
}

.teal--text.text--accent-1{
  color:#a7ffeb!important
}

.teal.accent-2{
  border-color:#64ffda!important
}

.teal.accent-2,.teal.accent-2--after:after{
  background-color:#64ffda!important
}

.teal--text.text--accent-2{
  color:#64ffda!important
}

.teal.accent-3{
  border-color:#1de9b6!important
}

.teal.accent-3,.teal.accent-3--after:after{
  background-color:#1de9b6!important
}

.teal--text.text--accent-3{
  color:#1de9b6!important
}

.teal.accent-4{
  border-color:#00bfa5!important
}

.teal.accent-4,.teal.accent-4--after:after{
  background-color:#00bfa5!important
}

.teal--text.text--accent-4{
  color:#00bfa5!important
}

.green{
  background-color:#4caf50!important;
  border-color:#4caf50!important
}

.green--text{
  color:#4caf50!important
}

.green--after:after{
  background:#4caf50!important
}

.green.lighten-5{
  border-color:#e8f5e9!important
}

.green.lighten-5,.green.lighten-5--after:after{
  background-color:#e8f5e9!important
}

.green--text.text--lighten-5{
  color:#e8f5e9!important
}

.green.lighten-4{
  border-color:#c8e6c9!important
}

.green.lighten-4,.green.lighten-4--after:after{
  background-color:#c8e6c9!important
}

.green--text.text--lighten-4{
  color:#c8e6c9!important
}

.green.lighten-3{
  border-color:#a5d6a7!important
}

.green.lighten-3,.green.lighten-3--after:after{
  background-color:#a5d6a7!important
}

.green--text.text--lighten-3{
  color:#a5d6a7!important
}

.green.lighten-2{
  border-color:#81c784!important
}

.green.lighten-2,.green.lighten-2--after:after{
  background-color:#81c784!important
}

.green--text.text--lighten-2{
  color:#81c784!important
}

.green.lighten-1{
  border-color:#66bb6a!important
}

.green.lighten-1,.green.lighten-1--after:after{
  background-color:#66bb6a!important
}

.green--text.text--lighten-1{
  color:#66bb6a!important
}

.green.darken-1{
  border-color:#43a047!important
}

.green.darken-1,.green.darken-1--after:after{
  background-color:#43a047!important
}

.green--text.text--darken-1{
  color:#43a047!important
}

.green.darken-2{
  border-color:#388e3c!important
}

.green.darken-2,.green.darken-2--after:after{
  background-color:#388e3c!important
}

.green--text.text--darken-2{
  color:#388e3c!important
}

.green.darken-3{
  border-color:#2e7d32!important
}

.green.darken-3,.green.darken-3--after:after{
  background-color:#2e7d32!important
}

.green--text.text--darken-3{
  color:#2e7d32!important
}

.green.darken-4{
  border-color:#1b5e20!important
}

.green.darken-4,.green.darken-4--after:after{
  background-color:#1b5e20!important
}

.green--text.text--darken-4{
  color:#1b5e20!important
}

.green.accent-1{
  border-color:#b9f6ca!important
}

.green.accent-1,.green.accent-1--after:after{
  background-color:#b9f6ca!important
}

.green--text.text--accent-1{
  color:#b9f6ca!important
}

.green.accent-2{
  border-color:#69f0ae!important
}

.green.accent-2,.green.accent-2--after:after{
  background-color:#69f0ae!important
}

.green--text.text--accent-2{
  color:#69f0ae!important
}

.green.accent-3{
  border-color:#00e676!important
}

.green.accent-3,.green.accent-3--after:after{
  background-color:#00e676!important
}

.green--text.text--accent-3{
  color:#00e676!important
}

.green.accent-4{
  border-color:#00c853!important
}

.green.accent-4,.green.accent-4--after:after{
  background-color:#00c853!important
}

.green--text.text--accent-4{
  color:#00c853!important
}

.light-green{
  background-color:#8bc34a!important;
  border-color:#8bc34a!important
}

.light-green--text{
  color:#8bc34a!important
}

.light-green--after:after{
  background:#8bc34a!important
}

.light-green.lighten-5{
  border-color:#f1f8e9!important
}

.light-green.lighten-5,.light-green.lighten-5--after:after{
  background-color:#f1f8e9!important
}

.light-green--text.text--lighten-5{
  color:#f1f8e9!important
}

.light-green.lighten-4{
  border-color:#dcedc8!important
}

.light-green.lighten-4,.light-green.lighten-4--after:after{
  background-color:#dcedc8!important
}

.light-green--text.text--lighten-4{
  color:#dcedc8!important
}

.light-green.lighten-3{
  border-color:#c5e1a5!important
}

.light-green.lighten-3,.light-green.lighten-3--after:after{
  background-color:#c5e1a5!important
}

.light-green--text.text--lighten-3{
  color:#c5e1a5!important
}

.light-green.lighten-2{
  border-color:#aed581!important
}

.light-green.lighten-2,.light-green.lighten-2--after:after{
  background-color:#aed581!important
}

.light-green--text.text--lighten-2{
  color:#aed581!important
}

.light-green.lighten-1{
  border-color:#9ccc65!important
}

.light-green.lighten-1,.light-green.lighten-1--after:after{
  background-color:#9ccc65!important
}

.light-green--text.text--lighten-1{
  color:#9ccc65!important
}

.light-green.darken-1{
  border-color:#7cb342!important
}

.light-green.darken-1,.light-green.darken-1--after:after{
  background-color:#7cb342!important
}

.light-green--text.text--darken-1{
  color:#7cb342!important
}

.light-green.darken-2{
  border-color:#689f38!important
}

.light-green.darken-2,.light-green.darken-2--after:after{
  background-color:#689f38!important
}

.light-green--text.text--darken-2{
  color:#689f38!important
}

.light-green.darken-3{
  border-color:#558b2f!important
}

.light-green.darken-3,.light-green.darken-3--after:after{
  background-color:#558b2f!important
}

.light-green--text.text--darken-3{
  color:#558b2f!important
}

.light-green.darken-4{
  border-color:#33691e!important
}

.light-green.darken-4,.light-green.darken-4--after:after{
  background-color:#33691e!important
}

.light-green--text.text--darken-4{
  color:#33691e!important
}

.light-green.accent-1{
  border-color:#ccff90!important
}

.light-green.accent-1,.light-green.accent-1--after:after{
  background-color:#ccff90!important
}

.light-green--text.text--accent-1{
  color:#ccff90!important
}

.light-green.accent-2{
  border-color:#b2ff59!important
}

.light-green.accent-2,.light-green.accent-2--after:after{
  background-color:#b2ff59!important
}

.light-green--text.text--accent-2{
  color:#b2ff59!important
}

.light-green.accent-3{
  border-color:#76ff03!important
}

.light-green.accent-3,.light-green.accent-3--after:after{
  background-color:#76ff03!important
}

.light-green--text.text--accent-3{
  color:#76ff03!important
}

.light-green.accent-4{
  border-color:#64dd17!important
}

.light-green.accent-4,.light-green.accent-4--after:after{
  background-color:#64dd17!important
}

.light-green--text.text--accent-4{
  color:#64dd17!important
}

.lime{
  background-color:#cddc39!important;
  border-color:#cddc39!important
}

.lime--text{
  color:#cddc39!important
}

.lime--after:after{
  background:#cddc39!important
}

.lime.lighten-5{
  border-color:#f9fbe7!important
}

.lime.lighten-5,.lime.lighten-5--after:after{
  background-color:#f9fbe7!important
}

.lime--text.text--lighten-5{
  color:#f9fbe7!important
}

.lime.lighten-4{
  border-color:#f0f4c3!important
}

.lime.lighten-4,.lime.lighten-4--after:after{
  background-color:#f0f4c3!important
}

.lime--text.text--lighten-4{
  color:#f0f4c3!important
}

.lime.lighten-3{
  border-color:#e6ee9c!important
}

.lime.lighten-3,.lime.lighten-3--after:after{
  background-color:#e6ee9c!important
}

.lime--text.text--lighten-3{
  color:#e6ee9c!important
}

.lime.lighten-2{
  border-color:#dce775!important
}

.lime.lighten-2,.lime.lighten-2--after:after{
  background-color:#dce775!important
}

.lime--text.text--lighten-2{
  color:#dce775!important
}

.lime.lighten-1{
  border-color:#d4e157!important
}

.lime.lighten-1,.lime.lighten-1--after:after{
  background-color:#d4e157!important
}

.lime--text.text--lighten-1{
  color:#d4e157!important
}

.lime.darken-1{
  border-color:#c0ca33!important
}

.lime.darken-1,.lime.darken-1--after:after{
  background-color:#c0ca33!important
}

.lime--text.text--darken-1{
  color:#c0ca33!important
}

.lime.darken-2{
  border-color:#afb42b!important
}

.lime.darken-2,.lime.darken-2--after:after{
  background-color:#afb42b!important
}

.lime--text.text--darken-2{
  color:#afb42b!important
}

.lime.darken-3{
  border-color:#9e9d24!important
}

.lime.darken-3,.lime.darken-3--after:after{
  background-color:#9e9d24!important
}

.lime--text.text--darken-3{
  color:#9e9d24!important
}

.lime.darken-4{
  border-color:#827717!important
}

.lime.darken-4,.lime.darken-4--after:after{
  background-color:#827717!important
}

.lime--text.text--darken-4{
  color:#827717!important
}

.lime.accent-1{
  border-color:#f4ff81!important
}

.lime.accent-1,.lime.accent-1--after:after{
  background-color:#f4ff81!important
}

.lime--text.text--accent-1{
  color:#f4ff81!important
}

.lime.accent-2{
  border-color:#eeff41!important
}

.lime.accent-2,.lime.accent-2--after:after{
  background-color:#eeff41!important
}

.lime--text.text--accent-2{
  color:#eeff41!important
}

.lime.accent-3{
  border-color:#c6ff00!important
}

.lime.accent-3,.lime.accent-3--after:after{
  background-color:#c6ff00!important
}

.lime--text.text--accent-3{
  color:#c6ff00!important
}

.lime.accent-4{
  border-color:#aeea00!important
}

.lime.accent-4,.lime.accent-4--after:after{
  background-color:#aeea00!important
}

.lime--text.text--accent-4{
  color:#aeea00!important
}

.yellow{
  background-color:#ffeb3b!important;
  border-color:#ffeb3b!important
}

.yellow--text{
  color:#ffeb3b!important
}

.yellow--after:after{
  background:#ffeb3b!important
}

.yellow.lighten-5{
  border-color:#fffde7!important
}

.yellow.lighten-5,.yellow.lighten-5--after:after{
  background-color:#fffde7!important
}

.yellow--text.text--lighten-5{
  color:#fffde7!important
}

.yellow.lighten-4{
  border-color:#fff9c4!important
}

.yellow.lighten-4,.yellow.lighten-4--after:after{
  background-color:#fff9c4!important
}

.yellow--text.text--lighten-4{
  color:#fff9c4!important
}

.yellow.lighten-3{
  border-color:#fff59d!important
}

.yellow.lighten-3,.yellow.lighten-3--after:after{
  background-color:#fff59d!important
}

.yellow--text.text--lighten-3{
  color:#fff59d!important
}

.yellow.lighten-2{
  border-color:#fff176!important
}

.yellow.lighten-2,.yellow.lighten-2--after:after{
  background-color:#fff176!important
}

.yellow--text.text--lighten-2{
  color:#fff176!important
}

.yellow.lighten-1{
  border-color:#ffee58!important
}

.yellow.lighten-1,.yellow.lighten-1--after:after{
  background-color:#ffee58!important
}

.yellow--text.text--lighten-1{
  color:#ffee58!important
}

.yellow.darken-1{
  border-color:#fdd835!important
}

.yellow.darken-1,.yellow.darken-1--after:after{
  background-color:#fdd835!important
}

.yellow--text.text--darken-1{
  color:#fdd835!important
}

.yellow.darken-2{
  border-color:#fbc02d!important
}

.yellow.darken-2,.yellow.darken-2--after:after{
  background-color:#fbc02d!important
}

.yellow--text.text--darken-2{
  color:#fbc02d!important
}

.yellow.darken-3{
  border-color:#f9a825!important
}

.yellow.darken-3,.yellow.darken-3--after:after{
  background-color:#f9a825!important
}

.yellow--text.text--darken-3{
  color:#f9a825!important
}

.yellow.darken-4{
  border-color:#f57f17!important
}

.yellow.darken-4,.yellow.darken-4--after:after{
  background-color:#f57f17!important
}

.yellow--text.text--darken-4{
  color:#f57f17!important
}

.yellow.accent-1{
  border-color:#ffff8d!important
}

.yellow.accent-1,.yellow.accent-1--after:after{
  background-color:#ffff8d!important
}

.yellow--text.text--accent-1{
  color:#ffff8d!important
}

.yellow.accent-2{
  border-color:#ff0!important
}

.yellow.accent-2,.yellow.accent-2--after:after{
  background-color:#ff0!important
}

.yellow--text.text--accent-2{
  color:#ff0!important
}

.yellow.accent-3{
  border-color:#ffea00!important
}

.yellow.accent-3,.yellow.accent-3--after:after{
  background-color:#ffea00!important
}

.yellow--text.text--accent-3{
  color:#ffea00!important
}

.yellow.accent-4{
  border-color:#ffd600!important
}

.yellow.accent-4,.yellow.accent-4--after:after{
  background-color:#ffd600!important
}

.yellow--text.text--accent-4{
  color:#ffd600!important
}

.amber{
  background-color:#ffc107!important;
  border-color:#ffc107!important
}

.amber--text{
  color:#ffc107!important
}

.amber--after:after{
  background:#ffc107!important
}

.amber.lighten-5{
  border-color:#fff8e1!important
}

.amber.lighten-5,.amber.lighten-5--after:after{
  background-color:#fff8e1!important
}

.amber--text.text--lighten-5{
  color:#fff8e1!important
}

.amber.lighten-4{
  border-color:#ffecb3!important
}

.amber.lighten-4,.amber.lighten-4--after:after{
  background-color:#ffecb3!important
}

.amber--text.text--lighten-4{
  color:#ffecb3!important
}

.amber.lighten-3{
  border-color:#ffe082!important
}

.amber.lighten-3,.amber.lighten-3--after:after{
  background-color:#ffe082!important
}

.amber--text.text--lighten-3{
  color:#ffe082!important
}

.amber.lighten-2{
  border-color:#ffd54f!important
}

.amber.lighten-2,.amber.lighten-2--after:after{
  background-color:#ffd54f!important
}

.amber--text.text--lighten-2{
  color:#ffd54f!important
}

.amber.lighten-1{
  border-color:#ffca28!important
}

.amber.lighten-1,.amber.lighten-1--after:after{
  background-color:#ffca28!important
}

.amber--text.text--lighten-1{
  color:#ffca28!important
}

.amber.darken-1{
  border-color:#ffb300!important
}

.amber.darken-1,.amber.darken-1--after:after{
  background-color:#ffb300!important
}

.amber--text.text--darken-1{
  color:#ffb300!important
}

.amber.darken-2{
  border-color:#ffa000!important
}

.amber.darken-2,.amber.darken-2--after:after{
  background-color:#ffa000!important
}

.amber--text.text--darken-2{
  color:#ffa000!important
}

.amber.darken-3{
  border-color:#ff8f00!important
}

.amber.darken-3,.amber.darken-3--after:after{
  background-color:#ff8f00!important
}

.amber--text.text--darken-3{
  color:#ff8f00!important
}

.amber.darken-4{
  border-color:#ff6f00!important
}

.amber.darken-4,.amber.darken-4--after:after{
  background-color:#ff6f00!important
}

.amber--text.text--darken-4{
  color:#ff6f00!important
}

.amber.accent-1{
  border-color:#ffe57f!important
}

.amber.accent-1,.amber.accent-1--after:after{
  background-color:#ffe57f!important
}

.amber--text.text--accent-1{
  color:#ffe57f!important
}

.amber.accent-2{
  border-color:#ffd740!important
}

.amber.accent-2,.amber.accent-2--after:after{
  background-color:#ffd740!important
}

.amber--text.text--accent-2{
  color:#ffd740!important
}

.amber.accent-3{
  border-color:#ffc400!important
}

.amber.accent-3,.amber.accent-3--after:after{
  background-color:#ffc400!important
}

.amber--text.text--accent-3{
  color:#ffc400!important
}

.amber.accent-4{
  border-color:#ffab00!important
}

.amber.accent-4,.amber.accent-4--after:after{
  background-color:#ffab00!important
}

.amber--text.text--accent-4{
  color:#ffab00!important
}

.orange{
  background-color:#ff9800!important;
  border-color:#ff9800!important
}

.orange--text{
  color:#ff9800!important
}

.orange--after:after{
  background:#ff9800!important
}

.orange.lighten-5{
  border-color:#fff3e0!important
}

.orange.lighten-5,.orange.lighten-5--after:after{
  background-color:#fff3e0!important
}

.orange--text.text--lighten-5{
  color:#fff3e0!important
}

.orange.lighten-4{
  border-color:#ffe0b2!important
}

.orange.lighten-4,.orange.lighten-4--after:after{
  background-color:#ffe0b2!important
}

.orange--text.text--lighten-4{
  color:#ffe0b2!important
}

.orange.lighten-3{
  border-color:#ffcc80!important
}

.orange.lighten-3,.orange.lighten-3--after:after{
  background-color:#ffcc80!important
}

.orange--text.text--lighten-3{
  color:#ffcc80!important
}

.orange.lighten-2{
  border-color:#ffb74d!important
}

.orange.lighten-2,.orange.lighten-2--after:after{
  background-color:#ffb74d!important
}

.orange--text.text--lighten-2{
  color:#ffb74d!important
}

.orange.lighten-1{
  border-color:#ffa726!important
}

.orange.lighten-1,.orange.lighten-1--after:after{
  background-color:#ffa726!important
}

.orange--text.text--lighten-1{
  color:#ffa726!important
}

.orange.darken-1{
  border-color:#fb8c00!important
}

.orange.darken-1,.orange.darken-1--after:after{
  background-color:#fb8c00!important
}

.orange--text.text--darken-1{
  color:#fb8c00!important
}

.orange.darken-2{
  border-color:#f57c00!important
}

.orange.darken-2,.orange.darken-2--after:after{
  background-color:#f57c00!important
}

.orange--text.text--darken-2{
  color:#f57c00!important
}

.orange.darken-3{
  border-color:#ef6c00!important
}

.orange.darken-3,.orange.darken-3--after:after{
  background-color:#ef6c00!important
}

.orange--text.text--darken-3{
  color:#ef6c00!important
}

.orange.darken-4{
  border-color:#e65100!important
}

.orange.darken-4,.orange.darken-4--after:after{
  background-color:#e65100!important
}

.orange--text.text--darken-4{
  color:#e65100!important
}

.orange.accent-1{
  border-color:#ffd180!important
}

.orange.accent-1,.orange.accent-1--after:after{
  background-color:#ffd180!important
}

.orange--text.text--accent-1{
  color:#ffd180!important
}

.orange.accent-2{
  border-color:#ffab40!important
}

.orange.accent-2,.orange.accent-2--after:after{
  background-color:#ffab40!important
}

.orange--text.text--accent-2{
  color:#ffab40!important
}

.orange.accent-3{
  border-color:#ff9100!important
}

.orange.accent-3,.orange.accent-3--after:after{
  background-color:#ff9100!important
}

.orange--text.text--accent-3{
  color:#ff9100!important
}

.orange.accent-4{
  border-color:#ff6d00!important
}

.orange.accent-4,.orange.accent-4--after:after{
  background-color:#ff6d00!important
}

.orange--text.text--accent-4{
  color:#ff6d00!important
}

.deep-orange{
  background-color:#ff5722!important;
  border-color:#ff5722!important
}

.deep-orange--text{
  color:#ff5722!important
}

.deep-orange--after:after{
  background:#ff5722!important
}

.deep-orange.lighten-5{
  border-color:#fbe9e7!important
}

.deep-orange.lighten-5,.deep-orange.lighten-5--after:after{
  background-color:#fbe9e7!important
}

.deep-orange--text.text--lighten-5{
  color:#fbe9e7!important
}

.deep-orange.lighten-4{
  border-color:#ffccbc!important
}

.deep-orange.lighten-4,.deep-orange.lighten-4--after:after{
  background-color:#ffccbc!important
}

.deep-orange--text.text--lighten-4{
  color:#ffccbc!important
}

.deep-orange.lighten-3{
  border-color:#ffab91!important
}

.deep-orange.lighten-3,.deep-orange.lighten-3--after:after{
  background-color:#ffab91!important
}

.deep-orange--text.text--lighten-3{
  color:#ffab91!important
}

.deep-orange.lighten-2{
  border-color:#ff8a65!important
}

.deep-orange.lighten-2,.deep-orange.lighten-2--after:after{
  background-color:#ff8a65!important
}

.deep-orange--text.text--lighten-2{
  color:#ff8a65!important
}

.deep-orange.lighten-1{
  border-color:#ff7043!important
}

.deep-orange.lighten-1,.deep-orange.lighten-1--after:after{
  background-color:#ff7043!important
}

.deep-orange--text.text--lighten-1{
  color:#ff7043!important
}

.deep-orange.darken-1{
  border-color:#f4511e!important
}

.deep-orange.darken-1,.deep-orange.darken-1--after:after{
  background-color:#f4511e!important
}

.deep-orange--text.text--darken-1{
  color:#f4511e!important
}

.deep-orange.darken-2{
  border-color:#e64a19!important
}

.deep-orange.darken-2,.deep-orange.darken-2--after:after{
  background-color:#e64a19!important
}

.deep-orange--text.text--darken-2{
  color:#e64a19!important
}

.deep-orange.darken-3{
  border-color:#d84315!important
}

.deep-orange.darken-3,.deep-orange.darken-3--after:after{
  background-color:#d84315!important
}

.deep-orange--text.text--darken-3{
  color:#d84315!important
}

.deep-orange.darken-4{
  border-color:#bf360c!important
}

.deep-orange.darken-4,.deep-orange.darken-4--after:after{
  background-color:#bf360c!important
}

.deep-orange--text.text--darken-4{
  color:#bf360c!important
}

.deep-orange.accent-1{
  border-color:#ff9e80!important
}

.deep-orange.accent-1,.deep-orange.accent-1--after:after{
  background-color:#ff9e80!important
}

.deep-orange--text.text--accent-1{
  color:#ff9e80!important
}

.deep-orange.accent-2{
  border-color:#ff6e40!important
}

.deep-orange.accent-2,.deep-orange.accent-2--after:after{
  background-color:#ff6e40!important
}

.deep-orange--text.text--accent-2{
  color:#ff6e40!important
}

.deep-orange.accent-3{
  border-color:#ff3d00!important
}

.deep-orange.accent-3,.deep-orange.accent-3--after:after{
  background-color:#ff3d00!important
}

.deep-orange--text.text--accent-3{
  color:#ff3d00!important
}

.deep-orange.accent-4{
  border-color:#dd2c00!important
}

.deep-orange.accent-4,.deep-orange.accent-4--after:after{
  background-color:#dd2c00!important
}

.deep-orange--text.text--accent-4{
  color:#dd2c00!important
}

.brown{
  background-color:#795548!important;
  border-color:#795548!important
}

.brown--text{
  color:#795548!important
}

.brown--after:after{
  background:#795548!important
}

.brown.lighten-5{
  border-color:#efebe9!important
}

.brown.lighten-5,.brown.lighten-5--after:after{
  background-color:#efebe9!important
}

.brown--text.text--lighten-5{
  color:#efebe9!important
}

.brown.lighten-4{
  border-color:#d7ccc8!important
}

.brown.lighten-4,.brown.lighten-4--after:after{
  background-color:#d7ccc8!important
}

.brown--text.text--lighten-4{
  color:#d7ccc8!important
}

.brown.lighten-3{
  border-color:#bcaaa4!important
}

.brown.lighten-3,.brown.lighten-3--after:after{
  background-color:#bcaaa4!important
}

.brown--text.text--lighten-3{
  color:#bcaaa4!important
}

.brown.lighten-2{
  border-color:#a1887f!important
}

.brown.lighten-2,.brown.lighten-2--after:after{
  background-color:#a1887f!important
}

.brown--text.text--lighten-2{
  color:#a1887f!important
}

.brown.lighten-1{
  border-color:#8d6e63!important
}

.brown.lighten-1,.brown.lighten-1--after:after{
  background-color:#8d6e63!important
}

.brown--text.text--lighten-1{
  color:#8d6e63!important
}

.brown.darken-1{
  border-color:#6d4c41!important
}

.brown.darken-1,.brown.darken-1--after:after{
  background-color:#6d4c41!important
}

.brown--text.text--darken-1{
  color:#6d4c41!important
}

.brown.darken-2{
  border-color:#5d4037!important
}

.brown.darken-2,.brown.darken-2--after:after{
  background-color:#5d4037!important
}

.brown--text.text--darken-2{
  color:#5d4037!important
}

.brown.darken-3{
  border-color:#4e342e!important
}

.brown.darken-3,.brown.darken-3--after:after{
  background-color:#4e342e!important
}

.brown--text.text--darken-3{
  color:#4e342e!important
}

.brown.darken-4{
  border-color:#3e2723!important
}

.brown.darken-4,.brown.darken-4--after:after{
  background-color:#3e2723!important
}

.brown--text.text--darken-4{
  color:#3e2723!important
}

.blue-grey{
  background-color:#607d8b!important;
  border-color:#607d8b!important
}

.blue-grey--text{
  color:#607d8b!important
}

.blue-grey--after:after{
  background:#607d8b!important
}

.blue-grey.lighten-5{
  border-color:#eceff1!important
}

.blue-grey.lighten-5,.blue-grey.lighten-5--after:after{
  background-color:#eceff1!important
}

.blue-grey--text.text--lighten-5{
  color:#eceff1!important
}

.blue-grey.lighten-4{
  border-color:#cfd8dc!important
}

.blue-grey.lighten-4,.blue-grey.lighten-4--after:after{
  background-color:#cfd8dc!important
}

.blue-grey--text.text--lighten-4{
  color:#cfd8dc!important
}

.blue-grey.lighten-3{
  border-color:#b0bec5!important
}

.blue-grey.lighten-3,.blue-grey.lighten-3--after:after{
  background-color:#b0bec5!important
}

.blue-grey--text.text--lighten-3{
  color:#b0bec5!important
}

.blue-grey.lighten-2{
  border-color:#90a4ae!important
}

.blue-grey.lighten-2,.blue-grey.lighten-2--after:after{
  background-color:#90a4ae!important
}

.blue-grey--text.text--lighten-2{
  color:#90a4ae!important
}

.blue-grey.lighten-1{
  border-color:#78909c!important
}

.blue-grey.lighten-1,.blue-grey.lighten-1--after:after{
  background-color:#78909c!important
}

.blue-grey--text.text--lighten-1{
  color:#78909c!important
}

.blue-grey.darken-1{
  border-color:#546e7a!important
}

.blue-grey.darken-1,.blue-grey.darken-1--after:after{
  background-color:#546e7a!important
}

.blue-grey--text.text--darken-1{
  color:#546e7a!important
}

.blue-grey.darken-2{
  border-color:#455a64!important
}

.blue-grey.darken-2,.blue-grey.darken-2--after:after{
  background-color:#455a64!important
}

.blue-grey--text.text--darken-2{
  color:#455a64!important
}

.blue-grey.darken-3{
  border-color:#37474f!important
}

.blue-grey.darken-3,.blue-grey.darken-3--after:after{
  background-color:#37474f!important
}

.blue-grey--text.text--darken-3{
  color:#37474f!important
}

.blue-grey.darken-4{
  border-color:#263238!important
}

.blue-grey.darken-4,.blue-grey.darken-4--after:after{
  background-color:#263238!important
}

.blue-grey--text.text--darken-4{
  color:#263238!important
}

.grey{
  background-color:#9e9e9e!important;
  border-color:#9e9e9e!important
}

.grey--text{
  color:#9e9e9e!important
}

.grey--after:after{
  background:#9e9e9e!important
}

.grey.lighten-5{
  border-color:#fafafa!important
}

.grey.lighten-5,.grey.lighten-5--after:after{
  background-color:#fafafa!important
}

.grey--text.text--lighten-5{
  color:#fafafa!important
}

.grey.lighten-4{
  border-color:#f5f5f5!important
}

.grey.lighten-4,.grey.lighten-4--after:after{
  background-color:#f5f5f5!important
}

.grey--text.text--lighten-4{
  color:#f5f5f5!important
}

.grey.lighten-3{
  border-color:#eee!important
}

.grey.lighten-3,.grey.lighten-3--after:after{
  background-color:#eee!important
}

.grey--text.text--lighten-3{
  color:#eee!important
}

.grey.lighten-2{
  border-color:#e0e0e0!important
}

.grey.lighten-2,.grey.lighten-2--after:after{
  background-color:#e0e0e0!important
}

.grey--text.text--lighten-2{
  color:#e0e0e0!important
}

.grey.lighten-1{
  border-color:#bdbdbd!important
}

.grey.lighten-1,.grey.lighten-1--after:after{
  background-color:#bdbdbd!important
}

.grey--text.text--lighten-1{
  color:#bdbdbd!important
}

.grey.darken-1{
  border-color:#757575!important
}

.grey.darken-1,.grey.darken-1--after:after{
  background-color:#757575!important
}

.grey--text.text--darken-1{
  color:#757575!important
}

.grey.darken-2{
  border-color:#616161!important
}

.grey.darken-2,.grey.darken-2--after:after{
  background-color:#616161!important
}

.grey--text.text--darken-2{
  color:#616161!important
}

.grey.darken-3{
  border-color:#424242!important
}

.grey.darken-3,.grey.darken-3--after:after{
  background-color:#424242!important
}

.grey--text.text--darken-3{
  color:#424242!important
}

.grey.darken-4{
  border-color:#212121!important
}

.grey.darken-4,.grey.darken-4--after:after{
  background-color:#212121!important
}

.grey--text.text--darken-4{
  color:#212121!important
}

.shades.black{
  border-color:#000!important
}

.shades.black,.shades.black--after:after{
  background-color:#000!important
}

.shades--text.text--black{
  color:#000!important
}

.shades.white{
  border-color:#fff!important
}

.shades.white,.shades.white--after:after{
  background-color:#fff!important
}

.shades--text.text--white{
  color:#fff!important
}

.shades.transparent{
  border-color:transparent!important
}

.shades.transparent,.shades.transparent--after:after{
  background-color:transparent!important
}

.shades--text.text--transparent{
  color:transparent!important
}

.container{
  margin-right:auto;
  margin-left:auto;
  flex-basis:100%;
  padding:24px
}

@media only screen and (max-width:599px){
  .container{
    padding:16px
  }
}

@media only screen and (min-width:540px){
  .container{
    max-width:540px
  }
}

@media only screen and (min-width:921.6px){
  .container{
    max-width:921.6px
  }
}

@media only screen and (min-width:1281.6000000000001px){
  .container{
    max-width:1281.6000000000001px
  }
}

@media only screen and (min-width:1713.6000000000001px){
  .container{
    max-width:1713.6000000000001px
  }
}

.container--fluid{
  max-width:100%;
  width:100%
}

.layout{
  display:flex;
  margin-right:-12px;
  margin-left:-12px
}

.layout.column,.layout.row{
  flex:0 1 auto
}

.layout.column.grow,.layout.row.grow{
  flex-grow:1
}

.layout.row{
  flex-direction:row
}

.layout.row.reverse{
  flex-direction:row-reverse
}

.layout.column{
  flex-direction:column
}

.layout.column.reverse{
  flex-direction:column-reverse
}

.layout.wrap{
  flex-wrap:wrap
}

.layout.align-start{
  align-items:flex-start
}

.layout.align-end{
  align-items:flex-end
}

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

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

.layout.justify-start{
  justify-content:flex-start
}

.layout.justify-end{
  justify-content:flex-end
}

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

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

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

.layout.child-flex>*,.layout.flex{
  flex:1
}

.layout .flex{
  padding-right:12px;
  padding-left:12px
}

.layout .flex.xs{
  flex-grow:1;
  flex-shrink:1
}

@media only screen and (min-width:0){
  .layout.row-xs{
    flex:0 1 auto;
    flex-direction:row
  }

  .layout.column-xs,.layout.row-xs{
    -webkit-box-flex:0
  }

  .layout.column-xs{
    flex:0 1 auto;
    flex-direction:column
  }

  .layout.child-flex-xs>*,.layout.flex{
    flex:1
  }

  .layout .flex.xs1{
    flex-basis:8.333333333333332%;
    max-width:8.333333333333332%
  }

  .layout .flex.offset-xs1{
    margin-left:8.333333333333332%
  }

  .layout .flex.order-xs1{
    order:1
  }

  .layout .flex.xs2{
    flex-basis:16.666666666666664%;
    max-width:16.666666666666664%
  }

  .layout .flex.offset-xs2{
    margin-left:16.666666666666664%
  }

  .layout .flex.order-xs2{
    order:2
  }

  .layout .flex.xs3{
    flex-basis:25%;
    max-width:25%
  }

  .layout .flex.offset-xs3{
    margin-left:25%
  }

  .layout .flex.order-xs3{
    order:3
  }

  .layout .flex.xs4{
    flex-basis:33.33333333333333%;
    max-width:33.33333333333333%
  }

  .layout .flex.offset-xs4{
    margin-left:33.33333333333333%
  }

  .layout .flex.order-xs4{
    order:4
  }

  .layout .flex.xs5{
    flex-basis:41.66666666666667%;
    max-width:41.66666666666667%
  }

  .layout .flex.offset-xs5{
    margin-left:41.66666666666667%
  }

  .layout .flex.order-xs5{
    order:5
  }

  .layout .flex.xs6{
    flex-basis:50%;
    max-width:50%
  }

  .layout .flex.offset-xs6{
    margin-left:50%
  }

  .layout .flex.order-xs6{
    order:6
  }

  .layout .flex.xs7{
    flex-basis:58.333333333333336%;
    max-width:58.333333333333336%
  }

  .layout .flex.offset-xs7{
    margin-left:58.333333333333336%
  }

  .layout .flex.order-xs7{
    order:7
  }

  .layout .flex.xs8{
    flex-basis:66.66666666666666%;
    max-width:66.66666666666666%
  }

  .layout .flex.offset-xs8{
    margin-left:66.66666666666666%
  }

  .layout .flex.order-xs8{
    order:8
  }

  .layout .flex.xs9{
    flex-basis:75%;
    max-width:75%
  }

  .layout .flex.offset-xs9{
    margin-left:75%
  }

  .layout .flex.order-xs9{
    order:9
  }

  .layout .flex.xs10{
    flex-basis:83.33333333333334%;
    max-width:83.33333333333334%
  }

  .layout .flex.offset-xs10{
    margin-left:83.33333333333334%
  }

  .layout .flex.order-xs10{
    order:10
  }

  .layout .flex.xs11{
    flex-basis:91.66666666666666%;
    max-width:91.66666666666666%
  }

  .layout .flex.offset-xs11{
    margin-left:91.66666666666666%
  }

  .layout .flex.order-xs11{
    order:11
  }

  .layout .flex.xs12{
    flex-basis:100%;
    max-width:100%
  }

  .layout .flex.offset-xs12{
    margin-left:100%
  }

  .layout .flex.order-xs12{
    order:12
  }
}

.layout .flex.sm{
  flex-grow:1;
  flex-shrink:1
}

@media only screen and (min-width:600px){
  .layout.row-sm{
    flex:0 1 auto;
    flex-direction:row
  }

  .layout.column-sm,.layout.row-sm{
    -webkit-box-flex:0
  }

  .layout.column-sm{
    flex:0 1 auto;
    flex-direction:column
  }

  .layout.child-flex-sm>*,.layout.flex{
    flex:1
  }

  .layout .flex.sm1{
    flex-basis:8.333333333333332%;
    max-width:8.333333333333332%
  }

  .layout .flex.offset-sm1{
    margin-left:8.333333333333332%
  }

  .layout .flex.order-sm1{
    order:1
  }

  .layout .flex.sm2{
    flex-basis:16.666666666666664%;
    max-width:16.666666666666664%
  }

  .layout .flex.offset-sm2{
    margin-left:16.666666666666664%
  }

  .layout .flex.order-sm2{
    order:2
  }

  .layout .flex.sm3{
    flex-basis:25%;
    max-width:25%
  }

  .layout .flex.offset-sm3{
    margin-left:25%
  }

  .layout .flex.order-sm3{
    order:3
  }

  .layout .flex.sm4{
    flex-basis:33.33333333333333%;
    max-width:33.33333333333333%
  }

  .layout .flex.offset-sm4{
    margin-left:33.33333333333333%
  }

  .layout .flex.order-sm4{
    order:4
  }

  .layout .flex.sm5{
    flex-basis:41.66666666666667%;
    max-width:41.66666666666667%
  }

  .layout .flex.offset-sm5{
    margin-left:41.66666666666667%
  }

  .layout .flex.order-sm5{
    order:5
  }

  .layout .flex.sm6{
    flex-basis:50%;
    max-width:50%
  }

  .layout .flex.offset-sm6{
    margin-left:50%
  }

  .layout .flex.order-sm6{
    order:6
  }

  .layout .flex.sm7{
    flex-basis:58.333333333333336%;
    max-width:58.333333333333336%
  }

  .layout .flex.offset-sm7{
    margin-left:58.333333333333336%
  }

  .layout .flex.order-sm7{
    order:7
  }

  .layout .flex.sm8{
    flex-basis:66.66666666666666%;
    max-width:66.66666666666666%
  }

  .layout .flex.offset-sm8{
    margin-left:66.66666666666666%
  }

  .layout .flex.order-sm8{
    order:8
  }

  .layout .flex.sm9{
    flex-basis:75%;
    max-width:75%
  }

  .layout .flex.offset-sm9{
    margin-left:75%
  }

  .layout .flex.order-sm9{
    order:9
  }

  .layout .flex.sm10{
    flex-basis:83.33333333333334%;
    max-width:83.33333333333334%
  }

  .layout .flex.offset-sm10{
    margin-left:83.33333333333334%
  }

  .layout .flex.order-sm10{
    order:10
  }

  .layout .flex.sm11{
    flex-basis:91.66666666666666%;
    max-width:91.66666666666666%
  }

  .layout .flex.offset-sm11{
    margin-left:91.66666666666666%
  }

  .layout .flex.order-sm11{
    order:11
  }

  .layout .flex.sm12{
    flex-basis:100%;
    max-width:100%
  }

  .layout .flex.offset-sm12{
    margin-left:100%
  }

  .layout .flex.order-sm12{
    order:12
  }
}

.layout .flex.md{
  flex-grow:1;
  flex-shrink:1
}

@media only screen and (min-width:1024px){
  .layout.row-md{
    flex:0 1 auto;
    flex-direction:row
  }

  .layout.column-md,.layout.row-md{
    -webkit-box-flex:0
  }

  .layout.column-md{
    flex:0 1 auto;
    flex-direction:column
  }

  .layout.child-flex-md>*,.layout.flex{
    flex:1
  }

  .layout .flex.md1{
    flex-basis:8.333333333333332%;
    max-width:8.333333333333332%
  }

  .layout .flex.offset-md1{
    margin-left:8.333333333333332%
  }

  .layout .flex.order-md1{
    order:1
  }

  .layout .flex.md2{
    flex-basis:16.666666666666664%;
    max-width:16.666666666666664%
  }

  .layout .flex.offset-md2{
    margin-left:16.666666666666664%
  }

  .layout .flex.order-md2{
    order:2
  }

  .layout .flex.md3{
    flex-basis:25%;
    max-width:25%
  }

  .layout .flex.offset-md3{
    margin-left:25%
  }

  .layout .flex.order-md3{
    order:3
  }

  .layout .flex.md4{
    flex-basis:33.33333333333333%;
    max-width:33.33333333333333%
  }

  .layout .flex.offset-md4{
    margin-left:33.33333333333333%
  }

  .layout .flex.order-md4{
    order:4
  }

  .layout .flex.md5{
    flex-basis:41.66666666666667%;
    max-width:41.66666666666667%
  }

  .layout .flex.offset-md5{
    margin-left:41.66666666666667%
  }

  .layout .flex.order-md5{
    order:5
  }

  .layout .flex.md6{
    flex-basis:50%;
    max-width:50%
  }

  .layout .flex.offset-md6{
    margin-left:50%
  }

  .layout .flex.order-md6{
    order:6
  }

  .layout .flex.md7{
    flex-basis:58.333333333333336%;
    max-width:58.333333333333336%
  }

  .layout .flex.offset-md7{
    margin-left:58.333333333333336%
  }

  .layout .flex.order-md7{
    order:7
  }

  .layout .flex.md8{
    flex-basis:66.66666666666666%;
    max-width:66.66666666666666%
  }

  .layout .flex.offset-md8{
    margin-left:66.66666666666666%
  }

  .layout .flex.order-md8{
    order:8
  }

  .layout .flex.md9{
    flex-basis:75%;
    max-width:75%
  }

  .layout .flex.offset-md9{
    margin-left:75%
  }

  .layout .flex.order-md9{
    order:9
  }

  .layout .flex.md10{
    flex-basis:83.33333333333334%;
    max-width:83.33333333333334%
  }

  .layout .flex.offset-md10{
    margin-left:83.33333333333334%
  }

  .layout .flex.order-md10{
    order:10
  }

  .layout .flex.md11{
    flex-basis:91.66666666666666%;
    max-width:91.66666666666666%
  }

  .layout .flex.offset-md11{
    margin-left:91.66666666666666%
  }

  .layout .flex.order-md11{
    order:11
  }

  .layout .flex.md12{
    flex-basis:100%;
    max-width:100%
  }

  .layout .flex.offset-md12{
    margin-left:100%
  }

  .layout .flex.order-md12{
    order:12
  }
}

.layout .flex.lg{
  flex-grow:1;
  flex-shrink:1
}

@media only screen and (min-width:1424px){
  .layout.row-lg{
    flex:0 1 auto;
    flex-direction:row
  }

  .layout.column-lg,.layout.row-lg{
    -webkit-box-flex:0
  }

  .layout.column-lg{
    flex:0 1 auto;
    flex-direction:column
  }

  .layout.child-flex-lg>*,.layout.flex{
    flex:1
  }

  .layout .flex.lg1{
    flex-basis:8.333333333333332%;
    max-width:8.333333333333332%
  }

  .layout .flex.offset-lg1{
    margin-left:8.333333333333332%
  }

  .layout .flex.order-lg1{
    order:1
  }

  .layout .flex.lg2{
    flex-basis:16.666666666666664%;
    max-width:16.666666666666664%
  }

  .layout .flex.offset-lg2{
    margin-left:16.666666666666664%
  }

  .layout .flex.order-lg2{
    order:2
  }

  .layout .flex.lg3{
    flex-basis:25%;
    max-width:25%
  }

  .layout .flex.offset-lg3{
    margin-left:25%
  }

  .layout .flex.order-lg3{
    order:3
  }

  .layout .flex.lg4{
    flex-basis:33.33333333333333%;
    max-width:33.33333333333333%
  }

  .layout .flex.offset-lg4{
    margin-left:33.33333333333333%
  }

  .layout .flex.order-lg4{
    order:4
  }

  .layout .flex.lg5{
    flex-basis:41.66666666666667%;
    max-width:41.66666666666667%
  }

  .layout .flex.offset-lg5{
    margin-left:41.66666666666667%
  }

  .layout .flex.order-lg5{
    order:5
  }

  .layout .flex.lg6{
    flex-basis:50%;
    max-width:50%
  }

  .layout .flex.offset-lg6{
    margin-left:50%
  }

  .layout .flex.order-lg6{
    order:6
  }

  .layout .flex.lg7{
    flex-basis:58.333333333333336%;
    max-width:58.333333333333336%
  }

  .layout .flex.offset-lg7{
    margin-left:58.333333333333336%
  }

  .layout .flex.order-lg7{
    order:7
  }

  .layout .flex.lg8{
    flex-basis:66.66666666666666%;
    max-width:66.66666666666666%
  }

  .layout .flex.offset-lg8{
    margin-left:66.66666666666666%
  }

  .layout .flex.order-lg8{
    order:8
  }

  .layout .flex.lg9{
    flex-basis:75%;
    max-width:75%
  }

  .layout .flex.offset-lg9{
    margin-left:75%
  }

  .layout .flex.order-lg9{
    order:9
  }

  .layout .flex.lg10{
    flex-basis:83.33333333333334%;
    max-width:83.33333333333334%
  }

  .layout .flex.offset-lg10{
    margin-left:83.33333333333334%
  }

  .layout .flex.order-lg10{
    order:10
  }

  .layout .flex.lg11{
    flex-basis:91.66666666666666%;
    max-width:91.66666666666666%
  }

  .layout .flex.offset-lg11{
    margin-left:91.66666666666666%
  }

  .layout .flex.order-lg11{
    order:11
  }

  .layout .flex.lg12{
    flex-basis:100%;
    max-width:100%
  }

  .layout .flex.offset-lg12{
    margin-left:100%
  }

  .layout .flex.order-lg12{
    order:12
  }
}

.layout .flex.xl{
  flex-grow:1;
  flex-shrink:1
}

@media only screen and (min-width:1904px){
  .layout.row-xl{
    flex:0 1 auto;
    flex-direction:row
  }

  .layout.column-xl,.layout.row-xl{
    -webkit-box-flex:0
  }

  .layout.column-xl{
    flex:0 1 auto;
    flex-direction:column
  }

  .layout.child-flex-xl>*,.layout.flex{
    flex:1
  }

  .layout .flex.xl1{
    flex-basis:8.333333333333332%;
    max-width:8.333333333333332%
  }

  .layout .flex.offset-xl1{
    margin-left:8.333333333333332%
  }

  .layout .flex.order-xl1{
    order:1
  }

  .layout .flex.xl2{
    flex-basis:16.666666666666664%;
    max-width:16.666666666666664%
  }

  .layout .flex.offset-xl2{
    margin-left:16.666666666666664%
  }

  .layout .flex.order-xl2{
    order:2
  }

  .layout .flex.xl3{
    flex-basis:25%;
    max-width:25%
  }

  .layout .flex.offset-xl3{
    margin-left:25%
  }

  .layout .flex.order-xl3{
    order:3
  }

  .layout .flex.xl4{
    flex-basis:33.33333333333333%;
    max-width:33.33333333333333%
  }

  .layout .flex.offset-xl4{
    margin-left:33.33333333333333%
  }

  .layout .flex.order-xl4{
    order:4
  }

  .layout .flex.xl5{
    flex-basis:41.66666666666667%;
    max-width:41.66666666666667%
  }

  .layout .flex.offset-xl5{
    margin-left:41.66666666666667%
  }

  .layout .flex.order-xl5{
    order:5
  }

  .layout .flex.xl6{
    flex-basis:50%;
    max-width:50%
  }

  .layout .flex.offset-xl6{
    margin-left:50%
  }

  .layout .flex.order-xl6{
    order:6
  }

  .layout .flex.xl7{
    flex-basis:58.333333333333336%;
    max-width:58.333333333333336%
  }

  .layout .flex.offset-xl7{
    margin-left:58.333333333333336%
  }

  .layout .flex.order-xl7{
    order:7
  }

  .layout .flex.xl8{
    flex-basis:66.66666666666666%;
    max-width:66.66666666666666%
  }

  .layout .flex.offset-xl8{
    margin-left:66.66666666666666%
  }

  .layout .flex.order-xl8{
    order:8
  }

  .layout .flex.xl9{
    flex-basis:75%;
    max-width:75%
  }

  .layout .flex.offset-xl9{
    margin-left:75%
  }

  .layout .flex.order-xl9{
    order:9
  }

  .layout .flex.xl10{
    flex-basis:83.33333333333334%;
    max-width:83.33333333333334%
  }

  .layout .flex.offset-xl10{
    margin-left:83.33333333333334%
  }

  .layout .flex.order-xl10{
    order:10
  }

  .layout .flex.xl11{
    flex-basis:91.66666666666666%;
    max-width:91.66666666666666%
  }

  .layout .flex.offset-xl11{
    margin-left:91.66666666666666%
  }

  .layout .flex.order-xl11{
    order:11
  }

  .layout .flex.xl12{
    flex-basis:100%;
    max-width:100%
  }

  .layout .flex.offset-xl12{
    margin-left:100%
  }

  .layout .flex.order-xl12{
    order:12
  }
}

.spacer{
  flex-grow:1
}

.scroll-y{
  overflow-y:auto
}

.fill-height{
  height:100%
}

.show-overflow{
  overflow:visible!important
}

.flexbox{
  display:flex
}

html{
  box-sizing:border-box;
  overflow-y:scroll;
  -webkit-text-size-adjust:100%
}

*,:after,:before{
  box-sizing:inherit
}

:after,:before{
  text-decoration:inherit;
  vertical-align:inherit
}

*{
  background-repeat:no-repeat;
  padding:0;
  margin:0
}

audio:not([controls]){
  display:none;
  height:0
}

hr{
  overflow:visible
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
  display:block
}

summary{
  display:list-item
}

small{
  font-size:80%
}

[hidden],template{
  display:none
}

abbr[title]{
  border-bottom:1px dotted;
  text-decoration:none
}

a{
  background-color:transparent;
  -webkit-text-decoration-skip:objects
}

a:active,a:hover{
  outline-width:0
}

code,kbd,pre,samp{
  font-family:monospace,monospace
}

b,strong{
  font-weight:bolder
}

dfn{
  font-style:italic
}

mark{
  background-color:#ff0;
  color:#000
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

input{
  border-radius:0
}

[role=button],[type=button],[type=reset],[type=submit],button{
  cursor:pointer
}

[disabled]{
  cursor:default
}

[type=number]{
  width:auto
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
  -webkit-appearance:none
}

textarea{
  overflow:auto;
  resize:vertical
}

button,input,optgroup,select,textarea{
  font:inherit
}

optgroup{
  font-weight:700
}

button{
  overflow:visible
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
  border-style:0;
  padding:0
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{
  outline:1px dotted ButtonText
}

[type=reset],[type=submit],button,html [type=button]{
  -webkit-appearance:button
}

button,select{
  text-transform:none
}

button,input,select,textarea{
  background-color:transparent;
  border-style:none;
  color:inherit
}

select{
  -moz-appearance:none;
  -webkit-appearance:none
}

select::-ms-expand{
  display:none
}

select::-ms-value{
  color:currentColor
}

legend{
  border:0;
  color:inherit;
  display:table;
  max-width:100%;
  white-space:normal
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}

img{
  border-style:none
}

progress{
  vertical-align:baseline
}

svg:not(:root){
  overflow:hidden
}

audio,canvas,progress,video{
  display:inline-block
}

@media screen{
  [hidden~=screen]{
    display:inherit
  }

  [hidden~=screen]:not(:active):not(:focus):not(:target){
    position:absolute!important;
    clip:rect(0 0 0 0)!important
  }
}

[aria-busy=true]{
  cursor:progress
}

[aria-controls]{
  cursor:pointer
}

[aria-disabled]{
  cursor:default
}

::-moz-selection{
  background-color:#b3d4fc;
  color:#000;
  text-shadow:none
}

::selection{
  background-color:#b3d4fc;
  color:#000;
  text-shadow:none
}

.carousel-transition-enter{
  transform:translate3d(100%,0,0)
}

.carousel-transition-leave,.carousel-transition-leave-to{
  position:absolute;
  top:0
}

.carousel-reverse-transition-enter,.carousel-transition-leave,.carousel-transition-leave-to{
  transform:translate3d(-100%,0,0)
}

.carousel-reverse-transition-leave,.carousel-reverse-transition-leave-to{
  position:absolute;
  top:0;
  transform:translate3d(100%,0,0)
}

.dialog-transition-enter,.dialog-transition-leave-to{
  transform:scale(.5);
  opacity:0
}

.dialog-transition-enter-to,.dialog-transition-leave{
  opacity:1
}

.dialog-bottom-transition-enter,.dialog-bottom-transition-leave-to{
  transform:translateY(100%)
}

.tab-transition-enter{
  transform:translate(100%)
}

.tab-transition-enter-to{
  transform:translate(0)
}

.tab-transition-leave,.tab-transition-leave-active{
  position:absolute;
  top:0
}

.tab-transition-leave-to{
  position:absolute
}

.tab-reverse-transition-enter,.tab-transition-leave-to{
  transform:translate(-100%)
}

.tab-reverse-transition-leave,.tab-reverse-transition-leave-to{
  top:0;
  position:absolute;
  transform:translate(100%)
}

.scale-transition-enter-active,.scale-transition-leave-active{
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.scale-transition-enter,.scale-transition-leave,.scale-transition-leave-to{
  opacity:0;
  transform:scale(0)
}

.slide-y-transition-enter-active,.slide-y-transition-leave-active{
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.slide-y-transition-enter,.slide-y-transition-leave-to{
  opacity:0;
  transform:translateY(-15px)
}

.slide-y-reverse-transition-enter-active,.slide-y-reverse-transition-leave-active{
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.slide-y-reverse-transition-enter,.slide-y-reverse-transition-leave-to{
  opacity:0;
  transform:translateY(15px)
}

.slide-x-transition-enter-active,.slide-x-transition-leave-active{
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.slide-x-transition-enter,.slide-x-transition-leave-to{
  opacity:0;
  transform:translateX(-15px)
}

.slide-x-reverse-transition-enter-active,.slide-x-reverse-transition-leave-active{
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.slide-x-reverse-transition-enter,.slide-x-reverse-transition-leave-to{
  opacity:0;
  transform:translateX(15px)
}

.fade-transition-enter-active,.fade-transition-leave-active{
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.fade-transition-enter,.fade-transition-leave-to{
  opacity:0
}

blockquote{
  border-left:5px solid #1976d2;
  padding:16px 0 16px 24px;
  font-size:18px;
  font-weight:300
}

code,kbd{
  background:#9e9e9e;
  color:#bd4147;
  display:inline-block;
  background-color:#f5f5f5;
  border-radius:3px;
  white-space:pre-wrap;
  font-size:85%;
  font-weight:100!important;
  font-weight:900!important
}

code:after,code:before,kbd:after,kbd:before{
  content:"\A0";
  letter-spacing:-1px
}

kbd{
  background:#424242;
  color:#fff
}

body,html{
  height:100%;
  min-height:100%;
  position:relative
}

html{
  font-size:14px;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  overflow-x:hidden
}

body{
  font-family:Roboto,sans-serif;
  line-height:1.5
}

header{
  width:100%;
  z-index:1
}

header,main{
  transition:padding .3s cubic-bezier(.25,.8,.25,1)
}

main{
  will-change:padding-left
}

a{
  color:#1976d2
}

::-ms-clear,::-ms-reveal{
  display:none
}

h1{
  color:#424242;
  font-size:112px;
  font-weight:300;
  line-height:1;
  letter-spacing:-.04em;
  margin-bottom:16px
}

@media screen and (max-width:600px){
  h1{
    font-size:67.2px
  }
}

h2{
  color:#424242;
  font-size:56px;
  font-weight:400;
  line-height:1.35;
  letter-spacing:-.02em;
  margin-bottom:16px
}

@media screen and (max-width:600px){
  h2{
    font-size:33.6px
  }
}

h3{
  color:#424242;
  font-size:45px;
  font-weight:400;
  line-height:48px;
  letter-spacing:normal;
  margin-bottom:16px
}

@media screen and (max-width:600px){
  h3{
    font-size:27px
  }
}

h4{
  color:#424242;
  font-size:34px;
  font-weight:400;
  line-height:40px;
  letter-spacing:normal;
  margin-bottom:16px
}

@media screen and (max-width:600px){
  h4{
    font-size:20.4px
  }
}

h5{
  color:#424242;
  font-size:24px;
  font-weight:400;
  line-height:32px;
  letter-spacing:normal;
  margin-bottom:16px
}

@media screen and (max-width:600px){
  h5{
    font-size:14.399999999999999px
  }
}

h6{
  color:#424242;
  font-size:20px;
  font-weight:500;
  line-height:1;
  letter-spacing:.02em;
  margin-bottom:16px
}

@media screen and (max-width:600px){
  h6{
    font-size:12px
  }
}

subheading{
  color:#424242;
  font-size:16px;
  font-weight:400;
  margin-bottom:16px
}

@media screen and (max-width:600px){
  subheading{
    font-size:9.6px
  }
}

body-2{
  color:#424242;
  font-size:14px;
  font-weight:500;
  margin-bottom:16px
}

@media screen and (max-width:600px){
  body-2{
    font-size:8.4px
  }
}

body-1{
  color:#424242;
  font-size:14px;
  font-weight:400;
  margin-bottom:16px
}

@media screen and (max-width:600px){
  body-1{
    font-size:8.4px
  }
}

caption{
  color:#424242;
  font-size:12px;
  font-weight:400;
  margin-bottom:16px
}

@media screen and (max-width:600px){
  caption{
    font-size:7.199999999999999px
  }
}

button{
  color:#424242;
  font-size:14px;
  font-weight:500;
  margin-bottom:16px
}

@media screen and (max-width:600px){
  button{
    font-size:8.4px
  }
}

ol,ul{
  padding-left:24px
}

.display-4{
  font-size:112px;
  font-weight:300;
  line-height:1;
  letter-spacing:-.04em
}

.display-3{
  font-size:56px;
  font-weight:400;
  line-height:1.35;
  letter-spacing:-.02em
}

.display-2{
  font-size:45px;
  line-height:48px
}

.display-1,.display-2{
  font-weight:400;
  letter-spacing:normal
}

.display-1{
  font-size:34px;
  line-height:40px
}

.headline{
  font-size:24px;
  font-weight:400;
  line-height:32px;
  letter-spacing:normal
}

.title{
  font-size:20px;
  font-weight:500;
  line-height:1;
  letter-spacing:.02em
}

.subheading{
  font-size:16px;
  font-weight:400
}

.body-2{
  font-size:14px;
  font-weight:500
}

.body-1{
  font-size:14px;
  font-weight:400
}

.caption{
  font-size:12px;
  font-weight:400
}

p{
  margin-bottom:16px
}

.alert{
  border-radius:0;
  border-width:4px 0 0;
  border-style:solid;
  border-color:rgba(0,0,0,.8);
  color:inherit;
  display:flex;
  font-size:14px;
  text-align:left;
  padding:16px;
  position:relative;
  margin:4px auto
}

.alert__dismissible .icon,.alert__icon.icon{
  -ms-grid-row-align:center;
  align-self:center;
  color:rgba(0,0,0,.3);
  font-size:24px
}

.alert__icon{
  margin-right:16px
}

.alert__dismissible{
  margin-right:0;
  margin-left:16px;
  transition:.3s cubic-bezier(.25,.8,.25,1);
  align-self:flex-start;
  text-decoration:none
}

.alert__dismissible:hover{
  color:rgba(26,26,26,.3)
}

.alert>div{
  display:flex;
  align-items:center;
  width:100%
}

.alert--primary,.alert--secondary{
  color:#fff;
  background-color:#1976d2;
  border-color:rgba(0,0,0,.2)
}

.alert--info{
  background-color:#2196f3
}

.alert--error,.alert--info{
  color:#fff;
  border-color:rgba(0,0,0,.2)
}

.alert--error{
  background-color:#ff5252
}

.alert--success{
  background-color:#4caf50
}

.alert--success,.alert--warning{
  color:#fff;
  border-color:rgba(0,0,0,.2)
}

.alert--warning{
  background-color:#ffc107
}

.alert--no-icon .alert__icon{
  display:none
}

@media screen and (max-width:600px){
  .alert__icon{
    display:none
  }
}

.app__bar{
  align-items:center;
  background:rgba(0,0,0,.12);
  display:flex;
  width:100%
}

.app__bar .btn-dropdown--overflow .input-group{
  border:none;
  margin:0
}

.app__bar .input-group__details{
  display:none
}

.app__bar>div{
  min-width:130px
}

.app__bar>div:not(:first-child){
  margin-left:1px
}

.app__bar>div:not(:first-child):before{
  content:"";
  position:absolute;
  height:60%;
  top:50%;
  transform:translateY(-50%);
  left:-1px;
  background:rgba(0,0,0,.12);
  width:1px;
  z-index:0
}

.app__bar .input-group:not(.input-group--focused) .input-group__input:hover{
  background:#f5f5f5
}

.app__bar .btn-toggle{
  box-shadow:none;
  background:transparent;
  position:relative;
  padding:0 8px
}

.app__bar .btn-toggle .btn{
  background:transparent;
  border:none!important;
  height:42px;
  margin:0 8px
}

.app__bar .btn-toggle .btn .icon{
  font-size:26px;
  width:26px
}

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

.avatar .icon,.avatar img{
  height:42px;
  width:42px;
  border-radius:50%
}

.badge{
  position:relative
}

.badge:after{
  color:#fff;
  content:attr(data-badge);
  display:flex;
  position:absolute;
  font-family:Roboto,sans-serif;
  top:-11px;
  right:-22px;
  background-color:#1976d2;
  border-radius:50%;
  height:22px;
  width:22px;
  font-size:14px;
  justify-content:center;
  align-items:center;
  flex-direction:row;
  flex-wrap:wrap
}

.badge--overlap:after{
  top:-8px
}

.badge--overlap.badge--left:after{
  left:-8px;
  right:auto
}

.badge--overlap:after{
  right:-8px
}

.badge--icon:after{
  font-family:Material Icons
}

.badge--left:after{
  left:-22px
}

.bottom-nav{
  background:#1976d2;
  bottom:0;
  box-shadow:0 3px 14px 2px rgba(0,0,0,.12);
  display:flex;
  height:56px;
  justify-content:center;
  position:fixed;
  transform:translate3d(0,60px,0);
  transition:all .4s cubic-bezier(.25,.8,.5,1);
  width:100%;
  z-index:4
}

.bottom-nav--absolute{
  position:absolute
}

.bottom-nav--active{
  transform:translateZ(0)
}

.bottom-nav .btn{
  border-radius:0;
  flex:1 1 32px;
  height:100%;
  margin:0;
  max-width:168px;
  min-width:80px;
  padding:0 12px;
  opacity:.5;
  text-transform:capitalize;
  transform-origin:50% 50%
}

.bottom-nav .btn .icon{
  color:inherit;
  transition:all .4s cubic-bezier(.25,.8,.5,1)
}

.bottom-nav .btn .btn__content{
  flex-direction:column-reverse;
  height:56px;
  font-size:12px;
  transform:scaleX(1) translate3d(0,1px,0);
  white-space:nowrap;
  will-change:font-size
}

.bottom-nav .btn--active{
  opacity:1
}

.bottom-nav .btn--active .btn__content{
  font-size:14px;
  transform:scaleX(1) translateZ(0)
}

.bottom-nav .btn:not(.btn--active){
  filter:grayscale(100%)
}

.bottom-nav--shift .btn__content{
  font-size:14px
}

.bottom-nav--shift .btn__content span{
  height:21px
}

.bottom-nav--shift .btn{
  transition:all .3s;
  min-width:56px;
  max-width:96px
}

.bottom-nav--shift .btn--active{
  min-width:96px;
  max-width:168px;
  flex:1 1 72px
}

.bottom-nav--shift .btn--active .btn__content{
  transform:scaleX(1) translate3d(0,2px,0)
}

.bottom-nav--shift .btn:not(.btn--active) .btn__content{
  transform:scaleX(1) translate3d(0,10px,0)
}

.bottom-nav--shift .btn:not(.btn--active) .btn__content span{
  color:transparent
}

.breadcrumbs{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  flex:0 1 auto;
  margin:0;
  list-style-type:none
}

.breadcrumbs li:not(:last-child):after{
  color:#bdbdbd;
  content:attr(data-divider);
  vertical-align:middle
}

.breadcrumbs li:last-child a{
  color:#bdbdbd;
  pointer-events:none;
  cursor:default
}

.breadcrumbs--with-icons li:not(:last-child):after{
  font-family:Material Icons
}

.breadcrumbs__item{
  align-items:center;
  color:#1976d2;
  display:inline-flex;
  font-size:14px;
  padding:0 14px;
  height:40px;
  text-decoration:none;
  line-height:40px;
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.breadcrumbs__item:hover{
  color:#757575
}

.breadcrumbs__item--disabled{
  color:#e0e0e0;
  pointer-events:none
}

.btn-dropdown{
  display:block;
  position:relative
}

.btn-dropdown input{
  text-align:left;
  border-right:1px solid transparent;
  transition:border-right .3s cubic-bezier(.4,0,.6,1)
}

.btn-dropdown .input-group--focused input+.icon{
  transform:rotate(-180deg)
}

.btn-dropdown .menu,.btn-dropdown .menu__activator{
  width:100%
}

.btn-dropdown .menu__content{
  border-top-left-radius:0;
  border-top-right-radius:0
}

.btn-dropdown--editable .input-group input,.btn-dropdown--editable .input-group label,.btn-dropdown--overflow .input-group input,.btn-dropdown--overflow .input-group label,.btn-dropdown--segmented .input-group input,.btn-dropdown--segmented .input-group label{
  height:40px;
  line-height:40px
}

.btn-dropdown--editable input,.btn-dropdown--editable label,.btn-dropdown--overflow input,.btn-dropdown--overflow label,.btn-dropdown--segmented input,.btn-dropdown--segmented label{
  padding-left:16px
}

.btn-dropdown--editable .input-group--focused .input-group__input,.btn-dropdown--overflow .input-group--focused .input-group__input,.btn-dropdown--segmented .input-group--focused .input-group__input{
  background-color:#fff;
  box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

.btn-dropdown--editable .input-group__input,.btn-dropdown--overflow .input-group__input,.btn-dropdown--segmented .input-group__input{
  transition:.3s cubic-bezier(.4,0,.6,1)
}

.btn-dropdown--editable .input-group__input:hover,.btn-dropdown--overflow .input-group__input:hover,.btn-dropdown--segmented .input-group__input:hover{
  background-color:#fff
}

.btn-dropdown--editable .input-group__details,.btn-dropdown--overflow .input-group__details,.btn-dropdown--segmented .input-group__details{
  height:0;
  min-height:0;
  padding:0
}

.btn-dropdown--editable .input-group__details:after,.btn-dropdown--editable .input-group__hint,.btn-dropdown--overflow .input-group__details:after,.btn-dropdown--overflow .input-group__hint,.btn-dropdown--segmented .input-group__details:after,.btn-dropdown--segmented .input-group__hint{
  display:none
}

.btn-dropdown--light.btn-dropdown--editable .input-group--focused input,.btn-dropdown--light.btn-dropdown--segmented input{
  border-right-color:rgba(0,0,0,.12)
}

.btn-dropdown--light.btn-dropdown--editable .input-group,.btn-dropdown--light.btn-dropdown--overflow .input-group,.btn-dropdown--light.btn-dropdown--segmented .input-group{
  border-top:1px solid rgba(0,0,0,.12)
}

.btn-dropdown--light .input-group__hint:after{
  display:none
}

.btn-dropdown--dark.btn-dropdown--editable .input-group--focused input,.btn-dropdown--dark.btn-dropdown--segmented input{
  border-right-color:hsla(0,0%,100%,.12)
}

.btn-dropdown--dark.btn-dropdown--editable .input-group,.btn-dropdown--dark.btn-dropdown--overflow .input-group,.btn-dropdown--dark.btn-dropdown--segmented .input-group{
  border-top:1px solid hsla(0,0%,100%,.12)
}

.btn-dropdown--dark .input-group__hint:after{
  display:none
}

.btn-toggle{
  display:inline-flex;
  border-radius:2px;
  transition:.3s cubic-bezier(.25,.8,.25,1);
  will-change:background,box-shadow
}

.btn-toggle .btn{
  color:rgba(0,0,0,.87);
  justify-content:center;
  min-width:auto;
  padding:0 8px;
  margin:0;
  opacity:.4;
  border-radius:0
}

.btn-toggle .btn:not(:last-child){
  border-right:1px solid transparent
}

.btn-toggle .btn:after{
  display:none
}

.btn-toggle .btn[data-selected]{
  opacity:1;
  background:rgba(0,0,0,.12)
}

.btn-toggle .btn[data-selected]:not(:last-child):not([data-only-child]){
  border-right-color:rgba(0,0,0,.12)
}

.btn-toggle .btn .icon{
  font-size:30px
}

.btn-toggle .btn span+.icon{
  font-size:medium;
  margin-left:10px
}

.btn-toggle--selected{
  background:#fff;
  box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}

.btn,.fab{
  align-items:center;
  background:#e0e0e0;
  border-radius:2px;
  color:#000;
  display:inline-flex;
  height:36px;
  font-size:14px;
  font-weight:500;
  justify-content:center;
  margin:6px;
  min-width:88px;
  outline:0;
  padding:0 16px;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  vertical-align:middle
}

.btn,.btn:after,.fab,.fab:after{
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.btn:after,.fab:after{
  border-radius:inherit;
  bottom:0;
  content:"";
  left:0;
  position:absolute;
  top:0;
  right:0
}

.btn.btn--disabled,.fab.btn--disabled{
  box-shadow:none!important;
  pointer-events:none;
  opacity:.4
}

.btn.btn--disabled:not(.btn--loader),.fab.btn--disabled:not(.btn--loader){
  color:rgba(0,0,0,.3)
}

.btn__content,.fab__content{
  align-items:center;
  display:flex;
  flex:1 0 auto;
  justify-content:center;
  transition:.3s cubic-bezier(.25,.8,.25,1);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.btn--flat,.fab--flat{
  background-color:transparent!important;
  box-shadow:none!important
}

.btn--flat.btn--light:hover:after,.fab--flat.btn--light:hover:after{
  background-color:hsla(0,0%,100%,.12)
}

.btn--flat.btn--light.btn--disabled,.fab--flat.btn--light.btn--disabled{
  color:hsla(0,0%,100%,.26)
}

.btn--flat.btn--dark:hover:after,.fab--flat.btn--dark:hover:after{
  background-color:rgba(0,0,0,.12)
}

.btn--flat.btn--dark.btn--disabled,.fab--flat.btn--dark.btn--disabled{
  color:rgba(0,0,0,.3)
}

.btn--raised,.fab,.fab--raised{
  will-change:box-shadow;
  box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}

.btn--raised:active,.fab--raised:active,.fab:active{
  box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

.btn--icon,.fab--icon{
  background:transparent;
  box-shadow:none!important;
  border-radius:50%;
  justify-content:center;
  height:36px;
  width:36px;
  min-width:0;
  padding:0
}

.btn--icon .icon,.fab--icon .icon{
  color:inherit
}

.btn--icon:after,.fab--icon:after{
  border-radius:50%;
  opacity:.12
}

.btn--icon:hover,.fab--icon:hover{
  border-radius:50%
}

.btn--icon:hover:after,.fab--icon:hover:after{
  background-color:currentColor;
  opacity:.12
}

.btn--icon.btn--disabled,.fab--icon.btn--disabled{
  background-color:transparent!important;
  color:hsla(0,0%,100%,.26)!important;
  pointer-events:none
}

.btn--icon.btn--small,.fab--icon.btn--small{
  width:28px
}

.btn--icon.btn--large,.fab--icon.btn--large{
  width:44px
}

.btn--floating,.fab,.fab--floating{
  border-radius:50%;
  min-width:0;
  height:56px;
  width:56px;
  padding:0
}

.btn--floating:after,.fab--floating:after,.fab:after{
  border-radius:50%
}

.btn--floating .icon,.fab--floating .icon,.fab .icon{
  height:24px;
  width:24px
}

.btn--floating.btn--small,.fab--floating.btn--small,.fab.btn--small{
  height:40px;
  width:40px
}

.btn--floating.btn--small .icon,.fab--floating.btn--small .icon,.fab.btn--small .icon{
  font-size:18px;
  height:18px;
  width:18px
}

.btn--floating.btn--large,.fab--floating.btn--large,.fab.btn--large{
  height:72px;
  width:72px
}

.btn--floating.btn--large .icon,.fab--floating.btn--large .icon,.fab.btn--large .icon{
  font-size:30px;
  height:30px;
  width:30px
}

.btn--light,.fab--light{
  color:#fff
}

.btn--light:hover:after,.fab--light:hover:after{
  background-color:hsla(0,0%,100%,.12)
}

.btn--light.btn--disabled:not(.btn--loader),.fab--light.btn--disabled:not(.btn--loader){
  color:hsla(0,0%,100%,.26)!important;
  opacity:1
}

.btn--light.btn--disabled:not(.btn--loader):not(.btn--flat):not(.btn--icon),.fab--light.btn--disabled:not(.btn--loader):not(.btn--flat):not(.btn--icon){
  background-color:hsla(0,0%,100%,.12)!important
}

.btn--dark,.fab--dark{
  color:rgba(0,0,0,.87)
}

.btn--dark:hover:after,.fab--dark:hover:after{
  background-color:rgba(0,0,0,.12)
}

.btn--dark.btn--disabled:not(.btn--loader),.fab--dark.btn--disabled:not(.btn--loader){
  color:rgba(0,0,0,.3)!important;
  opacity:1
}

.btn--dark.btn--disabled:not(.btn--loader):not(.btn--flat):not(.btn--icon),.fab--dark.btn--disabled:not(.btn--loader):not(.btn--flat):not(.btn--icon){
  background-color:rgba(0,0,0,.12)!important
}

.btn--small,.fab--small{
  font-size:13px;
  height:28px
}

.btn--large,.fab--large{
  font-size:15px;
  height:44px
}

.btn--loader,.fab--loader{
  pointer-events:none
}

.btn--loader .btn__content,.fab--loader .btn__content{
  opacity:0
}

.btn__loading,.fab__loading{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  display:flex;
  justify-content:center;
  align-items:center
}

.btn__loading .icon--left,.fab__loading .icon--left{
  margin-right:1rem;
  line-height:inherit
}

.btn__loading .icon--right,.fab__loading .icon--right{
  margin-left:1rem;
  line-height:inherit
}

.btn--outline,.fab--outline{
  border:1px solid currentColor;
  background:transparent!important;
  box-shadow:none
}

.btn--outline:hover,.fab--outline:hover{
  box-shadow:none
}

.btn--block,.fab--block{
  display:flex;
  flex:1;
  margin:6px 0;
  width:100%
}

.btn--round,.btn--round:after,.fab--round,.fab--round:after{
  border-radius:28px
}

.btn .icon--right,.fab .icon--right{
  margin-left:16px
}

.btn .icon--left,.fab .icon--left{
  margin-right:16px
}

.application--dark .card{
  background:#424242
}

.application--light .card{
  background:#fff
}

.card{
  box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
  position:relative;
  border-radius:2px;
  min-width:0
}

.card--raised{
  box-shadow:0 1px 8px rgba(0,0,0,.2),0 3px 4px rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12)!important
}

.card--flat{
  box-shadow:none!important
}

.card--hover{
  cursor:pointer;
  transition:all .4s cubic-bezier(.25,.8,.25,1);
  transition-property:box-shadow
}

.card--hover:hover{
  box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important
}

.card--horizontal{
  display:flex;
  flex-flow:row nowrap
}

.card--horizontal>.card__row{
  flex:0 1 30%
}

.card--horizontal>.card__column,.card--horizontal>.card__row{
  overflow:hidden
}

.card--horizontal>.card__column:first-child,.card--horizontal>.card__row:first-child{
  border-radius:2px 0 0 2px
}

.card--horizontal>.card__column:last-child,.card--horizontal>.card__row:last-child{
  border-radius:0 2px 2px 0
}

.card--horizontal>.card__column:last-child>:first-child,.card--horizontal>.card__row:last-child>:first-child{
  border-top-right-radius:2px
}

.card--horizontal>.card__column:last-child>:last-child,.card--horizontal>.card__row:last-child>:last-child{
  border-bottom-right-raidius:2px
}

.card__column,.card__row{
  display:flex
}

.card__column{
  flex:1;
  flex-flow:column nowrap
}

.card__column,.card__row{
  -webkit-box-flex:1
}

.card__row{
  align-items:center;
  margin-top:auto;
  flex:1 1 auto;
  flex-flow:row nowrap;
  min-height:36px
}

.card__row .card__text{
  height:100%
}

.card__row--actions{
  padding:8px;
  height:52px;
  flex:0 0 auto;
  justify-content:flex-end;
  width:100%
}

.card__row--actions .btn{
  margin:0;
  padding:0 8px
}

.card__row--actions-stacked{
  flex-direction:column;
  margin:0!important;
  padding:0 0 8px!important
}

.card__row--actions-stacked>.btn{
  width:100%;
  height:48px;
  margin:0!important;
  padding:0 16px!important;
  display:flex;
  flex-direction:row-reverse
}

.card__row--actions-stacked>.btn span{
  display:table
}

.card__title{
  border-top-left-radius:inherit;
  border-top-right-radius:inherit;
  font-size:24px;
  font-weight:400;
  letter-spacing:1px;
  display:flex;
  flex:1;
  align-self:center;
  align-items:center;
  padding:16px
}

.card__title .btn{
  margin:0
}

.card__text{
  padding:16px;
  width:100%
}

.carousel{
  height:500px;
  width:100%;
  background:#000;
  position:relative;
  overflow:hidden;
  box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}

.carousel__item{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1 0 100%;
  height:100%;
  width:100%;
  background-size:cover;
  background-position:50%;
  transition:.2s ease-out
}

.carousel__left,.carousel__right{
  position:absolute;
  top:50%;
  z-index:1;
  left:5px;
  transform:translateY(-50%)
}

.carousel__left .btn,.carousel__right .btn{
  color:#fff;
  margin:0!important;
  height:auto;
  width:auto
}

.carousel__left .btn i,.carousel__right .btn i{
  font-size:48px
}

.carousel__left .btn:hover,.carousel__right .btn:hover{
  background:none
}

.carousel__right{
  left:auto;
  right:5px
}

.carousel__controls{
  background:rgba(0,0,0,.5);
  align-items:center;
  bottom:0;
  display:flex;
  justify-content:center;
  left:0;
  position:absolute;
  height:50px;
  list-style-type:none;
  width:100%;
  z-index:1
}

.carousel__controls__item{
  color:#fff;
  margin:0 1rem!important
}

.carousel__controls__item i{
  opacity:.5;
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.carousel__controls__item--active i{
  opacity:1;
  vertical-align:middle;
  font-size:2rem!important
}

.carousel__controls__item:hover{
  background:none
}

.carousel__controls__item:hover i{
  opacity:.8
}

.chip{
  align-items:center;
  background:#e0e0e0;
  border:1px solid #e0e0e0;
  border-radius:28px;
  cursor:default;
  display:inline-flex;
  justify-content:space-between;
  font-size:14px;
  padding:0 12px;
  margin:8px;
  height:32px;
  transition:.3s cubic-bezier(.4,0,.6,1);
  vertical-align:middle;
  white-space:nowrap;
  color:rgba(0,0,0,.87)
}

.chip .avatar{
  border-radius:50%;
  height:32px;
  width:32px;
  min-width:32px;
  margin-left:-14px;
  margin-right:8px;
  color:#fff
}

.chip .avatar img{
  width:100%;
  height:100%
}

.chip:focus{
  box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
  outline:none
}

.chip--label{
  border-radius:2px
}

.chip--outline{
  background:transparent!important;
  color:#9e9e9e
}

.chip--small{
  height:26px
}

.chip--small .avatar{
  height:26px;
  width:26px;
  min-width:26px
}

.chip__close{
  color:inherit;
  display:flex;
  align-items:center;
  text-decoration:none;
  font-size:24px;
  margin-left:4px;
  margin-right:-2px;
  transition:.3s cubic-bezier(.4,0,.6,1)
}

.chip__close:hover{
  opacity:.8
}

.chip--removable{
  padding:0 4px 0 12px
}

.chip--select-multi{
  margin:8px 8px 8px 0
}

.chip .icon{
  color:inherit;
  opacity:.54
}

.chip .icon--right{
  margin-left:4px
}

.chip .icon--left{
  margin-right:4px
}

.datatable thead th.column.sortable{
  cursor:pointer
}

.datatable thead th.column.sortable i{
  color:rgba(0,0,0,.38);
  font-size:16px;
  vertical-align:sub;
  display:inline-block;
  opacity:0;
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.datatable thead th.column.sortable:hover{
  color:rgba(0,0,0,.87)
}

.datatable thead th.column.sortable:hover i{
  opacity:.6
}

.datatable thead th.column.sortable.active{
  transform:none;
  color:rgba(0,0,0,.87)
}

.datatable thead th.column.sortable.active i{
  color:rgba(0,0,0,.87);
  opacity:1
}

.datatable thead th.column.sortable.active.desc i{
  transform:rotate(-180deg)
}

.datatable tfoot .input-group__details{
  display:none
}

.datatable__actions{
  color:rgba(0,0,0,.54);
  display:flex;
  justify-content:flex-end;
  align-items:center;
  font-size:12px
}

.datatable__actions .btn{
  color:inherit
}

.datatable__actions .btn:last-of-type{
  margin-left:18px
}

.datatable__actions__pagination{
  text-align:center;
  margin:0 26px 0 32px
}

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

.datatable__actions__select .input-group--select{
  margin:13px 0 13px 34px;
  position:static
}

.datatable__actions__select .input-group--select .input-group__selections__comma{
  color:rgba(0,0,0,.54)!important;
  font-size:12px;
  padding-top:6px
}

.datatable__actions__select .input-group--select .input-group__append-icon{
  color:rgba(0,0,0,.54)!important
}

.datatable__progress tr{
  height:auto!important
}

.datatable__progress th{
  padding:0!important
}

.datatable__progress th .progress-linear{
  top:-3px;
  margin:0 0 -3px
}

.picker--date{
  color:#fff;
  width:100%
}

.picker--date__years{
  background:#fff;
  color:#000;
  font-size:18px;
  font-weight:400;
  list-style-type:none;
  max-height:300px;
  overflow:auto;
  padding:0;
  text-align:center
}

.picker--date__years li{
  cursor:pointer;
  margin:16px 0;
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.picker--date__years li:hover{
  color:#1976d2
}

.picker--date__years li.active{
  color:#1976d2;
  font-size:24px;
  font-weight:500;
  margin:20px 0
}

.picker--date__title{
  justify-content:space-between;
  flex-direction:column;
  flex-wrap:wrap
}

.picker--date__title-year{
  font-size:14px
}

.picker--date__title-date{
  font-size:34px
}

.picker--date__title-date>div{
  position:relative
}

.picker--date__title-date,.picker--date__title-year{
  font-weight:500;
  transition:.3s cubic-bezier(.25,.8,.25,1);
  width:100%
}

.picker--date__title-date:not(.active),.picker--date__title-year:not(.active){
  cursor:pointer;
  opacity:.6
}

.picker--date__title-date:hover,.picker--date__title-year:hover{
  opacity:1
}

.picker--date__header{
  color:#000;
  padding:4px 16px
}

.picker--date__header-selector{
  align-items:center;
  display:flex;
  justify-content:space-between;
  position:relative
}

.picker--date__header-selector .btn{
  color:#000;
  margin:0
}

.picker--date__header-selector .icon{
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.picker--date__header-selector-date{
  flex:1;
  text-align:center;
  position:relative;
  overflow:hidden
}

.picker--date__header-selector-date strong{
  transition:.3s cubic-bezier(.25,.8,.25,1);
  display:block;
  width:100%
}

.picker--date__table{
  position:relative
}

.picker--date table{
  transition:.3s cubic-bezier(.25,.8,.25,1);
  top:0
}

.picker--date table thead th{
  padding:8px 0
}

.picker--date table th{
  color:rgba(0,0,0,.54);
  font-weight:600;
  font-size:12px
}

.picker--date table td,.picker--date table th{
  text-align:center;
  width:45px
}

.picker--date table .btn{
  margin:0
}

.picker--date table .btn__content{
  overflow:visible;
  transition:none;
  z-index:1
}

.picker--date table .btn.btn--floating.btn--current:not(.btn--active){
  color:rgba(25,118,210,.6)
}

.picker--date table .btn.btn--floating{
  height:32px;
  width:32px
}

.picker--date table .btn.btn--floating:after{
  background:#1976d2!important;
  opacity:0;
  transform:scale(0)
}

.picker--date table .btn.btn--floating:not(.btn--active):hover{
  color:#fff
}

.picker--date table .btn.btn--floating:not(.btn--active):hover:after{
  opacity:.6;
  transform:scale(1)
}

.picker--date table .btn.btn--floating.btn--active{
  color:#fff
}

.picker--date table .btn.btn--floating.btn--active:after{
  background:#1976d2!important;
  opacity:1;
  transform:none
}

.picker--date.picker--dark .picker--date__header,.picker--date.picker--dark .picker--date__years{
  background:#424242;
  color:#fff
}

.picker--date.picker--dark .picker--date__header .btn,.picker--date.picker--dark .picker--date__table table .btn,.picker--date.picker--dark .picker--date__table table td,.picker--date.picker--dark .picker--date__table table th,.picker--date.picker--dark .picker--date__years .btn{
  color:#fff
}

.picker--date.picker--dark .picker--date__table table .btn.btn--floating:after{
  background:#448aff!important
}

.picker--date.picker--dark .picker--date__table table .btn--active{
  color:#000
}

.picker--date.picker--dark .picker--date__table table .btn--floating.btn--current:not(.btn--active){
  color:#448aff
}

.picker--landscape .picker--date__years{
  margin-left:170px;
  width:330px
}

.dialog{
  box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
  border-radius:2px;
  margin:24px 40px;
  pointer-events:auto
}

.dialog,.dialog__content{
  transition:.3s ease-in-out
}

.dialog__content{
  align-items:center;
  display:flex;
  height:100%;
  justify-content:center;
  left:0;
  pointer-events:none;
  position:fixed;
  top:0;
  width:100%;
  z-index:5
}

.dialog:not(.dialog--fullscreen){
  max-width:90%;
  max-height:90%
}

.dialog__container{
  display:inline-block;
  vertical-align:middle
}

.dialog--fullscreen{
  margin:0;
  width:100%;
  height:100%;
  position:fixed;
  overflow-y:auto;
  top:0;
  left:0;
  padding-top:56px
}

.dialog--fullscreen .toolbar{
  height:56px;
  padding:0!important;
  position:fixed;
  top:0
}

.dialog--fullscreen .toolbar__title{
  font-size:20px;
  padding:20px 0
}

.dialog--fullscreen .toolbar .btn:first-child{
  max-width:24px;
  max-height:24px;
  margin:0 32px 0 16px!important
}

.dialog--fullscreen .toolbar .btn:last-child{
  margin:0!important;
  height:100%;
  font-size:14px
}

.dialog--fullscreen>.card{
  min-height:100%;
  min-width:100%;
  margin:0!important;
  padding:0!important
}

.dialog--scrollable .card__row:not(.card__row--actions){
  overflow-y:auto
}

.application--light .divider{
  background:rgba(0,0,0,.12)
}

.application--dark .divider{
  background:hsla(0,0%,100%,.12)
}

.divider{
  border:none;
  display:block;
  height:1px;
  flex:1;
  width:100%
}

.divider--inset{
  margin-left:72px;
  width:calc(100% - 72px)
}

.divider.divider--dark{
  background:hsla(0,0%,100%,.12)
}

.divider.divider--light{
  background:rgba(0,0,0,.12)
}

.application--dark .expansion-panel{
  color:#fff
}

.application--light .expansion-panel{
  color:rgba(0,0,0,.87)
}

.expansion-panel{
  text-align:left;
  list-style-type:none;
  padding:0;
  width:100%;
  box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}

.expansion-panel>li{
  border:1px solid rgba(0,0,0,.12)
}

.expansion-panel>li:not(:first-child){
  border-top:none
}

.expansion-panel__header{
  display:flex;
  cursor:pointer;
  align-items:center;
  height:48px;
  position:relative;
  padding-left:1rem
}

.expansion-panel__header i{
  margin-right:1rem
}

.expansion-panel__header:after{
  content:"\E313";
  font-family:Material Icons;
  font-size:1.5rem;
  position:absolute;
  right:15px;
  top:calc(50% - 16px);
  color:inherit;
  transition:transform .3s cubic-bezier(0,0,.2,1)
}

.expansion-panel__header--active:after{
  transform:rotate(-180deg)
}

.expansion-panel__body{
  background-color:rgba(0,0,0,.03);
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.expansion-panel__body .card{
  border-radius:0;
  box-shadow:0 0 0 rgba(0,0,0,.2),0 0 0 rgba(0,0,0,.14),0 0 0 rgba(0,0,0,.12)
}

.fab{
  position:fixed;
  bottom:125px;
  right:24px
}

.fab--hidden{
  transform:scale(0) rotate(-45deg)
}

.fab--lateral .fab__content{
  transform:none!important
}

.fab--is-changing{
  -webkit-animation-name:is-changing;
  animation-name:is-changing;
  -webkit-animation-delay:50ms;
  animation-delay:50ms
}

.fab--is-changing,.fab--is-changing .fab__content{
  -webkit-animation-duration:.6s;
  animation-duration:.6s
}

.fab--is-changing .fab__content{
  -webkit-animation-name:lateral;
  animation-name:lateral
}

.fab:focus .fab__content{
  transform:rotate(45deg)
}

.fab.fab--small{
  height:40px;
  width:40px
}

.fab.fab--small .icon{
  font-size:18px;
  height:18px;
  width:18px
}

.fab.fab--large{
  height:72px;
  width:72px
}

.fab.fab--large .icon{
  font-size:30px;
  height:30px;
  width:30px
}

@-webkit-keyframes is-changing{
  0%{
    transform:scale(1)
  }

  50%{
    transform:scale(0)
  }

  to{
    transform:scale(1)
  }
}

@keyframes is-changing{
  0%{
    transform:scale(1)
  }

  50%{
    transform:scale(0)
  }

  to{
    transform:scale(1)
  }
}

@-webkit-keyframes lateral{
  0%{
    opacity:0
  }

  60%{
    opacity:0
  }

  to{
    opacity:1
  }
}

@keyframes lateral{
  0%{
    opacity:0
  }

  60%{
    opacity:0
  }

  to{
    opacity:1
  }
}

.footer{
  align-items:center;
  background:#1976d2;
  color:#fff;
  display:flex;
  height:36px;
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.footer--absolute,.footer--fixed{
  bottom:0;
  left:0;
  width:100%;
  z-index:3
}

.footer--absolute{
  position:absolute
}

.footer--fixed{
  position:fixed
}

.footer>:first-child{
  margin-left:24px
}

.footer>:last-child{
  margin-right:24px
}

@media only screen and (max-width:599px){
  .footer>:first-child{
    margin-left:16px
  }

  .footer>:last-child{
    margin-right:16px
  }
}

.icon{
  align-items:center;
  display:inline-flex;
  font-size:24px;
  justify-content:center;
  vertical-align:middle
}

.icon--dark{
  color:rgba(0,0,0,.54)
}

.icon--dark.icon--disabled{
  color:rgba(0,0,0,.38)
}

.icon--light{
  color:#fff
}

.icon--light.icon--disabled{
  color:hsla(0,0%,100%,.5)
}

.icon--large{
  font-size:2.5rem
}

.icon--medium{
  font-size:2rem
}

.icon--x-large{
  font-size:3rem
}

.input-group{
  display:flex;
  flex:1;
  flex-wrap:wrap;
  min-width:24px;
  margin:18px 0;
  position:relative;
  width:100%;
  outline:none
}

.input-group label{
  font-size:16px;
  line-height:32px;
  height:30px;
  max-width:80%;
  transition:.4s cubic-bezier(.25,.8,.25,1);
  z-index:0
}

.input-group__input{
  display:flex;
  flex:1 0 100%;
  min-width:0;
  min-height:30px
}

.input-group--disabled .input-group__details:before{
  background-color:transparent;
  background-position:bottom;
  background-size:3px 1px;
  background-repeat:repeat-x
}

.input-group--disabled.input-group--light .input-group__details:before{
  background-image:linear-gradient(90deg,hsla(0,0%,100%,.38) 0,hsla(0,0%,100%,.38) 33%,transparent 0)
}

.input-group--disabled.input-group--dark .input-group__details:before{
  background-image:linear-gradient(90deg,rgba(0,0,0,.38) 0,rgba(0,0,0,.38) 33%,transparent 0)
}

.input-group--focused:not(.input-group--disabled) .input-group__details:after,.input-group:focus:not(.input-group--disabled) .input-group__details:after{
  width:100%
}

.input-group--error .input-group__details:after{
  background-color:#ff5252
}

.input-group--light .input-group__hint{
  color:hsla(0,0%,100%,.54)
}

.input-group--light .input-group__details:before{
  background-color:hsla(0,0%,100%,.12)
}

.input-group--light .icon{
  color:hsla(0,0%,100%,.6)
}

.input-group--dark .input-group__hint{
  color:rgba(0,0,0,.7)
}

.input-group--dark .input-group__details:before{
  background-color:rgba(0,0,0,.12)
}

.input-group--dark .icon{
  color:rgba(0,0,0,.6)
}

.input-group__icon-cb{
  cursor:pointer
}

.input-group .slide-y-transition-leave,.input-group .slide-y-transition-leave-to{
  position:absolute
}

.input-group__details{
  display:flex;
  padding-top:4px;
  flex:1 0 100%;
  font-size:12px;
  min-height:22px;
  position:relative;
  width:100%
}

.input-group__details:after,.input-group__details:before{
  content:"";
  position:absolute;
  left:0
}

.input-group__details:after{
  background-color:#1976d2;
  top:-1px;
  height:2px;
  transition:.3s cubic-bezier(.4,0,.2,1);
  width:0;
  z-index:1
}

.input-group__details:before{
  top:0;
  height:1px;
  width:100%;
  z-index:0
}

.input-group--hide-details .input-group__details{
  min-height:0;
  padding:0
}

.input-group .input-group__error,.input-group__hint{
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.input-group .input-group__error{
  flex:1 0;
  color:#ff5252
}

.list{
  list-style-type:none;
  padding:0;
  padding-top:8px;
  padding-bottom:8px;
  transition:height .4s cubic-bezier(.4,0,.2,1)
}

.list .input-group{
  margin:0
}

.list>.list__item~.list__item{
  margin-top:0
}

.list__item,.list__tile{
  position:relative
}

.list__tile{
  color:rgba(0,0,0,.87);
  display:flex;
  height:48px;
  text-decoration:none;
  align-items:center;
  padding:0 16px;
  margin:0
}

.list__tile,.list__tile:after{
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.list__tile:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:1px;
  opacity:0;
  width:100%;
  background-color:rgba(0,0,0,.12)
}

.list__tile--highlighted,a.list__tile:hover{
  background:rgba(0,0,0,.12)
}

.list__tile__action,.list__tile__avatar,.list__tile__content{
  height:100%
}

.list__tile__sub-title,.list__tile__title{
  white-space:nowrap;
  overflow-x:hidden;
  text-overflow:ellipsis;
  width:100%
}

.list__tile__title{
  font-size:16px;
  font-weight:400;
  transition:.3s cubic-bezier(.25,.8,.25,1);
  position:relative;
  text-align:left
}

.list__tile__sub-title{
  color:rgba(0,0,0,.54);
  font-size:14px;
  font-weight:400
}

.list__tile .avatar,.list__tile__action{
  justify-content:flex-start;
  min-width:56px
}

.list__tile__action{
  display:flex
}

.list__tile__action,.list__tile__action .input-group{
  align-items:center
}

.list__tile__action .input-group__details{
  display:none
}

.list__tile__action .icon{
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.list__tile__action-text{
  color:#9e9e9e;
  font-size:12px
}

.list__tile__action--stack{
  align-items:flex-end;
  justify-content:space-between;
  padding-top:8px;
  padding-bottom:8px;
  white-space:nowrap;
  flex-direction:column
}

.list__tile__action--stack,.list__tile__content{
  -webkit-box-orient:vertical
}

.list__tile__content{
  text-align:left;
  flex:0 1 100%;
  font-size:15px;
  overflow:hidden;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column
}

.list__tile__content+.avatar,.list__tile__content+.list__tile__action:not(.list__tile__action--stack){
  justify-content:flex-end
}

.list__tile--active .list__tile__title{
  color:#1976d2
}

.list__tile--disabled{
  opacity:.4;
  pointer-events:none
}

.list__tile--avatar{
  height:56px
}

.list__tile--select-multi{
  padding:0 10px
}

.list--dense{
  padding-top:4px
}

.list--dense .list__tile{
  height:40px;
  font-size:13px
}

.list--dense .list__tile__sub-title,.list--dense .list__tile__title{
  font-size:13px
}

.list--two-line .list__tile{
  height:72px
}

.list--two-line.list--dense .list__tile{
  height:60px
}

.list--three-line .list__tile{
  height:88px
}

.list--three-line .list__tile__sub-title{
  white-space:normal;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box
}

.list--three-line.list--dense .list__tile{
  height:76px
}

.list--group{
  position:relative;
  padding:0
}

.list--group:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:1px;
  opacity:0;
  width:100%;
  background-color:rgba(0,0,0,.12)
}

.list--group .list__tile{
  padding-left:72px
}

.list--group .list__tile .list__tile__title{
  font-weight:400
}

.list--group .list__tile--active .list__tile__title{
  color:#1976d2;
  font-weight:400
}

.list--group__header+.list--group:after{
  opacity:1
}

.list--group__header--active .list__tile{
  background:rgba(0,0,0,.12)
}

.list--group__header--active .list__tile:after{
  opacity:1
}

.list--group__header--active .list__tile .list__tile__title{
  color:inherit
}

.list--group__header--active .list__tile .list__tile__action:last-of-type .icon{
  transform:rotate(-180deg)
}

.list--group__header--no-action+.list--group .list__tile{
  padding-left:16px
}

.list--subheader{
  padding-top:0
}

.menu{
  display:inline-block;
  position:relative;
  vertical-align:middle
}

.menu--disabled,.menu--disabled .menu__activator{
  cursor:not-allowed
}

.menu__activator{
  align-items:center;
  cursor:pointer;
  position:relative
}

.menu__content{
  background:#fff;
  position:absolute;
  display:inline-block;
  border-radius:2px;
  overflow-y:auto;
  overflow-x:hidden;
  z-index:6;
  box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)
}

.menu-transition-enter .list__tile{
  min-width:0;
  transition-delay:.4s;
  opacity:0;
  transform:translateY(-15px);
  pointer-events:none
}

.menu-transition-enter .list__tile--active{
  opacity:1;
  transform:none!important;
  pointer-events:auto
}

.menu-transition-enter-to .list__tile{
  pointer-events:auto;
  opacity:1
}

.menu-transition-enter-to .list__tile--active{
  transform:none!important
}

.menu-transition-leave-to{
  transform:translateY(-10px)
}

.menu-transition-leave-active,.menu-transition-leave-to{
  pointer-events:none
}

.menu-transition-enter,.menu-transition-leave-to{
  opacity:0
}

.menu-transition-enter-to,.menu-transition-leave{
  opacity:1
}

.menu-transition-enter-active,.menu-transition-leave-active{
  transition:all .5s cubic-bezier(.25,.8,.25,1)
}

.navigation-drawer{
  max-width:100%;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 0 100px;
  pointer-events:auto;
  position:fixed;
  transition:.3s cubic-bezier(.25,.8,.25,1);
  width:300px;
  top:0;
  left:0;
  will-change:transform;
  z-index:3
}

.navigation-drawer:not(.navigation-drawer--is-booted),.navigation-drawer:not(.navigation-drawer--is-booted)+.toolbar,.navigation-drawer:not(.navigation-drawer--is-booted)~.footer,.navigation-drawer:not(.navigation-drawer--is-booted)~main{
  transition:none!important
}

.navigation-drawer--close:not(.navigation--permanent).navigation-drawer:not(.navigation-drawer--right){
  transform:translate3d(-300px,0,0)
}

.navigation-drawer--close:not(.navigation--permanent).navigation-drawer--right{
  transform:translate3d(300px,0,0)
}

.navigation-drawer--right{
  left:auto;
  right:0
}

.navigation-drawer--absolute{
  position:absolute
}

.navigation-drawer--dark{
  background:#424242
}

.navigation-drawer--dark>.list .list__tile{
  color:#fff
}

.navigation-drawer--dark .divider,.navigation-drawer--dark>.list .list--group__header--active+.list--group:after,.navigation-drawer--dark>.list .list--group__header--active .list__tile:after{
  background:hsla(0,0%,100%,.12)
}

.navigation-drawer--light{
  background:#fff
}

.navigation-drawer--light>.list .list__tile{
  color:rgba(0,0,0,.87)
}

.navigation-drawer--light .divider,.navigation-drawer--light>.list .list--group__header--active+.list--group:after,.navigation-drawer--light>.list .list--group__header--active .list__tile:after{
  background:rgba(0,0,0,.12)
}

.navigation-drawer--light:not(.navigation-drawer--right){
  border-right:1px solid rgba(0,0,0,.12)
}

.navigation-drawer--light.navigation-drawer--right{
  border-left:1px solid rgba(0,0,0,.12)
}

.navigation-drawer--permanent.navigation-drawer--clipped,.navigation-drawer--permanent.navigation-drawer--floating,.navigation-drawer--persistent.navigation-drawer--clipped,.navigation-drawer--persistent.navigation-drawer--floating{
  margin-top:56px;
  max-height:calc(100vh - 56px)
}

.navigation-drawer--permanent.navigation-drawer--clipped~.footer.footer--absolute,.navigation-drawer--permanent.navigation-drawer--clipped~.footer.footer--fixed,.navigation-drawer--permanent.navigation-drawer--clipped~.toolbar,.navigation-drawer--permanent.navigation-drawer--floating~.footer.footer--absolute,.navigation-drawer--permanent.navigation-drawer--floating~.footer.footer--fixed,.navigation-drawer--permanent.navigation-drawer--floating~.toolbar,.navigation-drawer--persistent.navigation-drawer--clipped~.footer.footer--absolute,.navigation-drawer--persistent.navigation-drawer--clipped~.footer.footer--fixed,.navigation-drawer--persistent.navigation-drawer--clipped~.toolbar,.navigation-drawer--persistent.navigation-drawer--floating~.footer.footer--absolute,.navigation-drawer--persistent.navigation-drawer--floating~.footer.footer--fixed,.navigation-drawer--persistent.navigation-drawer--floating~.toolbar{
  padding-left:0;
  z-index:3
}

.navigation-drawer--permanent.navigation-drawer--floating,.navigation-drawer--persistent.navigation-drawer--floating{
  border-color:transparent
}

.navigation-drawer--permanent:not(.navigation-drawer--clipped):not(.navigation-drawer--floating)~.footer,.navigation-drawer--permanent:not(.navigation-drawer--clipped):not(.navigation-drawer--floating)~.toolbar,.navigation-drawer--permanent:not(.navigation-drawer--clipped):not(.navigation-drawer--floating)~main,.navigation-drawer--persistent.navigation-drawer--open:not(.navigation-drawer--is-mobile):not(.navigation-drawer--right):not(.navigation-drawer--clipped)~.toolbar,.navigation-drawer--persistent.navigation-drawer--open:not(.navigation-drawer--is-mobile):not(.navigation-drawer--right)~.footer:not(.footer--fixed):not(.footer--absolute),.navigation-drawer--persistent.navigation-drawer--open:not(.navigation-drawer--is-mobile):not(.navigation-drawer--right)~main{
  padding-left:300px
}

.navigation-drawer--persistent.navigation-drawer--open.navigation-drawer--right:not(.navigation-drawer--is-mobile):not(.navigation-drawer--clipped)+.toolbar,.navigation-drawer--persistent.navigation-drawer--open.navigation-drawer--right:not(.navigation-drawer--is-mobile)~.footer:not(.footer--fixed):not(.footer--absolute),.navigation-drawer--persistent.navigation-drawer--open.navigation-drawer--right:not(.navigation-drawer--is-mobile)~main{
  padding-right:300px
}

.navigation-drawer--mini-variant{
  margin-top:56px;
  max-height:calc(100vh - 56px);
  overflow:hidden;
  width:80px
}

.navigation-drawer--mini-variant .list__tile__action,.navigation-drawer--mini-variant .list__tile__avatar{
  justify-content:center;
  min-width:48px
}

.navigation-drawer--mini-variant .list__tile__content{
  opacity:0
}

.navigation-drawer--mini-variant .divider,.navigation-drawer--mini-variant .subheader{
  display:none
}

.navigation-drawer--mini-variant~.toolbar{
  padding-left:0!important
}

.navigation-drawer--mini-variant:not(.navigation-drawer--close)~.footer:not(.footer--fixed):not(.footer--absolute),.navigation-drawer--mini-variant:not(.navigation-drawer--close)~main{
  padding-left:80px!important
}

.navigation-drawer--is-mobile:not(.navigation-drawer--permanent),.navigation-drawer--temporary{
  z-index:5
}

.navigation-drawer--is-mobile:not(.navigation-drawer--permanent):not(.navigation-drawer--close),.navigation-drawer--temporary:not(.navigation-drawer--close){
  box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)
}

.navigation-drawer~toolbar+main{
  min-height:calc(100vh - 56px)
}

.navigation-drawer>.list .list__tile{
  transition:none
}

.navigation-drawer>.list .list__tile--active .list__tile__title{
  color:inherit
}

.navigation-drawer>.list .list__tile--active>:first-child .icon{
  color:#1976d2
}

.navigation-drawer>.list .list--group__header--active:after{
  background:transparent
}

.navigation-drawer>.list .list--group__container .list__tile--active .list__tile__title,.navigation-drawer>.list .list--group__header--active .list__tile__action:first-of-type .icon{
  color:#1976d2
}

.overlay{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:4
}

.overlay--absolute,.overlay:before{
  position:absolute
}

.overlay:before{
  background-color:#212121;
  bottom:0;
  content:"";
  filter:blur(10%);
  height:100%;
  left:0;
  opacity:0;
  right:0;
  top:0;
  transition:.3s cubic-bezier(.25,.8,.25,1);
  width:100%
}

.overlay--active{
  pointer-events:auto
}

.overlay--active:before{
  opacity:.46
}

.pagination{
  list-style-type:none;
  display:inline-flex;
  padding:0;
  margin:0;
  height:40px
}

.pagination,.pagination>li{
  align-items:center
}

.pagination>li{
  display:flex
}

.pagination a{
  transition:.3s cubic-bezier(0,0,.2,1)
}

.pagination a:hover{
  box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}

.pagination--circle .pagination__item,.pagination--circle .pagination__more,.pagination--circle .pagination__navigation{
  border-radius:50%
}

.pagination--disabled{
  pointer-events:none;
  opacity:.6
}

.pagination__item{
  box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
  border-radius:4px;
  color:rgba(0,0,0,.87);
  display:inline-flex;
  justify-content:center;
  align-items:center;
  background:transparent;
  height:34px;
  width:34px;
  margin:.3rem;
  text-decoration:none
}

.pagination__item--active{
  box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12);
  background:#1976d2;
  color:#fff
}

.pagination__navigation{
  box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);
  display:inline-flex;
  justify-content:center;
  align-items:center;
  text-decoration:none;
  color:rgba(0,0,0,.87);
  height:2rem;
  border-radius:4px;
  width:2rem;
  margin:.3rem 15px
}

.pagination__navigation .icon{
  font-size:2rem;
  transition:.2s cubic-bezier(.4,0,.6,1);
  vertical-align:middle;
  color:rgba(0,0,0,.54)
}

.pagination__navigation--disabled{
  opacity:.6;
  pointer-events:none
}

.pagination__more{
  margin:.3rem;
  display:inline-flex;
  align-items:flex-end;
  justify-content:center;
  height:2rem;
  width:2rem
}

.parallax{
  position:relative;
  overflow:hidden;
  z-index:0
}

.parallax__image-container{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:1
}

.parallax__image{
  position:absolute;
  bottom:0;
  left:50%;
  min-width:100%;
  min-height:100%;
  display:none;
  transform:translate3d(-50%,0,0);
  z-index:1
}

.parallax__content{
  color:#fff;
  height:100%;
  z-index:2;
  position:relative;
  justify-content:center;
  padding:0 1rem
}

.parallax__content,.picker{
  display:flex;
  flex-direction:column
}

.picker{
  border-radius:2px;
  width:290px
}

.picker .card__row--actions{
  border:none;
  margin-top:-20px
}

.picker__title{
  height:105px;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
  padding:16px
}

.picker__body{
  height:290px;
  overflow:hidden;
  position:relative
}

.picker--dark,.picker--dark .btn{
  color:#fff
}

.picker--dark .picker__body{
  background:#424242
}

.picker--dark .picker__title{
  background:#616161
}

.picker--light{
  color:#fff
}

.picker--light .btn{
  color:rgba(0,0,0,.87)
}

.picker--light .picker__body{
  background:#fff;
  color:rgba(0,0,0,.87)
}

.picker--light .picker__title{
  background:#1976d2
}

.picker--landscape{
  flex-direction:row;
  flex-wrap:wrap;
  width:500px
}

.picker--landscape .picker__title{
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  flex:0 1 170px;
  width:170px;
  height:auto;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  z-index:1
}

.picker--landscape .picker__body{
  flex:1 0;
  width:330px;
  margin-left:170px
}

.picker--landscape .card__row--actions{
  margin-left:170px;
  width:330px
}

.progress-circular{
  position:relative;
  display:inline-flex
}

.progress-circular--indeterminate svg{
  -webkit-animation:progress-circular-rotate 1.4s linear infinite;
  animation:progress-circular-rotate 1.4s linear infinite;
  transform-origin:center center;
  width:100%;
  height:100%;
  margin:auto;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  transition:all .2s ease-in-out;
  z-index:0
}

.progress-circular--indeterminate .progress-circular__overlay{
  -webkit-animation:progress-circular-dash 1.4s ease-in-out infinite;
  animation:progress-circular-dash 1.4s ease-in-out infinite;
  stroke-linecap:round;
  stroke-dasharray:1,200;
  stroke-dashoffset:0px
}

.progress-circular__underlay{
  stroke:rgba(0,0,0,.1);
  z-index:1
}

.progress-circular__overlay{
  stroke:currentColor;
  z-index:2;
  transition:all .6s ease-in-out
}

.progress-circular__info{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate3d(-50%,-50%,0)
}

@-webkit-keyframes progress-circular-dash{
  0%{
    stroke-dasharray:1,200;
    stroke-dashoffset:0px
  }

  50%{
    stroke-dasharray:100,200;
    stroke-dashoffset:-15px
  }

  to{
    stroke-dasharray:100,200;
    stroke-dashoffset:-125px
  }
}

@keyframes progress-circular-dash{
  0%{
    stroke-dasharray:1,200;
    stroke-dashoffset:0px
  }

  50%{
    stroke-dasharray:100,200;
    stroke-dashoffset:-15px
  }

  to{
    stroke-dasharray:100,200;
    stroke-dashoffset:-125px
  }
}

@-webkit-keyframes progress-circular-rotate{
  to{
    transform:rotate(1turn)
  }
}

@keyframes progress-circular-rotate{
  to{
    transform:rotate(1turn)
  }
}

.progress-linear{
  background:transparent;
  margin:1rem 0;
  overflow:hidden;
  width:100%;
  position:relative
}

.progress-linear .progress-linear__bar{
  background:#84bbf0
}

.progress-linear .progress-linear__bar__determinate,.progress-linear .progress-linear__bar__indeterminate:after,.progress-linear .progress-linear__bar__indeterminate:before{
  background:#1976d2
}

.progress-linear__bar{
  width:100%;
  position:relative;
  z-index:1
}

.progress-linear__bar,.progress-linear__bar__determinate{
  height:inherit;
  transition:.3s ease-in
}

.progress-linear__bar__indeterminate:after,.progress-linear__bar__indeterminate:before{
  content:"";
  height:inherit;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  will-change:left,right;
  width:auto
}

.progress-linear__bar__indeterminate:before{
  -webkit-animation:indeterminate;
  animation:indeterminate;
  -webkit-animation-duration:2.2s;
  animation-duration:2.2s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite
}

.progress-linear__bar__indeterminate:after{
  -webkit-animation:indeterminate-short;
  animation:indeterminate-short;
  -webkit-animation-duration:2.2s;
  animation-duration:2.2s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite
}

.progress-linear--query .progress-linear__bar__indeterminate:before{
  -webkit-animation:query;
  animation:query;
  -webkit-animation-duration:2s;
  animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite
}

.progress-linear--query .progress-linear__bar__indeterminate:after{
  -webkit-animation:query-short;
  animation:query-short;
  -webkit-animation-duration:2s;
  animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite
}

.progress-linear--secondary .progress-linear__bar{
  background:#a1a1a1
}

.progress-linear--secondary .progress-linear__bar__determinate,.progress-linear--secondary .progress-linear__bar__indeterminate:after,.progress-linear--secondary .progress-linear__bar__indeterminate:before{
  background:#424242
}

.progress-linear--success .progress-linear__bar{
  background:#a5d8a7
}

.progress-linear--success .progress-linear__bar__determinate,.progress-linear--success .progress-linear__bar__indeterminate:after,.progress-linear--success .progress-linear__bar__indeterminate:before{
  background:#4caf50
}

.progress-linear--info .progress-linear__bar{
  background:#90cbf9
}

.progress-linear--info .progress-linear__bar__determinate,.progress-linear--info .progress-linear__bar__indeterminate:after,.progress-linear--info .progress-linear__bar__indeterminate:before{
  background:#2196f3
}

.progress-linear--warning .progress-linear__bar{
  background:#ffe083
}

.progress-linear--warning .progress-linear__bar__determinate,.progress-linear--warning .progress-linear__bar__indeterminate:after,.progress-linear--warning .progress-linear__bar__indeterminate:before{
  background:#ffc107
}

.progress-linear--error .progress-linear__bar{
  background:#ffa8a8
}

.progress-linear--error .progress-linear__bar__determinate,.progress-linear--error .progress-linear__bar__indeterminate:after,.progress-linear--error .progress-linear__bar__indeterminate:before{
  background:#ff5252
}

@-webkit-keyframes indeterminate{
  0%{
    left:-90%;
    right:100%
  }

  60%{
    left:-90%;
    right:100%
  }

  to{
    left:100%;
    right:-35%
  }
}

@keyframes indeterminate{
  0%{
    left:-90%;
    right:100%
  }

  60%{
    left:-90%;
    right:100%
  }

  to{
    left:100%;
    right:-35%
  }
}

@-webkit-keyframes indeterminate-short{
  0%{
    left:-200%;
    right:100%
  }

  60%{
    left:107%;
    right:-8%
  }

  to{
    left:107%;
    right:-8%
  }
}

@keyframes indeterminate-short{
  0%{
    left:-200%;
    right:100%
  }

  60%{
    left:107%;
    right:-8%
  }

  to{
    left:107%;
    right:-8%
  }
}

@-webkit-keyframes query{
  0%{
    right:-90%;
    left:100%
  }

  60%{
    right:-90%;
    left:100%
  }

  to{
    right:100%;
    left:-35%
  }
}

@keyframes query{
  0%{
    right:-90%;
    left:100%
  }

  60%{
    right:-90%;
    left:100%
  }

  to{
    right:100%;
    left:-35%
  }
}

@-webkit-keyframes query-short{
  0%{
    right:-200%;
    left:100%
  }

  60%{
    right:107%;
    left:-8%
  }

  to{
    right:107%;
    left:-8%
  }
}

@keyframes query-short{
  0%{
    right:-200%;
    left:100%
  }

  60%{
    right:107%;
    left:-8%
  }

  to{
    right:107%;
    left:-8%
  }
}

.ripple__container{
  border-radius:inherit;
  width:100%;
  height:100%;
  z-index:0
}

.ripple__animation,.ripple__container{
  color:inherit;
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
  pointer-events:none
}

.ripple__animation{
  border-radius:50%;
  background:currentColor;
  opacity:0;
  transition:.4s cubic-bezier(0,0,.2,1);
  will-change:opacity
}

.ripple__animation--enter{
  transition:none
}

.ripple__animation--visible{
  opacity:.15
}

.input-group--select .input-group--select__autocomplete{
  display:block;
  opacity:0;
  height:0
}

.input-group--select .input-group__append-icon{
  transition:.3s cubic-bezier(0,0,.2,1)
}

.input-group--select.input-group--focused .input-group--select__autocomplete{
  flex:1 0 100%;
  opacity:1;
  height:30px
}

.input-group--select.input-group--focused .input-group__append-icon{
  transform:rotate(-180deg)
}

.input-group--select .input-group__input,.input-group--select input{
  cursor:pointer
}

.input-group--select.input-group--disabled{
  cursor:not-allowed;
  pointer-events:none
}

.input-group--select .input-group__selections{
  display:flex;
  flex-wrap:wrap;
  width:100%;
  position:relative
}

.input-group--select .input-group__selections>div{
  display:flex;
  flex-wrap:wrap;
  flex:1
}

.input-group--select .input-group__selections__comma{
  display:inline-block;
  font-size:16px;
  height:30px;
  padding-top:4px;
  padding-right:4px
}

.input-group--select.input-group--light .input-group__selections__comma{
  color:#fff
}

.input-group--select.input-group--light .input-group__selections__comma--active{
  color:#1976d2
}

.input-group--select.input-group--dark .input-group__selections__comma{
  color:rgba(0,0,0,.87)
}

.input-group--select .menu{
  display:inline
}

.input-group--select .fade-transition-leave-active{
  position:absolute;
  left:0
}

.input-group.input-group--selection-controls{
  display:flex
}

.input-group.input-group--selection-controls .icon{
  cursor:pointer;
  position:absolute;
  left:0;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  transition:.3s cubic-bezier(.4,0,.6,1)
}

.input-group.input-group--selection-controls .input-group__details:after,.input-group.input-group--selection-controls .input-group__details:before{
  display:none
}

.input-group.input-group--selection-controls .input-group__input{
  width:100%;
  position:relative
}

.input-group.input-group--selection-controls .input-group__input .icon{
  -ms-grid-row-align:center;
  align-self:center;
  height:24px;
  margin:auto
}

.input-group--selection-controls label{
  cursor:pointer;
  margin-left:32px;
  position:absolute;
  left:0;
  z-index:1
}

.input-group--selection-controls__ripple{
  border-radius:50%;
  height:48px;
  width:48px;
  cursor:pointer;
  position:absolute;
  transform:translate3d(-12px,-50%,0);
  transform-origin:center center;
  top:50%;
  left:0
}

.input-group--selection-controls__ripple:before{
  content:"";
  position:absolute;
  width:36px;
  height:36px;
  background:currentColor;
  border-radius:50%;
  left:50%;
  top:50%;
  transform:translate3d(-50%,-50%,0) scale(.3);
  opacity:0;
  transition:.4s cubic-bezier(0,0,.2,1);
  transform-origin:center center
}

.input-group.input-group--selection-controls{
  z-index:0
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__container{
  position:relative
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__container.error--text .input-group--selection-controls__ripple--active:after,.input-group.input-group--selection-controls.switch .input-group--selection-controls__container.info--text .input-group--selection-controls__ripple--active:after,.input-group.input-group--selection-controls.switch .input-group--selection-controls__container.primary--text .input-group--selection-controls__ripple--active:after,.input-group.input-group--selection-controls.switch .input-group--selection-controls__container.secondary--text .input-group--selection-controls__ripple--active:after,.input-group.input-group--selection-controls.switch .input-group--selection-controls__container.success--text .input-group--selection-controls__ripple--active:after,.input-group.input-group--selection-controls.switch .input-group--selection-controls__container.warning--text .input-group--selection-controls__ripple--active:after{
  background:currentColor!important
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle{
  color:inherit;
  position:absolute;
  height:14px;
  top:50%;
  left:0;
  width:34px;
  border-radius:8px;
  transform:translateY(-50%)
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple{
  transform:translate3d(-15px,-24px,0);
  transition:.3s cubic-bezier(.25,.8,.25,1);
  z-index:1
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after{
  content:"";
  position:absolute;
  display:inline-block;
  cursor:pointer;
  width:20px;
  border-radius:50%;
  top:50%;
  left:50%;
  transform:translate3d(-50%,-50%,0);
  height:20px;
  box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
  transition:all .1s linear
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active{
  transform:translate3d(2px,-24px,0)
}

.input-group.input-group--selection-controls.switch label{
  margin-left:44px
}

.input-group--selection-controls.input-group--tab-focused .input-group--selection-controls__ripple:before{
  transform:translate3d(-50%,-50%,0) scale(1);
  opacity:.15
}

.input-group--selection-controls.switch.input-group--light{
  color:#80cbc4
}

.input-group--selection-controls.switch.input-group--light label{
  color:#fff
}

.input-group--selection-controls.switch.input-group--light .input-group--selection-controls__toggle{
  background:hsla(0,0%,100%,.3)
}

.input-group--selection-controls.switch.input-group--light .input-group--selection-controls__toggle--active{
  background:currentColor;
  opacity:.5
}

.input-group--selection-controls.switch.input-group--light .input-group--selection-controls__ripple{
  color:currentColor
}

.input-group--selection-controls.switch.input-group--light .input-group--selection-controls__ripple:after{
  background:#bdbdbd
}

.input-group--selection-controls.switch.input-group--light .input-group--selection-controls__ripple--active:after{
  background:currentColor
}

.input-group--selection-controls.switch.input-group--light .input-group--selection-controls__container--disabled{
  color:#424242
}

.input-group--selection-controls.switch.input-group--light .input-group--selection-controls__container--disabled .input-group--selection-controls__toggle{
  background:hsla(0,0%,100%,.1);
  opacity:1
}

.input-group--selection-controls.switch.input-group--light .input-group--selection-controls__container--disabled .input-group--selection-controls__ripple{
  color:#424242
}

.input-group--selection-controls.switch.input-group--light .input-group--selection-controls__container--disabled .input-group--selection-controls__ripple:after{
  background:#424242
}

.input-group--selection-controls.switch.input-group--dark{
  color:#009688
}

.input-group--selection-controls.switch.input-group--dark label{
  color:#424242
}

.input-group--selection-controls.switch.input-group--dark .input-group--selection-controls__toggle{
  background:rgba(0,0,0,.38)
}

.input-group--selection-controls.switch.input-group--dark .input-group--selection-controls__toggle--active{
  background:currentColor;
  opacity:.5
}

.input-group--selection-controls.switch.input-group--dark .input-group--selection-controls__ripple{
  color:currentColor
}

.input-group--selection-controls.switch.input-group--dark .input-group--selection-controls__ripple:after{
  background:#fafafa
}

.input-group--selection-controls.switch.input-group--dark .input-group--selection-controls__ripple--active:after{
  background:currentColor
}

.input-group--selection-controls.switch.input-group--dark .input-group--selection-controls__container--disabled{
  color:#bdbdbd
}

.input-group--selection-controls.switch.input-group--dark .input-group--selection-controls__container--disabled .input-group--selection-controls__toggle{
  background:rgba(0,0,0,.12);
  opacity:1
}

.input-group--selection-controls.switch.input-group--dark .input-group--selection-controls__container--disabled .input-group--selection-controls__ripple{
  color:#bdbdbd
}

.input-group--selection-controls.switch.input-group--dark .input-group--selection-controls__container--disabled .input-group--selection-controls__ripple:after{
  background:#bdbdbd
}

.input-group--selection-controls.checkbox.input-group--light label,.input-group--selection-controls.radio.input-group--light label{
  color:#fff
}

.input-group--selection-controls.checkbox.input-group--light .icon,.input-group--selection-controls.radio.input-group--light .icon{
  color:hsla(0,0%,100%,.54)
}

.input-group--selection-controls.checkbox.input-group--light.input-group--active .icon,.input-group--selection-controls.checkbox.input-group--light.input-group--active .input-group--selection-controls__ripple,.input-group--selection-controls.radio.input-group--light.input-group--active .icon,.input-group--selection-controls.radio.input-group--light.input-group--active .input-group--selection-controls__ripple{
  color:#009688
}

.input-group--selection-controls.checkbox.input-group--light.input-group--disabled .icon,.input-group--selection-controls.checkbox.input-group--light.input-group--disabled .input-group--selection-controls__ripple,.input-group--selection-controls.radio.input-group--light.input-group--disabled .icon,.input-group--selection-controls.radio.input-group--light.input-group--disabled .input-group--selection-controls__ripple{
  color:hsla(0,0%,100%,.26)
}

.input-group--selection-controls.checkbox.input-group--dark label,.input-group--selection-controls.radio.input-group--dark label{
  color:#000
}

.input-group--selection-controls.checkbox.input-group--dark .icon,.input-group--selection-controls.radio.input-group--dark .icon{
  color:rgba(0,0,0,.7)
}

.input-group--selection-controls.checkbox.input-group--dark.input-group--active .icon,.input-group--selection-controls.checkbox.input-group--dark.input-group--active .input-group--selection-controls__ripple,.input-group--selection-controls.radio.input-group--dark.input-group--active .icon,.input-group--selection-controls.radio.input-group--dark.input-group--active .input-group--selection-controls__ripple{
  color:#009688
}

.input-group--selection-controls.checkbox.input-group--dark.input-group--disabled .icon,.input-group--selection-controls.checkbox.input-group--dark.input-group--disabled .input-group--selection-controls__ripple,.input-group--selection-controls.radio.input-group--dark.input-group--disabled .icon,.input-group--selection-controls.radio.input-group--dark.input-group--disabled .input-group--selection-controls__ripple{
  color:rgba(0,0,0,.3)
}

.input-group--selection-controls.checkbox.input-group.input-group--active.error--text .icon,.input-group--selection-controls.checkbox.input-group.input-group--active.error--text .input-group--selection-controls__ripple,.input-group--selection-controls.checkbox.input-group.input-group--active.info--text .icon,.input-group--selection-controls.checkbox.input-group.input-group--active.info--text .input-group--selection-controls__ripple,.input-group--selection-controls.checkbox.input-group.input-group--active.primary--text .icon,.input-group--selection-controls.checkbox.input-group.input-group--active.primary--text .input-group--selection-controls__ripple,.input-group--selection-controls.checkbox.input-group.input-group--active.secondary--text .icon,.input-group--selection-controls.checkbox.input-group.input-group--active.secondary--text .input-group--selection-controls__ripple,.input-group--selection-controls.checkbox.input-group.input-group--active.success--text .icon,.input-group--selection-controls.checkbox.input-group.input-group--active.success--text .input-group--selection-controls__ripple,.input-group--selection-controls.checkbox.input-group.input-group--active.warning--text .icon,.input-group--selection-controls.checkbox.input-group.input-group--active.warning--text .input-group--selection-controls__ripple,.input-group--selection-controls.radio.input-group.input-group--active.error--text .icon,.input-group--selection-controls.radio.input-group.input-group--active.error--text .input-group--selection-controls__ripple,.input-group--selection-controls.radio.input-group.input-group--active.info--text .icon,.input-group--selection-controls.radio.input-group.input-group--active.info--text .input-group--selection-controls__ripple,.input-group--selection-controls.radio.input-group.input-group--active.primary--text .icon,.input-group--selection-controls.radio.input-group.input-group--active.primary--text .input-group--selection-controls__ripple,.input-group--selection-controls.radio.input-group.input-group--active.secondary--text .icon,.input-group--selection-controls.radio.input-group.input-group--active.secondary--text .input-group--selection-controls__ripple,.input-group--selection-controls.radio.input-group.input-group--active.success--text .icon,.input-group--selection-controls.radio.input-group.input-group--active.success--text .input-group--selection-controls__ripple,.input-group--selection-controls.radio.input-group.input-group--active.warning--text .icon,.input-group--selection-controls.radio.input-group.input-group--active.warning--text .input-group--selection-controls__ripple{
  color:currentColor!important
}

.input-group--slider.input-group--light label{
  transform:none;
  flex-basis:56px;
  color:hsla(0,0%,100%,.87);
  display:flex;
  font-size:18px;
  align-items:center
}

.input-group--slider.input-group--light .slider__track{
  background:hsla(0,0%,100%,.26)
}

.input-group--slider.input-group--light .slider__track__container:after{
  border:0 solid hsla(0,0%,100%,.6);
  border-left-width:2px
}

.input-group--slider.input-group--light .slider__thumb{
  border:4px solid hsla(0,0%,100%,.26)
}

.input-group--slider.input-group--light .slider__thumb--label{
  background:hsla(0,0%,100%,.26)
}

.input-group--slider.input-group--light .slider__ticks{
  background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6) 2px,transparent 0,transparent)
}

.input-group--slider.input-group--light.input-group--disabled .slider__thumb{
  background:hsla(0,0%,100%,.38);
  border-color:transparent
}

.input-group--slider.input-group--light.input-group--disabled.input-group--dirty .slider__track-fill{
  background:hsla(0,0%,100%,.26)
}

.input-group--slider.input-group--light:not(.input-group--dirty) .slider__thumb-container--label .slider__thumb{
  background:#fff
}

.input-group--slider.input-group--dark label{
  transform:none;
  flex-basis:56px;
  color:#000;
  display:flex;
  font-size:18px;
  align-items:center
}

.input-group--slider.input-group--dark .slider__track{
  background:rgba(0,0,0,.3)
}

.input-group--slider.input-group--dark .slider__track__container:after{
  border:0 solid rgba(0,0,0,.6);
  border-left-width:2px
}

.input-group--slider.input-group--dark .slider__thumb{
  border:4px solid rgba(0,0,0,.3)
}

.input-group--slider.input-group--dark .slider__thumb--label{
  background:rgba(0,0,0,.3)
}

.input-group--slider.input-group--dark .slider__ticks{
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.6) 2px,transparent 0,transparent)
}

.input-group--slider.input-group--dark.input-group--disabled .slider__thumb{
  background:rgba(0,0,0,.3);
  border-color:transparent
}

.input-group--slider.input-group--dark.input-group--disabled.input-group--dirty .slider__track-fill{
  background:rgba(0,0,0,.3)
}

.input-group--slider.input-group--dark:not(.input-group--dirty) .slider__thumb-container--label .slider__thumb{
  background:#000
}

.input-group--slider{
  flex-direction:row;
  flex-wrap:wrap
}

.input-group--slider .input-group__details:after,.input-group--slider .input-group__details:before{
  display:none
}

.input-group--slider .input-group__input{
  flex:1 1 100%
}

.input-group--slider label+.input-group__input{
  margin-left:16px;
  flex:1 1 auto
}

.input-group--slider.input-group--active .slider__thumb{
  transform:translateY(-50%) scale(1)
}

.input-group--slider.input-group--active .slider__track{
  transition:none
}

.input-group--slider.input-group--active .slider__thumb-container--label .slider__thumb,.input-group--slider.input-group--active .slider__thumb-container--label .slider__thumb:hover{
  transform:translateY(-50%) scale(0)
}

.input-group--slider.input-group--active .slider__thumb-container,.input-group--slider.input-group--active .slider__track-fill{
  transition:none
}

.input-group--slider.input-group--dirty .slider__thumb{
  background:#1976d2;
  border-color:#1976d2
}

.input-group--slider.input-group--dirty .slider__thumb--label{
  background:#1976d2
}

.input-group--slider.input-group--disabled{
  pointer-events:none
}

.input-group--slider.input-group--disabled .slider__thumb{
  transform:translateY(-50%) scale(.5);
  background:transparent
}

.input-group--slider.input-group--disabled.input-group--dirty{
  border-color:transparent
}

.input-group--slider.input-group--prepend-icon .slider{
  margin-left:56px
}

.slider{
  cursor:default;
  display:flex;
  align-items:center;
  position:relative;
  height:30px;
  flex:1;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.input-group--ticks:hover .slider__ticks,.input-group--ticks:hover .slider__track__container:after{
  opacity:1
}

.slider__track__container{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  height:2px;
  width:100%;
  overflow:hidden
}

.slider__track__container:after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  height:2px;
  transition:.3s ease-in-out;
  width:2px;
  opacity:0
}

.slider__thumb,.slider__ticks,.slider__track{
  position:absolute;
  top:0
}

.slider__track{
  transform-origin:right;
  overflow:hidden
}

.slider__track,.slider__track-fill{
  height:2px;
  left:0;
  transition:.3s ease-in-out;
  width:100%
}

.slider__track-fill{
  position:absolute;
  background:#1976d2;
  transform-origin:left
}

.slider__ticks,.slider__ticks-container{
  position:absolute;
  left:0;
  height:2px;
  width:100%
}

.slider__ticks-container{
  top:50%;
  overflow:hidden
}

.slider__ticks{
  transition:.3s ease-in-out;
  opacity:0
}

.slider__thumb-container{
  position:absolute;
  top:50%;
  transition:.3s ease-in-out
}

.slider__thumb{
  width:20px;
  height:20px;
  left:-10px;
  top:50%;
  border-radius:50%;
  background:transparent;
  transition:.3s ease-in-out;
  transform:translateY(-50%) scale(.8);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.slider__thumb:hover{
  transform:translateY(-50%) scale(1)
}

.slider__thumb--label__container{
  position:absolute;
  left:0;
  top:0;
  transition:.3s ease-in-out
}

.slider__thumb--label{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  color:#fff;
  width:28px;
  height:28px;
  border-radius:50% 50% 0;
  position:absolute;
  left:-14px;
  top:-40px;
  transform:rotate(45deg);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  transition:.3s ease-in-out
}

.slider__thumb--label span{
  transform:rotate(-45deg) translateZ(0)
}

.small-dialog{
  display:block;
  height:100%
}

.small-dialog__content{
  padding:0 24px
}

.small-dialog__actions{
  text-align:right
}

.small-dialog a{
  display:flex;
  align-items:center;
  color:rgba(0,0,0,.87);
  height:100%;
  text-decoration:none
}

.small-dialog a>*{
  width:100%
}

.small-dialog .menu__activator{
  height:100%
}

.snack{
  background-color:#323232;
  position:fixed;
  display:flex;
  height:0;
  pointer-events:none;
  z-index:1000;
  visibility:visible
}

.snack--absolute{
  position:absolute
}

.snack--top{
  top:0
}

.snack--bottom,.snack--top{
  left:50%;
  transform:translate3d(-50%,0,0) translateZ(0)
}

.snack--bottom{
  bottom:48px
}

.snack--left{
  left:8px;
  right:auto;
  transform:none
}

.snack--left.snack--top{
  top:8px
}

.snack--left.snack--bottom{
  bottom:56px
}

.snack--right{
  left:auto;
  right:8px;
  transform:none
}

.snack--right.snack--top{
  top:8px
}

.snack--right.snack--bottom{
  top:auto;
  bottom:56px
}

.snack__content{
  background-color:inherit;
  padding:14px 24px;
  border-radius:2px;
  pointer-events:auto;
  max-width:568px;
  min-width:288px;
  height:48px;
  align-items:center;
  color:#fff;
  display:flex;
  font-size:14px;
  justify-content:space-between;
  transition:.4s cubic-bezier(.25,.8,.25,1);
  position:relative!important;
  box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)
}

.snack__content .btn{
  margin:0 0 0 48px
}

@media only screen and (max-width:599px){
  .snack{
    width:100%;
    left:0;
    right:auto;
    transform:none
  }

  .snack--left.snack--top,.snack--right.snack--top{
    top:0
  }

  .snack--left.snack--bottom,.snack--right.snack--bottom{
    bottom:48px
  }

  .snack__content{
    border-radius:0;
    max-width:100%;
    width:100%
  }

  .snack__content .btn{
    margin:0 0 0 24px
  }

  .snack--multi-line .snack__content{
    height:80px;
    padding:24px
  }

  .snack--bottom.snack--multi-line,.snack--right.snack--multi-line{
    bottom:80px
  }

  .snack--vertical .snack__content{
    height:112px;
    padding:24px 24px 14px;
    flex-direction:column;
    align-items:initial
  }

  .snack--vertical .snack__content .btn{
    align-self:flex-end
  }

  .snack--bottom.snack--vertical,.snack--right.snack--vertical{
    bottom:112px
  }
}

.stepper{
  overflow:hidden;
  position:relative
}

.stepper,.stepper__header{
  box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}

.stepper__header{
  align-items:stretch;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}

.stepper__header .divider{
  -ms-grid-row-align:center;
  align-self:center;
  margin:0 -16px
}

.stepper__step__step{
  align-items:center;
  background:rgba(0,0,0,.38);
  border-radius:50%;
  color:#fff;
  display:flex;
  font-size:12px;
  justify-content:center;
  height:24px;
  margin-right:8px;
  width:24px;
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.stepper__step__step .icon{
  font-size:18px;
  color:#fff
}

.stepper__step{
  align-items:center;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  padding:24px;
  position:relative
}

.stepper__step--active .stepper__label{
  text-shadow:0 0 0 #000;
  transition:.3s cubic-bezier(.4,0,.6,1)
}

.stepper__step--active .stepper__step__step{
  background:#1976d2
}

.stepper__step--editable{
  cursor:pointer
}

.stepper__step--editable:hover{
  background:rgba(0,0,0,.06);
  text-shadow:0 0 0 #000
}

.stepper__step--inactive .stepper__label,.stepper__step--inactive .stepper__label small{
  color:rgba(0,0,0,.38)
}

.stepper__step__step:not(.stepper__step--inactive.stepper__step--error){
  color:#fff;
  background:rgba(0,0,0,.38)
}

.stepper__step--inactive.stepper__step--editable:hover .stepper__step__step,.stepper__step__step:not(.stepper__step--inactive.stepper__step--error):hover{
  background:rgba(0,0,0,.5)
}

.stepper__step--error .stepper__step__step{
  background:transparent;
  color:#ff5252
}

.stepper__step--error .stepper__step__step .icon{
  font-size:24px;
  color:#ff5252
}

.stepper__step--error .stepper__label{
  color:#ff5252;
  text-shadow:none;
  font-weight:500
}

.stepper__step--error .stepper__label small{
  color:#ff5252
}

.stepper__step--complete .stepper__label{
  color:rgba(0,0,0,.87)
}

.stepper__step--complete .stepper__step__step{
  background:#1976d2
}

.stepper__label{
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  text-align:left;
  color:rgba(0,0,0,.38)
}

.stepper__label small{
  font-size:12px;
  font-weight:300;
  color:rgba(0,0,0,.54);
  text-shadow:none
}

.stepper__wrapper{
  overflow:hidden
}

.stepper__content,.stepper__wrapper{
  transition:.4s cubic-bezier(.4,0,.6,1)
}

.stepper__content{
  top:auto;
  bottom:0;
  padding:16px;
  flex:1;
  width:100%
}

.stepper__content .btn{
  margin-left:0
}

.stepper--non-linear .stepper__step:not(.stepper__step--complete) .stepper__label{
  color:rgba(0,0,0,.54)
}

.stepper--vertical{
  padding-bottom:36px
}

.stepper--vertical .stepper__content{
  margin:-8px 0 -16px 36px;
  padding:16px 60px 16px 23px;
  width:auto
}

.stepper--vertical .stepper__content:not(:last-child){
  border-left:1px solid rgba(0,0,0,.12)
}

.stepper--vertical .stepper__step{
  padding:24px 24px 16px
}

.stepper--vertical .stepper__step__step{
  margin-right:12px
}

.stepper--alt-labels .stepper__header .divider{
  margin:35px -67px 0;
  align-self:flex-start
}

.stepper--alt-labels .stepper__step{
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  flex-basis:175px
}

.stepper--alt-labels .stepper__step small{
  -ms-grid-row-align:center;
  align-self:center
}

.stepper--alt-labels .stepper__step__step{
  margin-right:0;
  margin-bottom:12px
}

@media only screen and (max-width:1023px){
  .stepper:not(.stepper--vertical) .stepper__label{
    display:none
  }

  .stepper:not(.stepper--vertical) .stepper__step__step{
    margin-right:0
  }
}

.subheader{
  height:48px;
  display:flex;
  align-items:center;
  font-size:14px;
  font-weight:500;
  padding:0 16px
}

.subheader--inset{
  margin-left:56px
}

.subheader--dark{
  color:rgba(0,0,0,.54)
}

.subheader--light{
  color:hsla(0,0%,100%,.54)
}

.application--dark .subheader:not(.subheader--dark):not(.subheader--light){
  color:hsla(0,0%,100%,.7)
}

.application--light .subheader:not(.subheader--dark):not(.subheader--light){
  color:rgba(0,0,0,.54)
}

.table__overflow{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden
}

table.table{
  border-radius:2px;
  border-collapse:collapse;
  border-spacing:0;
  width:100%;
  max-width:100%
}

table.table tr:not(:last-child){
  border-bottom:1px solid rgba(0,0,0,.12)
}

table.table tbody td:first-child,table.table tbody td:not(:first-child),table.table tbody th:first-child,table.table tbody th:not(:first-child),table.table thead td:first-child,table.table thead td:not(:first-child),table.table thead th:first-child,table.table thead th:not(:first-child){
  padding:0 24px
}

table.table thead tr{
  height:56px
}

table.table thead th{
  color:rgba(0,0,0,.54);
  font-weight:600;
  font-size:12px;
  transition:.3s cubic-bezier(.25,.8,.25,1);
  white-space:nowrap;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

table.table thead th.sortable{
  pointer-events:auto
}

table.table thead th>div{
  width:100%
}

table.table tbody tr{
  transition:background .3s cubic-bezier(.25,.8,.25,1);
  will-change:background
}

table.table tbody tr[active]{
  background:#f5f5f5
}

table.table tbody tr:hover{
  background:rgba(0,0,0,.12)
}

table.table tbody td,table.table tbody th{
  height:48px
}

table.table tbody td{
  font-weight:500;
  font-size:13px
}

table.table .input-group--selection-controls{
  margin:0
}

table.table .input-group--selection-controls .input-group__details{
  display:none
}

table.table .input-group--selection-controls.checkbox .icon{
  left:50%;
  transform:translateX(-50%)
}

table.table .input-group--selection-controls.checkbox .input-group--selection-controls__ripple{
  left:50%;
  transform:translate3d(-50%,-50%,0)
}

table.table tfoot tr{
  height:56px;
  border-top:1px solid rgba(0,0,0,.12)
}

.tabs{
  overflow:hidden;
  position:relative;
  width:100%
}

.tabs>.card{
  border-radius:0
}

.tabs--grow .tabs__container>li{
  flex-grow:1
}

.tabs--centered .tabs__container>li:first-of-type{
  margin-left:auto
}

.tabs--centered .tabs__container>li:last-of-type{
  margin-right:auto
}

.tabs--icons .tabs__bar{
  height:90px
}

.tabs--scroll-bars .tabs__bar--mobile{
  padding:0 35px
}

.tabs--scroll-bars .tabs__bar--mobile .icon--left,.tabs--scroll-bars .tabs__bar--mobile .icon--right{
  display:flex
}

.tabs--scroll-bars .tabs__bar--mobile .tabs__container{
  width:calc(100% - 70px)
}

.tabs__bar{
  background-color:#1976d2;
  width:100%;
  position:relative;
  height:60px
}

.tabs__bar .icon--left,.tabs__bar .icon--right{
  position:absolute;
  top:0;
  width:35px;
  display:none;
  align-items:center;
  height:100%;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.tabs--dark .tabs__bar .icon--left,.tabs--dark .tabs__bar .icon--right{
  color:rgba(0,0,0,.87)
}

.tabs--light .tabs__bar .icon--left,.tabs--light .tabs__bar .icon--right{
  color:#fff
}

.tabs__bar .icon--left{
  left:0
}

.tabs__bar .icon--right{
  right:0
}

.tabs__container{
  overflow-x:auto;
  overflow-y:hidden;
  display:flex;
  height:100%;
  width:100%;
  position:absolute;
  padding:0;
  top:0;
  align-items:center;
  list-style:none
}

.tabs__container>li:not(.tabs__slider){
  height:100%
}

.tabs__container-left{
  position:absolute;
  left:0;
  top:0;
  width:35px
}

.tabs__container-left,.tabs__item{
  height:100%;
  display:flex;
  align-items:center
}

.tabs__item{
  flex-shrink:0;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:1rem;
  position:relative;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  text-overflow:ellipsis;
  transition:.3s cubic-bezier(.25,.8,.25,1);
  white-space:nowrap
}

.tabs--dark .tabs__item{
  color:rgba(0,0,0,.38)
}

.tabs--dark .tabs__item--active{
  color:rgba(0,0,0,.54)
}

.tabs--light .tabs__item{
  color:hsla(0,0%,100%,.5)
}

.tabs--light .tabs__item--active{
  color:#fff
}

.tabs__item .icon{
  color:inherit;
  flex:1;
  flex-basis:100%;
  font-size:32px;
  margin:.5rem 0
}

.tabs__item--disabled{
  pointer-events:none
}

.tabs__items{
  position:relative;
  border-width:0 1px 1px;
  border-style:solid;
  border-color:rgba(0,0,0,.1)
}

.tabs__content{
  width:100%
}

.tabs__content,.tabs__slider{
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.tabs__slider{
  position:absolute;
  bottom:0;
  height:4px;
  background:#448aff
}

.input-group--text-field label{
  pointer-events:none;
  position:absolute;
  top:0;
  left:0;
  min-width:0;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  text-align:left;
  transform:translateZ(0);
  transform-origin:top left;
  width:100%
}

.input-group--text-field.input-group--multi-line:not(.input-group--focused):not(.input-group--dirty) label{
  transform:translateZ(0)
}

.input-group--text-field input{
  font-size:16px;
  flex:1;
  margin:0;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  min-width:0;
  height:30px
}

.input-group--text-field input+.icon{
  padding:0 6px;
  transition:.3s cubic-bezier(.4,0,.6,1)
}

.input-group--text-field input:focus{
  outline:none
}

.input-group--text-field input:disabled{
  pointer-events:none
}

.input-group--text-field textarea{
  font-size:16px;
  flex:1 1
}

.input-group--text-field textarea:focus{
  outline:none
}

.input-group--text-field .input-group__counter{
  margin-left:auto
}

.input-group--text-field .input-group__counter--error{
  color:#ff5252!important
}

.input-group--text-field.input-group--light.input-group--single-line.input-group--text-field.input-group--light.input-group--focused label,.input-group--text-field.input-group--light input,.input-group--text-field.input-group--light input:disabled,.input-group--text-field.input-group--light label,.input-group--text-field.input-group--light textarea,.input-group--text-field.input-group--light textarea:disabled{
  color:hsla(0,0%,100%,.5)
}

.input-group--text-field.input-group--light.input-group--dirty input,.input-group--text-field.input-group--light.input-group--dirty textarea{
  color:hsla(0,0%,100%,.87)
}

.input-group--text-field.input-group--light.input-group--disabled input,.input-group--text-field.input-group--light.input-group--disabled textarea,.input-group--text-field.input-group--light .input-group__counter,.input-group--text-field.input-group--light .input-group__details{
  color:hsla(0,0%,100%,.5)
}

.input-group--text-field.input-group--light.input-group--disabled .input-group__details:before{
  background-color:transparent
}

.input-group--text-field.input-group--light .input-group--text-field__prefix,.input-group--text-field.input-group--light .input-group--text-field__suffix{
  color:hsla(0,0%,100%,.5)
}

.input-group--text-field.input-group--dark.input-group--single-line.input-group--text-field.input-group--dark.input-group--focused label,.input-group--text-field.input-group--dark input,.input-group--text-field.input-group--dark input:disabled,.input-group--text-field.input-group--dark label,.input-group--text-field.input-group--dark textarea,.input-group--text-field.input-group--dark textarea:disabled{
  color:rgba(0,0,0,.38)
}

.input-group--text-field.input-group--dark.input-group--dirty input,.input-group--text-field.input-group--dark.input-group--dirty textarea{
  color:#000
}

.input-group--text-field.input-group--dark.input-group--disabled input,.input-group--text-field.input-group--dark.input-group--disabled textarea,.input-group--text-field.input-group--dark .input-group__counter,.input-group--text-field.input-group--dark .input-group__details{
  color:rgba(0,0,0,.38)
}

.input-group--text-field.input-group--dark.input-group--disabled .input-group__details:before{
  background-color:transparent
}

.input-group--text-field.input-group--dark .input-group--text-field__prefix,.input-group--text-field.input-group--dark .input-group--text-field__suffix{
  color:rgba(0,0,0,.38)
}

.input-group--text-field.input-group--focused label{
  opacity:1;
  color:#1976d2
}

.input-group--text-field.input-group--dirty label,.input-group--text-field.input-group--focused label{
  transform:translate3d(0,-18px,0) scale(.75)
}

.input-group--text-field.input-group--placeholder:not(.input-group--focused):not(.input-group--dirty) label{
  opacity:0
}

.input-group--text-field.input-group--error .input-group__details:after{
  background-color:#ff5252
}

.input-group--text-field.input-group--prepend-icon .input-group__prepend-icon{
  align-items:center;
  display:flex;
  justify-content:flex-start;
  min-width:40px;
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.input-group--text-field.input-group--prepend-icon .input-group__details{
  margin-left:40px
}

.input-group--text-field.input-group--prepend-icon .input-group__details:after,.input-group--text-field.input-group--prepend-icon .input-group__details:before{
  max-width:calc(100% - 56px)
}

.input-group--text-field.input-group--prepend-icon label{
  margin-left:40px
}

.input-group--text-field.input-group--prepend-icon input{
  flex:auto
}

.input-group--text-field.input-group--prepend-icon.input-group--focused .icon{
  color:#1976d2
}

.input-group--text-field.input-group--single-line label{
  transform:translateZ(0)
}

.input-group--text-field.input-group--single-line.input-group--dirty label{
  display:none
}

.input-group--text-field.input-group--required label:after{
  content:"*"
}

.input-group--text-field.input-group--error label,.input-group--text-field.input-group--required.input-group--focused label:after{
  color:#ff5252
}

.input-group--text-field.input-group--error .input-group__details:after,.input-group--text-field.input-group--error .input-group__details:before{
  background-color:#ff5252
}

.input-group--text-field.input-group--full-width{
  padding:0 16px
}

.input-group--text-field.input-group--full-width .input-group__details:after,.input-group--text-field.input-group--full-width .input-group__details:before{
  display:none
}

.input-group--text-field__prefix,.input-group--text-field__suffix{
  align-items:center;
  display:inline-flex;
  font-size:16px;
  margin-top:1px
}

.input-group--text-field__prefix{
  margin-right:3px
}

.input-group--text-field__suffix{
  margin-left:3px
}

.picker--time .card__row--actions{
  margin-top:-10px
}

.picker--time.picker--dark .picker--time__clock{
  background:#616161
}

.picker--time.picker--dark .picker--time__clock-hand:before{
  border-color:#448aff
}

.picker--time.picker--dark .picker--time__clock-hand,.picker--time.picker--dark .picker--time__clock:after{
  background:#448aff
}

.picker--time.picker--dark .picker--time__clock>span{
  color:#fff
}

.picker--time.picker--dark .picker--time__clock>span.active{
  color:#000
}

.picker--time.picker--dark .picker--time__clock>span.active:before{
  background:#448aff
}

.picker--time.picker--landscape{
  flex-wrap:wrap
}

.picker--time.picker--landscape .picker__title{
  flex-direction:column;
  justify-content:center
}

.picker--time.picker--landscape .picker__title div:first-child{
  text-align:right
}

.picker--time.picker--landscape .picker__title div:first-child span{
  height:55px;
  font-size:55px
}

.picker--time.picker--landscape .picker__title div:last-child{
  margin:16px 0 0;
  -ms-grid-row-align:initial;
  align-self:auto;
  text-align:center
}

.picker--time.picker--landscape .picker--time__clock{
  height:250px;
  width:250px
}

.picker--time.picker--landscape .picker--time__clock-hand{
  height:97px
}

.picker--time .picker__title{
  display:flex;
  justify-content:flex-end
}

.picker--time .picker__title div:first-child{
  white-space:nowrap
}

.picker--time .picker__title div:first-child span{
  align-items:center;
  cursor:pointer;
  display:inline-flex;
  height:70px;
  font-size:70px;
  justify-content:center;
  opacity:.6;
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.picker--time .picker__title div:first-child span.active{
  opacity:1
}

.picker--time .picker__title div:last-child{
  align-self:flex-end;
  display:flex;
  flex-direction:column;
  font-size:16px;
  margin:8px 0 6px 8px
}

.picker--time .picker__title div:last-child span{
  cursor:pointer;
  opacity:.6;
  transition:.3s cubic-bezier(.25,.8,.25,1)
}

.picker--time .picker__title div:last-child span.active{
  opacity:1
}

.picker--time .picker__title div:only-child{
  flex-direction:row
}

.picker--time__clock{
  height:270px;
  width:270px;
  border-radius:100%;
  background:#e0e0e0;
  position:absolute;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  top:50%;
  left:50%;
  transition:.5s cubic-bezier(.25,.8,.25,1);
  transform:translate(-50%,-50%)
}

.picker--time__clock-hand{
  height:40%;
  width:2px;
  background:#1976d2;
  bottom:50%;
  left:calc(50% - 1px);
  transform-origin:center bottom;
  position:absolute
}

.picker--time__clock-hand:before{
  background:transparent;
  border:2px solid #1976d2;
  border-radius:100%;
  width:10px;
  height:10px;
  top:-3%
}

.picker--time__clock-hand:before,.picker--time__clock:after{
  content:"";
  position:absolute;
  left:50%;
  transform:translate3d(-50%,-50%,0)
}

.picker--time__clock:after{
  height:8px;
  width:8px;
  top:50%;
  background:#2196f3;
  border-radius:100%
}

.picker--time__clock>span{
  align-items:center;
  border-radius:100%;
  cursor:default;
  display:flex;
  font-size:16px;
  justify-content:center;
  left:calc(50% - 16px);
  height:32px;
  position:absolute;
  text-align:center;
  top:calc(50% - 16px);
  width:32px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.picker--time__clock>span>span{
  z-index:1
}

.picker--time__clock>span:after,.picker--time__clock>span:before{
  content:"";
  border-radius:100%;
  position:absolute;
  top:50%;
  left:50%;
  height:14px;
  width:14px;
  transform:translate3d(-50%,-50%,0);
  height:40px;
  width:40px
}

.picker--time__clock>span.active{
  color:#fff;
  cursor:default
}

.picker--time__clock>span.active:before{
  background:#1976d2
}

.picker--time .card__row--actions{
  border:none
}

.toast{
  position:fixed;
  z-index:99999999999999
}

.toast--right{
  top:5%;
  right:2%
}

.toast--left{
  top:5%;
  left:2%
}

.toast--top{
  top:5%
}

.toast--bottom,.toast--top{
  left:50%;
  transform:translateX(-50%)
}

.toast--bottom{
  bottom:5%
}

.toast--snack{
  bottom:0;
  left:50%;
  transform:translateX(-50%)
}

.toast--snack .toast__content{
  margin-bottom:0;
  opacity:1
}

.toast--snack .toast__content--remove{
  margin-top:0
}

.toast__content{
  background:#424242;
  border-radius:2px;
  color:#fff;
  padding:1rem 2rem;
  margin:1rem 0;
  opacity:0;
  transform:translate3d(0,3rem,0);
  transition:.3s cubic-bezier(.25,.8,.25,1);
  box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12)
}

.toast__content--active{
  transform:translateZ(0);
  opacity:1
}

.toast__content--remove{
  margin-top:-3rem;
  opacity:0
}

.application--dark .toolbar{
  background:#212121
}

.toolbar{
  align-items:center;
  background-color:#1976d2;
  display:flex;
  flex-wrap:wrap;
  height:56px;
  position:relative;
  padding:0;
  transition:.3s cubic-bezier(.25,.8,.25,1);
  width:100%;
  will-change:padding-left;
  box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px rgba(0,0,0,.14),0 1px 10px rgba(0,0,0,.12);
  z-index:2
}

.toolbar>:first-child{
  margin-left:24px
}

.toolbar>:last-child{
  margin-right:24px
}

@media only screen and (max-width:599px){
  .toolbar>:first-child{
    margin-left:16px
  }

  .toolbar>:last-child{
    margin-right:16px
  }
}

.toolbar ul{
  list-style:none
}

.toolbar li{
  height:100%
}

.toolbar i{
  font-size:24px
}

.toolbar .menu__activator{
  height:100%
}

.toolbar--absolute+main,.toolbar--fixed+main{
  padding-top:56px
}

.toolbar--fixed{
  position:fixed
}

.toolbar--absolute{
  position:absolute
}

.toolbar__sub{
  flex:1 0 100%;
  padding:24px 0 24px 72px
}

.toolbar__side-icon{
  display:inline-flex;
  -ms-flex-align:center;
  position:relative;
  margin-left:10px
}

.toolbar__logo,.toolbar__side-icon{
  align-items:center
}

.toolbar__logo{
  font-size:3rem;
  flex:1;
  text-decoration:none;
  padding:0;
  display:flex;
  -ms-flex-align:center
}

.toolbar--dark .toolbar__logo{
  color:rgba(0,0,0,.87)
}

.toolbar--light .toolbar__logo{
  color:#fff
}

.toolbar__title{
  font-size:20px;
  flex:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.toolbar--dark .toolbar__title{
  color:rgba(0,0,0,.87)
}

.toolbar--light .toolbar__title{
  color:#fff
}

.toolbar__title:not(:first-child){
  padding:0 16px
}

.toolbar__items{
  list-style-type:none;
  padding:0;
  height:100%;
  max-width:100%
}

.toolbar__item,.toolbar__items,.toolbar__items>li{
  display:flex;
  align-items:center
}

.toolbar__item{
  padding:0 16px;
  text-decoration:none;
  transition:all .3s ease-out;
  position:relative;
  height:100%;
  white-space:nowrap
}

.toolbar--dark .toolbar__item{
  color:rgba(0,0,0,.87)
}

.toolbar--light .toolbar__item{
  color:#fff
}

.toolbar__item i{
  font-size:2rem
}

.toolbar__item--active,.toolbar__item:hover{
  background:rgba(0,0,0,.1)
}

.toolbar--dark .toolbar__item--active,.toolbar--dark .toolbar__item:hover{
  background:hsla(0,0%,100%,.1)
}

.toolbar--light .toolbar__item--active,.toolbar--light .toolbar__item:hover{
  background:rgba(0,0,0,.1)
}

.toolbar__item--disabled{
  opacity:.5;
  pointer-events:none
}

.toolbar .input-group{
  margin:0 0 0 16px;
  flex:1
}

.toolbar .input-group--dark .icon{
  color:rgba(0,0,0,.54)
}

.toolbar .input-group--light .icon{
  color:#fff
}

.toolbar .input-group--dark.input-group--focused.input-group--append-icon .icon,.toolbar .input-group--dark.input-group--focused.input-group--prepend-icon .icon{
  color:rgba(0,0,0,.54)
}

.toolbar .input-group--light.input-group--focused.input-group--append-icon .icon,.toolbar .input-group--light.input-group--focused.input-group--prepend-icon .icon{
  color:#fff
}

[data-tooltip]{
  position:relative
}

[data-tooltip]:before{
  background:#616161;
  border-radius:2px;
  color:#fff;
  content:attr(data-tooltip);
  font-size:12px;
  display:inline-block;
  opacity:0;
  padding:5px 8px;
  position:absolute;
  pointer-events:none;
  text-transform:none;
  transition:.2s cubic-bezier(.4,0,.6,1);
  visibility:hidden;
  width:auto;
  white-space:pre;
  z-index:99;
  box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)
}

[data-tooltip]:hover:before{
  opacity:1;
  visibility:visible
}

[data-tooltip][data-tooltip-location=bottom]:before{
  top:100%;
  left:50%;
  transform:translate(-50%,-14px) scale(.1);
  transform-origin:center top
}

[data-tooltip][data-tooltip-location=bottom]:hover:before{
  transform:translate(-50%,14px) scale(1.01)
}

[data-tooltip][data-tooltip-location=top]:before{
  bottom:100%;
  left:50%;
  transform:translate(-50%,14px) scale(.1);
  transform-origin:center bottom
}

[data-tooltip][data-tooltip-location=top]:hover:before{
  transform:translate(-50%,-14px) scale(1.01)
}

[data-tooltip][data-tooltip-location=left]:before{
  right:100%;
  transform:translate(14px) scale(.1);
  transform-origin:center right
}

[data-tooltip][data-tooltip-location=left]:hover:before{
  transform:translate(-14px) scale(1.01)
}

[data-tooltip][data-tooltip-location=right]:before{
  left:100%;
  transform:translate(-14px) scale(.1);
  transform-origin:center left
}

[data-tooltip][data-tooltip-location=right]:hover:before{
  transform:translate(14px) scale(1.01)
}

@media only screen and (max-width:1023px){
  [data-tooltip]:before{
    padding:10px 16px
  }

  [data-tooltip][data-tooltip-location=bottom]:hover:before{
    transform:translate(-50%,24px) scale(1.01)
  }

  [data-tooltip][data-tooltip-location=top]:hover:before{
    transform:translate(-50%,-24px) scale(1.01)
  }

  [data-tooltip][data-tooltip-location=left]:hover:before{
    transform:translate(-24px) scale(1.01)
  }

  [data-tooltip][data-tooltip-location=right]:hover:before{
    transform:translate(24px) scale(1.01)
  }
}

@media only screen and (max-width:599px){
  .hidden-xs-only{
    display:none!important
  }
}

@media only screen and (max-width:1023px){
  .hidden-sm-and-down{
    display:none!important
  }
}

@media only screen and (min-width:600px){
  .hidden-sm-and-up{
    display:none!important
  }
}

@media only screen and (min-width:1024px) and (max-width){
  .hidden-md-only{
    display:none!important
  }
}

@media only screen and (max-width:1423px){
  .hidden-md-and-down{
    display:none!important
  }
}

@media only screen and (min-width:1024px){
  .hidden-md-and-up{
    display:none!important
  }
}

@media only screen and (min-width:1424px) and (max-width){
  .hidden-lg-only{
    display:none!important
  }
}

@media only screen and (max-width:1903px){
  .hidden-lg-and-down{
    display:none!important
  }
}

@media only screen and (min-width:1424px){
  .hidden-lg-and-up{
    display:none!important
  }
}

@media only screen and (min-width:1904px){
  .hidden-xl-only{
    display:none!important
  }
}

.right{
  float:right!important
}

.left{
  float:left!important
}

.mt-0{
  margin-top:0!important
}

.mr-0{
  margin-right:0!important
}

.mb-0{
  margin-bottom:0!important
}

.ml-0,.mx-0{
  margin-left:0!important
}

.mx-0{
  margin-right:0!important
}

.my-0{
  margin-top:0!important;
  margin-bottom:0!important
}

.ma-0{
  margin:0!important
}

.pt-0{
  padding-top:0!important
}

.pr-0{
  padding-right:0!important
}

.pb-0{
  padding-bottom:0!important
}

.pl-0,.px-0{
  padding-left:0!important
}

.px-0{
  padding-right:0!important
}

.py-0{
  padding-top:0!important;
  padding-bottom:0!important
}

.pa-0{
  padding:0!important
}

.mt-1{
  margin-top:4px!important
}

.mr-1{
  margin-right:4px!important
}

.mb-1{
  margin-bottom:4px!important
}

.ml-1,.mx-1{
  margin-left:4px!important
}

.mx-1{
  margin-right:4px!important
}

.my-1{
  margin-top:4px!important;
  margin-bottom:4px!important
}

.ma-1{
  margin:4px!important
}

.pt-1{
  padding-top:4px!important
}

.pr-1{
  padding-right:4px!important
}

.pb-1{
  padding-bottom:4px!important
}

.pl-1,.px-1{
  padding-left:4px!important
}

.px-1{
  padding-right:4px!important
}

.py-1{
  padding-top:4px!important;
  padding-bottom:4px!important
}

.pa-1{
  padding:4px!important
}

.mt-2{
  margin-top:8px!important
}

.mr-2{
  margin-right:8px!important
}

.mb-2{
  margin-bottom:8px!important
}

.ml-2,.mx-2{
  margin-left:8px!important
}

.mx-2{
  margin-right:8px!important
}

.my-2{
  margin-top:8px!important;
  margin-bottom:8px!important
}

.ma-2{
  margin:8px!important
}

.pt-2{
  padding-top:8px!important
}

.pr-2{
  padding-right:8px!important
}

.pb-2{
  padding-bottom:8px!important
}

.pl-2,.px-2{
  padding-left:8px!important
}

.px-2{
  padding-right:8px!important
}

.py-2{
  padding-top:8px!important;
  padding-bottom:8px!important
}

.pa-2{
  padding:8px!important
}

.mt-3{
  margin-top:16px!important
}

.mr-3{
  margin-right:16px!important
}

.mb-3{
  margin-bottom:16px!important
}

.ml-3,.mx-3{
  margin-left:16px!important
}

.mx-3{
  margin-right:16px!important
}

.my-3{
  margin-top:16px!important;
  margin-bottom:16px!important
}

.ma-3{
  margin:16px!important
}

.pt-3{
  padding-top:16px!important
}

.pr-3{
  padding-right:16px!important
}

.pb-3{
  padding-bottom:16px!important
}

.pl-3,.px-3{
  padding-left:16px!important
}

.px-3{
  padding-right:16px!important
}

.py-3{
  padding-top:16px!important;
  padding-bottom:16px!important
}

.pa-3{
  padding:16px!important
}

.mt-4{
  margin-top:24px!important
}

.mr-4{
  margin-right:24px!important
}

.mb-4{
  margin-bottom:24px!important
}

.ml-4,.mx-4{
  margin-left:24px!important
}

.mx-4{
  margin-right:24px!important
}

.my-4{
  margin-top:24px!important;
  margin-bottom:24px!important
}

.ma-4{
  margin:24px!important
}

.pt-4{
  padding-top:24px!important
}

.pr-4{
  padding-right:24px!important
}

.pb-4{
  padding-bottom:24px!important
}

.pl-4,.px-4{
  padding-left:24px!important
}

.px-4{
  padding-right:24px!important
}

.py-4{
  padding-top:24px!important;
  padding-bottom:24px!important
}

.pa-4{
  padding:24px!important
}

.mt-5{
  margin-top:48px!important
}

.mr-5{
  margin-right:48px!important
}

.mb-5{
  margin-bottom:48px!important
}

.ml-5,.mx-5{
  margin-left:48px!important
}

.mx-5{
  margin-right:48px!important
}

.my-5{
  margin-top:48px!important;
  margin-bottom:48px!important
}

.ma-5{
  margin:48px!important
}

.pt-5{
  padding-top:48px!important
}

.pr-5{
  padding-right:48px!important
}

.pb-5{
  padding-bottom:48px!important
}

.pl-5,.px-5{
  padding-left:48px!important
}

.px-5{
  padding-right:48px!important
}

.py-5{
  padding-top:48px!important;
  padding-bottom:48px!important
}

.pa-5{
  padding:48px!important
}

@media only screen and (min-width:0){
  .text-xs-left{
    text-align:left!important
  }

  .text-xs-center{
    text-align:center!important
  }

  .text-xs-right{
    text-align:right!important
  }

  .text-xs-justify{
    text-align:justify!important
  }
}

@media only screen and (min-width:600px){
  .text-sm-left{
    text-align:left!important
  }

  .text-sm-center{
    text-align:center!important
  }

  .text-sm-right{
    text-align:right!important
  }

  .text-sm-justify{
    text-align:justify!important
  }
}

@media only screen and (min-width:1024px){
  .text-md-left{
    text-align:left!important
  }

  .text-md-center{
    text-align:center!important
  }

  .text-md-right{
    text-align:right!important
  }

  .text-md-justify{
    text-align:justify!important
  }
}

@media only screen and (min-width:1424px){
  .text-lg-left{
    text-align:left!important
  }

  .text-lg-center{
    text-align:center!important
  }

  .text-lg-right{
    text-align:right!important
  }

  .text-lg-justify{
    text-align:justify!important
  }
}

@media only screen and (min-width:1904px){
  .text-xl-left{
    text-align:left!important
  }

  .text-xl-center{
    text-align:center!important
  }

  .text-xl-right{
    text-align:right!important
  }

  .text-xl-justify{
    text-align:justify!important
  }
}.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;

  src: url("font/VideoJS.eot?#iefix") format("eot");
}

@font-face {
  font-family: VideoJS;

  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype");

  font-weight: normal;

  font-style: normal;
}

.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\F101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\F102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\F103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\F104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\F105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\F106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\F107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\F109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\F10A";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\F10B";
}

.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10C";
}

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
  .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\F10D";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\F10E";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\F10F";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\F110";
}

.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
  content: "\F111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\F112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\F113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\F114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\F115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\F116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\F117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-gplus:before {
  content: "\F118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\F119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\F11A";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\F11B";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\F11C";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\F11D";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\F11E";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\F11F";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\F120";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
  box-sizing: content-box;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
  box-sizing: content-box;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.333333333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 3em;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
  .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control,
  .video-js .vjs-volume-panel:active .vjs-volume-control,
  .video-js .vjs-volume-panel:focus .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control:hover,
  .video-js .vjs-volume-panel .vjs-volume-control:active,
  .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
  .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
  width: 0px !important;
  white-space: nowrap;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
          animation: 0s linear 0.3s forwards vjs-spinner-show;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}

@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }

  20% {
    border-top-color: #73859f;
  }

  35% {
    border-top-color: white;
  }

  60% {
    border-top-color: #73859f;
  }

  100% {
    border-top-color: #73859f;
  }
}

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }

  20% {
    border-top-color: #73859f;
  }

  35% {
    border-top-color: white;
  }

  60% {
    border-top-color: #73859f;
  }

  100% {
    border-top-color: #73859f;
  }
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\F10D";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \F11D";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
  }

  .vjs-text-track-settings .vjs-track-settings-colors {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }

  .vjs-text-track-settings .vjs-track-settings-font {
    grid-column: 2;
    grid-row: 1;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 2;
    grid-row: 2;
  }
}

.vjs-track-setting > select {
  margin-right: 5px;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

@media \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}

@media \0screen {
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
  }
}
@charset "UTF-8";

/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */

@media print, screen and (min-width: 41.875em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.foundation-mq {
  font-family: "small=0em&medium=41.875em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}

[data-whatinput='mouse'] button {
  outline: 0;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type='submit'],
[type='button'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

input[type='search'] {
  box-sizing: border-box;
}

::-moz-placeholder {
  color: #cacaca;
}

:-ms-input-placeholder {
  color: #cacaca;
}

::placeholder {
  color: #cacaca;
}

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem;
}

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}

[type='checkbox'] + label[for],
  [type='radio'] + label[for] {
  cursor: pointer;
}

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 0.5rem;
}

[type='file'] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}

label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch;
}

.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}

.input-group-label:first-child {
  border-right: 0;
}

.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}

.input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca;
}

.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

@media screen and (min-width: 0\0) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}

select:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

select::-ms-expand {
  display: none;
}

select[multiple] {
  height: auto;
  background-image: none;
}

select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea;
}

.is-invalid-input:not(:focus)::-moz-placeholder {
  color: #cc4b37;
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
  color: #cc4b37;
}

.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37;
}

.is-invalid-label {
  color: #cc4b37;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37;
}

.form-error.is-visible {
  display: block;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}

h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
  line-height: 0;
  color: #cacaca;
}

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 41.875em) {
  h1, .h1 {
    font-size: 3rem;
  }

  h2, .h2 {
    font-size: 2.5rem;
  }

  h3, .h3 {
    font-size: 1.9375rem;
  }

  h4, .h4 {
    font-size: 1.5625rem;
  }

  h5, .h5 {
    font-size: 1.25rem;
  }

  h6, .h6 {
    font-size: 1rem;
  }
}

a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer;
}

a:hover, a:focus {
  color: #1468a0;
}

a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}

blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}

p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

.cite-block, cite {
  display: block;
  color: #8a8a8a;
  font-size: 0.8125rem;
}

.cite-block:before, cite:before {
  content: "\2014   ";
}

.code-inline, code {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

.code-block {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

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

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

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

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

@media print, screen and (min-width: 41.875em) {
  .medium-text-left {
    text-align: left;
  }

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

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

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

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }

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

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

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

.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-print-color-adjust: economy;
            color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .show-for-print {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  table.show-for-print {
    display: table !important;
  }

  thead.show-for-print {
    display: table-header-group !important;
  }

  tbody.show-for-print {
    display: table-row-group !important;
  }

  tr.show-for-print {
    display: table-row !important;
  }

  td.show-for-print {
    display: table-cell !important;
  }

  th.show-for-print {
    display: table-cell !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .print-break-inside {
    page-break-inside: auto;
  }
}

.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 41.875em) {
  .grid-container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.grid-container.fluid {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 41.875em) {
  .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.grid-container.full {
  padding-right: 0;
  padding-left: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.grid-x {
  display: flex;
  flex-flow: row wrap;
}

.cell {
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%;
}

.cell.auto {
  flex: 1 1 0px;
}

.cell.shrink {
  flex: 0 0 auto;
}

.grid-x > .auto {
  width: auto;
}

.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 41.875em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto;
  }
}

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto;
  }
}

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex: 0 0 auto;
}

.grid-x > .small-1 {
  width: 8.33333%;
}

.grid-x > .small-2 {
  width: 16.66667%;
}

.grid-x > .small-3 {
  width: 25%;
}

.grid-x > .small-4 {
  width: 33.33333%;
}

.grid-x > .small-5 {
  width: 41.66667%;
}

.grid-x > .small-6 {
  width: 50%;
}

.grid-x > .small-7 {
  width: 58.33333%;
}

.grid-x > .small-8 {
  width: 66.66667%;
}

.grid-x > .small-9 {
  width: 75%;
}

.grid-x > .small-10 {
  width: 83.33333%;
}

.grid-x > .small-11 {
  width: 91.66667%;
}

.grid-x > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 41.875em) {
  .grid-x > .medium-auto {
    flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex: 0 0 auto;
  }

  .grid-x > .medium-shrink {
    width: auto;
  }

  .grid-x > .medium-1 {
    width: 8.33333%;
  }

  .grid-x > .medium-2 {
    width: 16.66667%;
  }

  .grid-x > .medium-3 {
    width: 25%;
  }

  .grid-x > .medium-4 {
    width: 33.33333%;
  }

  .grid-x > .medium-5 {
    width: 41.66667%;
  }

  .grid-x > .medium-6 {
    width: 50%;
  }

  .grid-x > .medium-7 {
    width: 58.33333%;
  }

  .grid-x > .medium-8 {
    width: 66.66667%;
  }

  .grid-x > .medium-9 {
    width: 75%;
  }

  .grid-x > .medium-10 {
    width: 83.33333%;
  }

  .grid-x > .medium-11 {
    width: 91.66667%;
  }

  .grid-x > .medium-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    flex: 1 1 0px;
    width: auto;
  }

  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex: 0 0 auto;
  }

  .grid-x > .large-shrink {
    width: auto;
  }

  .grid-x > .large-1 {
    width: 8.33333%;
  }

  .grid-x > .large-2 {
    width: 16.66667%;
  }

  .grid-x > .large-3 {
    width: 25%;
  }

  .grid-x > .large-4 {
    width: 33.33333%;
  }

  .grid-x > .large-5 {
    width: 41.66667%;
  }

  .grid-x > .large-6 {
    width: 50%;
  }

  .grid-x > .large-7 {
    width: 58.33333%;
  }

  .grid-x > .large-8 {
    width: 66.66667%;
  }

  .grid-x > .large-9 {
    width: 75%;
  }

  .grid-x > .large-10 {
    width: 83.33333%;
  }

  .grid-x > .large-11 {
    width: 91.66667%;
  }

  .grid-x > .large-12 {
    width: 100%;
  }
}

.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.grid-margin-x > .cell {
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }
}

.grid-margin-x > .auto {
  width: auto;
}

.grid-margin-x > .shrink {
  width: auto;
}

.grid-margin-x > .small-1 {
  width: calc(8.33333% - 1.25rem);
}

.grid-margin-x > .small-2 {
  width: calc(16.66667% - 1.25rem);
}

.grid-margin-x > .small-3 {
  width: calc(25% - 1.25rem);
}

.grid-margin-x > .small-4 {
  width: calc(33.33333% - 1.25rem);
}

.grid-margin-x > .small-5 {
  width: calc(41.66667% - 1.25rem);
}

.grid-margin-x > .small-6 {
  width: calc(50% - 1.25rem);
}

.grid-margin-x > .small-7 {
  width: calc(58.33333% - 1.25rem);
}

.grid-margin-x > .small-8 {
  width: calc(66.66667% - 1.25rem);
}

.grid-margin-x > .small-9 {
  width: calc(75% - 1.25rem);
}

.grid-margin-x > .small-10 {
  width: calc(83.33333% - 1.25rem);
}

.grid-margin-x > .small-11 {
  width: calc(91.66667% - 1.25rem);
}

.grid-margin-x > .small-12 {
  width: calc(100% - 1.25rem);
}

@media print, screen and (min-width: 41.875em) {
  .grid-margin-x > .auto {
    width: auto;
  }

  .grid-margin-x > .shrink {
    width: auto;
  }

  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.875rem);
  }

  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.875rem);
  }

  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.875rem);
  }

  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.875rem);
  }

  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem);
  }

  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.875rem);
  }

  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.875rem);
  }

  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x > .medium-auto {
    width: auto;
  }

  .grid-margin-x > .medium-shrink {
    width: auto;
  }

  .grid-margin-x > .medium-1 {
    width: calc(8.33333% - 1.875rem);
  }

  .grid-margin-x > .medium-2 {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x > .medium-4 {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x > .medium-5 {
    width: calc(41.66667% - 1.875rem);
  }

  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x > .medium-7 {
    width: calc(58.33333% - 1.875rem);
  }

  .grid-margin-x > .medium-8 {
    width: calc(66.66667% - 1.875rem);
  }

  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem);
  }

  .grid-margin-x > .medium-10 {
    width: calc(83.33333% - 1.875rem);
  }

  .grid-margin-x > .medium-11 {
    width: calc(91.66667% - 1.875rem);
  }

  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.875rem);
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }

  .grid-margin-x > .large-shrink {
    width: auto;
  }

  .grid-margin-x > .large-1 {
    width: calc(8.33333% - 1.875rem);
  }

  .grid-margin-x > .large-2 {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x > .large-4 {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x > .large-5 {
    width: calc(41.66667% - 1.875rem);
  }

  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x > .large-7 {
    width: calc(58.33333% - 1.875rem);
  }

  .grid-margin-x > .large-8 {
    width: calc(66.66667% - 1.875rem);
  }

  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem);
  }

  .grid-margin-x > .large-10 {
    width: calc(83.33333% - 1.875rem);
  }

  .grid-margin-x > .large-11 {
    width: calc(91.66667% - 1.875rem);
  }

  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem);
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .grid-padding-x > .cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.33333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.66667%;
}

.small-up-7 > .cell {
  width: 14.28571%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

@media print, screen and (min-width: 41.875em) {
  .medium-up-1 > .cell {
    width: 100%;
  }

  .medium-up-2 > .cell {
    width: 50%;
  }

  .medium-up-3 > .cell {
    width: 33.33333%;
  }

  .medium-up-4 > .cell {
    width: 25%;
  }

  .medium-up-5 > .cell {
    width: 20%;
  }

  .medium-up-6 > .cell {
    width: 16.66667%;
  }

  .medium-up-7 > .cell {
    width: 14.28571%;
  }

  .medium-up-8 > .cell {
    width: 12.5%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%;
  }

  .large-up-2 > .cell {
    width: 50%;
  }

  .large-up-3 > .cell {
    width: 33.33333%;
  }

  .large-up-4 > .cell {
    width: 25%;
  }

  .large-up-5 > .cell {
    width: 20%;
  }

  .large-up-6 > .cell {
    width: 16.66667%;
  }

  .large-up-7 > .cell {
    width: 14.28571%;
  }

  .large-up-8 > .cell {
    width: 12.5%;
  }
}

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.25rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.25rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.25rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem);
}

@media print, screen and (min-width: 41.875em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }

  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }

  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }

  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }

  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }

  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.875rem);
  }

  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }

  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }

  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.875rem);
  }

  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.875rem);
  }

  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}

.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}

.small-margin-collapse > .small-1 {
  width: 8.33333%;
}

.small-margin-collapse > .small-2 {
  width: 16.66667%;
}

.small-margin-collapse > .small-3 {
  width: 25%;
}

.small-margin-collapse > .small-4 {
  width: 33.33333%;
}

.small-margin-collapse > .small-5 {
  width: 41.66667%;
}

.small-margin-collapse > .small-6 {
  width: 50%;
}

.small-margin-collapse > .small-7 {
  width: 58.33333%;
}

.small-margin-collapse > .small-8 {
  width: 66.66667%;
}

.small-margin-collapse > .small-9 {
  width: 75%;
}

.small-margin-collapse > .small-10 {
  width: 83.33333%;
}

.small-margin-collapse > .small-11 {
  width: 91.66667%;
}

.small-margin-collapse > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 41.875em) {
  .small-margin-collapse > .medium-1 {
    width: 8.33333%;
  }

  .small-margin-collapse > .medium-2 {
    width: 16.66667%;
  }

  .small-margin-collapse > .medium-3 {
    width: 25%;
  }

  .small-margin-collapse > .medium-4 {
    width: 33.33333%;
  }

  .small-margin-collapse > .medium-5 {
    width: 41.66667%;
  }

  .small-margin-collapse > .medium-6 {
    width: 50%;
  }

  .small-margin-collapse > .medium-7 {
    width: 58.33333%;
  }

  .small-margin-collapse > .medium-8 {
    width: 66.66667%;
  }

  .small-margin-collapse > .medium-9 {
    width: 75%;
  }

  .small-margin-collapse > .medium-10 {
    width: 83.33333%;
  }

  .small-margin-collapse > .medium-11 {
    width: 91.66667%;
  }

  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .small-margin-collapse > .large-1 {
    width: 8.33333%;
  }

  .small-margin-collapse > .large-2 {
    width: 16.66667%;
  }

  .small-margin-collapse > .large-3 {
    width: 25%;
  }

  .small-margin-collapse > .large-4 {
    width: 33.33333%;
  }

  .small-margin-collapse > .large-5 {
    width: 41.66667%;
  }

  .small-margin-collapse > .large-6 {
    width: 50%;
  }

  .small-margin-collapse > .large-7 {
    width: 58.33333%;
  }

  .small-margin-collapse > .large-8 {
    width: 66.66667%;
  }

  .small-margin-collapse > .large-9 {
    width: 75%;
  }

  .small-margin-collapse > .large-10 {
    width: 83.33333%;
  }

  .small-margin-collapse > .large-11 {
    width: 91.66667%;
  }

  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}

.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}

@media print, screen and (min-width: 41.875em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 41.875em) {
  .medium-margin-collapse > .small-1 {
    width: 8.33333%;
  }

  .medium-margin-collapse > .small-2 {
    width: 16.66667%;
  }

  .medium-margin-collapse > .small-3 {
    width: 25%;
  }

  .medium-margin-collapse > .small-4 {
    width: 33.33333%;
  }

  .medium-margin-collapse > .small-5 {
    width: 41.66667%;
  }

  .medium-margin-collapse > .small-6 {
    width: 50%;
  }

  .medium-margin-collapse > .small-7 {
    width: 58.33333%;
  }

  .medium-margin-collapse > .small-8 {
    width: 66.66667%;
  }

  .medium-margin-collapse > .small-9 {
    width: 75%;
  }

  .medium-margin-collapse > .small-10 {
    width: 83.33333%;
  }

  .medium-margin-collapse > .small-11 {
    width: 91.66667%;
  }

  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 41.875em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.33333%;
  }

  .medium-margin-collapse > .medium-2 {
    width: 16.66667%;
  }

  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }

  .medium-margin-collapse > .medium-4 {
    width: 33.33333%;
  }

  .medium-margin-collapse > .medium-5 {
    width: 41.66667%;
  }

  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }

  .medium-margin-collapse > .medium-7 {
    width: 58.33333%;
  }

  .medium-margin-collapse > .medium-8 {
    width: 66.66667%;
  }

  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }

  .medium-margin-collapse > .medium-10 {
    width: 83.33333%;
  }

  .medium-margin-collapse > .medium-11 {
    width: 91.66667%;
  }

  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%;
  }

  .medium-margin-collapse > .large-2 {
    width: 16.66667%;
  }

  .medium-margin-collapse > .large-3 {
    width: 25%;
  }

  .medium-margin-collapse > .large-4 {
    width: 33.33333%;
  }

  .medium-margin-collapse > .large-5 {
    width: 41.66667%;
  }

  .medium-margin-collapse > .large-6 {
    width: 50%;
  }

  .medium-margin-collapse > .large-7 {
    width: 58.33333%;
  }

  .medium-margin-collapse > .large-8 {
    width: 66.66667%;
  }

  .medium-margin-collapse > .large-9 {
    width: 75%;
  }

  .medium-margin-collapse > .large-10 {
    width: 83.33333%;
  }

  .medium-margin-collapse > .large-11 {
    width: 91.66667%;
  }

  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 41.875em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.33333%;
  }

  .large-margin-collapse > .small-2 {
    width: 16.66667%;
  }

  .large-margin-collapse > .small-3 {
    width: 25%;
  }

  .large-margin-collapse > .small-4 {
    width: 33.33333%;
  }

  .large-margin-collapse > .small-5 {
    width: 41.66667%;
  }

  .large-margin-collapse > .small-6 {
    width: 50%;
  }

  .large-margin-collapse > .small-7 {
    width: 58.33333%;
  }

  .large-margin-collapse > .small-8 {
    width: 66.66667%;
  }

  .large-margin-collapse > .small-9 {
    width: 75%;
  }

  .large-margin-collapse > .small-10 {
    width: 83.33333%;
  }

  .large-margin-collapse > .small-11 {
    width: 91.66667%;
  }

  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.33333%;
  }

  .large-margin-collapse > .medium-2 {
    width: 16.66667%;
  }

  .large-margin-collapse > .medium-3 {
    width: 25%;
  }

  .large-margin-collapse > .medium-4 {
    width: 33.33333%;
  }

  .large-margin-collapse > .medium-5 {
    width: 41.66667%;
  }

  .large-margin-collapse > .medium-6 {
    width: 50%;
  }

  .large-margin-collapse > .medium-7 {
    width: 58.33333%;
  }

  .large-margin-collapse > .medium-8 {
    width: 66.66667%;
  }

  .large-margin-collapse > .medium-9 {
    width: 75%;
  }

  .large-margin-collapse > .medium-10 {
    width: 83.33333%;
  }

  .large-margin-collapse > .medium-11 {
    width: 91.66667%;
  }

  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.33333%;
  }

  .large-margin-collapse > .large-2 {
    width: 16.66667%;
  }

  .large-margin-collapse > .large-3 {
    width: 25%;
  }

  .large-margin-collapse > .large-4 {
    width: 33.33333%;
  }

  .large-margin-collapse > .large-5 {
    width: 41.66667%;
  }

  .large-margin-collapse > .large-6 {
    width: 50%;
  }

  .large-margin-collapse > .large-7 {
    width: 58.33333%;
  }

  .large-margin-collapse > .large-8 {
    width: 66.66667%;
  }

  .large-margin-collapse > .large-9 {
    width: 75%;
  }

  .large-margin-collapse > .large-10 {
    width: 83.33333%;
  }

  .large-margin-collapse > .large-11 {
    width: 91.66667%;
  }

  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

.small-offset-0 {
  margin-left: 0%;
}

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.625rem);
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + 0.625rem);
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + 0.625rem);
}

.small-offset-3 {
  margin-left: 25%;
}

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.625rem);
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + 0.625rem);
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + 0.625rem);
}

.small-offset-6 {
  margin-left: 50%;
}

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.625rem);
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + 0.625rem);
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + 0.625rem);
}

.small-offset-9 {
  margin-left: 75%;
}

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.625rem);
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + 0.625rem);
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + 0.625rem);
}

@media print, screen and (min-width: 41.875em) {
  .medium-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }

  .medium-offset-1 {
    margin-left: 8.33333%;
  }

  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem);
  }

  .medium-offset-2 {
    margin-left: 16.66667%;
  }

  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem);
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.9375rem);
  }

  .medium-offset-4 {
    margin-left: 33.33333%;
  }

  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem);
  }

  .medium-offset-5 {
    margin-left: 41.66667%;
  }

  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem);
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.9375rem);
  }

  .medium-offset-7 {
    margin-left: 58.33333%;
  }

  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem);
  }

  .medium-offset-8 {
    margin-left: 66.66667%;
  }

  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem);
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.9375rem);
  }

  .medium-offset-10 {
    margin-left: 83.33333%;
  }

  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem);
  }

  .medium-offset-11 {
    margin-left: 91.66667%;
  }

  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem);
  }
}

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%;
  }

  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.9375rem);
  }

  .large-offset-1 {
    margin-left: 8.33333%;
  }

  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem);
  }

  .large-offset-2 {
    margin-left: 16.66667%;
  }

  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem);
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.9375rem);
  }

  .large-offset-4 {
    margin-left: 33.33333%;
  }

  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem);
  }

  .large-offset-5 {
    margin-left: 41.66667%;
  }

  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem);
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.9375rem);
  }

  .large-offset-7 {
    margin-left: 58.33333%;
  }

  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem);
  }

  .large-offset-8 {
    margin-left: 66.66667%;
  }

  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem);
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.9375rem);
  }

  .large-offset-10 {
    margin-left: 83.33333%;
  }

  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem);
  }

  .large-offset-11 {
    margin-left: 91.66667%;
  }

  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem);
  }
}

.grid-y {
  display: flex;
  flex-flow: column nowrap;
}

.grid-y > .cell {
  height: auto;
  max-height: none;
}

.grid-y > .auto {
  height: auto;
}

.grid-y > .shrink {
  height: auto;
}

.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 41.875em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex-basis: auto;
  }
}

@media print, screen and (min-width: 64em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex-basis: auto;
  }
}

.grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex: 0 0 auto;
}

.grid-y > .small-1 {
  height: 8.33333%;
}

.grid-y > .small-2 {
  height: 16.66667%;
}

.grid-y > .small-3 {
  height: 25%;
}

.grid-y > .small-4 {
  height: 33.33333%;
}

.grid-y > .small-5 {
  height: 41.66667%;
}

.grid-y > .small-6 {
  height: 50%;
}

.grid-y > .small-7 {
  height: 58.33333%;
}

.grid-y > .small-8 {
  height: 66.66667%;
}

.grid-y > .small-9 {
  height: 75%;
}

.grid-y > .small-10 {
  height: 83.33333%;
}

.grid-y > .small-11 {
  height: 91.66667%;
}

.grid-y > .small-12 {
  height: 100%;
}

@media print, screen and (min-width: 41.875em) {
  .grid-y > .medium-auto {
    flex: 1 1 0px;
    height: auto;
  }

  .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex: 0 0 auto;
  }

  .grid-y > .medium-shrink {
    height: auto;
  }

  .grid-y > .medium-1 {
    height: 8.33333%;
  }

  .grid-y > .medium-2 {
    height: 16.66667%;
  }

  .grid-y > .medium-3 {
    height: 25%;
  }

  .grid-y > .medium-4 {
    height: 33.33333%;
  }

  .grid-y > .medium-5 {
    height: 41.66667%;
  }

  .grid-y > .medium-6 {
    height: 50%;
  }

  .grid-y > .medium-7 {
    height: 58.33333%;
  }

  .grid-y > .medium-8 {
    height: 66.66667%;
  }

  .grid-y > .medium-9 {
    height: 75%;
  }

  .grid-y > .medium-10 {
    height: 83.33333%;
  }

  .grid-y > .medium-11 {
    height: 91.66667%;
  }

  .grid-y > .medium-12 {
    height: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .grid-y > .large-auto {
    flex: 1 1 0px;
    height: auto;
  }

  .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex: 0 0 auto;
  }

  .grid-y > .large-shrink {
    height: auto;
  }

  .grid-y > .large-1 {
    height: 8.33333%;
  }

  .grid-y > .large-2 {
    height: 16.66667%;
  }

  .grid-y > .large-3 {
    height: 25%;
  }

  .grid-y > .large-4 {
    height: 33.33333%;
  }

  .grid-y > .large-5 {
    height: 41.66667%;
  }

  .grid-y > .large-6 {
    height: 50%;
  }

  .grid-y > .large-7 {
    height: 58.33333%;
  }

  .grid-y > .large-8 {
    height: 66.66667%;
  }

  .grid-y > .large-9 {
    height: 75%;
  }

  .grid-y > .large-10 {
    height: 83.33333%;
  }

  .grid-y > .large-11 {
    height: 91.66667%;
  }

  .grid-y > .large-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}

.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .grid-padding-y > .cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}

.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}

.grid-margin-y > .auto {
  height: auto;
}

.grid-margin-y > .shrink {
  height: auto;
}

.grid-margin-y > .small-1 {
  height: calc(8.33333% - 1.25rem);
}

.grid-margin-y > .small-2 {
  height: calc(16.66667% - 1.25rem);
}

.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}

.grid-margin-y > .small-4 {
  height: calc(33.33333% - 1.25rem);
}

.grid-margin-y > .small-5 {
  height: calc(41.66667% - 1.25rem);
}

.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}

.grid-margin-y > .small-7 {
  height: calc(58.33333% - 1.25rem);
}

.grid-margin-y > .small-8 {
  height: calc(66.66667% - 1.25rem);
}

.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}

.grid-margin-y > .small-10 {
  height: calc(83.33333% - 1.25rem);
}

.grid-margin-y > .small-11 {
  height: calc(91.66667% - 1.25rem);
}

.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}

@media print, screen and (min-width: 41.875em) {
  .grid-margin-y > .auto {
    height: auto;
  }

  .grid-margin-y > .shrink {
    height: auto;
  }

  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }

  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }

  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }

  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }

  .grid-margin-y > .medium-auto {
    height: auto;
  }

  .grid-margin-y > .medium-shrink {
    height: auto;
  }

  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }

  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }

  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }

  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }

  .grid-margin-y > .large-shrink {
    height: auto;
  }

  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }

  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }

  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }

  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.cell-block-container > .grid-x {
  max-height: 100%;
  flex-wrap: nowrap;
}

@media print, screen and (min-width: 41.875em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }

  .cell .medium-grid-frame {
    width: 100%;
  }

  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }

  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }

  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }

  .cell .large-grid-frame {
    width: 100%;
  }

  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }

  .large-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }

  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
}

@media print, screen and (min-width: 41.875em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
  }
}

.cell .grid-y.grid-frame {
  height: 100%;
}

@media print, screen and (min-width: 41.875em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}

.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}

.grid-margin-y > .auto {
  height: auto;
}

.grid-margin-y > .shrink {
  height: auto;
}

.grid-margin-y > .small-1 {
  height: calc(8.33333% - 1.25rem);
}

.grid-margin-y > .small-2 {
  height: calc(16.66667% - 1.25rem);
}

.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}

.grid-margin-y > .small-4 {
  height: calc(33.33333% - 1.25rem);
}

.grid-margin-y > .small-5 {
  height: calc(41.66667% - 1.25rem);
}

.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}

.grid-margin-y > .small-7 {
  height: calc(58.33333% - 1.25rem);
}

.grid-margin-y > .small-8 {
  height: calc(66.66667% - 1.25rem);
}

.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}

.grid-margin-y > .small-10 {
  height: calc(83.33333% - 1.25rem);
}

.grid-margin-y > .small-11 {
  height: calc(91.66667% - 1.25rem);
}

.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}

@media print, screen and (min-width: 41.875em) {
  .grid-margin-y > .auto {
    height: auto;
  }

  .grid-margin-y > .shrink {
    height: auto;
  }

  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }

  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }

  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }

  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }

  .grid-margin-y > .medium-auto {
    height: auto;
  }

  .grid-margin-y > .medium-shrink {
    height: auto;
  }

  .grid-margin-y > .medium-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }

  .grid-margin-y > .medium-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }

  .grid-margin-y > .medium-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }

  .grid-margin-y > .medium-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .grid-margin-y > .medium-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }

  .grid-margin-y > .large-shrink {
    height: auto;
  }

  .grid-margin-y > .large-1 {
    height: calc(8.33333% - 1.875rem);
  }

  .grid-margin-y > .large-2 {
    height: calc(16.66667% - 1.875rem);
  }

  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }

  .grid-margin-y > .large-4 {
    height: calc(33.33333% - 1.875rem);
  }

  .grid-margin-y > .large-5 {
    height: calc(41.66667% - 1.875rem);
  }

  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }

  .grid-margin-y > .large-7 {
    height: calc(58.33333% - 1.875rem);
  }

  .grid-margin-y > .large-8 {
    height: calc(66.66667% - 1.875rem);
  }

  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }

  .grid-margin-y > .large-10 {
    height: calc(83.33333% - 1.875rem);
  }

  .grid-margin-y > .large-11 {
    height: calc(91.66667% - 1.875rem);
  }

  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem);
}

@media print, screen and (min-width: 41.875em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}

@media print, screen and (min-width: 64em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}

@media print, screen and (min-width: 41.875em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}

[data-whatinput='mouse'] .button {
  outline: 0;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}

.button:hover, .button:focus {
  background-color: #14679e;
  color: #fefefe;
}

.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}

.button.primary:hover, .button.primary:focus {
  background-color: #126195;
  color: #fefefe;
}

.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #767676;
  color: #fefefe;
}

.button.secondary:hover, .button.secondary:focus {
  background-color: #5e5e5e;
  color: #fefefe;
}

.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #3adb76;
  color: #0a0a0a;
}

.button.success:hover, .button.success:focus {
  background-color: #22bb5b;
  color: #0a0a0a;
}

.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #ffae00;
  color: #0a0a0a;
}

.button.warning:hover, .button.warning:focus {
  background-color: #cc8b00;
  color: #0a0a0a;
}

.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #cc4b37;
  color: #fefefe;
}

.button.alert:hover, .button.alert:focus {
  background-color: #a53b2a;
  color: #fefefe;
}

.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}

.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow:hover, .button.hollow:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #767676;
  color: #767676;
}

.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}

.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}

.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: #67251a;
  color: #67251a;
}

.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}

.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #1779ba;
}

.button.clear:hover, .button.clear:focus {
  color: #0c3d5d;
}

.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #1779ba;
}

.button.clear.primary:hover, .button.clear.primary:focus {
  color: #0c3d5d;
}

.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #767676;
}

.button.clear.secondary:hover, .button.clear.secondary:focus {
  color: #3b3b3b;
}

.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #3adb76;
}

.button.clear.success:hover, .button.clear.success:focus {
  color: #157539;
}

.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #ffae00;
}

.button.clear.warning:hover, .button.clear.warning:focus {
  color: #805700;
}

.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #cc4b37;
}

.button.clear.alert:hover, .button.clear.alert:focus {
  color: #67251a;
}

.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fefefe transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}

.button.dropdown.hollow::after, .button.dropdown.clear::after {
  border-top-color: #1779ba;
}

.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
  border-top-color: #1779ba;
}

.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
  border-top-color: #767676;
}

.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
  border-top-color: #3adb76;
}

.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
  border-top-color: #ffae00;
}

.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
  border-top-color: #cc4b37;
}

.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

.button-group {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-grow: 1;
}

.button-group::before, .button-group::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.button-group::after {
  clear: both;
}

.button-group::before, .button-group::after {
  display: none;
}

.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 0.9rem;
  flex: 0 0 auto;
}

.button-group .button:last-child {
  margin-right: 0;
}

.button-group.tiny .button {
  font-size: 0.6rem;
}

.button-group.small .button {
  font-size: 0.75rem;
}

.button-group.large .button {
  font-size: 1.25rem;
}

.button-group.expanded .button {
  flex: 1 1 0px;
  margin-right: 0;
}

.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}

.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: #126195;
  color: #fefefe;
}

.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
  background-color: #767676;
  color: #fefefe;
}

.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: #5e5e5e;
  color: #fefefe;
}

.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
  background-color: #3adb76;
  color: #0a0a0a;
}

.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: #22bb5b;
  color: #0a0a0a;
}

.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
  background-color: #ffae00;
  color: #0a0a0a;
}

.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: #cc8b00;
  color: #0a0a0a;
}

.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
  background-color: #cc4b37;
  color: #fefefe;
}

.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: #a53b2a;
  color: #fefefe;
}

.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
  background-color: transparent;
}

.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button-group.hollow .button:hover, .button-group.hollow .button:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}

.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
  border-color: #0c3d5d;
  color: #0c3d5d;
}

.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
  border: 1px solid #767676;
  color: #767676;
}

.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}

.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
  border-color: #157539;
  color: #157539;
}

.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}

.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
  border-color: #67251a;
  color: #67251a;
}

.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}

.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
  color: #1779ba;
}

.button-group.clear .button:hover, .button-group.clear .button:focus {
  color: #0c3d5d;
}

.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
  color: #1779ba;
}

.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
  color: #0c3d5d;
}

.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
  color: #767676;
}

.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
  color: #3b3b3b;
}

.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
  color: #3adb76;
}

.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
  color: #157539;
}

.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
  color: #ffae00;
}

.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
  color: #805700;
}

.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
  color: #cc4b37;
}

.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
  color: #67251a;
}

.button-group.no-gaps .button {
  margin-right: -0.0625rem;
}

.button-group.no-gaps .button + .button {
  border-left-color: transparent;
}

.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
  flex-wrap: wrap;
}

.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  flex: 0 0 100%;
}

.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}

.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
  flex: 1 1 0px;
  margin-right: 0;
}

@media print, screen and (min-width: 41.875em) {
  .button-group.stacked-for-small .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }

  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block;
  }

  .button-group.stacked-for-medium.expanded .button {
    display: block;
    margin-right: 0;
  }
}

.close-button {
  position: absolute;
  z-index: 10;
  color: #8a8a8a;
  cursor: pointer;
}

[data-whatinput='mouse'] .close-button {
  outline: 0;
}

.close-button:hover, .close-button:focus {
  color: #0a0a0a;
}

.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}

.close-button.medium, .close-button {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #1779ba;
  color: #fefefe;
}

.label.primary {
  background: #1779ba;
  color: #fefefe;
}

.label.secondary {
  background: #767676;
  color: #fefefe;
}

.label.success {
  background: #3adb76;
  color: #0a0a0a;
}

.label.warning {
  background: #ffae00;
  color: #0a0a0a;
}

.label.alert {
  background: #cc4b37;
  color: #fefefe;
}

.progress {
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #cacaca;
}

.progress.primary .progress-meter {
  background-color: #1779ba;
}

.progress.secondary .progress-meter {
  background-color: #767676;
}

.progress.success .progress-meter {
  background-color: #3adb76;
}

.progress.warning .progress-meter {
  background-color: #ffae00;
}

.progress.alert .progress-meter {
  background-color: #cc4b37;
}

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #1779ba;
}

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap;
}

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: none;
}

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out;
}

.slider-fill.is-dragging {
  transition: all 0s linear;
}

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 0;
  background-color: #1779ba;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
}

[data-whatinput='mouse'] .slider-handle {
  outline: 0;
}

.slider-handle:hover {
  background-color: #14679e;
}

.slider-handle.is-dragging {
  transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1);
}

.slider.vertical .slider-fill {
  top: 0;
  width: 0.5rem;
  max-height: 100%;
}

.slider.vertical .slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  transform: translateX(-50%);
}

.switch {
  height: 2rem;
  position: relative;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fefefe;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0;
}

.switch-paddle {
  position: relative;
  display: block;
  width: 4rem;
  height: 2rem;
  border-radius: 0;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}

input + .switch-paddle {
  margin: 0;
}

.switch-paddle::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate3d(0, 0, 0);
  border-radius: 0;
  background: #fefefe;
  transition: all 0.25s ease-out;
  content: '';
}

input:checked ~ .switch-paddle {
  background: #1779ba;
}

input:checked ~ .switch-paddle::after {
  left: 2.25rem;
}

input:disabled ~ .switch-paddle {
  cursor: not-allowed;
  opacity: 0.5;
}

[data-whatinput='mouse'] input:focus ~ .switch-paddle {
  outline: 0;
}

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.switch-active {
  left: 8%;
  display: none;
}

input:checked + label > .switch-active {
  display: block;
}

.switch-inactive {
  right: 15%;
}

input:checked + label > .switch-inactive {
  display: none;
}

.switch.tiny {
  height: 1.5rem;
}

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem;
}

.switch.tiny .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1rem;
  height: 1rem;
}

.switch.tiny input:checked ~ .switch-paddle::after {
  left: 1.75rem;
}

.switch.small {
  height: 1.75rem;
}

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem;
}

.switch.small .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
}

.switch.small input:checked ~ .switch-paddle::after {
  left: 2rem;
}

.switch.large {
  height: 2.5rem;
}

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem;
}

.switch.large .switch-paddle::after {
  top: 0.25rem;
  left: 0.25rem;
  width: 2rem;
  height: 2rem;
}

.switch.large input:checked ~ .switch-paddle::after {
  left: 2.75rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}

thead,
  tbody,
  tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: #f8f8f8;
  color: #0a0a0a;
}

tfoot {
  background: #f1f1f1;
  color: #0a0a0a;
}

thead tr,
  tfoot tr {
  background: transparent;
}

thead th,
  thead td,
  tfoot th,
  tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody th,
  tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f1f1f1;
}

table.unstriped tbody {
  background-color: #fefefe;
}

table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fefefe;
}

@media print, screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none;
  }

  table.stack tfoot {
    display: none;
  }

  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }

  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: #f3f3f3;
}

table.hover tfoot tr:hover {
  background-color: #ececec;
}

table.hover tbody tr:hover {
  background-color: #f9f9f9;
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec;
}

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

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #1779ba;
  color: #fefefe;
}

.badge.primary {
  background: #1779ba;
  color: #fefefe;
}

.badge.secondary {
  background: #767676;
  color: #fefefe;
}

.badge.success {
  background: #3adb76;
  color: #0a0a0a;
}

.badge.warning {
  background: #ffae00;
  color: #0a0a0a;
}

.badge.alert {
  background: #cc4b37;
  color: #fefefe;
}

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}

.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.breadcrumbs::after {
  clear: both;
}

.breadcrumbs li {
  float: left;
  font-size: 0.6875rem;
  color: #0a0a0a;
  cursor: default;
  text-transform: uppercase;
}

.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "/";
  color: #cacaca;
}

.breadcrumbs a {
  color: #1779ba;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs .disabled {
  color: #cacaca;
  cursor: not-allowed;
}

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: white;
  color: #0a0a0a;
}

.callout > :first-child {
  margin-top: 0;
}

.callout > :last-child {
  margin-bottom: 0;
}

.callout.primary {
  background-color: #d7ecfa;
  color: #0a0a0a;
}

.callout.secondary {
  background-color: #eaeaea;
  color: #0a0a0a;
}

.callout.success {
  background-color: #e1faea;
  color: #0a0a0a;
}

.callout.warning {
  background-color: #fff3d9;
  color: #0a0a0a;
}

.callout.alert {
  background-color: #f7e4e1;
  color: #0a0a0a;
}

.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
}

.card > :last-child {
  margin-bottom: 0;
}

.card-divider {
  display: flex;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
}

.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  flex: 1 0 auto;
  padding: 1rem;
}

.card-section > :last-child {
  margin-bottom: 0;
}

.card-image {
  min-height: 1px;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-size: 1rem;
}

.dropdown-pane.is-opening {
  display: block;
}

.dropdown-pane.is-open {
  display: block;
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}

.pagination::before, .pagination::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.pagination::after {
  clear: both;
}

.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0;
  font-size: 0.875rem;
  display: none;
}

.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}

@media print, screen and (min-width: 41.875em) {
  .pagination li {
    display: inline-block;
  }
}

.pagination a,
  .pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #0a0a0a;
}

.pagination a:hover,
    .pagination button:hover {
  background: #e6e6e6;
}

.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #1779ba;
  color: #fefefe;
  cursor: default;
}

.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed;
}

.pagination .disabled:hover {
  background: transparent;
}

.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: '\2026';
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "\AB";
}

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "\BB";
}

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help;
}

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 10rem;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #0a0a0a;
  font-size: 80%;
  color: #fefefe;
}

.tooltip::before {
  position: absolute;
}

.tooltip.bottom::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-top-width: 0;
  border-bottom-style: solid;
  border-color: transparent transparent #0a0a0a;
  bottom: 100%;
}

.tooltip.bottom.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}

.tooltip.top::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #0a0a0a transparent transparent;
  top: 100%;
  bottom: auto;
}

.tooltip.top.align-center::before {
  left: 50%;
  transform: translateX(-50%);
}

.tooltip.left::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #0a0a0a;
  left: 100%;
}

.tooltip.left.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}

.tooltip.right::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.75rem;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #0a0a0a transparent transparent;
  right: 100%;
  left: auto;
}

.tooltip.right.align-center::before {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}

.tooltip.align-top::before {
  bottom: auto;
  top: 10%;
}

.tooltip.align-bottom::before {
  bottom: 10%;
  top: auto;
}

.tooltip.align-left::before {
  left: 10%;
  right: auto;
}

.tooltip.align-right::before {
  left: auto;
  right: 10%;
}

.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}

.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}

.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}

:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0 0;
}

.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}

.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}

.is-active > .accordion-title::before {
  content: "\2013";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #0a0a0a;
}

:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.media-object {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
}

.media-object img {
  max-width: none;
}

@media print, screen and (max-width: 41.87375em) {
  .media-object.stack-for-small {
    flex-wrap: wrap;
  }
}

.media-object-section {
  flex: 0 1 auto;
}

.media-object-section:first-child {
  padding-right: 1rem;
}

.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}

.media-object-section > :last-child {
  margin-bottom: 0;
}

@media print, screen and (max-width: 41.87375em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }

  .stack-for-small .media-object-section img {
    width: 100%;
  }
}

.media-object-section.main-section {
  flex: 1 1 0px;
}

.orbit {
  position: relative;
}

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

.orbit-slide {
  width: 100%;
  position: absolute;
}

.orbit-slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.orbit-figure {
  margin: 0;
}

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #fefefe;
}

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe;
}

[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
  outline: 0;
}

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
  background-color: rgba(10, 10, 10, 0.5);
}

.orbit-previous {
  left: 0;
}

.orbit-next {
  left: auto;
  right: 0;
}

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}

[data-whatinput='mouse'] .orbit-bullets {
  outline: 0;
}

.orbit-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: #cacaca;
}

.orbit-bullets button:hover {
  background-color: #8a8a8a;
}

.orbit-bullets button.is-active {
  background-color: #8a8a8a;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}

.responsive-embed iframe,
  .responsive-embed object,
  .responsive-embed embed,
  .responsive-embed video,
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsive-embed.widescreen,
  .flex-video.widescreen {
  padding-bottom: 56.25%;
}

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fefefe;
  list-style-type: none;
}

.tabs::before, .tabs::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}

.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #1779ba;
}

.tabs.primary > li > a {
  color: #fefefe;
}

.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #1673b1;
}

.tabs-title {
  float: left;
}

.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}

[data-whatinput='mouse'] .tabs-title > a {
  outline: 0;
}

.tabs-title > a:hover {
  background: #fefefe;
  color: #1468a0;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  background: #e6e6e6;
  color: #1779ba;
}

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}

.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: solid 4px #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0;
}

a.thumbnail {
  transition: box-shadow 200ms ease-out;
}

a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
}

a.thumbnail image {
  box-shadow: none;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

[data-whatinput='mouse'] .menu li {
  outline: 0;
}

.menu a,
  .menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}

.menu input,
  .menu select,
  .menu a,
  .menu button {
  margin-bottom: 0;
}

.menu input {
  display: inline-block;
}

.menu, .menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row;
}

.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column;
}

.menu.expanded li {
  flex: 1 1 0px;
}

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

.menu.simple li + li {
  margin-left: 1rem;
}

.menu.simple a {
  padding: 0;
}

@media print, screen and (min-width: 41.875em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }

  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .menu.medium-expanded li {
    flex: 1 1 0px;
  }

  .menu.medium-simple li {
    flex: 1 1 0px;
  }
}

@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }

  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .menu.large-expanded li {
    flex: 1 1 0px;
  }

  .menu.large-simple li {
    flex: 1 1 0px;
  }
}

.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}

.menu.icons a {
  display: flex;
}

.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex;
}

.menu.icon-left li a {
  flex-flow: row nowrap;
}

.menu.icon-left li a img,
    .menu.icon-left li a i,
    .menu.icon-left li a svg {
  margin-right: 0.25rem;
}

.menu.icon-right li a {
  flex-flow: row nowrap;
}

.menu.icon-right li a img,
    .menu.icon-right li a i,
    .menu.icon-right li a svg {
  margin-left: 0.25rem;
}

.menu.icon-top li a {
  flex-flow: column nowrap;
}

.menu.icon-top li a img,
    .menu.icon-top li a i,
    .menu.icon-top li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}

.menu.icon-bottom li a {
  flex-flow: column nowrap;
}

.menu.icon-bottom li a img,
    .menu.icon-bottom li a i,
    .menu.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}

.menu .is-active > a {
  background: #1779ba;
  color: #fefefe;
}

.menu .active > a {
  background: #1779ba;
  color: #fefefe;
}

.menu.align-left {
  justify-content: flex-start;
}

.menu.align-right li {
  display: flex;
  justify-content: flex-end;
}

.menu.align-right li .submenu li {
  justify-content: flex-start;
}

.menu.align-right.vertical li {
  display: block;
  text-align: right;
}

.menu.align-right.vertical li .submenu li {
  text-align: right;
}

.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}

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

.menu.align-center li .submenu li {
  justify-content: flex-start;
}

.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  justify-content: center;
}

.menu-centered > .menu li {
  display: flex;
  justify-content: center;
}

.menu-centered > .menu li .submenu li {
  justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}

.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  content: '';
}

.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}

.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
  content: '';
}

.menu-icon.dark:hover::after {
  background: #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.accordion-menu li {
  width: 100%;
}

.accordion-menu a {
  padding: 0.7rem 1rem;
}

.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem;
}

.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem;
}

.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem;
}

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto;
}

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem;
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}

.is-accordion-submenu-parent {
  position: relative;
}

.has-submenu-toggle > a {
  margin-right: 40px;
}

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

.submenu-toggle[aria-expanded='true']::after {
  transform: scaleY(-1);
  transform-origin: 50% 50%;
}

.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}

.is-drilldown li {
  display: block;
}

.is-drilldown.animate-height {
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe;
}

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear;
}

.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}

.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}

.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}

.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}

.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}

.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}

.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
  right: 1rem;
  left: auto;
}

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 1rem;
}

.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #1779ba transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0;
}

.dropdown.menu > li > a {
  background: #fefefe;
  padding: 0.7rem 1rem;
}

.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #1779ba;
}

.no-js .dropdown.menu ul {
  display: none;
}

.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.dropdown.menu.vertical > li > a::after {
  right: 14px;
}

.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 5px;
}

.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
}

@media print, screen and (min-width: 41.875em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }

  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }

  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }

  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }

  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }

  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }

  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }

  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }

  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }

  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
  }
}

@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }

  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }

  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }

  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }

  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }

  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }

  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }

  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }

  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }

  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba;
  }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}

.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}

.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #fefefe;
}

.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 5px;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
}

.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}

.is-dropdown-submenu > li {
  width: 100%;
}

.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}

.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}

.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}

.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #e6e6e6;
}

[data-whatinput='mouse'] .off-canvas {
  outline: 0;
}

.off-canvas.is-transition-push {
  z-index: 12;
}

.off-canvas.is-closed {
  visibility: hidden;
}

.off-canvas.is-transition-overlap {
  z-index: 13;
}

.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.off-canvas.is-open {
  transform: translate(0, 0);
}

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #e6e6e6;
}

[data-whatinput='mouse'] .off-canvas-absolute {
  outline: 0;
}

.off-canvas-absolute.is-transition-push {
  z-index: 12;
}

.off-canvas-absolute.is-closed {
  visibility: hidden;
}

.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}

.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(-250px);
}

.off-canvas-content .off-canvas.position-left {
  transform: translateX(-250px);
}

.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(250px);
}

.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 250px;
  transform: translateX(250px);
}

.off-canvas-content .off-canvas.position-right {
  transform: translateX(250px);
}

.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-250px);
}

.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(-250px);
}

.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px);
}

.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px);
}

.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  transform: translateY(250px);
}

.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px);
}

.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px);
}

.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}

.off-canvas-content {
  transform: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  transition: transform 0.5s ease;
}

.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}

.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}

@media print, screen and (min-width: 41.875em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-left.reveal-for-medium .close-button {
    display: none;
  }

  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }

  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-right.reveal-for-medium .close-button {
    display: none;
  }

  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }

  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-top.reveal-for-medium .close-button {
    display: none;
  }

  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }

  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }

  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }

  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}

@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-left.reveal-for-large .close-button {
    display: none;
  }

  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }

  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-right.reveal-for-large .close-button {
    display: none;
  }

  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }

  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-top.reveal-for-large .close-button {
    display: none;
  }

  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }

  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }

  .position-bottom.reveal-for-large .close-button {
    display: none;
  }

  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }

  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}

@media print, screen and (min-width: 41.875em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }

  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }

  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}

@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }

  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }

  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}

html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
}

html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: auto;
}

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}

[data-whatinput='mouse'] .reveal {
  outline: 0;
}

@media print, screen and (min-width: 41.875em) {
  .reveal {
    min-height: 0;
  }
}

.reveal .column, .reveal .columns {
  min-width: 0;
}

.reveal > :last-child {
  margin-bottom: 0;
}

@media print, screen and (min-width: 41.875em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}

.reveal.collapse {
  padding: 0;
}

@media print, screen and (min-width: 41.875em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}

@media print, screen and (min-width: 41.875em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
}

@media print, screen and (min-width: 41.875em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}

.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}

@media print, screen and (max-width: 41.87375em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}

.reveal.without-overlay {
  position: fixed;
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%;
}

.sticky.is-stuck.is-at-top {
  top: 0;
}

.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}

.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

.title-bar {
  padding: 0.5rem;
  background: #0a0a0a;
  color: #fefefe;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px;
}

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

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  flex-wrap: wrap;
}

.top-bar,
  .top-bar ul {
  background-color: #e6e6e6;
}

.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}

.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}

.top-bar input.button {
  width: auto;
}

.top-bar .top-bar-left,
  .top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}

@media print, screen and (min-width: 41.875em) {
  .top-bar {
    flex-wrap: nowrap;
  }

  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto;
  }

  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap;
  }

  .top-bar.stacked-for-medium .top-bar-left,
      .top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media print, screen and (max-width: 74.99875em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap;
  }

  .top-bar.stacked-for-large .top-bar-left,
      .top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  flex-basis: 0;
  order: 1;
}

.clearfix::after {
  clear: both;
}

.align-left {
  justify-content: flex-start;
}

.align-right {
  justify-content: flex-end;
}

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

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

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

.align-left.vertical.menu > li > a {
  justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

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

.align-self-top {
  align-self: flex-start;
}

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

.align-self-bottom {
  align-self: flex-end;
}

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

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

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

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

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 41.875em) {
  .medium-order-1 {
    order: 1;
  }

  .medium-order-2 {
    order: 2;
  }

  .medium-order-3 {
    order: 3;
  }

  .medium-order-4 {
    order: 4;
  }

  .medium-order-5 {
    order: 5;
  }

  .medium-order-6 {
    order: 6;
  }
}

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1;
  }

  .large-order-2 {
    order: 2;
  }

  .large-order-3 {
    order: 3;
  }

  .large-order-4 {
    order: 4;
  }

  .large-order-5 {
    order: 5;
  }

  .large-order-6 {
    order: 6;
  }
}

.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

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

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media print, screen and (min-width: 41.875em) {
  .medium-flex-container {
    display: flex;
  }

  .medium-flex-child-auto {
    flex: 1 1 auto;
  }

  .medium-flex-child-grow {
    flex: 1 0 auto;
  }

  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }

  .medium-flex-dir-row {
    flex-direction: row;
  }

  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }

  .medium-flex-dir-column {
    flex-direction: column;
  }

  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex;
  }

  .large-flex-child-auto {
    flex: 1 1 auto;
  }

  .large-flex-child-grow {
    flex: 1 0 auto;
  }

  .large-flex-child-shrink {
    flex: 0 1 auto;
  }

  .large-flex-dir-row {
    flex-direction: row;
  }

  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }

  .large-flex-dir-column {
    flex-direction: column;
  }

  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media print, screen and (max-width: 41.87375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 41.875em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 41.875em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 41.87375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 41.875em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 41.87375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
    .hide-for-portrait {
    display: block !important;
  }
}

@media screen and (orientation: portrait) {
  .show-for-landscape,
    .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape,
    .show-for-portrait {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .hide-for-landscape,
    .show-for-portrait {
    display: block !important;
  }
}

.align-left {
  justify-content: flex-start;
}

.align-right {
  justify-content: flex-end;
}

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

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

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

.align-left.vertical.menu > li > a {
  justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

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

.align-self-top {
  align-self: flex-start;
}

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

.align-self-bottom {
  align-self: flex-end;
}

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

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

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

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

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 41.875em) {
  .medium-order-1 {
    order: 1;
  }

  .medium-order-2 {
    order: 2;
  }

  .medium-order-3 {
    order: 3;
  }

  .medium-order-4 {
    order: 4;
  }

  .medium-order-5 {
    order: 5;
  }

  .medium-order-6 {
    order: 6;
  }
}

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1;
  }

  .large-order-2 {
    order: 2;
  }

  .large-order-3 {
    order: 3;
  }

  .large-order-4 {
    order: 4;
  }

  .large-order-5 {
    order: 5;
  }

  .large-order-6 {
    order: 6;
  }
}

.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

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

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media print, screen and (min-width: 41.875em) {
  .medium-flex-container {
    display: flex;
  }

  .medium-flex-child-auto {
    flex: 1 1 auto;
  }

  .medium-flex-child-grow {
    flex: 1 0 auto;
  }

  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }

  .medium-flex-dir-row {
    flex-direction: row;
  }

  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }

  .medium-flex-dir-column {
    flex-direction: column;
  }

  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex;
  }

  .large-flex-child-auto {
    flex: 1 1 auto;
  }

  .large-flex-child-grow {
    flex: 1 0 auto;
  }

  .large-flex-child-shrink {
    flex: 0 1 auto;
  }

  .large-flex-dir-row {
    flex-direction: row;
  }

  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }

  .large-flex-dir-column {
    flex-direction: column;
  }

  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}

.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-flow: row wrap;
}

.row .row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}

.row:not(.expanded) .row {
  max-width: none;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.row.is-collapse-child,
  .row.collapse > .column > .row,
  .row.collapse > .columns > .row {
  margin-right: 0;
  margin-left: 0;
}

.column, .columns {
  flex: 1 1 0px;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  min-width: 0;
}

@media print, screen and (min-width: 41.875em) {
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.column.row.row, .row.row.columns {
  float: none;
  display: block;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.small-up-1 {
  flex-wrap: wrap;
}

.small-up-1 > .column, .small-up-1 > .columns {
  flex: 0 0 100%;
  max-width: 100%;
}

.small-up-2 {
  flex-wrap: wrap;
}

.small-up-2 > .column, .small-up-2 > .columns {
  flex: 0 0 50%;
  max-width: 50%;
}

.small-up-3 {
  flex-wrap: wrap;
}

.small-up-3 > .column, .small-up-3 > .columns {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.small-up-4 {
  flex-wrap: wrap;
}

.small-up-4 > .column, .small-up-4 > .columns {
  flex: 0 0 25%;
  max-width: 25%;
}

.small-up-5 {
  flex-wrap: wrap;
}

.small-up-5 > .column, .small-up-5 > .columns {
  flex: 0 0 20%;
  max-width: 20%;
}

.small-up-6 {
  flex-wrap: wrap;
}

.small-up-6 > .column, .small-up-6 > .columns {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.small-up-7 {
  flex-wrap: wrap;
}

.small-up-7 > .column, .small-up-7 > .columns {
  flex: 0 0 14.28571%;
  max-width: 14.28571%;
}

.small-up-8 {
  flex-wrap: wrap;
}

.small-up-8 > .column, .small-up-8 > .columns {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

@media print, screen and (min-width: 41.875em) {
  .medium-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .medium-offset-0 {
    margin-left: 0%;
  }

  .medium-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .medium-offset-1 {
    margin-left: 8.33333%;
  }

  .medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .medium-offset-2 {
    margin-left: 16.66667%;
  }

  .medium-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .medium-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .medium-offset-4 {
    margin-left: 33.33333%;
  }

  .medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .medium-offset-5 {
    margin-left: 41.66667%;
  }

  .medium-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .medium-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .medium-offset-7 {
    margin-left: 58.33333%;
  }

  .medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .medium-offset-8 {
    margin-left: 66.66667%;
  }

  .medium-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .medium-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .medium-offset-10 {
    margin-left: 83.33333%;
  }

  .medium-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .medium-offset-11 {
    margin-left: 91.66667%;
  }

  .medium-up-1 {
    flex-wrap: wrap;
  }

  .medium-up-1 > .column, .medium-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .medium-up-2 {
    flex-wrap: wrap;
  }

  .medium-up-2 > .column, .medium-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .medium-up-3 {
    flex-wrap: wrap;
  }

  .medium-up-3 > .column, .medium-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .medium-up-4 {
    flex-wrap: wrap;
  }

  .medium-up-4 > .column, .medium-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .medium-up-5 {
    flex-wrap: wrap;
  }

  .medium-up-5 > .column, .medium-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .medium-up-6 {
    flex-wrap: wrap;
  }

  .medium-up-6 > .column, .medium-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .medium-up-7 {
    flex-wrap: wrap;
  }

  .medium-up-7 > .column, .medium-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }

  .medium-up-8 {
    flex-wrap: wrap;
  }

  .medium-up-8 > .column, .medium-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media print, screen and (min-width: 41.875em) and (min-width: 41.875em) {
  .medium-expand {
    flex: 1 1 0px;
  }
}

.row.medium-unstack > .column, .row.medium-unstack > .columns {
  flex: 0 0 100%;
}

@media print, screen and (min-width: 41.875em) {
  .row.medium-unstack > .column, .row.medium-unstack > .columns {
    flex: 1 1 0px;
  }
}

@media print, screen and (min-width: 41.875em) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }

  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

@media print, screen and (min-width: 64em) {
  .large-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .large-offset-0 {
    margin-left: 0%;
  }

  .large-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .large-offset-1 {
    margin-left: 8.33333%;
  }

  .large-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .large-offset-2 {
    margin-left: 16.66667%;
  }

  .large-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .large-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .large-offset-4 {
    margin-left: 33.33333%;
  }

  .large-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .large-offset-5 {
    margin-left: 41.66667%;
  }

  .large-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .large-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .large-offset-7 {
    margin-left: 58.33333%;
  }

  .large-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .large-offset-8 {
    margin-left: 66.66667%;
  }

  .large-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .large-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .large-offset-10 {
    margin-left: 83.33333%;
  }

  .large-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .large-offset-11 {
    margin-left: 91.66667%;
  }

  .large-up-1 {
    flex-wrap: wrap;
  }

  .large-up-1 > .column, .large-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .large-up-2 {
    flex-wrap: wrap;
  }

  .large-up-2 > .column, .large-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .large-up-3 {
    flex-wrap: wrap;
  }

  .large-up-3 > .column, .large-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .large-up-4 {
    flex-wrap: wrap;
  }

  .large-up-4 > .column, .large-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .large-up-5 {
    flex-wrap: wrap;
  }

  .large-up-5 > .column, .large-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .large-up-6 {
    flex-wrap: wrap;
  }

  .large-up-6 > .column, .large-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .large-up-7 {
    flex-wrap: wrap;
  }

  .large-up-7 > .column, .large-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
  }

  .large-up-8 {
    flex-wrap: wrap;
  }

  .large-up-8 > .column, .large-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}

@media print, screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    flex: 1 1 0px;
  }
}

.row.large-unstack > .column, .row.large-unstack > .columns {
  flex: 0 0 100%;
}

@media print, screen and (min-width: 64em) {
  .row.large-unstack > .column, .row.large-unstack > .columns {
    flex: 1 1 0px;
  }
}

@media print, screen and (min-width: 64em) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }

  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.shrink {
  flex: 0 0 auto;
  max-width: 100%;
}

.column-block {
  margin-bottom: 1.25rem;
}

.column-block > :last-child {
  margin-bottom: 0;
}

@media print, screen and (min-width: 41.875em) {
  .column-block {
    margin-bottom: 1.875rem;
  }

  .column-block > :last-child {
    margin-bottom: 0;
  }
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media print, screen and (max-width: 41.87375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 41.875em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 41.875em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 41.87375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 41.875em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 41.87375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
    .hide-for-portrait {
    display: block !important;
  }
}

@media screen and (orientation: portrait) {
  .show-for-landscape,
    .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape,
    .show-for-portrait {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .hide-for-landscape,
    .show-for-portrait {
    display: block !important;
  }
}

/*
* Reset
* --------------
* Any reset styles
*/

body,
html {
  min-height: 100vh;
}

body.dashboard {
  flex-direction: column;
  background: #f6f6f3;
  /* Old browsers */
  padding-top: 100px;
}

@media print, screen and (max-width: 41.87375em) {
  body.dashboard {
    padding-top: 0;
  }
}

body.with-navbar {
  background: #F6F6F3;
  padding-top: 0;
}

body.with-navbar.with-navbar--white {
  background: white;
}

@media print, screen and (max-width: 41.87375em) {
  body.with-navbar {
    padding-top: 70px;
  }

  body.with-navbar.with-steps-nav {
    padding-top: 110px;
  }
}

#app {
  height: 100%;
}

a {
  outline: none;
}

p {
  margin: 0;
}

.ripple__container {
  display: none;
}

/*
* Helper Styles
* --------------
* Any functions or helper styles
*/

/* Margin Styles
*  -------------
*  Provides classes for adding set margin top and bottoms within the HTML
* e.g class="mt20"
*/

.mb0 {
  margin-bottom: 0px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb13 {
  margin-bottom: 13px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb150 {
  margin-bottom: 150px;
}

.mb165 {
  margin-bottom: 165px;
}

.mb200 {
  margin-bottom: 200px;
}

.mb250 {
  margin-bottom: 250px;
}

.mb300 {
  margin-bottom: 300px;
}

.mt0 {
  margin-top: 0px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt13 {
  margin-top: 13px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt80 {
  margin-top: 80px;
}

.mt90 {
  margin-top: 90px;
}

.mt100 {
  margin-top: 100px;
}

.mt150 {
  margin-top: 150px;
}

.mt165 {
  margin-top: 165px;
}

.mt200 {
  margin-top: 200px;
}

.mt250 {
  margin-top: 250px;
}

.mt300 {
  margin-top: 300px;
}

.ml0 {
  margin-left: 0px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml13 {
  margin-left: 13px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.ml60 {
  margin-left: 60px;
}

.ml80 {
  margin-left: 80px;
}

.ml90 {
  margin-left: 90px;
}

.ml100 {
  margin-left: 100px;
}

.ml150 {
  margin-left: 150px;
}

.ml165 {
  margin-left: 165px;
}

.ml200 {
  margin-left: 200px;
}

.ml250 {
  margin-left: 250px;
}

.ml300 {
  margin-left: 300px;
}

.mr0 {
  margin-right: 0px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr13 {
  margin-right: 13px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mr60 {
  margin-right: 60px;
}

.mr80 {
  margin-right: 80px;
}

.mr90 {
  margin-right: 90px;
}

.mr100 {
  margin-right: 100px;
}

.mr150 {
  margin-right: 150px;
}

.mr165 {
  margin-right: 165px;
}

.mr200 {
  margin-right: 200px;
}

.mr250 {
  margin-right: 250px;
}

.mr300 {
  margin-right: 300px;
}

.mbt0 {
  margin-bottom: 0px;
  margin-top: 0px;
}

.mbt5 {
  margin-bottom: 5px;
  margin-top: 5px;
}

.mbt10 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.mbt13 {
  margin-bottom: 13px;
  margin-top: 13px;
}

.mbt15 {
  margin-bottom: 15px;
  margin-top: 15px;
}

.mbt20 {
  margin-bottom: 20px;
  margin-top: 20px;
}

.mbt30 {
  margin-bottom: 30px;
  margin-top: 30px;
}

.mbt40 {
  margin-bottom: 40px;
  margin-top: 40px;
}

.mbt50 {
  margin-bottom: 50px;
  margin-top: 50px;
}

.mbt60 {
  margin-bottom: 60px;
  margin-top: 60px;
}

.mbt80 {
  margin-bottom: 80px;
  margin-top: 80px;
}

.mbt90 {
  margin-bottom: 90px;
  margin-top: 90px;
}

.mbt100 {
  margin-bottom: 100px;
  margin-top: 100px;
}

.mbt150 {
  margin-bottom: 150px;
  margin-top: 150px;
}

.mbt165 {
  margin-bottom: 165px;
  margin-top: 165px;
}

.mbt200 {
  margin-bottom: 200px;
  margin-top: 200px;
}

.mbt250 {
  margin-bottom: 250px;
  margin-top: 250px;
}

.mbt300 {
  margin-bottom: 300px;
  margin-top: 300px;
}

/* hkgrotesk Font Generator
*  ----------------------
*  Adds a mixin for generating the useage of the hkgrotesk font and its size.
*  Usage: @include hkgrotesk(18px, 'bold');
*  For regular font, the secon arguement can be ignored
*/

@font-face {
  font-family: 'hkgrotesk';

  src: url("./../fonts/HKGrotesk-Light.woff2") format("woff2"), url("./../fonts/HKGrotesk-Light.woff") format("woff");

  font-weight: 100;

  font-style: normal;
}

@font-face {
  font-family: 'hkgrotesk';

  src: url("./../fonts/HKGrotesk-Regular.woff2") format("woff2"), url("./../fonts/HKGrotesk-Regular.woff") format("woff");

  font-weight: 300;

  font-style: normal;
}

@font-face {
  font-family: 'hkgrotesk';

  src: url("./../fonts/HKGrotesk-Medium.woff2") format("woff2"), url("./../fonts/HKGrotesk-Medium.woff") format("woff");

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-family: 'hkgrotesk';

  src: url("./../fonts/HKGrotesk-Bold.woff2") format("woff2"), url("./../fonts/HKGrotesk-Bold.woff") format("woff");

  font-weight: 500;

  font-style: normal;
}

.logo {
  background: url("./../images/logo/white@3x.png") no-repeat;
  background-size: cover;
  height: 55px;
  width: 230px;
}

.logo--dark {
  background: url("./../images/logo/noagent-dark.png") no-repeat;
  background-size: cover;
}

.logo--normal {
  background: url("./../images/logo/blue@2x.png") no-repeat;
  background-size: contain;
  height: 60px;
  width: 145px;
  margin: 0 auto;
}

.logo--small {
  background: url("./../images/logo/white@2x.png") no-repeat;
  background-size: cover;
}

p {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #767676;
}

p.small {
  font-family: 'hkgrotesk';
  font-size: 13px;
  font-weight: 300;
}

p.small.bold {
  font-family: 'hkgrotesk';
  font-size: 13px;
  font-weight: 500;
}

p.bold {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
}

.link {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #266dd3;
  cursor: pointer;
  display: inline-block;
  text-decoration: underline;
}

.link.link--right {
  float: right;
  margin-right: 18px;
}

.link.link--large {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
}

.link:hover, .link:focus {
  color: #3e495f;
}

.link[disabled=disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

.text-no-agent {
  color: #266dd3;
}

.gray-bg {
  background-color: #f6f6f3;
}

.form-body-bg {
  background-color: #F6F6F3;
}

@media print, screen and (max-width: 41.87375em) {
  .form-body-bg {
    background-color: white;
  }

  .form-body-bg.with-form-navbar {
    padding-top: 60px;
  }
}

.v-cloak {
  display: none;
}

/*
* Button Styles
* --------------
* Filled button style
*/

.button-filled--white {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: linear-gradient(to top, #D9D9D8, #266dd3);
  background-color: linear-gradient(to top, #D9D9D8, #266dd3);
  border-radius: 100px;
  border: 3px solid linear-gradient(to top, #D9D9D8, #266dd3);
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 500;
}

.button-filled--white:hover, .button-filled--white:focus {
  background-color: #767676;
  background-image: none;
  outline: none;
  color: white;
  transition: all .25s linear;
}

.button-filled--white:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-filled--white.button--outline {
  background-color: transparent;
  background-image: none;
  color: #767676;
  border: 1px solid #767676;
}

.button-filled--white.button--outline:hover {
  outline: none;
  color: white;
  background-color: #767676;
}

.button-filled--white.button--outline:focus {
  outline: none;
}

.button-filled--white.selected {
  background-color: linear-gradient(to top, #D9D9D8, #266dd3);
  color: white;
}

.button-filled--white.selected:hover, .button-filled--white.selected:focus {
  outline: none;
  background-color: linear-gradient(to top, #D9D9D8, #266dd3);
  color: white;
}

.button-filled--white.button--small {
  width: 140px;
}

.button-filled--white.button--large {
  width: 300px;
}

.button-filled--white.button--mr10 {
  margin-right: 10px;
}

.button-filled--white.button--small-height {
  height: 40px;
}

.button-filled--white.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.button-filled--default {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: #266dd3;
  background-color: #266dd3;
  border-radius: 100px;
  border: 3px solid rgba(38, 109, 211, 0.4);
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
}

.button-filled--default:hover, .button-filled--default:focus {
  background-color: white;
  background-image: none;
  outline: none;
  color: #266dd3;
  transition: all .25s linear;
}

.button-filled--default:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-filled--default.button--outline {
  background-color: transparent;
  background-image: none;
  color: white;
  border: 1px solid white;
}

.button-filled--default.button--outline:hover {
  outline: none;
  color: white;
  background-color: white;
}

.button-filled--default.button--outline:focus {
  outline: none;
}

.button-filled--default.selected {
  background-color: #266dd3;
  color: white;
}

.button-filled--default.selected:hover, .button-filled--default.selected:focus {
  outline: none;
  background-color: #266dd3;
  color: white;
}

.button-filled--default.button--small {
  width: 140px;
}

.button-filled--default.button--large {
  width: 300px;
}

.button-filled--default.button--mr10 {
  margin-right: 10px;
}

.button-filled--default.button--small-height {
  height: 40px;
}

.button-filled--default.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.button-filled--default-no-border {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: #266dd3;
  background-color: #266dd3;
  border-radius: 100px;
  border: 3px solid rgba(38, 109, 211, 0.4);
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
  border: none;
  cursor: pointer;
}

.button-filled--default-no-border:hover, .button-filled--default-no-border:focus {
  background-color: white;
  background-image: none;
  outline: none;
  color: #266dd3;
  transition: all .25s linear;
}

.button-filled--default-no-border:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-filled--default-no-border.button--outline {
  background-color: transparent;
  background-image: none;
  color: white;
  border: 1px solid white;
}

.button-filled--default-no-border.button--outline:hover {
  outline: none;
  color: white;
  background-color: white;
}

.button-filled--default-no-border.button--outline:focus {
  outline: none;
}

.button-filled--default-no-border.selected {
  background-color: #266dd3;
  color: white;
}

.button-filled--default-no-border.selected:hover, .button-filled--default-no-border.selected:focus {
  outline: none;
  background-color: #266dd3;
  color: white;
}

.button-filled--default-no-border.button--small {
  width: 140px;
}

.button-filled--default-no-border.button--large {
  width: 300px;
}

.button-filled--default-no-border.button--mr10 {
  margin-right: 10px;
}

.button-filled--default-no-border.button--small-height {
  height: 40px;
}

.button-filled--default-no-border.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.button-filled--default-no-border:hover, .button-filled--default-no-border:focus {
  color: #424242;
  border: 1px solid #424242;
}

.button-filled--default-no-border-inverse {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: #fefefe;
  background-color: #fefefe;
  border-radius: 100px;
  border: 3px solid rgba(38, 109, 211, 0.4);
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
  color: #424242;
  border: 1px solid #424242;
  cursor: pointer;
}

.button-filled--default-no-border-inverse:hover, .button-filled--default-no-border-inverse:focus {
  background-color: #266dd3;
  background-image: none;
  outline: none;
  color: #266dd3;
  transition: all .25s linear;
}

.button-filled--default-no-border-inverse:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-filled--default-no-border-inverse.button--outline {
  background-color: transparent;
  background-image: none;
  color: #266dd3;
  border: 1px solid #266dd3;
}

.button-filled--default-no-border-inverse.button--outline:hover {
  outline: none;
  color: white;
  background-color: #266dd3;
}

.button-filled--default-no-border-inverse.button--outline:focus {
  outline: none;
}

.button-filled--default-no-border-inverse.selected {
  background-color: #fefefe;
  color: white;
}

.button-filled--default-no-border-inverse.selected:hover, .button-filled--default-no-border-inverse.selected:focus {
  outline: none;
  background-color: #fefefe;
  color: white;
}

.button-filled--default-no-border-inverse.button--small {
  width: 140px;
}

.button-filled--default-no-border-inverse.button--large {
  width: 300px;
}

.button-filled--default-no-border-inverse.button--mr10 {
  margin-right: 10px;
}

.button-filled--default-no-border-inverse.button--small-height {
  height: 40px;
}

.button-filled--default-no-border-inverse.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.button-filled--default-no-border-inverse:hover, .button-filled--default-no-border-inverse:focus {
  color: #fefefe;
}

.button-filled--red {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: linear-gradient(to top, #f3767b, #c04848);
  background-color: linear-gradient(to top, #f3767b, #c04848);
  border-radius: 100px;
  border: 3px solid linear-gradient(to top, #f3767b, #c04848);
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 500;
}

.button-filled--red:hover, .button-filled--red:focus {
  background-color: #F3767B;
  background-image: none;
  outline: none;
  color: white;
  transition: all .25s linear;
}

.button-filled--red:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-filled--red.button--outline {
  background-color: transparent;
  background-image: none;
  color: #F3767B;
  border: 1px solid #F3767B;
}

.button-filled--red.button--outline:hover {
  outline: none;
  color: white;
  background-color: #F3767B;
}

.button-filled--red.button--outline:focus {
  outline: none;
}

.button-filled--red.selected {
  background-color: linear-gradient(to top, #f3767b, #c04848);
  color: white;
}

.button-filled--red.selected:hover, .button-filled--red.selected:focus {
  outline: none;
  background-color: linear-gradient(to top, #f3767b, #c04848);
  color: white;
}

.button-filled--red.button--small {
  width: 140px;
}

.button-filled--red.button--large {
  width: 300px;
}

.button-filled--red.button--mr10 {
  margin-right: 10px;
}

.button-filled--red.button--small-height {
  height: 40px;
}

.button-filled--red.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.button-filled--pink {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: linear-gradient(97deg, #ff6e7f, #e1a8bc 47%, #bfe9ff);
  background-color: linear-gradient(97deg, #ff6e7f, #e1a8bc 47%, #bfe9ff);
  border-radius: 100px;
  border: 3px solid linear-gradient(97deg, #ff6e7f, #e1a8bc 47%, #bfe9ff);
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 500;
}

.button-filled--pink:hover, .button-filled--pink:focus {
  background-color: #FD7284;
  background-image: none;
  outline: none;
  color: white;
  transition: all .25s linear;
}

.button-filled--pink:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-filled--pink.button--outline {
  background-color: transparent;
  background-image: none;
  color: #FD7284;
  border: 1px solid #FD7284;
}

.button-filled--pink.button--outline:hover {
  outline: none;
  color: white;
  background-color: #FD7284;
}

.button-filled--pink.button--outline:focus {
  outline: none;
}

.button-filled--pink.selected {
  background-color: linear-gradient(97deg, #ff6e7f, #e1a8bc 47%, #bfe9ff);
  color: white;
}

.button-filled--pink.selected:hover, .button-filled--pink.selected:focus {
  outline: none;
  background-color: linear-gradient(97deg, #ff6e7f, #e1a8bc 47%, #bfe9ff);
  color: white;
}

.button-filled--pink.button--small {
  width: 140px;
}

.button-filled--pink.button--large {
  width: 300px;
}

.button-filled--pink.button--mr10 {
  margin-right: 10px;
}

.button-filled--pink.button--small-height {
  height: 40px;
}

.button-filled--pink.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.button-filled--rainbow {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: linear-gradient(47deg, #e8bd30, #aa557f 54%, #6a52be 96%);
  background-color: linear-gradient(47deg, #e8bd30, #aa557f 54%, #6a52be 96%);
  border-radius: 100px;
  border: 3px solid linear-gradient(47deg, #e8bd30, #aa557f 54%, #6a52be 96%);
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 500;
}

.button-filled--rainbow:hover, .button-filled--rainbow:focus {
  background-color: #e8bd30;
  background-image: none;
  outline: none;
  color: white;
  transition: all .25s linear;
}

.button-filled--rainbow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-filled--rainbow.button--outline {
  background-color: transparent;
  background-image: none;
  color: #e8bd30;
  border: 1px solid #e8bd30;
}

.button-filled--rainbow.button--outline:hover {
  outline: none;
  color: white;
  background-color: #e8bd30;
}

.button-filled--rainbow.button--outline:focus {
  outline: none;
}

.button-filled--rainbow.selected {
  background-color: linear-gradient(47deg, #e8bd30, #aa557f 54%, #6a52be 96%);
  color: white;
}

.button-filled--rainbow.selected:hover, .button-filled--rainbow.selected:focus {
  outline: none;
  background-color: linear-gradient(47deg, #e8bd30, #aa557f 54%, #6a52be 96%);
  color: white;
}

.button-filled--rainbow.button--small {
  width: 140px;
}

.button-filled--rainbow.button--large {
  width: 300px;
}

.button-filled--rainbow.button--mr10 {
  margin-right: 10px;
}

.button-filled--rainbow.button--small-height {
  height: 40px;
}

.button-filled--rainbow.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.button-filled--rainbow--large {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: linear-gradient(47deg, #e8bd30, #aa557f 54%, #6a52be 96%);
  background-color: linear-gradient(47deg, #e8bd30, #aa557f 54%, #6a52be 96%);
  border-radius: 100px;
  border: 3px solid linear-gradient(47deg, #e8bd30, #aa557f 54%, #6a52be 96%);
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 500;
  width: 410px;
}

.button-filled--rainbow--large:hover, .button-filled--rainbow--large:focus {
  background-color: #e8bd30;
  background-image: none;
  outline: none;
  color: white;
  transition: all .25s linear;
}

.button-filled--rainbow--large:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-filled--rainbow--large.button--outline {
  background-color: transparent;
  background-image: none;
  color: #e8bd30;
  border: 1px solid #e8bd30;
}

.button-filled--rainbow--large.button--outline:hover {
  outline: none;
  color: white;
  background-color: #e8bd30;
}

.button-filled--rainbow--large.button--outline:focus {
  outline: none;
}

.button-filled--rainbow--large.selected {
  background-color: linear-gradient(47deg, #e8bd30, #aa557f 54%, #6a52be 96%);
  color: white;
}

.button-filled--rainbow--large.selected:hover, .button-filled--rainbow--large.selected:focus {
  outline: none;
  background-color: linear-gradient(47deg, #e8bd30, #aa557f 54%, #6a52be 96%);
  color: white;
}

.button-filled--rainbow--large.button--small {
  width: 140px;
}

.button-filled--rainbow--large.button--large {
  width: 300px;
}

.button-filled--rainbow--large.button--mr10 {
  margin-right: 10px;
}

.button-filled--rainbow--large.button--small-height {
  height: 40px;
}

.button-filled--rainbow--large.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.button-filled--gray {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: none;
  background-color: none;
  border-radius: 100px;
  border: 3px solid none;
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
}

.button-filled--gray:hover, .button-filled--gray:focus {
  background-color: #767676;
  background-image: none;
  outline: none;
  color: white;
  transition: all .25s linear;
}

.button-filled--gray:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-filled--gray.button--outline {
  background-color: transparent;
  background-image: none;
  color: #767676;
  border: 1px solid #767676;
}

.button-filled--gray.button--outline:hover {
  outline: none;
  color: white;
  background-color: #767676;
}

.button-filled--gray.button--outline:focus {
  outline: none;
}

.button-filled--gray.selected {
  background-color: none;
  color: white;
}

.button-filled--gray.selected:hover, .button-filled--gray.selected:focus {
  outline: none;
  background-color: none;
  color: white;
}

.button-filled--gray.button--small {
  width: 140px;
}

.button-filled--gray.button--large {
  width: 300px;
}

.button-filled--gray.button--mr10 {
  margin-right: 10px;
}

.button-filled--gray.button--small-height {
  height: 40px;
}

.button-filled--gray.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/*
 * Hollow Button Style
 */

.button--large {
  width: 300px;
}

.button-hollow--default.button-hollow {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background: none;
  color: #266dd3;
  border: 1px solid #266dd3;
  border-radius: 4px;
  font-size: 14px;
  padding: 4px 20px;
  line-height: 0;
}

.button-hollow--default.button-hollow span {
  margin: 3px;
}

.button-hollow--default.button-hollow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-hollow--default.button-hollow:hover, .button-hollow--default.button-hollow:focus {
  color: white;
  background-image: none;
  background-color: #266dd3;
  border-color: transparent;
}

.button-hollow--default.button--small {
  width: 140px;
}

.button-hollow--default.button--large {
  width: 300px;
}

.button-hollow--default.button-hollow--default__confirmed.button-hollow {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background: #266dd3;
  color: white;
  border: 1px solid #266dd3;
  border-radius: 4px;
  font-size: 14px;
  padding: 4px 20px;
  line-height: 0;
}

.button-hollow--default.button-hollow--default__confirmed.button-hollow span {
  margin: 3px;
}

.button-hollow--default.button-hollow--default__confirmed.button-hollow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-hollow--default.button-hollow--default__confirmed.button-hollow:hover, .button-hollow--default.button-hollow--default__confirmed.button-hollow:focus {
  color: white;
  background-image: none;
  background-color: #266dd3;
  border-color: transparent;
}

.button-hollow--default.button-hollow--default__confirmed.button--small {
  width: 140px;
}

.button-hollow--default.button-hollow--default__confirmed.button--large {
  width: 300px;
}

.button-hollow-white-shadow {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  border: 1px solid #D9D9D8;
  border-radius: 20px;
  line-height: 0;
  background: white;
  height: 40px;
  color: #266dd3;
}

.button-hollow-white-shadow span {
  margin: 3px;
}

.button-hollow-white-shadow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-hollow-white-shadow:hover, .button-hollow-white-shadow:focus {
  color: white;
  background-image: none;
  background-color: #D9D9D8;
  border-color: transparent;
}

.button-hollow--white.button-hollow {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background: none;
  color: white;
  border: 1px solid white;
  border-radius: 4px;
  font-size: 14px;
  padding: 4px 20px;
  line-height: 0;
}

.button-hollow--white.button-hollow span {
  margin: 3px;
}

.button-hollow--white.button-hollow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.button-hollow--white.button-hollow:hover, .button-hollow--white.button-hollow:focus {
  color: white;
  background-image: none;
  background-color: white;
  border-color: transparent;
}

.button-hollow--white.button--small {
  width: 140px;
}

.button-hollow--white.button--large {
  width: 300px;
}

.button--add-new {
  height: 40px;
  line-height: 40px;
  width: 95px;
}

a.button-hollow {
  padding: 20px;
  text-align: center;
}

.round-button {
  background-color: white;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.skip {
  text-align: center;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
}

.skip a {
  color: #3e495f;
}

.skip a:hover {
  text-decoration: underline;
  color: #3e495f;
}

.form-parent {
  display: inline-block;
  position: relative;
  width: 100%;
}

.form-parent .validation-error .error-message {
  position: relative;
  top: -10px;
  left: 0;
}

.form-parent .input {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  border-radius: 4px;
  box-shadow: initial;
  color: #767676;
  margin-bottom: 10px;
  width: 100%;
}

.form-parent .input.no-margin-bottom {
  margin-bottom: 0;
}

.form-parent .input.input--inline-block {
  display: inline-block;
  margin-right: 8px;
}

.form-parent .input.input--tiny {
  max-width: 60px;
}

.form-parent .input.input--small {
  max-width: 140px;
}

.form-parent .input.input--medium {
  max-width: 220px;
}

.form-parent .input:hover {
  background-color: #E4E4E4;
}

.form-parent .input--text {
  background: #F6F6F3;
  border: 1px solid #D9D9D8;
  height: 48px;
  outline: 1px solid transparent;
  transition: border .25s linear;
}

.form-parent .input--text:focus {
  background: #F6F6F3;
  border: 1px solid #266dd3;
  box-shadow: initial;
  transition: border .25s linear;
}

.form-parent .input--textarea {
  background: #F6F6F3;
  border: 1px solid #D9D9D8;
  min-height: 150px;
  outline: 1px solid transparent;
  transition: border .25s linear;
}

.form-parent .input--textarea.textarea--100perc {
  min-height: 100%;
}

.form-parent .input--textarea:focus {
  background: #F6F6F3;
  border: 1px solid #266dd3;
  box-shadow: initial;
  transition: border .25s linear;
}

.form-parent .input--text-type {
  display: flex;
  width: 100%;
}

.form-parent .input--text-type .input {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  flex: 1;
  margin: 0;
  height: 44px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  background-color: #F6F6F3;
}

.form-parent .input--text-type .input.active {
  border: 1px solid #266dd3;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
}

.form-parent .input--text-type .add {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background: white;
  border: 1px solid #D9D9D8;
  color: #D9D9D8;
  cursor: pointer;
  flex: 0 0 80px;
  line-height: 38px;
  text-align: center;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  margin-left: 0;
  border-left: none;
}

.form-parent .input--text-type .add:disabled {
  cursor: not-allowed;
}

.form-parent .input--text-type .add.active {
  color: white;
  border: 1px solid #266dd3;
  background-image: linear-gradient(to bottom, #06b5b4, #037082);
}

.form-parent .input--text-type .add.active:hover {
  color: white;
  background-color: #06B5B4;
}

.form-parent .input--select {
  background: #F6F6F3 url("./../images/svg/triangle.svg") no-repeat 95% 50%;
  border: 1px solid #D9D9D8;
  height: 48px;
  outline: 1px solid transparent;
  transition: border .25s linear;
  margin: 0;
  padding-left: 10px;
}

.form-parent .input--select:focus {
  border: 1px solid #266dd3;
  box-shadow: initial;
  transition: border .25s linear;
  background: #F6F6F3 url("./../images/svg/triangle.svg") no-repeat 95% 50%;
}

.form-parent .input--select:disabled {
  opacity: 0.5;
}

.form-parent .input--search {
  background: white;
  border: 1px solid #D9D9D8;
  border-radius: 30px;
  font-size: 12px;
  height: 30px;
  outline: 1px solid transparent;
  text-align: center;
  transition: border .25s linear;
  max-width: 140px;
}

.form-parent .input--search:focus {
  border: 1px solid #266dd3;
  box-shadow: initial;
  transition: border .25s linear;
}

.form-parent .label {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
  background: none;
  color: #767676;
  padding: 0;
}

.form-parent .forgotten-link {
  text-align: left;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
  color: #3e495f;
}

.form-parent .forgotten-link:hover, .form-parent .forgotten-link:focus {
  text-decoration: underline;
}

.form-parent .error-text {
  color: #F3767B;
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
}

.form-parent .processing-agreement {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
  color: #767676;
  margin-left: 5px;
}

.form-parent .processing-agreement .processing-agreement-link {
  color: #266dd3 !important;
  text-align: left;
  cursor: pointer;
}

.form-parent .processing-agreement .processing-agreement-link:hover, .form-parent .processing-agreement .processing-agreement-link:focus {
  text-decoration: underline;
}

/*** typehead ***/

.typehead {
  position: relative;
}

.typehead .input--text {
  margin-bottom: 0;
}

.typehead .fa-times {
  cursor: pointer;
}

.typehead .fa-spinner {
  color: #266dd3;
}

.typehead i {
  float: right;
  position: relative;
  top: 30px;
  right: 29px;
  opacity: 0.4;
}

.typehead .loading-addresses {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  max-height: 300px;
}

.typehead ul {
  position: absolute;
  padding: 0;
  margin: 0;
  min-width: 100%;
  list-style: none;
  z-index: 1000;
  background-color: #F6F6F3;
  border: solid 1px #D9D9D8;
  overflow: scroll;
  overflow-x: hidden;
}

.typehead ul li {
  padding: 10px 16px;
  cursor: pointer;
}

.typehead ul li span {
  display: block;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
}

.typehead ul li.active {
  background-color: #266dd3;
  color: white;
}

.typehead ul li.active span {
  color: white;
}

.input-with-symbol {
  display: flex;
}

.input-with-symbol.active .symbol, .input-with-symbol.active input {
  border-color: #266dd3;
}

.input-with-symbol .symbol {
  display: inline-block;
  padding: 12px 10px;
  color: #767676;
  background: #F6F6F3;
  margin: 0;
  max-height: 50px;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 1px solid #D9D9D8;
  border-bottom: 1px solid #D9D9D8;
  border-top: 1px solid #D9D9D8;
  float: left;
}

.input-with-symbol .input.input--text {
  display: inline-block;
  margin-left: -5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  margin-bottom: 0;
}

.input-with-symbol .input--medium {
  max-width: 187px !important;
}

.input-with-symbol .input--text {
  padding-left: 5px !important;
  padding-bottom: 11px !important;
}

.form-container {
  border-radius: 10px;
  border: 1px solid white;
  overflow: hidden;
  background-color: white;
  padding: 20px 20px 0;
  margin-bottom: 20px;
}

.form-container .title {
  margin-bottom: 30px;
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 400;
  color: #767676;
}

.profile .answer-check-card span {
  color: #767676;
}

#permission_to_submit {
  transform: scale(1.5);
  margin-left: 5px;
}

.validation-error #permission_to_submit {
  outline: 1px solid #C04848;
}

.validation-error #processing-agreement {
  outline: 1px solid #C04848;
}

/*
* Form Components
*/

.form-footer-wrapper {
  box-shadow: 0 -2px 5px 0 rgba(118, 118, 118, 0.12);
  line-height: 70px;
  min-height: 70px;
  padding: 0 20px;
}

.form-footer-wrapper .form-footer {
  background: white;
  margin: 0 -30px;
  padding: 20px 30px;
  line-height: 50px;
  margin-bottom: 50px;
}

.form-footer-wrapper .button {
  margin: 10px 0 0 0;
}

.form-footer-wrapper.bottom-fixed {
  box-shadow: 0 -2px 5px 0 rgba(118, 118, 118, 0.12);
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
}

.form-footer-wrapper.bottom-fixed .form-footer {
  margin-bottom: 0;
}

.add-property-flow {
  color: #767676;
}

.add-property-flow .title {
  font-family: 'hkgrotesk';
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

.add-property-flow .title.small {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
}

.add-property-flow .subtitle {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
}

.add-property-flow .sub-line {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
}

.add-property-flow .input--text {
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  min-height: 48px;
  padding: 10px;
}

.add-property-flow .input--text::-moz-placeholder {
  color: #767676;
  opacity: 0.6;
}

.add-property-flow .input--text:-ms-input-placeholder {
  color: #767676;
  opacity: 0.6;
}

.add-property-flow .input--text::placeholder {
  color: #767676;
  opacity: 0.6;
}

.add-property-form {
  margin-top: 100px;
}

@media print, screen and (max-width: 63.99875em) {
  .add-property-form {
    margin-top: 100px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .add-property-form {
    margin-top: 20px;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .with--navbar .add-property-form {
    margin-top: 40px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .with--navbar .add-property-form {
    margin-top: 60px;
  }
}

.selector-bathroom-wrapper {
  display: flex;
}

.selector-bathroom-wrapper .selector-wrapper {
  margin-right: 20px;
}

.selector-bathroom-wrapper .checkbox-container {
  max-width: 140px;
  width: 100%;
  margin-bottom: 0;
}

.selector-bathroom-wrapper .remove {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  cursor: pointer;
  align-self: center;
  padding-left: 15px;
}

.contacts .remove, .contacts .add-supplier {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  cursor: pointer;
  align-self: center;
  padding-left: 15px;
}

.finance-wrapper .item-price {
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  line-height: 50px;
  padding: 0 15px;
  position: relative;
}

.finance-wrapper .item-price .desc {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #767676;
}

.finance-wrapper .item-price .price {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
  color: #767676;
  text-align: right;
}

.finance-wrapper .item-price .duration {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
}

.finance-wrapper .item-price .remove {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  cursor: pointer;
  position: absolute;
  right: -60px;
}

.finance-wrapper .item-price .remove:hover {
  color: #266dd3;
}

.finance-wrapper .item-price--extended {
  height: 110px;
  line-height: normal;
  padding-top: 15px;
  width: 100%;
  display: inline-block;
}

.finance-wrapper .item-price--extended .desc {
  float: left;
}

.finance-wrapper .item-price--extended .duration {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  display: block;
}

.finance-wrapper .item-price--extended .footer {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  background: #F6F6F3;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #D9D9D8;
  bottom: 0;
  color: #266dd3;
  line-height: 1.0;
  margin-left: -15px;
  position: absolute;
  width: 100%;
  padding: 0 15px;
}

.finance-wrapper .item-price--extended.with-tenants {
  height: 120px;
}

.finance-wrapper .item-price--extended.with-tenants .footer {
  height: 45px;
}

.finance-wrapper .item-price--package {
  padding: 0 15px 0 70px;
}

.finance-wrapper .item-price--package .svg-icon {
  background: #F6F6F3;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #D9D9D8;
  height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.finance-wrapper .totals-wrapper {
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  line-height: 40px;
  padding: 20px 15px;
}

.finance-wrapper .totals-wrapper .totals {
  display: flex;
  justify-content: space-between;
}

.finance-wrapper .totals-wrapper .totals:nth-of-type(2) {
  border-top: 1px solid #D9D9D8;
  margin-top: 10px;
  padding-top: 10px;
}

.finance-wrapper .totals-wrapper .left {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #767676;
  list-style: none;
  margin: 0;
}

.finance-wrapper .totals-wrapper .right {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
  color: #266dd3;
  list-style: none;
  margin: 0;
  text-align: right;
}

.payment-options {
  display: flex;
  width: 100%;
}

.payment-options .question {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
  color: #767676;
}

.accept .cards {
  background: url("./../images/icons/cards.png") no-repeat;
  background-size: contain;
  height: 30px;
  margin-top: 5px;
  width: 164px;
}

.accept .secure-payment {
  background: url("./../images/icons/secure-payment.png") no-repeat;
  background-size: contain;
  height: 31px;
  margin-top: 5px;
  width: 44px;
}

.add-package-image {
  width: 100%;
  height: 280px;
}

.add-package-image.add-package-image--photos {
  background: url("./../images/upsell-photography.jpg") no-repeat;
  background-size: contain;
}

.add-package-image.add-package-image--floorplan {
  background: url("./../images/upsell-floorplans.jpg") no-repeat;
  background-size: contain;
}

.add-package-image.add-package-image--board {
  background: url("./../images/rent-me-board.png") no-repeat;
  background-size: contain;
}

.checkout-modal-opacity {
  background: rgba(62, 73, 95, 0.9);
  bottom: 0;
  cursor: default;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 999;
}

.checkout-modal-opacity .checkout-modal {
  background: white;
  border-radius: 10px;
  height: 300px;
  left: 50%;
  margin-left: -190px;
  margin-top: -150px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 380px;
}

.checkout-modal-opacity .checkout-modal:before {
  background: url("./../images/success-modal.png") no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 200px;
  width: 382px;
}

.checkout-modal-opacity .header {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  color: #266dd3;
  line-height: 26px;
  margin-top: 5px;
}

.checkout-modal-opacity p {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  color: #4A4A4A;
  line-height: 26px;
  margin-top: 5px;
}

.custom-feature {
  background-color: #f6f6f3;
  border: solid 1px #d9d9d8;
  border-radius: 4px;
  max-width: 192px;
  padding: 6px 26px 6px 12px;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  color: #266dd3;
  position: relative;
}

.custom-feature a:after {
  content: '';
  background: url("./../images/svg/remove.svg") no-repeat;
  width: 15px;
  height: 15px;
  background-size: contain;
  top: 12px;
  right: 12px;
  position: absolute;
}

@media print {
  .navbar {
    display: none;
  }

  .columns.large-6, .columns.small-12, .columns.medium-8 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .columns.large-offset-2 {
    display: none;
  }

  .form-footer-wrapper, .print-terms, .button-filled--default, iframe, .add-property-nav {
    display: none;
  }
}

.thank_you h3 {
  font-family: 'hkgrotesk';
  font-size: 28px;
  font-weight: 300;
}

.photo-upload-wrapper {
  max-width: 380px;
  display: inline-table;
}

.photo-upload-wrapper .main-photo,
  .photo-upload-wrapper .secondary-photo {
  background: #F6F6F3;
  border: 2px dashed #D9D9D8;
  position: relative;
  height: 180px;
  width: 380px;
  overflow: hidden;
  background-size: cover;
}

.photo-upload-wrapper .main-photo.main-photo__added:before,
    .photo-upload-wrapper .secondary-photo.main-photo__added:before {
  display: none;
  color: #266dd3;
  content: '\F005';
  font-family: 'FontAwesome';
  font-size: 12px;
  left: 10px;
  position: absolute;
  top: 7px;
  z-index: 99;
}

.photo-upload-wrapper .main-photo.main-photo__added:after,
    .photo-upload-wrapper .secondary-photo.main-photo__added:after {
  display: none;
  font-family: 'hkgrotesk';
  font-size: 11px;
  font-weight: 300;
  background: #D9D9D8;
  border-radius: 4px;
  color: #266dd3;
  content: 'Main Photo';
  height: 20px;
  left: 6px;
  line-height: 20px;
  padding-left: 15px;
  position: absolute;
  text-align: center;
  top: 6px;
  width: 80px;
}

.photo-upload-wrapper .main-photo:hover,
    .photo-upload-wrapper .secondary-photo:hover {
  cursor: default;
}

.photo-upload-wrapper .main-photo:hover .upload-text:before,
      .photo-upload-wrapper .secondary-photo:hover .upload-text:before {
  background: url("./../images/icons/upload-selected.png") no-repeat;
  background-size: contain;
}

.photo-upload-wrapper .secondary-photo {
  display: inline-block;
  height: 120px;
  margin-right: 20px;
  width: 180px;
}

.photo-upload-wrapper .secondary-photo:nth-of-type(odd) {
  margin-right: 0;
}

.photo-upload-wrapper .secondary-photo .upload-text {
  line-height: 18px;
  margin-top: 64px;
}

.photo-upload-wrapper .secondary-photo .upload-text:before {
  background: url("./../images/icons/upload-more.png") no-repeat;
  background-size: contain;
  height: 40px;
  margin-left: -20px;
  top: -45px;
  width: 40px;
}

.photo-upload-wrapper .secondary-photo .upload-text:before {
  background: url("./../images/icons/upload-more.png") no-repeat;
  background-size: contain;
  height: 40px;
  margin-left: -20px;
  top: -45px;
  width: 40px;
}

.photo-upload-wrapper .secondary-photo:hover .upload-text:before {
  background: url("./../images/icons/upload-more-selected.png") no-repeat;
  background-size: contain;
}

.photo-upload-wrapper .upload-text {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  margin-top: 100px;
  position: relative;
  text-align: center;
}

.photo-upload-wrapper .upload-text:before {
  background: url("./../images/icons/upload.png") no-repeat;
  background-size: contain;
  content: '';
  height: 50px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  top: -50px;
  width: 50px;
}

.photo-upload-wrapper .preview-photo {
  border: none;
  cursor: default;
}

.photo-upload-wrapper .removing img, .photo-upload-wrapper .removing:after, .photo-upload-wrapper .removing:before {
  opacity: 0.1;
}

.photo-upload-wrapper .removing .removing-gif {
  color: #266dd3;
  position: absolute;
  z-index: 1000000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}

.floorplan-upload-wrapper {
  max-width: 380px;
  display: inline-table;
}

.floorplan-upload-wrapper .main-photo,
  .floorplan-upload-wrapper .secondary-photo {
  background: #F6F6F3;
  border: 2px dashed #D9D9D8;
  height: 180px;
  width: 380px;
  position: relative;
  overflow: hidden;
  background-size: cover;
}

.floorplan-upload-wrapper .main-photo:hover,
    .floorplan-upload-wrapper .secondary-photo:hover {
  cursor: default;
}

.floorplan-upload-wrapper .main-photo:hover .upload-text:before,
      .floorplan-upload-wrapper .secondary-photo:hover .upload-text:before {
  background: url("./../images/icons/upload-selected.png") no-repeat;
  background-size: contain;
}

.floorplan-upload-wrapper .secondary-photo {
  display: inline-block;
  height: 120px;
  margin-right: 20px;
  width: 180px;
}

.floorplan-upload-wrapper .secondary-photo:nth-of-type(even) {
  margin-right: 0;
}

.floorplan-upload-wrapper .secondary-photo .upload-text {
  line-height: 18px;
  margin-top: 64px;
}

.floorplan-upload-wrapper .secondary-photo .upload-text:before {
  background: url("./../images/icons/upload-more.png") no-repeat;
  background-size: contain;
  height: 40px;
  margin-left: -20px;
  top: -45px;
  width: 40px;
}

.floorplan-upload-wrapper .secondary-photo:hover .upload-text:before {
  background: url("./../images/icons/upload-more-selected.png") no-repeat;
  background-size: contain;
}

.floorplan-upload-wrapper .secondary-photo .upload-in-progress-text:before {
  height: 40px;
  margin-left: -20px;
  top: -45px;
  width: 40px;
}

.floorplan-upload-wrapper .upload-text {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  margin-top: 100px;
  position: relative;
  text-align: center;
}

.floorplan-upload-wrapper .upload-text:before {
  background: url("./../images/icons/upload.png") no-repeat;
  background-size: contain;
  content: '';
  height: 50px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  top: -50px;
  width: 50px;
}

.floorplan-upload-wrapper .preview-photo {
  border: none;
}

.floorplan-upload-wrapper .removing img, .floorplan-upload-wrapper .removing:after, .floorplan-upload-wrapper .removing:before {
  opacity: 0.1;
}

.floorplan-upload-wrapper .removing .removing-gif {
  color: #266dd3;
  position: absolute;
  z-index: 1000000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: cover;
}

.preview-photo .close {
  position: absolute;
  right: 6px;
  top: 6px;
  background-color: #F6F6F3;
  height: 20px;
  width: 20px;
  background: url("./../images/svg/delete-photo.svg") no-repeat;
  background-size: contain;
}

.preview-photo .close:hover {
  cursor: pointer;
}

@media only screen and (max-width: 600px) {
  .addon-card-container {
    margin-left: 10px !important;
  }
}

.addon-card-container .addon-card-package-container {
  display: flex;
  flex-basis: 70%;
  flex-wrap: wrap;
}

.addon-card-container .addon-card-package-container .addon-card-package {
  margin-left: -11px;
}

.addon-card-container .addon-card-rent-it-faster {
  flex-basis: 80%;
}

@media only screen and (max-width: 600px) {
  .addon-card-container .addon-card-rent-it-faster {
    flex-basis: unset;
  }
}

.pkg-featured, .pkg-regular {
  text-align: center;
}

@media print, screen and (min-width: 41.875em) {
  .pkg-featured {
    text-align: left;
  }
}

.pkg-regular .addon-card-package-item {
  height: 100%;
}

.pkg-regular .addon-card {
  border-radius: 6px;
  background: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding-bottom: 120px;
  height: 100%;
}

.pkg-regular .addon-card .price {
  width: 100%;
  left: 0;
  right: 0;
}

.pkg-regular .addon-card .action {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
}

.pkg-regular .addon-card button {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: #266dd3;
  background-color: #266dd3;
  border-radius: 100px;
  border: 3px solid #266dd3;
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
  margin: 0;
  bottom: 0;
}

.pkg-regular .addon-card button:hover, .pkg-regular .addon-card button:focus {
  background-color: #266dd3;
  background-image: none;
  outline: none;
  color: white;
  transition: all .25s linear;
}

.pkg-regular .addon-card button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.pkg-regular .addon-card button.button--outline {
  background-color: transparent;
  background-image: none;
  color: #266dd3;
  border: 1px solid #266dd3;
}

.pkg-regular .addon-card button.button--outline:hover {
  outline: none;
  color: white;
  background-color: #266dd3;
}

.pkg-regular .addon-card button.button--outline:focus {
  outline: none;
}

.pkg-regular .addon-card button.selected {
  background-color: #266dd3;
  color: white;
}

.pkg-regular .addon-card button.selected:hover, .pkg-regular .addon-card button.selected:focus {
  outline: none;
  background-color: #266dd3;
  color: white;
}

.pkg-regular .addon-card button.button--small {
  width: 140px;
}

.pkg-regular .addon-card button.button--large {
  width: 300px;
}

.pkg-regular .addon-card button.button--mr10 {
  margin-right: 10px;
}

.pkg-regular .addon-card button.button--small-height {
  height: 40px;
}

.pkg-regular .addon-card button.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.pkg-regular .addon-card button:hover, .pkg-regular .addon-card button:focus {
  outline: none;
  background-color: #193e69;
  border-color: #193e69;
  color: white;
}

@media print, screen and (min-width: 64em) {
  .pkg-regular .addon-card button {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.pkg-regular .addon-card button.selected {
  background-color: #193e69;
  border-color: #193e69;
  color: white;
}

.pkg-regular .addon-card button.selected:hover, .pkg-regular .addon-card button.selected:focus {
  outline: none;
  background-color: #266dd3;
  border-color: #266dd3;
  color: white;
}

.addon-card {
  background: #F6F6F3;
  padding: 20px;
  position: relative;
}

.addon-card .title,
  .addon-card .price {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 500;
}

.addon-card .title span,
    .addon-card .price span {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
}

.addon-card p {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin-top: 10px;
}

.addon-card .price {
  bottom: 86px;
}

.addon-card button {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: gray;
  background-color: gray;
  border-radius: 100px;
  border: 3px solid gray;
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
  bottom: 20px;
}

.addon-card button:hover, .addon-card button:focus {
  background-color: gray;
  background-image: none;
  outline: none;
  color: white;
  transition: all .25s linear;
}

.addon-card button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.addon-card button.button--outline {
  background-color: transparent;
  background-image: none;
  color: gray;
  border: 1px solid gray;
}

.addon-card button.button--outline:hover {
  outline: none;
  color: white;
  background-color: gray;
}

.addon-card button.button--outline:focus {
  outline: none;
}

.addon-card button.selected {
  background-color: gray;
  color: white;
}

.addon-card button.selected:hover, .addon-card button.selected:focus {
  outline: none;
  background-color: gray;
  color: white;
}

.addon-card button.button--small {
  width: 140px;
}

.addon-card button.button--large {
  width: 300px;
}

.addon-card button.button--mr10 {
  margin-right: 10px;
}

.addon-card button.button--small-height {
  height: 40px;
}

.addon-card button.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.addon-card .svg-icon {
  padding-bottom: 7px;
}

.addon-card .svg-icon svg {
  height: 30px;
  width: 30px;
}

.addon-card-rent-it-faster > div {
  border-radius: 6px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.addon-card-rent-it-faster .rent-it-faster-image {
  display: none;
  min-width: 285px;
}

@media print, screen and (min-width: 41.875em) {
  .addon-card-rent-it-faster .rent-it-faster-image {
    display: block;
  }
}

.addon-card--rent-it-faster {
  background: white;
  min-height: 450px;
  min-width: 287px;
}

.addon-card--rent-it-faster .svg-icon svg g {
  fill: none !important;
}

.addon-card--rent-it-faster .price .terms {
  font-family: 'hkgrotesk';
  font-size: 12px;
  font-weight: 300;
}

.addon-card--rent-it-faster p {
  color: #4f4f4f !important;
  line-height: 1.57;
}

@media print, screen and (max-width: 41.87375em) {
  .addon-card--rent-it-faster .list-items-container {
    text-align: left;
    display: table;
    margin: 0 auto;
  }
}

.addon-card--rent-it-faster .list-items {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  line-height: 1.57;
  margin-left: 0;
  color: #4f4f4f;
  list-style-type: none;
}

.addon-card--rent-it-faster .list-items .list-item {
  margin-bottom: 10px;
}

.addon-card--rent-it-faster .list-items .icon {
  height: 24px;
  width: 24px;
}

.addon-card--rent-it-faster .svg-icon {
  padding-bottom: 7px;
}

.addon-card--rent-it-faster .svg-icon svg {
  height: 30px;
  width: 30px;
}

.addon-card--rent-it-faster .svg-icon svg g {
  fill: #1976d2;
}

.addon-card--rent-it-faster .title,
  .addon-card--rent-it-faster .price {
  color: #1976d2;
}

.addon-card--rent-it-faster p {
  color: #767676;
}

.addon-card--rent-it-faster button {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: #1976d2;
  background-color: #1976d2;
  border-radius: 100px;
  border: 3px solid #1976d2;
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
}

.addon-card--rent-it-faster button:hover, .addon-card--rent-it-faster button:focus {
  background-color: #1976d2;
  background-image: none;
  outline: none;
  color: white;
  transition: all .25s linear;
}

.addon-card--rent-it-faster button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.addon-card--rent-it-faster button.button--outline {
  background-color: transparent;
  background-image: none;
  color: #1976d2;
  border: 1px solid #1976d2;
}

.addon-card--rent-it-faster button.button--outline:hover {
  outline: none;
  color: white;
  background-color: #1976d2;
}

.addon-card--rent-it-faster button.button--outline:focus {
  outline: none;
}

.addon-card--rent-it-faster button.selected {
  background-color: #1976d2;
  color: white;
}

.addon-card--rent-it-faster button.selected:hover, .addon-card--rent-it-faster button.selected:focus {
  outline: none;
  background-color: #1976d2;
  color: white;
}

.addon-card--rent-it-faster button.button--small {
  width: 140px;
}

.addon-card--rent-it-faster button.button--large {
  width: 300px;
}

.addon-card--rent-it-faster button.button--mr10 {
  margin-right: 10px;
}

.addon-card--rent-it-faster button.button--small-height {
  height: 40px;
}

.addon-card--rent-it-faster button.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.addon-card--rent-it-faster button:hover {
  background-image: linear-gradient(to bottom, #1976d2, #0c3b69);
}

.addon-card--rent-it-faster button.disabled {
  outline: none;
  color: white;
  background-color: darkgrey;
  background-image: linear-gradient(to bottom, #1976d2, #0c3b69);
  padding: 16px 10px;
  font-size: 16px;
}

.addon-card--rent-it-faster button.disabled:hover {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  background-image: #1976d2;
  background-color: #1976d2;
  border-radius: 100px;
  border: 3px solid #1976d2;
  color: white;
  max-width: 100%;
  text-align: center;
  padding: 12px 30px 12px 30px;
  outline: none;
  transition: all .25s linear;
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  line-height: 1;
  padding: 16px 10px;
  font-size: 16px;
}

.addon-card--rent-it-faster button.disabled:hover:hover, .addon-card--rent-it-faster button.disabled:hover:focus {
  background-color: #1976d2;
  background-image: none;
  outline: none;
  color: white;
  transition: all .25s linear;
}

.addon-card--rent-it-faster button.disabled:hover:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.addon-card--rent-it-faster button.disabled:hover.button--outline {
  background-color: transparent;
  background-image: none;
  color: #1976d2;
  border: 1px solid #1976d2;
}

.addon-card--rent-it-faster button.disabled:hover.button--outline:hover {
  outline: none;
  color: white;
  background-color: #1976d2;
}

.addon-card--rent-it-faster button.disabled:hover.button--outline:focus {
  outline: none;
}

.addon-card--rent-it-faster button.disabled:hover.selected {
  background-color: #1976d2;
  color: white;
}

.addon-card--rent-it-faster button.disabled:hover.selected:hover, .addon-card--rent-it-faster button.disabled:hover.selected:focus {
  outline: none;
  background-color: #1976d2;
  color: white;
}

.addon-card--rent-it-faster button.disabled:hover.button--small {
  width: 140px;
}

.addon-card--rent-it-faster button.disabled:hover.button--large {
  width: 300px;
}

.addon-card--rent-it-faster button.disabled:hover.button--mr10 {
  margin-right: 10px;
}

.addon-card--rent-it-faster button.disabled:hover.button--small-height {
  height: 40px;
}

.addon-card--rent-it-faster button.disabled:hover.btn-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.modal {
  content: '';
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 70px;
  bottom: 0;
  opacity: 0.99;
  background-color: #242527;
  border: none;
  border-radius: 0;
  z-index: 100;
}

.tips--container {
  position: relative;
}

.tips-box-static, .tips-box {
  padding: 15px 15px 15px;
  position: relative;
  background: #F6F6F3;
}

.tips-box-static .paging, .tips-box .paging {
  text-align: right;
}

@media print, screen and (max-width: 41.87375em) {
  .tips-box-static .paging, .tips-box .paging {
    text-align: left;
  }
}

.tips-box-static .paging .tip-nav, .tips-box .paging .tip-nav {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #767676;
  display: inline-block;
  margin-right: 6px;
  cursor: pointer;
}

.tips-box-static .paging .tip-nav.active, .tips-box .paging .tip-nav.active {
  background-color: #266dd3;
}

.tips-box-static ul, .tips-box ul {
  list-style: none;
}

.tips-box-static ul li::before, .tips-box ul li::before {
  content: "\2022";
  color: #266dd3;
  margin-right: 10px;
  font-weight: 100;
}

.tips-box-static ul li, .tips-box ul li {
  color: #767676;
  font-size: 15px;
  font-weight: normal;
}

@media print, screen and (max-width: 41.87375em) {
  .tips-box {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #266dd3;
    border-radius: 50%;
    width: 30px;
    height: 30px;
  }

  .tips-box.modal-mode {
    background-color: transparent;
    padding: 20px 30px 20px 20px;
    width: 100%;
    border-radius: 0;
    left: 0;
    right: 0;
    top: 90px;
    height: auto;
    margin: auto;
    border-color: transparent;
    position: fixed;
  }

  .tips-box .tips-icon {
    background: url("../images/icons/hints.png") no-repeat;
    background-size: contain;
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
  }

  .tips-box .close-modal-icon {
    position: absolute;
    width: 26px;
    height: 26px;
    border: 1px solid white;
    border-radius: 50%;
    right: 20px;
    top: 15px;
  }

  .tips-box .close-modal-icon:after {
    content: '';
    width: 14px;
    height: 14px;
    background: url("../images/svg/modal-close.svg") no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    background-size: contain;
  }

  .tips-box p {
    padding-right: 30px;
  }
}

@media print, screen and (max-width: 41.87375em) and (max-width: 41.87375em) {
  .tips-box p {
    color: white;
    line-height: 1.2;
    font-family: 'hkgrotesk';
    font-size: 18px;
    font-weight: 300;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .modal-mode {
    margin-top: 0;
    z-index: 101;
  }

  .with-steps-nav .tips-box {
    margin-top: 135px;
  }

  .with-steps-nav .tips-box.modal-mode {
    margin-top: 0;
  }
}

.resend {
  padding-left: 14px;
}

.resend button {
  background-image: linear-gradient(180deg, #00A5AA 0%, #04869b 100%);
  color: white;
  outline: none;
  transition: all .25s linear;
  min-height: 45px;
  padding: 10px;
  height: 50px;
  margin-top: 10px;
  border-radius: 0 4px 4px 0;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
}

.resend button:hover {
  background-image: linear-gradient(180deg, #266dd3 0%, #266dd3 100%);
  color: white;
  outline: none;
}

.resend .input--text {
  border-radius: 4px 0 0 4px;
}

.resend .help.is-danger {
  top: 20px;
  margin-left: 2px;
}

.icon-question-card {
  position: relative;
  text-align: center;
}

.icon-question-card .icon-wrapper {
  background: #F6F6F3;
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  height: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-question-card .title {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 500;
  color: #896C85;
  margin-top: 10px;
}

.icon-question-card .answer {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
  margin-top: 10px;
  padding: 0 5px;
  color: #896C85;
}

.icon-question-card.icon-small-card .title {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
}

.icon-question-card.icon-small-card .answer {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  margin-top: 5px;
}

.icon-question-card:hover .icon-wrapper {
  background: #E4E4E4;
  cursor: pointer;
}

.icon-question-card.icon-question-card__selected .icon-wrapper {
  background: #E4E4E4;
}

.icon-question-card.icon-question-card__selected .icon-wrapper:after {
  background: #896C85;
  border-radius: 50%;
  color: white;
  content: "\F00C";
  font-family: 'FontAwesome';
  font-size: 14px;
  height: 20px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  width: 20px;
}

.radio-input--label {
  font-family: 'hkgrotesk';
  font-size: 15px;
  font-weight: 300;
  line-height: 1.3;
  color: #767676;
  position: absolute;
  left: 150px;
  top: 0;
}

.radio-input--container {
  position: relative;
  margin-bottom: 10px;
}

.radio-input {
  position: relative;
  cursor: pointer;
}

.radio-input a {
  color: #266dd3;
}

.radio-input label {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
  color: #767676;
  padding: 0 0 0 30px;
}

.radio-input input {
  display: none;
}

.radio-input.with--image {
  display: inline-flex;
}

.radio-input.with--image img {
  width: 90px;
  height: 63px;
  border: 1px solid #D9D9D8;
  margin-left: 40px;
  border-radius: 4px;
}

.radio-input.with--image label {
  padding: 0 0 0 15px;
  font-family: 'hkgrotesk';
  font-size: 15px;
  font-weight: 300;
  line-height: 1.3;
}

.radio-input:before {
  background: white;
  border: 1px solid #D9D9D8;
  border-radius: 50%;
  content: '';
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 0;
}

.radio-input:after {
  background: #266dd3;
  border-radius: 50%;
  content: '';
  height: 12px;
  width: 12px;
  position: absolute;
  left: 6px;
  top: 6px;
  opacity: 0;
}

.radio-input:hover, .radio-input.radio-input__selected {
  color: #266dd3;
  transition: all .25s linear;
}

.radio-input.radio-input__selected:after {
  opacity: 1;
  transition: all .25s linear;
}

.radio-input.radio-input--card {
  background: #F6F6F3;
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  padding: 9px 0 9px 44px;
  display: flex;
}

.radio-input.radio-input--card label {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  padding: 0;
}

.radio-input.radio-input--card:last-child {
  margin-bottom: 0;
}

.radio-input.radio-input--card:hover {
  background-color: #E4E4E4;
}

.radio-input.radio-input--card:before {
  left: 10px;
  top: 10px;
}

.radio-input.radio-input--card:after {
  left: 16px;
  top: 16px;
}

.radio-input.radio-input--card--top {
  background: #F6F6F3;
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 95px;
  line-height: 20px;
  padding: 38px 0 10px 0;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
}

.radio-input.radio-input--card--top:before {
  left: 50%;
  margin-left: -12px;
  top: 12px;
}

.radio-input.radio-input--card--top:after {
  left: 50%;
  margin-left: -6px;
  top: 18px;
}

.checkbox-container {
  display: inline-block;
  background: #F6F6F3;
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  cursor: pointer;
  color: #767676;
  margin-bottom: 10px;
  width: 100%;
  max-width: 100%;
}

.checkbox-container:hover {
  background-color: #E4E4E4;
}

.checkbox-container.answer-check-card {
  padding-left: 44px;
  padding-right: 20px;
}

.checkbox-container.answer-check-card:before {
  left: 10px;
}

.checkbox-container.answer-check-card.answer-check-card__selected:after {
  left: 13px;
}

.answer-check-card {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  position: relative;
  padding: 6px 0 6px 34px;
}

.answer-check-card:before {
  background: white;
  border: 1px solid #D9D9D8;
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 2px;
}

.answer-check-card:after {
  display: none;
}

.answer-check-card.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.answer-check-card.answer-check-card__selected span {
  color: #266dd3;
}

.answer-check-card.answer-check-card__selected:after {
  color: #266dd3;
  content: '';
  background: url("./../images/svg/form-check.svg") no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  opacity: 1;
  position: absolute;
  left: 3px;
  top: 13px;
  transition: all .25s linear;
  display: block;
}

.email-preferences-lists .answer-check-card:before {
  top: 9px;
  width: 20px;
  height: 20px;
}

.email-preferences-lists .answer-check-card.answer-check-card__selected span {
  color: #0a0a0a;
}

.email-preferences-lists .answer-check-card.answer-check-card__selected:after {
  color: #0a0a0a;
  background: url("./../images/svg/email-check.svg") no-repeat;
  width: 20px;
  height: 20px;
  left: 1px;
  top: 10px;
}

.selector-wrapper {
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  height: 40px;
  max-width: 220px;
  padding: 2px;
  width: 100%;
}

.selector-wrapper .selector {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  border-radius: 2px;
  color: #767676;
  line-height: 34px;
  text-align: center;
  flex: 1;
  position: relative;
}

.selector-wrapper .selector:after {
  background: #D9D9D8;
  content: '';
  height: 24px;
  position: absolute;
  right: -1px;
  top: 8px;
  width: 1px;
}

.selector-wrapper .selector:last-of-type:after, .selector-wrapper .selector.selector__selected:after {
  background: none;
}

.selector-wrapper .selector:hover {
  color: #266dd3;
  cursor: pointer;
}

.selector-wrapper .selector.selector__selected {
  background: #266dd3;
  color: white;
  cursor: pointer;
}

.selector-wrapper.selector-wrapper--triple {
  max-width: 330px;
}

/*** Datepicker ***/

.menu__activator {
  width: 100%;
  display: flex;
}

.menu__activator input {
  cursor: pointer;
  width: 100%;
  margin: 0;
}

.menu__content {
  z-index: 1000;
}

.menu__content tr {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
}

.menu__content th {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 400;
}

.menu__content tr:nth-child(even), .menu__content th {
  background-color: #f6f6f3;
}

.menu__content .picker__title {
  background-color: #266dd3;
  color: white;
}

.menu__content .picker--date__years li.active, .menu__content .picker--date__years li:hover {
  color: #266dd3;
}

.menu__content .picker--date {
  margin: 0 auto;
}

.menu__content .picker--date .picker--date__header {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
}

.menu__content .picker--date .picker--date__header span:before {
  color: #266dd3 !important;
}

.menu__content .picker--date .picker--date__header .picker--date__header-selector-date strong {
  color: #266dd3;
}

.menu__content .picker--date .picker--date__header button:nth-child(1) span:before {
  content: "\F053";
}

.menu__content .picker--date .picker--date__header button:nth-child(3) span:before {
  content: "\F054";
}

.menu__content .picker--date .picker--date__header span:before {
  margin-top: 10px;
  color: gray;
  font-family: 'FontAwesome';
  background-size: contain;
  width: 20px;
  height: 20px;
}

.menu__content .picker--date .picker--date__header span i {
  display: none;
}

.menu__content .picker--date table .btn.btn--floating {
  padding: 18px;
}

.menu__content .picker--date__table table td {
  padding: 0;
}

.menu__content .picker--date__table table td a.btn.btn--floating.btn--active:after {
  background-color: #266dd3 !important;
  border-radius: 0;
  height: 100%;
  color: white;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
}

.menu__content .picker--date__table table td a.btn.btn--floating:after {
  background-color: #266dd3 !important;
}

.menu__content .picker--date__table table td a.btn.btn--floating:hover, .menu__content .picker--date__table table td a.btn.btn--floating.btn--current:not(.btn--active):hover {
  color: white;
}

.menu__content .picker--date__table table td a.btn.btn--floating.btn--current:not(.btn--active) {
  color: #266dd3;
}

.menu__content .picker__body {
  height: auto;
}

.validation-error {
  position: relative;
  background-color: transparent;
  border-color: transparent;
}

.validation-error input, .validation-error textarea, .validation-error select {
  border-color: #C04848 !important;
}

.validation-error input:focus ~ .error-message, .validation-error textarea:focus ~ .error-message, .validation-error select:focus ~ .error-message {
  opacity: 0;
}

.validation-error.align-right .error-message {
  top: 0;
  left: 108%;
}

.validation-error.align-right .error-message:before {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
  border-left: none;
  top: 10px;
  left: -10px;
}

.validation-error .error-message {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 1;
  pointer-events: none;
  background-color: white;
  box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.09);
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #767676;
  border-radius: 6px;
  z-index: 1000;
  padding: 0 10px;
  width: 220px;
  max-width: 100%;
  position: absolute;
  top: 48px;
  left: 8px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
}

.validation-error .error-message:before {
  content: "";
  top: -10px;
  left: 43%;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.09);
}

/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */

.flag {
  display: inline-block;
  width: 16px;
  height: 11px;
  background: url("../images/flags.png") no-repeat;
}

.flag.flag-scotland {
  background-position: -176px -121px;
}

.flag.flag-la {
  background-position: -160px -77px;
}

.flag.flag-vi {
  background-position: -112px -154px;
}

.flag.flag-ck {
  background-position: -128px -22px;
}

.flag.flag-mu {
  background-position: -48px -99px;
}

.flag.flag-mm {
  background-position: -192px -88px;
}

.flag.flag-im {
  background-position: -48px -66px;
}

.flag.flag-ca {
  background-position: -16px -22px;
}

.flag.flag-nf {
  background-position: -192px -99px;
}

.flag.flag-cr {
  background-position: -208px -22px;
}

.flag.flag-xk {
  background-position: -208px -154px;
}

.flag.flag-om {
  background-position: -64px -110px;
}

.flag.flag-hm {
  background-position: -160px -55px;
}

.flag.flag-zm {
  background-position: -16px -165px;
}

.flag.flag-mh {
  background-position: -144px -88px;
}

.flag.flag-ye {
  background-position: -224px -154px;
}

.flag.flag-is {
  background-position: -128px -66px;
}

.flag.flag-th {
  background-position: -16px -143px;
}

.flag.flag-sn {
  background-position: -64px -132px;
}

.flag.flag-ht {
  background-position: -208px -55px;
}

.flag.flag-sb {
  background-position: -144px -121px;
}

.flag.flag-gy {
  background-position: -128px -55px;
}

.flag.flag-gb {
  background-position: -112px -44px;
}

.flag.flag-br {
  background-position: -176px -11px;
}

.flag.flag-ve {
  background-position: -80px -154px;
}

.flag.flag-ph {
  background-position: -144px -110px;
}

.flag.flag-io {
  background-position: -80px -66px;
}

.flag.flag-er {
  background-position: -208px -33px;
}

.flag.flag-au {
  background-position: -192px 0;
}

.flag.flag-tj {
  background-position: -48px -143px;
}

.flag.flag-vc {
  background-position: -64px -154px;
}

.flag.flag-vn {
  background-position: -128px -154px;
}

.flag.flag-fk {
  background-position: -32px -44px;
}

.flag.flag-mv {
  background-position: -64px -99px;
}

.flag.flag-bj {
  background-position: -112px -11px;
}

.flag.flag-bn {
  background-position: -144px -11px;
}

.flag.flag-jm {
  background-position: -192px -66px;
}

.flag.flag-na {
  background-position: -144px -99px;
}

.flag.flag-cf {
  background-position: -64px -22px;
}

.flag.flag-cl {
  background-position: -144px -22px;
}

.flag.flag-hu {
  background-position: -224px -55px;
}

.flag.flag-ke {
  background-position: -240px -66px;
}

.flag.flag-kr {
  background-position: -80px -77px;
}

.flag.flag-bg {
  background-position: -64px -11px;
}

.flag.flag-gw {
  background-position: -112px -55px;
}

.flag.flag-ru {
  background-position: -96px -121px;
}

.flag.flag-ma {
  background-position: -64px -88px;
}

.flag.flag-hn {
  background-position: -176px -55px;
}

.flag.flag-ni {
  background-position: -224px -99px;
}

.flag.flag-ws {
  background-position: -192px -154px;
}

.flag.flag-at {
  background-position: -176px 0;
}

.flag.flag-pf {
  background-position: -112px -110px;
}

.flag.flag-cw {
  background-position: -256px -22px;
}

.flag.flag-nl {
  background-position: -240px -99px;
}

.flag.flag-kp {
  background-position: -64px -77px;
}

.flag.flag-sx {
  background-position: -176px -132px;
}

.flag.flag-mg {
  background-position: -128px -88px;
}

.flag.flag-sl {
  background-position: -32px -132px;
}

.flag.flag-lb {
  background-position: -176px -77px;
}

.flag.flag-mk {
  background-position: -160px -88px;
}

.flag.flag-ga {
  background-position: -96px -44px;
}

.flag.flag-as {
  background-position: -160px 0;
}

.flag.flag-mc {
  background-position: -80px -88px;
}

.flag.flag-cn {
  background-position: -176px -22px;
}

.flag.flag-ua {
  background-position: -224px -143px;
}

.flag.flag-lt {
  background-position: 0 -88px;
}

.flag.flag-in {
  background-position: -64px -66px;
}

.flag.flag-tl {
  background-position: -80px -143px;
}

.flag.flag-eh {
  background-position: -176px -33px;
}

.flag.flag-mz {
  background-position: -128px -99px;
}

.flag.flag-af {
  background-position: -32px 0;
}

.flag.flag-gm {
  background-position: -256px -44px;
}

.flag.flag-lv {
  background-position: -32px -88px;
}

.flag.flag-eu {
  background-position: -256px -33px;
}

.flag.flag-eg {
  background-position: -160px -33px;
}

.flag.flag-fi {
  background-position: 0 -44px;
}

.flag.flag-ec {
  background-position: -128px -33px;
}

.flag.flag-bo {
  background-position: -160px -11px;
}

.flag.flag-pl {
  background-position: -176px -110px;
}

.flag.flag-ly {
  background-position: -48px -88px;
}

.flag.flag-sa {
  background-position: -128px -121px;
}

.flag.flag-si {
  background-position: -256px -121px;
}

.flag.flag-se {
  background-position: -208px -121px;
}

.flag.flag-bw {
  background-position: -240px -11px;
}

.flag.flag-sy {
  background-position: -192px -132px;
}

.flag.flag-za {
  background-position: -256px -154px;
}

.flag.flag-ax {
  background-position: -224px 0;
}

.flag.flag-pa {
  background-position: -80px -110px;
}

.flag.flag-gn {
  background-position: 0 -55px;
}

.flag.flag-lu {
  background-position: -16px -88px;
}

.flag.flag-sc {
  background-position: -160px -121px;
}

.flag.flag-sk {
  background-position: -16px -132px;
}

.flag.flag-sd {
  background-position: -192px -121px;
}

.flag.flag-ag {
  background-position: -48px 0;
}

.flag.flag-bf {
  background-position: -48px -11px;
}

.flag.flag-ne {
  background-position: -176px -99px;
}

.flag.flag-bv {
  background-position: -224px -11px;
}

.flag.flag-bs {
  background-position: -192px -11px;
}

.flag.flag-kh {
  background-position: 0 -77px;
}

.flag.flag-il {
  background-position: -16px -66px;
}

.flag.flag-pk {
  background-position: -160px -110px;
}

.flag.flag-hr {
  background-position: -192px -55px;
}

.flag.flag-bt {
  background-position: -208px -11px;
}

.flag.flag-ar {
  background-position: -144px 0;
}

.flag.flag-sj {
  background-position: 0 -132px;
}

.flag.flag-fj {
  background-position: -16px -44px;
}

.flag.flag-an {
  background-position: -112px 0;
}

.flag.flag-it {
  background-position: -144px -66px;
}

.flag.flag-mr {
  background-position: 0 -99px;
}

.flag.flag-et {
  background-position: -240px -33px;
}

.flag.flag-cv {
  background-position: -240px -22px;
}

.flag.flag-nu {
  background-position: -32px -110px;
}

.flag.flag-mp {
  background-position: -240px -88px;
}

.flag.flag-id {
  background-position: -256px -55px;
}

.flag.flag-mn {
  background-position: -208px -88px;
}

.flag.flag-de {
  background-position: -32px -33px;
}

.flag.flag-ls {
  background-position: -256px -77px;
}

.flag.flag-ee {
  background-position: -144px -33px;
}

.flag.flag-uy {
  background-position: -16px -154px;
}

.flag.flag-bb {
  background-position: 0 -11px;
}

.flag.flag-gl {
  background-position: -240px -44px;
}

.flag.flag-ir {
  background-position: -112px -66px;
}

.flag.flag-kg {
  background-position: -256px -66px;
}

.flag.flag-ba {
  background-position: -256px 0;
}

.flag.flag-ao {
  background-position: -128px 0;
}

.flag.flag-aw {
  background-position: -208px 0;
}

.flag.flag-va {
  background-position: -48px -154px;
}

.flag.flag-np {
  background-position: 0 -110px;
}

.flag.flag-tt {
  background-position: -160px -143px;
}

.flag.flag-no {
  background-position: -256px -99px;
}

.flag.flag-gu {
  background-position: -96px -55px;
}

.flag.flag-ng {
  background-position: -208px -99px;
}

.flag.flag-ki {
  background-position: -16px -77px;
}

.flag.flag-tc {
  background-position: -224px -132px;
}

.flag.flag-catalonia {
  background-position: -32px -22px;
}

.flag.flag-pt {
  background-position: -256px -110px;
}

.flag.flag-co {
  background-position: -192px -22px;
}

.flag.flag-es {
  background-position: -224px -33px;
}

.flag.flag-gs {
  background-position: -64px -55px;
}

.flag.flag-cy {
  background-position: 0 -33px;
}

.flag.flag-fm {
  background-position: -48px -44px;
}

.flag.flag-gp {
  background-position: -16px -55px;
}

.flag.flag-pg {
  background-position: -128px -110px;
}

.flag.flag-qa {
  background-position: -32px -121px;
}

.flag.flag-dz {
  background-position: -112px -33px;
}

.flag.flag-hk {
  background-position: -144px -55px;
}

.flag.flag-wales {
  background-position: -160px -154px;
}

.flag.flag-zw {
  background-position: -32px -165px;
}

.flag.flag-mt {
  background-position: -32px -99px;
}

.flag.flag-dj {
  background-position: -48px -33px;
}

.flag.flag-jo {
  background-position: -208px -66px;
}

.flag.flag-tg {
  background-position: 0 -143px;
}

.flag.flag-rw {
  background-position: -112px -121px;
}

.flag.flag-st {
  background-position: -144px -132px;
}

.flag.flag-je {
  background-position: -176px -66px;
}

.flag.flag-sh {
  background-position: -240px -121px;
}

.flag.flag-somaliland {
  background-position: -96px -132px;
}

.flag.flag-td {
  background-position: -240px -132px;
}

.flag.flag-kw {
  background-position: -112px -77px;
}

.flag.flag-ky {
  background-position: -128px -77px;
}

.flag.flag-gg {
  background-position: -192px -44px;
}

.flag.flag-mq {
  background-position: -256px -88px;
}

.flag.flag-fo {
  background-position: -64px -44px;
}

.flag.flag-km {
  background-position: -32px -77px;
}

.flag.flag-vg {
  background-position: -96px -154px;
}

.flag.flag-tr {
  background-position: -144px -143px;
}

.flag.flag-yt {
  background-position: -240px -154px;
}

.flag.flag-me {
  background-position: -112px -88px;
}

.flag.flag-my {
  background-position: -112px -99px;
}

.flag.flag-dm {
  background-position: -80px -33px;
}

.flag.flag-fr {
  background-position: -80px -44px;
}

.flag.flag-uz {
  background-position: -32px -154px;
}

.flag.flag-ic {
  background-position: -240px -55px;
}

.flag.flag-al {
  background-position: -80px 0;
}

.flag.flag-li {
  background-position: -208px -77px;
}

.flag.flag-to {
  background-position: -128px -143px;
}

.flag.flag-am {
  background-position: -96px 0;
}

.flag.flag-sr {
  background-position: -112px -132px;
}

.flag.flag-vu {
  background-position: -144px -154px;
}

.flag.flag-ai {
  background-position: -64px 0;
}

.flag.flag-bh {
  background-position: -80px -11px;
}

.flag.flag-ie {
  background-position: 0 -66px;
}

.flag.flag-ad {
  background-position: 0 0;
}

.flag.flag-sv {
  background-position: -160px -132px;
}

.flag.flag-so {
  background-position: -80px -132px;
}

.flag.flag-pe {
  background-position: -96px -110px;
}

.flag.flag-ci {
  background-position: -112px -22px;
}

.flag.flag-ge {
  background-position: -144px -44px;
}

.flag.flag-pr {
  background-position: -224px -110px;
}

.flag.flag-nz {
  background-position: -48px -110px;
}

.flag.flag-py {
  background-position: -16px -121px;
}

.flag.flag-mx {
  background-position: -96px -99px;
}

.flag.flag-ss {
  background-position: -128px -132px;
}

.flag.flag-lc {
  background-position: -192px -77px;
}

.flag.flag-cu {
  background-position: -224px -22px;
}

.flag.flag-zanzibar {
  background-position: 0 -165px;
}

.flag.flag-bz {
  background-position: 0 -22px;
}

.flag.flag-ms {
  background-position: -16px -99px;
}

.flag.flag-re {
  background-position: -48px -121px;
}

.flag.flag-us {
  background-position: 0 -154px;
}

.flag.flag-sz {
  background-position: -208px -132px;
}

.flag.flag-kn {
  background-position: -48px -77px;
}

.flag.flag-pw {
  background-position: 0 -121px;
}

.flag.flag-bd {
  background-position: -16px -11px;
}

.flag.flag-tm {
  background-position: -96px -143px;
}

.flag.flag-nr {
  background-position: -16px -110px;
}

.flag.flag-wf {
  background-position: -176px -154px;
}

.flag.flag-nc {
  background-position: -160px -99px;
}

.flag.flag-gh {
  background-position: -208px -44px;
}

.flag.flag-gt {
  background-position: -80px -55px;
}

.flag.flag-tv {
  background-position: -176px -143px;
}

.flag.flag-rs {
  background-position: -80px -121px;
}

.flag.flag-cz {
  background-position: -16px -33px;
}

.flag.flag-az {
  background-position: -240px 0;
}

.flag.flag-ps {
  background-position: -240px -110px;
}

.flag.flag-bm {
  background-position: -128px -11px;
}

.flag.flag-um {
  background-position: -256px -143px;
}

.flag.flag-gf {
  background-position: -160px -44px;
}

.flag.flag-tz {
  background-position: -208px -143px;
}

.flag.flag-tibet {
  background-position: -32px -143px;
}

.flag.flag-pn {
  background-position: -208px -110px;
}

.flag.flag-lr {
  background-position: -240px -77px;
}

.flag.flag-tw {
  background-position: -192px -143px;
}

.flag.flag-kz {
  background-position: -144px -77px;
}

.flag.flag-mw {
  background-position: -80px -99px;
}

.flag.flag-bi {
  background-position: -96px -11px;
}

.flag.flag-cg {
  background-position: -80px -22px;
}

.flag.flag-pm {
  background-position: -192px -110px;
}

.flag.flag-sm {
  background-position: -48px -132px;
}

.flag.flag-md {
  background-position: -96px -88px;
}

.flag.flag-ch {
  background-position: -96px -22px;
}

.flag.flag-gq {
  background-position: -32px -55px;
}

.flag.flag-tf {
  background-position: -256px -132px;
}

.flag.flag-kurdistan {
  background-position: -96px -77px;
}

.flag.flag-gr {
  background-position: -48px -55px;
}

.flag.flag-gd {
  background-position: -128px -44px;
}

.flag.flag-ug {
  background-position: -240px -143px;
}

.flag.flag-iq {
  background-position: -96px -66px;
}

.flag.flag-by {
  background-position: -256px -11px;
}

.flag.flag-gi {
  background-position: -224px -44px;
}

.flag.flag-tk {
  background-position: -64px -143px;
}

.flag.flag-cm {
  background-position: -160px -22px;
}

.flag.flag-mo {
  background-position: -224px -88px;
}

.flag.flag-sg {
  background-position: -224px -121px;
}

.flag.flag-tn {
  background-position: -112px -143px;
}

.flag.flag-ae {
  background-position: -16px 0;
}

.flag.flag-ml {
  background-position: -176px -88px;
}

.flag.flag-dk {
  background-position: -64px -33px;
}

.flag.flag-be {
  background-position: -32px -11px;
}

.flag.flag-cd {
  background-position: -48px -22px;
}

.flag.flag-england {
  background-position: -192px -33px;
}

.flag.flag-ro {
  background-position: -64px -121px;
}

.flag.flag-lk {
  background-position: -224px -77px;
}

.flag.flag-jp {
  background-position: -224px -66px;
}

.flag.flag-do {
  background-position: -96px -33px;
}

.form-parent .input--select.flag-box {
  background-position-x: 66px;
}

.phone {
  display: flex;
}

.phone :nth-child(2) {
  flex: 1;
}

.phone input.input {
  border-radius: 0 4px 4px 0;
  border-left-color: transparent;
  width: 100%;
}

.phone .flag-box {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  display: flex;
  align-items: center;
  box-shadow: initial;
  background-color: #F6F6F3;
  width: 95px;
  padding-left: 12px;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
}

.phone .flag-box .phonecode {
  position: relative;
  left: 10px;
  color: #3e495f;
  text-align: left;
}

.phone .lang-dropdown {
  position: relative;
  display: inline-block;
}

.phone .lang-dropdown-content {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  background: white;
  border-radius: 4px;
  border: 1px solid #D9D9D8;
  display: block;
  cursor: pointer;
  position: absolute;
  height: 200px;
  min-width: 250px;
  overflow-x: auto;
  z-index: 1;
}

.phone .lang-dropdown-content ul {
  padding: 0;
  margin: 0;
}

.phone .lang-dropdown-content ul li {
  margin: 0;
  list-style: none;
  border-bottom: 1px solid white;
  padding: 5px 10px;
  display: flex;
  align-items: center;
}

.phone .lang-dropdown-content ul li .flag {
  margin-right: 10px;
}

.phone .lang-dropdown-content ul li .name {
  padding-right: 5px;
}

.offer-flow input {
  margin-bottom: 0;
}

.offer-flow select {
  padding: 5px 8px;
}

.offer-flow input + .radio-inputs {
  margin-top: 0.25rem;
}

.offer-flow .check-inputs,
.offer-flow .radio-inputs {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
}

.offer-flow .check-inputs label,
  .offer-flow .radio-inputs label {
  display: inline-flex;
  align-items: center;
}

.offer-flow .check-inputs input,
  .offer-flow .radio-inputs input {
  margin: 0 0.4rem 0 0;
}

.offer-flow .check-inputs label {
  align-items: flex-start;
}

.offer-flow .check-inputs input {
  margin-top: 0.4rem;
}

.offer-flow .terms p {
  font-size: 85%;
}

.offer-flow .terms p + p {
  margin-top: 0.7rem;
}

.offer-flow .virtual-viewing p, .offer-flow .virtual-viewing li {
  font-size: 85%;
  color: #767676;
}

.offer-flow .virtual-viewing ul {
  list-style: disc;
  margin-left: 1rem;
  color: inherit;
}

.icon {
  height: 30px;
  width: 30px;
}

.icon--account-settings {
  background: url("./../images/icons/account-settings.svg") no-repeat;
  background-size: contain;
}

.validation-error {
  position: relative;
  background-color: transparent;
  border-color: transparent;
}

.validation-error input, .validation-error textarea, .validation-error select, .validation-error .radio-input--card, .validation-error .checkbox-container, .validation-error .symbol {
  border-color: #C04848 !important;
}

.validation-error input:focus ~ .error-message, .validation-error textarea:focus ~ .error-message, .validation-error select:focus ~ .error-message, .validation-error .radio-input--card:focus ~ .error-message, .validation-error .checkbox-container:focus ~ .error-message, .validation-error .symbol:focus ~ .error-message {
  opacity: 0;
}

.validation-error .error-message {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 1;
  pointer-events: none;
  background-color: white;
  box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.09);
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #767676;
  border-radius: 6px;
  z-index: 1000;
  padding: 10px 15px;
  width: calc(100% - 16px);
  position: absolute;
  top: calc(100% - 4px);
  min-height: 40px;
  line-height: 20px;
  left: 8px;
}

.validation-error .error-message:before {
  content: "";
  top: -10px;
  left: 43%;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.09);
}

.single-error-message {
  color: #c04848;
  font-size: 0.9em;
}

/*
* Navigation Bar
* --------------
* Includes styles related to the top navigation bar of the website
*/

@media print, screen and (max-width: 41.87375em) {
  .navbar--container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
}

.navbar {
  background: #266dd3;
  height: 60px;
  line-height: 60px;
  width: 100%;
}

@media print, screen and (max-width: 41.87375em) {
  .navbar {
    height: 70px;
  }
}

.navbar .logo {
  background-size: contain;
  height: 32px;
  margin-top: 14px;
  width: 180px;
}

@media print, screen and (max-width: 41.87375em) {
  .navbar .logo {
    margin-top: 18px;
    width: 130px;
  }
}

.navbar.old-school {
  background: #266dd3;
}

.navbar-menu {
  cursor: pointer;
  height: 40px;
  list-style-type: none;
  margin-top: 15px;
  position: relative;
}

.navbar-menu .dropdown {
  font-family: 'hkgrotesk';
  font-size: 15px;
  font-weight: 300;
  background: white;
  border: 1px solid #d9d9d8;
  border-radius: 4px;
  display: none;
  list-style: none;
  position: absolute;
  right: 0;
  top: 40px;
}

.navbar-menu .dropdown li {
  border-bottom: 1px solid #d9d9d8;
  line-height: 40px;
}

.navbar-menu .dropdown li:first-of-type a {
  border-radius: 3px 3px 0 0;
}

.navbar-menu .dropdown li:last-of-type a {
  border-radius: 0 0 2px 2px;
}

.navbar-menu .dropdown a, .navbar-menu .dropdown input {
  font-family: 'hkgrotesk';
  font-size: 15px;
  font-weight: 300;
  display: block;
  color: #90908c;
  line-height: 40px;
  padding: 0 20px;
  white-space: nowrap;
  width: 100%;
}

.navbar-menu .dropdown a:hover, .navbar-menu .dropdown input:hover {
  background: #266dd3;
  color: white;
}

@media print, screen and (max-width: 41.87375em) {
  .navbar-menu {
    margin-top: 20px;
  }
}

.navbar-menu:hover .dropdown {
  display: block;
  z-index: 100;
}

.add-property-nav {
  background: #F6F6F3;
  color: #767676;
  height: 40px;
  width: 100%;
}

.add-property-nav .steps-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.add-property-nav .step {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  height: 40px;
  padding-top: 10px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  cursor: default;
}

.add-property-nav .step.selected:after {
  background: #266dd3;
  border-radius: 2px;
  bottom: 0;
  content: '';
  height: 4px;
  left: -10%;
  position: absolute;
  width: 120%;
}

.add-property-nav .underline {
  background: #D9D9D8;
  border-radius: 2px;
  bottom: 0;
  height: 4px;
  left: 0;
  position: absolute;
}

.finance-nav {
  border-bottom: 1px solid #D9D9D8;
  margin-bottom: 30px;
  padding-bottom: 20px;
  width: 100%;
}

.finance-nav .links-wrapper {
  display: flex;
  justify-content: space-between;
}

.finance-nav .links-wrapper .link {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 400;
  color: #767676;
  cursor: default;
  text-decoration: none;
  text-transform: uppercase;
}

.finance-nav .links-wrapper .selected {
  color: #266dd3;
}

/*
* Dashboard Styles
* --------------
* Includes styles related to the dashboard section of the application. Includes
* overall layout styles and individual components imported that are used
* within the dashboard environment.
*/

.dashboard-bg {
  display: flex;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f3', GradientType=1);
  /* IE6-9 */
  flex: 1;
}

@media print, screen and (max-width: 63.99875em) {
  .dashboard-bg {
    background: #f6f6f3;
    flex-direction: column;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .dashboard-bg {
    padding-top: 0;
  }
}

.dashboard-bg.no-referral {
  min-height: calc(100vh - 60px);
}

.dashboard-bg.show-referral {
  padding-bottom: 100px;
}

.dashboard-right-column {
  background: #F6F6F3;
  padding: 30px 15px 0px 15px;
}

.dashboard-right-column.no-padding-top {
  padding-top: 0;
}

.dashboard-right-column .input--search {
  float: right;
}

.dashboard-right-column .subtitle {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
  color: #767676;
  display: inline-block;
  vertical-align: middle;
  margin-top: 11px;
}

.dashboard-right-column .search-hr {
  background: #D9D9D8;
  bottom: 5px;
  height: 1px;
  left: 3px;
  margin-left: -20px;
  margin-right: -10px;
  min-width: 100%;
  position: absolute;
  right: -6px;
}

@media print, screen and (max-width: 63.99875em) {
  .dashboard-right-column {
    border-left: none;
    padding: 40px 16px 0;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .dashboard-right-column {
    padding: 10px 16px;
  }

  .dashboard-right-column .row {
    margin: 0;
  }

  .dashboard-right-column .input--search {
    float: left;
    height: 40px;
    line-height: 40px;
    max-width: 219px;
  }
}

/*
* Welcome Home Component
* ----------------------
* Left hand side navigation, welcome home component
*/

.welcome-home-wrapper {
  background: white;
  border-left: 1px solid #D9D9D8;
  border-right: 1px solid #D9D9D8;
  position: relative;
}

.dashboard-welcome-home {
  margin: 50px auto 0;
  text-align: center;
}

.dashboard-welcome-home .welcome-home-image {
  background: url("./../images/icons/house.png") no-repeat;
  background-size: 75px 76px;
  height: 76px;
  margin: 0 auto;
  width: 75px;
}

.dashboard-welcome-home .title {
  font-family: 'hkgrotesk';
  font-size: 17px;
  font-weight: 500;
  color: #266dd3;
  text-transform: uppercase;
}

.dashboard-welcome-home p {
  margin-top: 10px;
}

@media print, screen and (max-width: 63.99875em) {
  .dashboard-welcome-home {
    background: white;
    margin: 0;
    height: 134px;
    padding: 0 8.333333%;
    position: inherit;
    width: auto;
  }

  .dashboard-welcome-home .welcome-home-image {
    background-size: 87px 88px;
    float: left;
    margin: 23px 20px 0 0;
    width: 88px;
  }

  .dashboard-welcome-home .title {
    float: left;
    margin-top: 23px;
    text-align: left;
    width: 50%;
  }

  .dashboard-welcome-home p {
    float: left;
    line-height: 18px;
    margin-top: 0;
    text-align: left;
    width: 50%;
  }

  .dashboard-welcome-home .button {
    float: right;
    margin: -8px 0 0;
    vertical-align: top;
    width: 160px;
  }
}

.dashboard-welcome-home .dashboard-navbar-menu {
  list-style: none;
  margin: 40px -16px 0;
  padding: 0;
}

.dashboard-welcome-home .dashboard-navbar-menu li {
  height: 40px;
}

.dashboard-welcome-home .dashboard-navbar-menu li .nav-item {
  text-align: left;
  margin-left: 100px;
}

.dashboard-welcome-home .dashboard-navbar-menu li .nav-item.nav-item-finance {
  margin-left: 103px;
}

.dashboard-welcome-home .dashboard-navbar-menu li .nav-item.nav-item-finance .icon--statement-menu {
  width: 15px;
}

.dashboard-welcome-home .dashboard-navbar-menu a {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #a09c9c;
  display: block;
  line-height: 40px;
  transition: background .25s linear;
}

.dashboard-welcome-home .dashboard-navbar-menu a .icon--property-menu, .dashboard-welcome-home .dashboard-navbar-menu a .icon--statement-menu {
  margin-right: 5px;
  margin-top: 3px;
  vertical-align: top;
  width: 19px;
}

.dashboard-welcome-home .dashboard-navbar-menu a .icon--property-menu path, .dashboard-welcome-home .dashboard-navbar-menu a .icon--statement-menu path {
  fill: #a09c9c;
}

.dashboard-welcome-home .dashboard-navbar-menu a.active, .dashboard-welcome-home .dashboard-navbar-menu a:hover {
  background: #266dd3;
  color: white;
}

.dashboard-welcome-home .dashboard-navbar-menu a.active .icon--property-menu, .dashboard-welcome-home .dashboard-navbar-menu a.active .icon--statement-menu, .dashboard-welcome-home .dashboard-navbar-menu a:hover .icon--property-menu, .dashboard-welcome-home .dashboard-navbar-menu a:hover .icon--statement-menu {
  margin-right: 5px;
  margin-top: 3px;
  vertical-align: top;
  width: 19px;
}

.dashboard-welcome-home .dashboard-navbar-menu a.active .icon--property-menu path, .dashboard-welcome-home .dashboard-navbar-menu a.active .icon--statement-menu path, .dashboard-welcome-home .dashboard-navbar-menu a:hover .icon--property-menu path, .dashboard-welcome-home .dashboard-navbar-menu a:hover .icon--statement-menu path {
  fill: white;
}

.dashboard-welcome-home .dashboard-navbar-footer {
  bottom: 40px;
  position: absolute;
  max-width: calc(100% - 30px);
  width: 100%;
}

.dashboard-welcome-home .dashboard-navbar-footer .icon {
  margin-right: 5px;
  vertical-align: top;
  width: 23px;
}

.dashboard-welcome-home .dashboard-navbar-footer .link {
  line-height: 30px;
  margin-top: 20px;
  text-decoration: none;
}

@media print, screen and (max-width: 63.99875em) {
  .welcome-home-wrapper {
    background: white;
  }
}

/*
* Desktop Property List
* ----------------------
* Property list component for desktop. Utilises CSS3 table classes.
*/

.dashboard-property-list {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  display: flex;
  margin-bottom: 10px;
  opacity: .4;
}

.dashboard-property-list .table-cell:first-of-type {
  flex: 3;
  padding-left: 20px;
}

.dashboard-property-list .table-cell:nth-of-type(2) {
  flex: 2;
}

.dashboard-property-list .table-cell {
  flex: 1;
}

.dashboard-property-list .sort-chevron {
  display: inline-block;
  margin-left: 5px;
}

.dashboard-property-list .sort-chevron:after {
  content: '\25BE';
}

.dashboard-property-list .sort-chevron--up {
  transform: rotate(180deg);
}

.property-view-details {
  color: #767676;
  display: flex;
  margin-bottom: 30px;
}

.property-view-details .detail {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  margin-right: 50px;
}

.property-view-details .detail--name,
  .property-view-details .bold {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
}

@media print, screen and (max-width: 41.87375em) {
  .property-view-details {
    margin-bottom: 17px;
  }

  .property-view-details .detail--name {
    font-family: 'hkgrotesk';
    font-size: 18px;
    font-weight: 400;
    margin: 5px auto 0;
    text-align: center;
  }
}

.property-view-details .detail--status .text {
  margin-right: 5px;
}

.property-view-details .property-detail-link {
  margin-left: auto;
  color: #767676;
}

.property-view-details .property-detail-link:hover {
  color: #266dd3;
}

.property-view-details .back-chevron {
  background: url("./../images/icons/back-chevron.png") no-repeat;
  background-size: cover;
  height: 17px;
  width: 12px;
  vertical-align: top;
  margin-top: 4px;
  margin-right: 16px;
}

@media print, screen and (max-width: 41.87375em) {
  .property-view-details .back-chevron {
    margin-top: 10px;
    margin-right: 0;
  }
}

.desktop-property-card {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  background: white;
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  color: #767676;
  min-height: 40px;
  margin-bottom: 10px;
}

.desktop-property-card.property-card-list {
  flex-direction: row;
  display: flex;
}

.desktop-property-card .property-details {
  display: flex;
  flex: 1 0 50px;
  justify-content: space-between;
  min-height: 50px;
  align-items: center;
}

.desktop-property-card .property-details--view {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 400;
  background: #F1F3F7;
  border-radius: 4px 4px 0 0;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 40px;
}

.desktop-property-card .property-name {
  flex: 3;
  padding-left: 20px;
}

.desktop-property-card .property-name .name {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}

.desktop-property-card .price,
  .desktop-property-card .notifications {
  flex: 1;
}

.desktop-property-card .status {
  flex: 2;
}

.desktop-property-card .price,
  .desktop-property-card .notifications,
  .desktop-property-card .status {
  font-size: 14px;
}

.desktop-property-card .notifications {
  display: flex;
}

.desktop-property-card .property-marker {
  background: url("./../images/icons/chevron-down.png") no-repeat;
  background-size: 14px;
  height: 14px;
  position: absolute;
  right: -19px;
  top: 18px;
  width: 14px;
}

.desktop-property-card .property-marker--active {
  background: url("./../images/icons/chevron-up.png") no-repeat;
  background-size: 14px;
}

.desktop-property-card .expanded-details {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  border-top: 1px solid #D9D9D8;
  display: flex;
  line-height: normal;
}

.desktop-property-card .expanded-details .list {
  display: flex;
  flex: 1;
  flex-direction: column;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.desktop-property-card .expanded-details li {
  display: flex;
  padding: 10px 15px;
}

.desktop-property-card .expanded-details li:hover .edit-link {
  display: block;
}

.desktop-property-card .expanded-details .packages-info-text {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  line-height: 1.2;
}

.desktop-property-card .expanded-details .info-message {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
}

.desktop-property-card .expanded-details .info-message p {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
}

.desktop-property-card .expanded-details .info-message p:not(:last-child) {
  margin-bottom: 10px;
}

.desktop-property-card .expanded-details .info-message a {
  color: #266dd3;
  cursor: pointer;
}

.desktop-property-card .expanded-details .property-photo {
  background-size: cover;
  height: 60px;
  max-width: 100%;
}

.desktop-property-card .expanded-details .photo-background {
  margin-bottom: 6px;
}

.desktop-property-card .expanded-details .photo-background:nth-child(odd) {
  padding-right: 3px;
}

.desktop-property-card .expanded-details .photo-background:nth-child(even) {
  padding-left: 3px;
}

@media print, screen and (max-width: 41.87375em) {
  .desktop-property-card .expanded-details {
    display: block;
  }

  .desktop-property-card .expanded-details .list {
    display: block;
    margin: 0;
    padding: 0;
  }

  .desktop-property-card .expanded-details .list:not(:last-child) {
    border-bottom: 1px solid rgba(217, 217, 216, 0.3);
  }
}

.desktop-property-card .expanded-details .title {
  flex: 1;
  letter-spacing: normal !important;
  line-height: normal !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  max-width: 100px;
  opacity: .4;
  padding-right: 10px;
}

.desktop-property-card .expanded-details .title.active {
  opacity: 1;
}

.desktop-property-card .expanded-details .parameter {
  flex: 2;
  position: relative;
  padding-right: 46px;
}

.desktop-property-card .expanded-details .parameter .contact-list {
  margin: -16px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.desktop-property-card .expanded-details .parameter .contact-list .contact-company {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 400;
  min-width: 100px;
}

.desktop-property-card .expanded-details .parameter .contact-list .list {
  display: block;
  margin: 0;
  padding: 0;
}

.desktop-property-card .expanded-details .parameter .contact-list .list:not(:last-child) {
  border-bottom: 0px solid rgba(217, 217, 216, 0.3);
}

.desktop-property-card .expanded-details .parameter .contact-list .list li {
  padding: 0px;
}

.desktop-property-card .expanded-details .parameter .edit-link {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 18px;
  color: #767676;
}

@media print, screen and (max-width: 63.99875em) {
  .desktop-property-card .expanded-details .parameter .edit-link {
    display: block;
  }
}

.desktop-property-card .expanded-details .parameter .edit-link:after {
  content: '';
  background: url("./../images/icons/edit-pencil.svg") no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 4px;
  right: 26px;
}

.desktop-property-card .expanded-details.repair-details {
  flex-direction: column;
}

.desktop-property-card .expanded-details.statement-details {
  flex-direction: column;
}

.desktop-property-card .expanded-details.document-details {
  flex-direction: column;
}

.desktop-property-card .expanded-details table thead th {
  font-weight: normal;
  color: #767676;
}

.desktop-property-card.desktop-property-card--repair .repair, .desktop-property-card.desktop-property-card--statement .statement {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
}

.desktop-property-card.desktop-property-card--repair .repair:last-of-type, .desktop-property-card.desktop-property-card--statement .statement:last-of-type {
  border: none;
  padding-bottom: 15px;
}

.desktop-property-card.desktop-property-card--repair .repair:first-of-type, .desktop-property-card.desktop-property-card--statement .statement:first-of-type {
  padding-top: 15px;
}

.desktop-property-card.desktop-property-card--repair .repair .lighter-title, .desktop-property-card.desktop-property-card--statement .statement .lighter-title {
  opacity: .5;
}

.desktop-property-card.desktop-property-card--repair .repair .status,
    .desktop-property-card.desktop-property-card--repair .repair .field, .desktop-property-card.desktop-property-card--statement .statement .status,
    .desktop-property-card.desktop-property-card--statement .statement .field {
  color: #767676;
  flex: 0;
  min-width: 320px;
}

.desktop-property-card.desktop-property-card--repair .repair .field--desc, .desktop-property-card.desktop-property-card--statement .statement .field--desc {
  flex: 1 100%;
  margin-top: 15px;
}

.desktop-property-card.desktop-property-card--repair .repair .field-title, .desktop-property-card.desktop-property-card--statement .statement .field-title {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 400;
}

.desktop-property-card.desktop-property-card--repair .repair p, .desktop-property-card.desktop-property-card--statement .statement p {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
}

.desktop-property-card.desktop-property-card--repair .repair .repair-status .repair-icon, .desktop-property-card.desktop-property-card--statement .statement .repair-status .repair-icon {
  margin-right: 10px;
}

.desktop-property-card.desktop-property-card--repair .repair .repair-status .icon, .desktop-property-card.desktop-property-card--statement .statement .repair-status .icon {
  border-radius: 4px;
}

.desktop-property-card.desktop-property-card--repair .repair .repair-status .text, .desktop-property-card.desktop-property-card--statement .statement .repair-status .text {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

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

.repair-icon {
  padding: 3px;
  border-radius: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
}

.repair-icon svg {
  width: 100%;
  height: 100%;
}

.property-status {
  border: 1px solid #266dd3;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px;
}

.property-status--managed {
  background: #266dd3;
}

.property-list-link {
  flex: 1 100%;
  color: #767676;
}

.property-list-link:hover, .property-list-link:focus {
  background-color: #E4E4E4;
  color: inherit;
}

/**** Padding/ */

.expanded-details .info-message, .expanded-details .repair, .expanded-details .list li, .expanded-details .statement {
  position: relative;
  padding: 10px 15px;
}

.expanded-details .info-message:after, .expanded-details .repair:after, .expanded-details .list li:after, .expanded-details .statement:after {
  content: "";
  background: rgba(217, 217, 216, 0.3);
  position: absolute;
  bottom: 0;
  left: 15px;
  height: 1px;
  width: calc(100% - 30px);
}

.expanded-details .info-message:first-child, .expanded-details .repair:first-child, .expanded-details .list li:first-child, .expanded-details .statement:first-child {
  padding-top: 15px;
}

.expanded-details .info-message:last-child, .expanded-details .repair:last-child, .expanded-details .list li:last-child, .expanded-details .statement:last-child {
  padding-bottom: 15px;
}

.expanded-details form {
  padding: 20px;
}

.alert-warning {
  font-size: 14px;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning p, ul {
  color: #856404;
}

.label-default {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #1779ba;
  color: #fefefe;
}

.label-alert {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #cc4b37;
  color: #fefefe;
}

.appliance i {
  font-size: 18px;
}

.tooltip {
  position: relative;
  display: inline-block;
  background-color: transparent;
  padding: 0;
  z-index: 1;
}

.tooltip i {
  color: black;
  font-size: 16px;
}

.tooltip i p {
  font-size: 13px;
}

/* Tooltip text */

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  margin-bottom: 10px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.modal-padding {
  padding: 20px;
}

/*
* Mobile Property Card
* --------------------
* Property card to show information about on the dashboard for mobile phones
*/

.mobile-property-card {
  background: white;
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  display: block;
  height: 90px;
  margin-bottom: 15px;
  padding: 15px 30px;
  position: relative;
}

.mobile-property-card .property-name {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  color: #767676;
  float: left;
  max-width: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.mobile-property-card .property-price {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #767676;
  float: right;
  text-align: right;
  width: 25%;
}

.mobile-property-card .property-status {
  border: 1px solid #266dd3;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px;
}

.mobile-property-card .property-status--managed {
  background: #266dd3;
}

.mobile-property-card .status {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #767676;
  flex: 1;
}

.mobile-property-card .second-row {
  display: flex;
  width: 100%;
}

.mobile-property-card .notifications {
  align-items: center;
  display: flex;
}

.dashboard-property-list_mobile {
  position: relative;
}

.dashboard-property-list_mobile .property-list-edit-link {
  position: absolute;
  top: 1px;
  right: 1px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  padding: 34px 0;
  height: 88px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dashboard-right-column {
    min-height: 100vh;
  }
}

.collapsible-text {
  max-height: 72px;
  /* fallback */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.collapsible-text .text {
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-height: 18px;
  /* fallback */
  max-height: 54px;
  /* fallback */
}

.collapsible-text a {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  font-style: italic;
}

.collapsible-text.showAll {
  max-height: none;
}

.collapsible-text.showAll .text {
  -webkit-line-clamp: inherit;
  max-height: none;
}

.quote-reject-card {
  background: white;
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  margin: auto;
  text-align: center;
  padding: 30px;
}

.quote-reject-card .repair-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 15px;
}

.quote-reject-card .repair-icon img {
  background-color: #7ca7e4;
  padding: 5px;
  border-radius: 5px;
}

.quote-reject-card .form-container {
  margin-bottom: 0;
}

.quote-reject-card h3 {
  margin-bottom: 0;
}

.banner {
  background: #266dd3;
  text-align: center;
  color: white;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
}

.banner .button-hollow--white:hover {
  color: #266dd3;
}

.sp {
  width: 32px;
  height: 32px;
  clear: both;
  margin: 20px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sp-overlay {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Spinner Circle Rotation */

.sp-circle {
  border: 4px rgba(0, 0, 0, 0.25) solid;
  border-top: 4px black solid;
  border-radius: 50%;
  -webkit-animation: spCircRot .6s infinite linear;
  animation: spCircRot .6s infinite linear;
}

@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.tax-calculator {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  background: white;
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  color: #767676;
  margin-top: 40px;
  min-height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  padding: 20px;
}

.tax-calculator .money-red,
  .tax-calculator .money-green {
  font-weight: bold;
  display: block;
}

.tax-calculator .money-red {
  color: red;
}

.tax-calculator .money-green {
  color: #266dd3;
}

.tax-calculator table {
  border-collapse: collapse;
  width: 100%;
}

.tax-calculator table thead,
  .tax-calculator table tbody {
  border: 0;
}

.tax-calculator table tr td,
  .tax-calculator table tr th {
  padding-top: 0;
  padding-bottom: 0;
}

.tax-calculator table thead th {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
  background: #266dd3;
  color: white;
  text-align: center;
}

.tax-calculator table thead tr:nth-of-type(even) th {
  background: #F2F1EE;
  color: black;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
  padding: 0;
}

.tax-calculator table tr th:first-of-type {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}

.tax-calculator table tbody tr th:first-of-type {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
  color: black;
}

.tax-calculator table td {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  text-align: center;
}

.tax-calculator .pound + .input {
  padding-left: 40px;
}

.tax-calculator .pound {
  position: relative;
}

.tax-calculator .pound:before {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
  border-radius: 3px 0 0 3px;
  color: #888;
  content: "\A3";
  height: 38px;
  left: 1px;
  line-height: 38px;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 30px;
}

.tax-calculator label.error {
  background: none !important;
  color: red;
}

.tax-calculator label.error + .input {
  border: 1px solid red;
}

@media print, screen and (max-width: 41.87375em) {
  .tax-calculator {
    margin: 0;
    padding: 10px;
  }
}

.tax-calculator .tax-card {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
  background: #EEE;
  flex: 1;
  margin-bottom: 20px;
  border-radius: 4px;
  text-align: center;
  padding: 20px 0;
}

.tax-calculator .tax-card p {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
}

.tax-calculator .button--small {
  margin-left: 20px;
}

.tax-change-help {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  background: white;
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  color: #767676;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  min-height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  padding: 20px;
  text-align: center;
}

.tax-change-help a {
  color: #266dd3;
}

.tax-change-help a:hover {
  text-decoration: underline;
}

.notification {
  background: #FFFFFF;
  box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.09);
  line-height: 30px;
  padding: 20px 20px 20px 120px;
  position: fixed;
  right: 10px;
  width: 100%;
  max-width: 500px;
  z-index: 100;
}

.notification:nth-of-type(1) {
  bottom: 60px;
}

.notification:nth-of-type(2) {
  bottom: 220px;
}

.notification:nth-of-type(3) {
  bottom: 380px;
}

.notification:before {
  background-image: url("./../images/icons/notification-success.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  position: absolute;
  left: 20px;
  top: 20px;
  width: 80px;
  height: 80px;
}

.notification .title {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 500;
  color: #767676;
  max-width: 275px;
}

.notification p {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #767676;
  width: 275px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 81.9;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notification .close {
  position: absolute;
  right: 20px;
  top: 20px;
  height: 15px;
  width: 15px;
  background: url("./../images/icons/notification-close.png") no-repeat;
  background-size: contain;
  cursor: pointer;
}

.notification.notification--error:before {
  background-image: url("./../images/icons/notification-error.png");
}

.notification.notification--warning:before {
  background-image: url("./../images/icons/notification-warning.png");
}

.notification.notification--info:before {
  background-image: url("./../images/icons/notification-info.png");
}

.notification.fadeOut {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.5s, opacity 0.5s linear;
}

.noaa-accordion {
  border: 1px solid #D9D9D8;
  margin-bottom: 20px;
  border-radius: 4px;
  overflow: hidden;
}

.noaa-accordion .title-accordion {
  background-color: #F1F3F7;
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 400;
  min-height: 40px;
  color: #767676;
  padding: 0 20px;
  position: relative;
}

.noaa-accordion .title-accordion:after {
  content: '';
  background: url("./../images/icons/chevron-down.png") no-repeat;
  background-size: 11px;
  height: 11px;
  width: 11px;
  position: absolute;
  right: 20px;
  top: 18px;
}

.noaa-accordion.open .title-accordion:after {
  /* IE 9 */
  /* Safari */
  transform: rotate(-180deg);
  right: 20px;
  top: 14px;
}

.noaa-accordion.open .expanded-details {
  display: block;
}

.noaa-accordion .expanded-details {
  background: white;
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  border-top: 1px solid #D9D9D8;
  line-height: normal;
  padding: 20px;
  display: none;
}

.noaa-accordion .expanded-details .bold-title {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 500;
}

.noaa-accordion .expanded-details .lighter-title {
  opacity: .5;
}

.noaa-accordion .expanded-details .more-lighter-title {
  opacity: .3;
}

.table {
  list-style: none;
  margin: 0;
}

.table li {
  width: 100%;
  display: block;
  padding-bottom: 8px;
}

.table li:not(:first-child) {
  padding-top: 8px;
}

.table li .columns {
  padding-left: 0;
}

.table li:not(:last-child) {
  border-bottom: 1px solid rgba(217, 217, 216, 0.3);
}

.webapp-container {
  background-color: #F6F6F3;
}

.page-container {
  margin-top: 20px;
  border-radius: 10px;
  border: 1px solid white;
  overflow: hidden;
}

.page-container .page-header {
  color: #979797;
  background-color: #ECF8F8;
  padding: 30px 45px;
  border-bottom: 1px solid white;
}

@media print, screen and (max-width: 41.87375em) {
  .page-container .page-header {
    padding: 20px;
  }
}

.page-container .page-header.page-header-error {
  background-color: #FCEDEF;
}

.page-container .page-header.page-header-status {
  padding-bottom: 45px;
}

.page-container .page-header.page-header-status .status-icon {
  margin-bottom: 15px;
}

.page-container .page-header .page-title {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  max-width: 420px;
  margin: 0 auto;
  text-align: center;
}

.page-container .page-header .page-title .title {
  color: #266dd3;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 10px;
}

@media print, screen and (max-width: 41.87375em) {
  .page-container .page-header .page-title .title {
    font-family: 'hkgrotesk';
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
  }
}

.page-container .page-header .page-title .phone-number {
  color: #266dd3;
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 500;
  margin-top: 10px;
}

.page-container .page-body {
  padding: 30px 45px;
  background-color: white;
}

@media print, screen and (max-width: 41.87375em) {
  .page-container .page-body {
    padding: 20px;
  }
}

.page-container .page-body .title {
  padding-left: 10px;
  padding-bottom: 20px;
  color: #266dd3;
}

.page-container .page-body.page-body-status {
  padding-top: 50px;
  padding-bottom: 50px;
}

.page-container .page-body .page-loading {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-container .page-body .page-loading .text {
  color: #979797;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
}

.status-icon {
  margin: 0 auto;
}

.status-icon .icon {
  background-position: center;
  background-size: contain;
}

.status-icon.status--success {
  background-color: #266dd3;
  border-radius: 50%;
  height: 50px;
  width: 50px;
}

.status-icon.status--success .icon {
  margin: 15px 0;
  height: 20px;
  width: 30px;
  background-image: url("./../images/svg/success_status.svg");
}

.status-icon.status--error {
  background-color: #FCEDEF;
}

.status-icon.status--error .icon {
  height: 50px;
  width: 50px;
  background-image: url("./../images/svg/error_status.svg");
}

.status-icon.status--loading .icon {
  background-image: url("./../images/icons/animated-logo.gif");
  height: 80px;
  width: 70px;
}

.page-body-status {
  position: relative;
}

.page-body-status .status-button {
  position: absolute;
  top: 22px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.recaptcha {
  margin: 0 auto;
}

@media print, screen and (max-width: 41.87375em) {
  .recaptcha {
    margin: 0;
  }
}

.dialog__content .overlay {
  background-color: rgba(0, 0, 0, 0.75);
  padding-top: 200px;
  align-items: flex-start;
}

.dialog__content .dialog--active {
  background: #FFFFFF;
  padding: 20px;
  padding-right: 60px;
  position: relative;
  min-width: 420px;
  min-height: 156px;
  width: 100%;
  opacity: 30;
}

.dialog__content .dialog--active:before {
  background: url("./../images/icons/notification-info.png") no-repeat;
  background-size: contain;
  content: '';
  height: 60px;
  width: 60px;
  position: absolute;
  left: 20px;
  top: 20px;
}

.dialog__content .dialog--active .modal-header {
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 500;
  color: #767676;
  line-height: 27px;
  padding-left: 80px;
}

.dialog__content .dialog--active .modal-body {
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 300;
  color: #767676;
  line-height: 27px;
  padding-top: 10px;
  padding-left: 80px;
}

.dialog__content .dialog--active .close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  background: url("./../images/icons/notification-close.png") no-repeat;
  min-height: 20px;
  background-size: contain;
  width: 16px;
}

/*
* Modal
* --------------
* Customisation of the Modal Component
*/

.v--modal {
  border-radius: 0 !important;
}

.quote-modals .v--modal {
  padding: 1rem !important;
}

.dark .v--modal {
  background: #333 !important;
}

.v--modal-overlay {
  background: #333 !important;
}

@media screen and (max-width: 745px) {
  .remove-close-button .v--modal-top-right {
    background-image: none !important;
  }
}

.info-box {
  display: flex;
  box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.09);
  max-width: 684px;
  min-height: 150px;
}

@media print, screen and (max-width: 41.87375em) {
  .info-box {
    flex-direction: column;
  }
}

.info-box p {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  color: #4a4a4a;
  line-height: 1.3;
}

.info-box p b {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
}

.info-box .left-column {
  background-image: linear-gradient(312deg, #3023ae, #c96dd8);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  min-width: 150px;
}

.info-box .right-column {
  padding: 20px;
  max-width: 533px;
}

.info-box .svg-icon svg {
  width: 70px;
  height: 92px;
}

.info-box .svg-icon svg g {
  fill: white;
}

.info-text {
  background-color: #F1F3F7;
  width: 100%;
  padding: 20px 50px;
  margin: 0;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #767676;
  text-align: center;
}

@media print, screen and (max-width: 41.87375em) {
  .info-text {
    padding: 20px;
  }
}

.copy-clipboard {
  position: relative;
}

.copy-clipboard .feedback {
  position: absolute;
  bottom: 30px;
  right: 4px;
  color: white;
  font-size: 12px;
  padding: 0 10px;
}

.copy-clipboard .feedback:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top-width: 5px;
  border-top-style: solid;
  position: absolute;
  bottom: -5px;
  right: 5px;
}

.copy-clipboard .feedback.success {
  background: #4caf50;
}

.copy-clipboard .feedback.success:after {
  border-top-color: #4caf50;
}

.copy-clipboard .feedback.error {
  background: #F3767B;
}

.copy-clipboard .feedback.error:after {
  border-top-color: #F3767B;
}

.copy-clipboard .input-group {
  margin: 0;
}

.copy-clipboard .input-group-field {
  background-color: white;
  height: 30px;
  border: solid 1px #266dd3;
  color: #767676;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-right-color: transparent;
}

.copy-clipboard a.button-hollow--default.button-hollow {
  height: 30px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 5px 16px;
  display: block;
  line-height: 1.2;
}

.box-page--wrapper {
  max-width: 800px;
  padding-top: 60px;
  margin: 0 auto;
}

@media print, screen and (max-width: 63.99875em) {
  .box-page--wrapper {
    padding-top: 30px;
    margin: auto;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .box-page--wrapper {
    background-color: white;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    height: 100vh;
    max-height: 100%;
    margin: 0;
  }
}

.box-page--wrapper.with-photo {
  padding-top: 0;
}

.box-page--wrapper.with-photo .box--body {
  margin-top: calc((220px / 2) + 20px);
}

@media print, screen and (max-width: 63.99875em) {
  .box-page--wrapper.with-photo .box--body {
    margin-top: 130px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .box-page--wrapper.with-photo .box--body {
    margin-top: 0;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .box-page--wrapper.with-photo {
    padding-top: 0;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .box-page--wrapper.with-warning {
    padding-top: 80px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .box-page--wrapper.with-warning {
    padding-top: 20px;
  }
}

.box--body {
  background-color: white;
  border-radius: 10px;
  width: 100%;
  position: relative;
  margin-bottom: 60px;
}

@media print, screen and (max-width: 41.87375em) {
  .box--body {
    border-radius: 0;
    border: none;
    position: inherit;
    height: 100%;
    flex-direction: column;
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    justify-content: flex-start;
  }

  .box--body.form-layout {
    margin-bottom: 80px;
  }
}

.box--body .title {
  font-family: 'hkgrotesk';
  font-size: 20px;
  font-weight: 400;
  color: #767676;
}

.box--body .subtitle {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #767676;
}

.box--body .box--photo-container {
  padding: 10px;
  background-color: white;
  border-radius: 4px;
  position: absolute;
  right: 0;
  left: 0;
  top: -105px;
  width: 362px;
  height: 220px;
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (max-width: 63.99875em) {
  .box--body .box--photo-container {
    top: calc(-220px / 2);
    width: 362px;
    height: 220px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .box--body .box--photo-container {
    width: calc(100% - 30px);
    height: 175px;
    position: inherit;
  }
}

.box--body .box--photo-container .box--photo {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}

.box--body.not-qualified {
  margin-top: 100px;
}

.box--body.not-qualified .box-content {
  padding: 40px;
}

.box--body .box--header {
  padding: 20px 40px 20px 40px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #f9f9f9;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  color: #767676;
  line-height: 1.4;
}

.box--body .box--header .title {
  color: #266dd3;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
}

.box--body .box--content {
  padding: 40px 40px 20px 40px;
  border-left: 10px solid white;
  border-right: 10px solid white;
  border-top: 10px solid white;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: auto;
}

.box--body .box--content.with--box-header {
  padding-top: 20px;
}

.box--body .box--content.with-photo {
  padding-top: 130px;
}

@media print, screen and (max-width: 41.87375em) {
  .box--body .box--content.with-photo {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .box--body .box--content {
    padding: 30px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .box--body .box--content {
    padding-left: 0;
    padding-right: 0;
    margin: 0 15px;
  }
}

.box--body .box--content .paragraph {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
}

.box--body .box--content .paragraph.regular {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
}

.box--body .box--content .box--title {
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 400;
  color: #266dd3;
}

@media print, screen and (max-width: 41.87375em) {
  .box--body .box--content .box--title {
    font-family: 'hkgrotesk';
    font-size: 18px;
    font-weight: 400;
  }
}

.box--body .box--content .box--text {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
}

.box--body .box--content .box--label {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  text-decoration: underline;
  color: #767676;
}

.box--body .box--footer {
  background: #F1F3F7;
  padding: 30px 75px;
  margin: auto;
  border-left: 10px solid #F1F3F7;
  border-right: 10px solid #F1F3F7;
  border-bottom: 10px solid #F1F3F7;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
}

@media print, screen and (max-width: 63.99875em) {
  .box--body .box--footer {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .box--body .box--footer {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 50px;
    margin-bottom: 0;
    border-radius: 0;
    width: 100%;
  }
}

.box--body .box--footer .checkout-info {
  color: #767676;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  position: relative;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  list-style: none;
}

@media print, screen and (max-width: 63.99875em) {
  .box--body .box--footer .checkout-info {
    padding-left: 50px;
    padding-right: 50px;
  }
}

.box--body .box--footer .checkout-info:before {
  content: '';
  width: 10px;
  height: 38px;
  background: url("./../images/icons/exclamation-mark.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: -48px;
  top: 15px;
}

@media print, screen and (max-width: 63.99875em) {
  .box--body .box--footer .checkout-info:before {
    left: 20px;
  }
}

.box--body .box--footer .checkout-info ul {
  list-style: none;
  margin: 0;
}

.box--body .box--footer .footer-text {
  color: #767676;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
}

.box--body .box--footer .footer-text .bold {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
}

.box--body .button {
  text-transform: uppercase;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
  margin: auto;
}

.box--body .form-footer-wrapper {
  margin-top: 40px;
  box-shadow: none;
  border-top: solid 0.5px white;
  padding: 0;
}

@media print, screen and (max-width: 41.87375em) {
  .box--body .form-footer-wrapper {
    position: fixed;
    bottom: 0;
    left: 15px;
    right: 15px;
    padding-bottom: 20px;
    margin: 0;
    background-color: white;
    z-index: 99;
  }
}

.box--body .form-footer-wrapper .form-footer {
  margin: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.box--body .tenants-info-textarea {
  display: inline-flex;
  align-items: flex-end;
}

@media print, screen and (max-width: 41.87375em) {
  .box--body .tenants-info-textarea {
    display: block;
  }
}

.box--body .tenants-info-textarea textarea {
  min-height: 40px;
  margin-bottom: 0;
}

.form-nav-bar {
  background-color: #F6F6F3;
  max-width: 100%;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.form-nav-bar .steps-wrapper {
  display: inline-flex;
  width: inherit;
  height: 2px;
  background-color: white;
  max-width: 100%;
}

.form-nav-bar .steps-wrapper .step {
  border-radius: 50%;
  background-color: white;
  height: 16px;
  width: 16px;
  margin-right: 30px;
  position: relative;
  top: -8px;
}

@media print, screen and (max-width: 41.87375em) {
  .form-nav-bar .steps-wrapper .step {
    margin-right: 30px;
  }
}

.form-nav-bar .steps-wrapper .step:last-child {
  margin-right: 0;
}

.form-nav-bar .steps-wrapper .step.active:after {
  background-color: #266dd3;
}

.form-nav-bar .steps-wrapper .step.before-active:after {
  background-image: url("./../images/icons/check.png");
  background-size: cover;
  background-color: white;
  width: 10px;
  height: 7px;
  margin-top: 2px;
  border-radius: 0;
}

.form-nav-bar .steps-wrapper .step:after {
  content: '';
  background-color: white;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
}

.sub-nav-block {
  background: white;
  border-bottom: 1px solid #e9ebec;
}

.sub-nav-container {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  display: flex;
}

ul.sub-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

li.sub-nav-item {
  padding: 20px 0;
  margin-right: 30px;
}

li.sub-nav-item.active {
  border-bottom: 2px solid #266dd3;
}

li.sub-nav-item a {
  font-weight: bold;
  color: #0a0a0a;
}

.upload-wrapper .uploader {
  background: #F6F6F3;
  border: 2px dashed #D9D9D8;
  height: 180px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.upload-wrapper .uploader:hover {
  cursor: default;
}

.upload-wrapper .uploader:hover .upload-text:before {
  background: url("./../images/icons/upload-selected.png") no-repeat;
  background-size: contain;
}

.upload-wrapper .upload-text {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  margin-top: 60px;
  position: relative;
}

.upload-wrapper .upload-text:before {
  background: url("./../images/icons/upload.png") no-repeat;
  background-size: contain;
  content: '';
  height: 50px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  top: -50px;
  width: 50px;
}

.upload-wrapper .upload-loading {
  color: #266dd3;
  font-size: 30px;
}

.uploaded-files .file {
  position: relative;
}

.uploaded-files .file label {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  margin-left: 40px;
}

.uploaded-files .file .progress {
  margin-left: 40px;
  margin-top: 4px;
  height: 2px;
}

.uploaded-files .file .progress .progress-meter {
  background-color: #266dd3;
}

.uploaded-files .file .file--status {
  position: absolute;
  right: 0;
  top: 0;
  height: 16px;
  width: 16px;
  background-size: contain;
}

.uploaded-files .file .file--status.remove--icon {
  background-image: url("./../images/icons/document-delete.png");
}

.uploaded-files .file .file--status.remove--icon:hover {
  cursor: pointer;
}

.uploaded-files .file .file--status.success--icon {
  background-image: url("./../images/icons/document-success.png");
}

.uploaded-files .file .file--status.error--icon {
  background-image: url("./../images/icons/document-error.png");
}

.uploaded-files .file:before {
  content: '';
  position: absolute;
  background: url("./../images/svg/file.svg") no-repeat;
  background-size: contain;
  height: 34px;
  width: 26px;
}

.uploaded-files .file .action-buttons button {
  border-radius: 3px;
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  min-width: 60px;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 24px;
  border: 1px solid transparent;
}

.uploaded-files .file .action-buttons button:nth-child(1) {
  right: -70px;
}

.uploaded-files .file .action-buttons button:nth-child(2) {
  right: -136px;
}

.uploaded-files .file .action-buttons .btn-default {
  background-color: white;
  border-color: #D9D9D8;
  color: #266dd3;
}

.uploaded-files .file .action-buttons .btn-default:hover {
  background-color: #D9D9D8;
  border-color: #D9D9D8;
}

.uploaded-files .file .action-buttons .btn-danger {
  background-color: white;
  border-color: #C04848;
  color: #C04848;
}

.uploaded-files .file .action-buttons .btn-danger:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
  background-color: #C04848;
  color: white;
}

.uploaded-files .file .action-buttons .btn-retry {
  background-color: white;
  border-color: #266dd3;
  color: #266dd3;
}

.uploaded-files .file .action-buttons .btn-retry:hover {
  background-color: #266dd3;
  color: white;
}

.uploaded-files .file .loading-remove {
  position: absolute;
  bottom: 5px;
  right: -30px;
  color: #266dd3;
  font-size: 20px;
}

.time--slot {
  background-color: #f8f9fb;
  border: solid 1px #F1F3F7;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 13px 15px 10px 15px;
}

.time--slot .weekday {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  color: #767676;
  line-height: 1;
}

.time--slot .monthday {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  line-height: 1.43;
}

.time--slot .answer-check-card:before {
  margin: auto;
  right: 0;
  cursor: pointer;
}

.time--slot .answer-check-card:after {
  margin: auto;
  right: 0;
  left: 0;
}

.time--slot-option {
  border-radius: 4px;
  border: solid 1px #F1F3F7;
  text-align: center;
  margin: auto;
  max-width: 82px;
  height: 74px;
  position: relative;
}

.time--slot-option .time--slot-image {
  background-color: #f8f9fb;
  padding: 4px;
  margin: auto;
  min-height: 40px;
  position: relative;
}

.time--slot-option .time--slot-image .image {
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.time--slot-option legend {
  font-family: 'hkgrotesk';
  font-size: 12px;
  font-weight: 300;
  color: #767676;
  line-height: 1.33;
  letter-spacing: -0.8px;
  padding: 10px 4px;
  margin: 0;
}

.time--slot-option legend.all {
  letter-spacing: 0;
  font-family: 'hkgrotesk';
  font-size: 13px;
  font-weight: 300;
}

.time--slots-header {
  display: inline-flex;
}

.referral-scheme {
  padding: 120px 0;
  background-color: #266dd3;
}

.referral-scheme--heading {
  font-size: 48px;
  font-weight: 600;
  color: white;
  margin-bottom: 25px;
}

.referral-scheme--leading {
  font-size: 23px;
  color: #E4E4E4;
}

.referral-share-container {
  display: flex;
  margin-top: 60px;
}

.referral-share-container .referral-share-link {
  margin: 0 auto;
  padding: 15px 35px;
  background: #266dd3;
  border: 1px solid white;
  border-radius: 3px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}

.referral-share-container .referral-share-link:hover {
  background: #ffffff;
  color: #000000;
}

/**
 * Start of tablet view:
 * iPad Portrait 768px
 *
 * Start of phone view:
 * iPhone XS Max 458px
 *
 * Minimum width view:
 * iPhone 5 326px
 */

/**
 * Elevations
 */

.documents {
  font-family: 'hkgrotesk';
  font-size: 20px;
  font-weight: 500;
  color: #28444A;
  max-width: 988px;
}

.documents__box {
  background-color: #ffffff;
  height: 175px;
  max-width: 878px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.03);
  border-radius: 20px;
  margin-bottom: 37px;
  justify-content: center;
  align-items: center;
}

.documents__box-header {
  margin-left: 26px;
  margin-top: 26px;
}

.documents__box-title {
  font-weight: 400;
  font-size: 18px;
}

.documents__link {
  margin-left: 22px;
}

.documents__title {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 32px;
}

.documents__list {
  display: flex;
  margin-bottom: 25px;
}

.documents__type {
  flex-basis: 71%;
  display: flex;
}

.documents__image {
  margin-right: 25px;
  padding-bottom: 17px;
}

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

.documents__download-btn {
  border-radius: 30px;
  cursor: pointer;
  background-color: #1976d2;
  color: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  padding: 10px 16px;
  height: 45px;
  width: 177px;
  font-size: 16px;
}

.documents__download-btn:hover {
  color: #ffffff;
  background-color: #12589e;
}

@media screen and (max-width: 458px) {
  .documents__box {
    height: 244px;
  }

  .documents__link {
    margin-right: 15px;
  }

  .documents__download-btn {
    max-width: 125px;
  }
}

.tenant-bg {
  background: url("./../images/signup-tenants-image.jpg") no-repeat;
  background-size: cover;
  min-height: 100%;
  max-width: 590px;
}

@media print, screen and (max-width: 63.99875em) {
  .tenant-bg {
    max-width: 340px;
  }

  .tenant-bg.pq-layout {
    display: none;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .tenant-bg {
    display: none;
  }
}

.tenant-bg .logo-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
}

@media print, screen and (max-width: 63.99875em) {
  .tenant-bg .logo-wrapper {
    max-width: 270px;
  }
}

@media screen and (max-width: 46.875em) {
  .tenant-bg .logo-wrapper {
    max-width: 270px;
  }
}

.tenant-bg .login-bg-overlay {
  background: url("./../images/login-bg-gradient.png") no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 100vh;
  padding-top: 100px;
}

@media print, screen and (max-width: 63.99875em) {
  .tenant-bg .login-bg-overlay {
    padding-top: 100px;
  }
}

@media screen and (max-width: 46.875em) {
  .tenant-bg .login-bg-overlay {
    padding-top: 50px;
  }
}

.tenant-bg .title {
  font-family: 'hkgrotesk';
  font-size: 30px;
  font-weight: 500;
  color: white;
  line-height: 44px;
  margin: 134px auto 0;
  max-width: 415px;
}

@media print, screen and (max-width: 63.99875em) {
  .tenant-bg .title {
    font-size: 26px;
    line-height: 36px;
    max-width: 270px;
  }
}

@media screen and (max-width: 46.875em) {
  .tenant-bg .title {
    margin-top: 40px;
  }
}

.tenant-bg .strapline {
  font-family: 'hkgrotesk';
  font-size: 28px;
  font-weight: 300;
  color: white;
  line-height: 32px;
  margin: 20px auto 0;
  max-width: 415px;
}

.tenant-bg .strapline.smaller {
  font-size: 21px;
  line-height: 1.4;
}

@media print, screen and (max-width: 63.99875em) {
  .tenant-bg .strapline {
    font-size: 24px;
    line-height: 26px;
    max-width: 270px;
  }
}

.tenant-bg .strapline a {
  color: white;
  text-decoration: underline;
}

.tenant-information-column {
  margin: 107px auto 0;
  max-width: 400px;
  color: #767676;
}

@media print, screen and (max-width: 41.87375em) {
  .tenant-information-column {
    color: white;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .tenant-information-column .logo {
    height: 38px;
    width: 180px;
    margin-bottom: 30px;
  }
}

.tenant-information-column h3 {
  font-family: 'hkgrotesk';
  font-size: 30px;
  font-weight: 300;
  font-weight: 400;
}

.tenant-information-column p {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
}

@media print, screen and (max-width: 41.87375em) {
  .tenant-information-column p {
    color: white;
  }
}

.tenant-information-column .tenant-links a {
  color: #767676;
  line-height: 40px;
}

@media print, screen and (max-width: 41.87375em) {
  .tenant-information-column .tenant-links a {
    color: white;
  }
}

.tenant-information-column .tenant-links a i {
  width: 25px;
}

.tenant-information-column .tenant-links a.tenant-homepage-link {
  color: #266dd3;
}

.tenant-information-column .tenant-links a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 46.875em) {
  .tenant-information-column {
    margin-top: 50px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .tenant-information-column {
    margin: 0px auto 0;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .tenant-wrapper {
    background: url("./../images/login-bg-gradient.png") no-repeat;
    background-size: cover;
    min-height: 100vh;
    padding-top: 100px;
    color: white;
  }
}

.tenant-sign-out {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  margin: 8px;
}

@media print, screen and (max-width: 41.87375em) {
  .tenant-sign-out {
    color: white;
  }
}

.tenant-sign-out input:hover {
  text-decoration: underline;
}

.login-bg {
  background: url("./../images/login-bg.jpg") no-repeat;
  background-position-x: -75px;
  background-size: cover;
  min-height: 100%;
  max-width: 590px;
}

@media print, screen and (max-width: 63.99875em) {
  .login-bg {
    max-width: 340px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .login-bg {
    display: none;
  }
}

.login-bg .logo-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
}

@media print, screen and (max-width: 63.99875em) {
  .login-bg .logo-wrapper {
    max-width: 270px;
  }
}

@media screen and (max-width: 46.875em) {
  .login-bg .logo-wrapper {
    max-width: 270px;
  }
}

.login-bg .login-bg-overlay {
  background: url("./../images/login-bg-gradient.png") no-repeat;
  background-size: cover;
  min-height: 100vh;
  padding-top: 100px;
  background-position-x: -75px;
  height: -webkit-calc(100% - 0px);
}

@media print, screen and (max-width: 63.99875em) {
  .login-bg .login-bg-overlay {
    padding-top: 100px;
  }
}

@media screen and (max-width: 46.875em) {
  .login-bg .login-bg-overlay {
    padding-top: 50px;
  }
}

.login-bg .title {
  font-family: 'hkgrotesk';
  font-size: 30px;
  font-weight: 500;
  color: white;
  line-height: 44px;
  margin: 145px auto 0;
  max-width: 400px;
}

@media print, screen and (max-width: 63.99875em) {
  .login-bg .title {
    font-size: 26px;
    line-height: 36px;
    max-width: 270px;
  }
}

@media screen and (max-width: 46.875em) {
  .login-bg .title {
    margin-top: 40px;
  }
}

.login-bg .strapline {
  font-family: 'hkgrotesk';
  font-size: 28px;
  font-weight: 300;
  color: white;
  line-height: 32px;
  margin: 15px auto 0;
  max-width: 400px;
}

@media print, screen and (max-width: 63.99875em) {
  .login-bg .strapline {
    font-size: 24px;
    line-height: 26px;
    max-width: 270px;
  }
}

.login-form-wrapper {
  max-width: 400px;
  text-align: center;
  /* Firefox < 19 */
  /* Firefox > 19 */
  /* Internet Explorer 10 */
}

.login-form-wrapper .login-link {
  font-family: 'hkgrotesk';
  font-size: 20px;
  font-weight: 300;
  color: #3e495f;
  margin-bottom: 10px;
}

.login-form-wrapper .login-link:hover, .login-form-wrapper .login-link:focus {
  color: #767676;
  transition: color .25s linear;
}

@media print, screen and (max-width: 41.87375em) {
  .login-form-wrapper .login-link {
    display: inline-block;
    margin-top: 60px;
  }
}

.login-form-wrapper p {
  color: #3e495f;
}

@media print, screen and (max-width: 41.87375em) {
  .login-form-wrapper .logo {
    height: 38px;
    width: 160px;
  }
}

.login-form-wrapper .footer-note {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: #767676;
  display: block;
}

@media screen and (max-width: 46.875em) {
  .login-form-wrapper {
    margin: 50px 20px 20px 50px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .login-form-wrapper {
    margin: 75px 20px 20px 50px;
  }
}

@media print, screen and (min-width: 41.875em) {
  .login-form-wrapper {
    margin: 50px auto;
  }
}

@media print, screen and (min-width: 64em) {
  .login-form-wrapper {
    margin: 50px auto;
  }
}

.login-form-wrapper .form-parent .input--text, .login-form-wrapper .form-parent .input--select, .login-form-wrapper .form-parent .input {
  color: #3e495f;
}

.login-form-wrapper .form-parent .input--text:focus, .login-form-wrapper .form-parent .input--select:focus {
  border-color: #3e495f;
}

.login-form-wrapper .form-parent .input {
  background-color: #f9f9f9;
  border-color: #F1F3F7;
}

.login-form-wrapper .form-parent .input:hover {
  background-color: #f9f9f9;
}

.login-form-wrapper input::-webkit-input-placeholder {
  color: #3e495f;
  opacity: 0.5;
}

.login-form-wrapper input:hover::-webkit-input-placeholder {
  color: #3e495f;
  opacity: 1;
}

.login-form-wrapper input:-moz-placeholder {
  color: #3e495f;
  opacity: 0.5;
}

.login-form-wrapper input:hover:-moz-placeholder {
  color: #3e495f;
  opacity: 1;
}

.login-form-wrapper input:focus:-moz-placeholder {
  color: #3e495f;
  opacity: 0.5;
}

.login-form-wrapper input::-moz-placeholder {
  color: #3e495f;
  opacity: 0.5;
}

.login-form-wrapper input:hover::-moz-placeholder {
  color: #3e495f;
  opacity: 1;
}

.login-form-wrapper input:focus::-moz-placeholder {
  color: #3e495f;
  opacity: 1;
}

.login-form-wrapper input:-ms-input-placeholder {
  color: #3e495f;
  opacity: 0.5;
}

.login-form-wrapper input:hover:-ms-input-placeholder {
  color: #3e495f;
  opacity: 1;
}

.login-form-wrapper input:focus:-ms-input-placeholder {
  color: #3e495f;
  opacity: 1;
}

.login-form-wrapper--register {
  margin-top: 100px;
}

.switch-signup-signin {
  text-align: center;
}

.privacy-info {
  margin-top: 20px;
  font-size: 10px;
  text-align: center;
  color: grey;
}

@media print, screen and (max-width: 41.87375em) {
  .privacy-info {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.error_page {
  background: #F6F6F3;
  padding: 0 20px;
}

.error_page .error_page_box {
  background: white;
  border: 1px solid #D9D9D8;
  border-radius: 10px;
  box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.05);
  min-height: 372px;
  margin: 100px auto 0;
  max-width: 566px;
  width: 100%;
}

.error_page .error_icon {
  background: url("./../images/icons/404.png") no-repeat;
  background-size: cover;
  display: block;
  height: 70px;
  margin: 40px auto 15px;
  width: 60px;
}

.error_page .header {
  font-family: 'hkgrotesk';
  font-size: 42px;
  font-weight: 500;
  color: #266dd3;
  text-align: center;
}

.error_page .reason {
  font-family: 'hkgrotesk';
  font-size: 24px;
  font-weight: 300;
  color: #767676;
  margin: 0 auto;
  text-align: center;
  max-width: 333px;
}

.error_page .button-filled {
  display: block;
  margin: 20px auto;
}

.terms-and-conditions {
  color: #767676;
}

.terms-and-conditions .title {
  font-family: 'hkgrotesk';
  font-size: 20px;
  font-weight: 500;
}

.terms-and-conditions .terms-footer {
  text-align: center;
}

.terms-conditions-wrapper .title {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 500;
  margin: 30px 0 10px;
}

.terms-conditions-wrapper .terms {
  height: 290px;
  overflow-x: scroll;
  padding-right: 10px;
}

.terms-conditions-wrapper .terms.policy p {
  margin: 1rem 0rem;
}

.terms-conditions-wrapper .terms h3 {
  font-family: 'hkgrotesk';
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
  line-height: 1.2em;
}

.terms-conditions-wrapper .terms ol {
  font-family: 'hkgrotesk';
  font-size: 15px;
  font-weight: 300;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}

.terms-conditions-wrapper .terms ol li {
  margin: 0 0 7px 32px;
}

.terms-conditions-wrapper .terms::-webkit-scrollbar {
  height: 0;
  width: 4px;
}

.terms-conditions-wrapper .terms::-webkit-scrollbar-track {
  background: #D9D9D8;
  width: 4px;
}

.terms-conditions-wrapper .terms::-webkit-scrollbar-thumb {
  background: #266dd3;
  border-radius: 10px;
}

.terms-conditions-wrapper .checkbox-container {
  width: 350px;
}

@media print {
  .terms-and-conditions .title {
    display: none;
  }

  .terms-and-conditions .terms-conditions-wrapper {
    margin-top: -200px;
    display: block;
  }

  .terms-and-conditions .terms-conditions-wrapper .checkbox-container {
    display: none;
  }

  .terms-and-conditions .terms-conditions-wrapper .terms {
    overflow-x: visible;
  }

  .terms-and-conditions .terms-conditions-wrapper .terms.policy p {
    margin: 1rem 0rem;
  }

  .terms-and-conditions .terms-conditions-wrapper .title {
    display: block;
    font-family: 'hkgrotesk';
    font-size: 28px;
    font-weight: 300;
  }
}

.print-terms {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  background: #F6F6F3;
  border: 1px solid #D9D9D8;
  border-radius: 4px;
  color: #767676;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
}

.print-terms:hover {
  background-color: #E4E4E4;
}

.print-terms a {
  color: #767676;
}

.print-terms.wide {
  max-width: 300px;
}

.pq-warning-message p, .pq-warning-message span {
  word-break: break-word;
  line-height: 1.2;
}

.email-preferences {
  margin-top: -81px;
}

.email-preferences-content {
  margin-top: 50px;
  color: #000000;
}

.email-preferences-content h5 {
  font-family: 'hkgrotesk';
  font-size: 20px;
  font-weight: 400;
}

.email-preferences-content span.email {
  font-weight: 400;
}

.email-preferences-wrapper .email-preferences-title {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
}

.email-preferences-wrapper .email-preferences-lists {
  text-align: left;
}

.email-preferences-wrapper .email-preferences-buttons {
  text-align: center;
}

.email-preferences-wrapper .email-preferences-logo {
  background: url(/images/newsletter.svg) no-repeat;
  height: 60px;
  background-size: 60px;
  background-position: center;
}

.email-preferences-wrapper .email-preferences-privacy {
  text-align: justify;
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
}

.email-preferences-wrapper .email-preferences-privacy .email-preferences-privacy-icon {
  float: left;
  color: #266dd3;
  content: '';
  background: url("./../images/svg/info.svg") no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  opacity: 1;
  left: 3px;
  top: 13px;
  transition: all .25s linear;
  display: block;
}

.email-preferences-wrapper .email-preferences-privacy .email-preferences-privacy-text {
  margin-left: 22px;
}

.form-info {
  padding-left: 5px;
  padding-top: 15px;
}

.form-info .form-info-tooltip {
  border: 1px solid transparent;
  margin-top: 20px;
  position: absolute;
  width: 220px;
  border-radius: 6px;
  background-color: white;
  left: 280px;
  padding: 10px;
  box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.09);
  z-index: 200;
  color: #767676;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 1;
  max-width: 100%;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
}

@media print, screen and (max-width: 63.99875em) {
  .form-info .form-info-tooltip {
    left: 100px;
  }
}

.form-info .form-info-tooltip:before {
  content: "";
  top: -10px;
  left: 43%;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.09);
}

.form-info .form-info-icon {
  float: left;
  color: #266dd3;
  content: '';
  background: url("./../images/svg/info.svg") no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  opacity: 1;
  left: 3px;
  top: 13px;
  transition: all .25s linear;
  display: block;
}

.form-info .form-info-icon:hover {
  cursor: pointer;
}

.fullWidth {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial;
}

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

.adults-address-title .answer-check-card {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
}

.input--tenancy-other {
  padding-left: 15px;
}

.no-padding-left {
  padding-left: 0;
}

.info-form {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #767676;
}

.other-interval--value {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #767676;
  padding-top: 25px;
}

.guarantor-need-warning {
  color: #767676;
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  margin-top: 20px;
}

.guarantor-need-warning ul {
  margin-bottom: 0;
}

.guarantor-need-warning ul li {
  padding: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.customer_register_wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 770px) {
  .customer_register_wrapper {
    display: inline-block;
  }
}

.customer_register_wrapper .mb__form_message {
  display: none;
}

@media only screen and (max-width: 770px) {
  .customer_register_wrapper .mb__form_message {
    display: block;
  }
}

.customer_register_wrapper .mb__form_message .mb__intro {
  font-size: 36px;
  margin-top: 20px;
}

.customer_register_wrapper .mb__form_message .mb__logo {
  max-width: 170px;
}

.customer_register_wrapper .cr__user_info {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  padding-top: 20px;
}

.customer_register_wrapper .cr__user_info .form-parent {
  width: 50%;
}

@media only screen and (max-width: 1170px) {
  .customer_register_wrapper .cr__user_info .form-parent {
    width: 80%;
  }
}

@media only screen and (max-width: 770px) {
  .customer_register_wrapper .cr__user_info .form-parent {
    padding: 30px 0;
  }
}

.customer_register_wrapper .cr__user_info .form-parent > div {
  margin-bottom: 20px;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__tip_note {
  margin-bottom: 20px;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__tip_note .tn_note {
  font-size: 14px;
  line-height: 18px;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__full_name {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 1170px) {
  .customer_register_wrapper .cr__user_info .form-parent .ui__full_name {
    width: 100%;
    display: inline-block;
  }

  .customer_register_wrapper .cr__user_info .form-parent .ui__full_name .ui__label_inputs.ui__first_name, .customer_register_wrapper .cr__user_info .form-parent .ui__full_name .ui__label_inputs.ui__last_name {
    padding: 0;
    margin-bottom: 20px;
  }
}

.customer_register_wrapper .cr__user_info .form-parent .ui__label_inputs.ui__first_name {
  padding-right: 10px;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__label_inputs.ui__last_name {
  padding-left: 10px;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__label_inputs .li__label_container {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__label_inputs .li__label_container > p:first-child {
  font-weight: 500 !important;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__label_inputs .li__label_container > p:first-child > span {
  margin-left: 8px;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__label_inputs .li__label_container .lc__tip {
  font-size: 14px;
  font-style: italic;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__buttons {
  margin-top: 50px;
  background-color: #266dd3;
  border-bottom: 3px solid #154C9C;
  border-radius: 4px !important;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__buttons > button, .customer_register_wrapper .cr__user_info .form-parent .ui__buttons a {
  width: 100%;
  padding: 18px;
  color: #fff;
  display: flex;
  justify-content: space-between;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__buttons > button .b__text, .customer_register_wrapper .cr__user_info .form-parent .ui__buttons a .b__text {
  font-weight: 700;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__buttons > button .b__center, .customer_register_wrapper .cr__user_info .form-parent .ui__buttons a .b__center {
  margin: auto;
}

.customer_register_wrapper .cr__user_info .form-parent .ui__buttons.no-margin {
  margin-top: 0px;
}

.customer_register_wrapper .cr__slogan_review {
  position: relative;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #266dd3;
  padding-top: 20px;
}

@media only screen and (max-width: 770px) {
  .customer_register_wrapper .cr__slogan_review {
    display: none;
  }
}

.customer_register_wrapper .cr__slogan_review > div {
  width: 50%;
  position: relative;
}

@media only screen and (max-width: 1170px) {
  .customer_register_wrapper .cr__slogan_review > div {
    width: 80%;
  }
}

@media only screen and (max-width: 770px) {
  .customer_register_wrapper .cr__slogan_review > div {
    padding: 30px 0;
  }
}

.customer_register_wrapper .cr__slogan_review > div .sr__howsy {
  width: 200px;
}

.customer_register_wrapper .cr__slogan_review > div .sr__para_1 {
  color: #fff;
  margin: 40px 0;
  font-size: 40px;
  line-height: 40px;
}

.customer_register_wrapper .cr__slogan_review > div > div {
  margin-bottom: 50px;
}

.customer_register_wrapper .cr__slogan_review > div > div .sr__para_2 {
  margin-bottom: 30px;
  color: #fff;
  font-size: 22px;
  font-style: italic;
}

.customer_register_wrapper .cr__slogan_review > div > div .sr__theguardian, .customer_register_wrapper .cr__slogan_review > div > div .sr__forbes {
  height: 28px;
}

.customer_register_wrapper .cr__slogan_review .cr__center_pattern {
  width: 400px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%);
  background-image: url("/images/pattern.jpg");
  background-size: cover;
}

@media only screen and (max-width: 1170px) {
  .customer_register_wrapper .cr__slogan_review .cr__center_pattern {
    display: none;
  }
}

.customer_register_wrapper .register_radio_btns .radio-input {
  position: initial;
}

.customer_register_wrapper .register_radio_btns .radio-input.radio-input__selected label {
  font-weight: bold !important;
}

.customer_register_wrapper .color_primary {
  color: #266dd3;
}

.customer_register_wrapper .list-group > :last-child {
  border-bottom: none;
}

.customer_register_wrapper .list-group-item {
  padding: 0.5rem;
  border-bottom: 1px solid #e6e6e6;
  color: #767676;
}

.customer_register_wrapper .g-recaptcha.hidden .grecaptcha-badge {
  visibility: hidden;
}

/**
 * Start of tablet view:
 * iPad Portrait 768px
 *
 * Start of phone view:
 * iPhone XS Max 458px
 *
 * Minimum width view:
 * iPhone 5 326px
 */

/**
 * Elevations
 */

.card--repair {
  font-family: 'hkgrotesk';
  font-size: 14px;
  border: 1px solid #D9D9D8;
  border-radius: 4px;
}

.card-divider--repair {
  background: #F1F3F7;
  color: #767676;
  border-radius: 4px 4px 0 0;
  padding: 0.75rem;
  font-weight: bold;
}

.card-section--repair .date {
  font-size: 14px;
  color: #767676;
}

.card-section--repair .name,
.card-section--repair .amount {
  font-size: 16px;
}

.card--repair-estimate {
  font-family: 'hkgrotesk';
  font-size: 14px;
  border: 1px solid #D9D9D8;
  border-radius: 4px;
}

.card-divider--repair-estimate {
  background: #b1f76866;
  color: #767676;
  border-radius: 4px 4px 0 0;
  padding: 0.75rem;
  font-weight: bold;
}

.card-section--repair-estimate p {
  font-size: 14px;
}

.ip__photos_container {
  display: flex;
  flex-wrap: wrap;
}

.ip__photos_container .pc__photo {
  width: 140px;
  height: 140px;
  margin: 0 30px 30px 0;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .ip__photos_container .pc__photo {
    width: 25%;
  }
}

.ip__photos_container .pc__photo:hover > span {
  background-color: rgba(255, 255, 255, 0.2);
}

.ip__photos_container .pc__photo > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.ip__photos_container .pc__photo > video {
  width: 100%;
  height: 100%;
}

.ip__photos_container .pc__photo > span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

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

@media print, screen and (min-width: 41.875em) {
  .photos_floorplans_wrapper {
    flex-direction: row;
  }
}

.photos_floorplans_wrapper > div {
  text-align: center;
  margin-top: 20px;
}

.photos_floorplans_wrapper > div + div {
  margin-top: 50px;
}

@media print, screen and (min-width: 41.875em) {
  .photos_floorplans_wrapper > div, .photos_floorplans_wrapper > div + div {
    margin-top: 0;
  }
}

.photos_floorplans_wrapper .add-package {
  margin: 0 auto;
}

@media print, screen and (min-width: 41.875em) {
  .photos_floorplans_wrapper .add-package {
    max-width: 90%;
    flex-basis: 90%;
  }
}

.photos_floorplans_wrapper .add-package .addon-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/**
 * Start of tablet view:
 * iPad Portrait 768px
 *
 * Start of phone view:
 * iPhone XS Max 458px
 *
 * Minimum width view:
 * iPhone 5 326px
 */

/**
 * Elevations
 */

.account_details_wrapper .ad__main_content {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
}

@media screen and (max-width: 1240px) {
  .account_details_wrapper .ad__main_content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.account_details_wrapper .ad__main_content .ad__new_container {
  flex-basis: 60%;
}

.account_details_wrapper .ad__main_content .ad__new_container .ad_overview_container .ad__row_item {
  margin-bottom: 20px;
  display: flex;
  border-bottom: 1px solid #e9ebec;
}

.account_details_wrapper .ad__main_content .ad__new_container .ad_overview_container .ad__row_item.ad__more > div {
  flex-basis: 32%;
}

.account_details_wrapper .ad__main_content .tip_section {
  flex-basis: 40%;
}

.account_details_wrapper .ad__main_content .tip_section .tip_text {
  margin-top: 6em;
}

@media screen and (max-width: 768px) {
  .account_details_wrapper .ad__main_content {
    flex-wrap: wrap;
  }

  .account_details_wrapper .ad__main_content div.ad__new_container, .account_details_wrapper .ad__main_content div.tip_section {
    flex-basis: 100%;
  }

  .account_details_wrapper .ad__main_content div.ad__new_container {
    margin-bottom: -66px;
  }

  .account_details_wrapper .ad__main_content div.ad__new_container div.ad_overview_container div.ad__row_item {
    display: block;
  }

  .account_details_wrapper .ad__main_content div.tip_section {
    margin-bottom: -66px;
  }
}

.container {
  max-width: 1024px;
  padding: 0;
}

@media screen and (max-width: 64em) {
  .container {
    padding: 0 15px;
  }
}

.public-property--page {
  margin-top: 98px;
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 300;
  font-weight: 400;
  color: #767676;
  background-color: #f9f9f9;
}

.public-property--page .public-property--page-main {
  padding: 0px 0 100px;
}

@media screen and (max-width: 64em) {
  .public-property--page .public-property--page-main {
    padding: 0 0 100px 0;
  }
}

.public-property--page .public-property--page-unavailable {
  padding-top: 60px;
  padding-bottom: 100px;
  margin-top: 0;
}

@media screen and (max-width: 64em) {
  .public-property--page .public-property--page-unavailable {
    padding: 0 0 100px 0;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .public-property--page {
    margin-top: 102px;
    font-family: 'hkgrotesk';
    font-size: 16px;
    font-weight: 300;
  }
}

.property--header-container {
  padding: 20px 0;
  background-color: #f9f9f9;
  left: 0;
  right: 0;
  top: 90px;
  z-index: 150;
}

.portal--header-container {
  height: 93px;
  -o-object-fit: contain;
     object-fit: contain;
  background-blend-mode: multiply;
  background-color: white;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 200;
}

.property-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #3e495f;
}

@media print, screen and (max-width: 41.87375em) {
  .property-title {
    flex-direction: column;
    align-items: flex-start;
  }

  .property-title a {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    width: 100%;
  }
}

.property-title h1 {
  font-family: 'hkgrotesk';
  font-size: 28px;
  font-weight: 500;
  margin: 0;
  line-height: 1;
}

@media print, screen and (max-width: 41.87375em) {
  .property-title h1 {
    font-family: 'hkgrotesk';
    font-size: 21px;
    font-weight: 400;
  }
}

.property-title .pcm-price {
  font-family: 'hkgrotesk';
  font-size: 28px;
  font-weight: 300;
}

@media print, screen and (max-width: 41.87375em) {
  .property-title .pcm-price {
    font-family: 'hkgrotesk';
    font-size: 21px;
    font-weight: 300;
  }
}

.property-title .pcw-price {
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 300;
}

@media print, screen and (max-width: 41.87375em) {
  .property-title .pcw-price {
    font-family: 'hkgrotesk';
    font-size: 14px;
    font-weight: 300;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .property-title button {
    margin-top: 10px;
  }
}

.section-title {
  font-family: 'hkgrotesk';
  font-size: 28px;
  font-weight: 400;
  color: #3e495f;
}

@media print, screen and (max-width: 41.87375em) {
  .section-title {
    font-family: 'hkgrotesk';
    font-size: 18px;
    font-weight: 400;
    max-width: 316px;
  }
}

.public-property--description .collapsible-text {
  max-height: 122px;
}

.public-property--description .collapsible-text .text {
  margin-bottom: 10px;
  line-height: 28px;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  max-height: 84px;
  /* fallback */
}

.public-property--description .collapsible-text.showAll {
  max-height: none;
}

.public-property--description .collapsible-text.showAll .text {
  -webkit-line-clamp: inherit;
  max-height: none;
}

.public-property--description .collapsible-text a {
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 300;
  color: #767676;
  text-decoration: underline;
  font-style: normal;
}

@media print, screen and (max-width: 41.87375em) {
  .public-property--description .collapsible-text a {
    font-family: 'hkgrotesk';
    font-size: 16px;
    font-weight: 300;
  }
}

.v--modal {
  background-color: #F8F9FC !important;
}

.v--modal button:hover {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.04) !important;
}

.text-ad-links {
  display: none;
}

.video-player.video-player-box .video-js {
  width: 100%;
  background-color: #FBFBFB;
  height: 620px;
}

@media print, screen and (max-width: 63.99875em) {
  .video-player.video-player-box .video-js {
    height: 404px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .video-player.video-player-box .video-js {
    height: 290px;
  }
}

.video-player.video-player-box .video-js .vjs-big-play-button {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.video-player.video-player-box .video-js .vjs-poster {
  background-color: #FBFBFB;
}

@media print, screen and (max-width: 41.87375em) {
  .no-mobile-side-padding {
    padding-left: 0;
    padding-right: 0;
  }
}

.tabs-component {
  margin-bottom: 50px;
}

@media print, screen and (max-width: 63.99875em) {
  .tabs-component {
    margin-bottom: 30px;
  }
}

.tabs-component .tabs-component-tabs {
  display: flex;
  justify-content: space-around;
  width: 100%;
  background-color: white;
  list-style: none;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
  margin: 0 0 30px 0;
}

@media print, screen and (max-width: 41.87375em) {
  .tabs-component .tabs-component-tabs {
    font-family: 'hkgrotesk';
    font-size: 16px;
    font-weight: 300;
  }
}

.tabs-component .tabs-component-tabs li.tabs-component-tab {
  min-height: 50px;
  text-decoration: none;
}

@media print, screen and (max-width: 41.87375em) {
  .tabs-component .tabs-component-tabs li.tabs-component-tab {
    width: auto;
  }
}

.tabs-component .tabs-component-tabs li.tabs-component-tab .share-icon {
  background-image: url("./../images/svg/property/share.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  content: '';
  display: inline-flex;
  vertical-align: middle;
  margin-right: 8px;
}

.tabs-component .tabs-component-tabs li.tabs-component-tab a {
  display: flex;
  align-items: center;
  color: #767676;
  text-align: center;
  height: 100%;
  min-height: 100%;
}

.tabs-component .tabs-component-tabs li.tabs-component-tab.is-active a {
  position: relative;
  color: #266dd3;
  font-weight: 500;
}

.tabs-component .tabs-component-tabs li.tabs-component-tab.is-active a:after {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  margin: auto;
  height: 3px;
  background: #266dd3;
}

@media print, screen and (max-width: 41.87375em) {
  .main--tabs.tabs-component .tabs-component-tabs {
    display: none;
  }
}

.mobile--tabs-component ul {
  display: flex;
  list-style: none;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 30px 0;
  padding-right: 12px;
}

.mobile--tabs-component li {
  position: relative;
}

.mobile--tabs-component li.is-active {
  color: #896c85;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
}

.mobile--tabs-component li.is-active:after {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  margin: auto;
  height: 3px;
  background: #266dd3;
}

.property-gallery--container {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}

@media print, screen and (max-width: 63.99875em) {
  .property-gallery--container {
    flex-direction: column;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .property-gallery--container {
    flex-direction: column;
  }

  .property-gallery--container.container {
    padding-right: 0;
    padding-left: 0;
  }
}

.property-gallery--container .no-photos-gallery {
  background-color: #f8f9fc;
  padding: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.property-gallery--container .no-photos-gallery .content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
}

.property-gallery--container .no-photos-gallery .content img {
  margin-bottom: 15px;
}

.property-tags {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  vertical-align: middle;
  padding: 30px 10px 60px 10px;
  width: 240px;
  background-color: white;
}

.property-tags > div {
  padding-bottom: 18px;
}

@media print, screen and (max-width: 63.99875em) {
  .property-tags {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .property-tags {
    flex-direction: row;
    width: 100%;
    padding: 10px;
    flex-wrap: wrap;
    align-content: stretch;
  }

  .property-tags > div {
    width: 50%;
    display: inline-flex;
    align-items: center;
    align-content: center;
    padding-bottom: 10px;
  }
}

.property-tags .property-tags--label {
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 300;
  color: #3e495f;
  line-height: 1.4;
}

@media print, screen and (max-width: 63.99875em) {
  .property-tags .property-tags--label {
    font-family: 'hkgrotesk';
    font-size: 16px;
    font-weight: 300;
    margin-left: 4px;
  }
}

.property-tags .property-tags--icon .icon {
  height: 60px;
  width: 60px;
}

@media print, screen and (max-width: 63.99875em) {
  .property-tags .property-tags--icon .icon {
    height: 40px;
    width: 40px;
  }
}

.property-gallery {
  position: relative;
  width: calc(100% - 240px);
}

@media print, screen and (max-width: 63.99875em) {
  .property-gallery {
    width: 100%;
  }
}

.property-gallery .main--image {
  height: 425px;
  position: relative;
}

@media print, screen and (max-width: 63.99875em) {
  .property-gallery .main--image {
    height: 340px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .property-gallery .main--image {
    height: 285px;
    margin-top: 0;
  }
}

.property-gallery .main--image:before {
  content: '';
  background-image: url("./../images/gallery-bg.png");
  display: block;
  width: 100%;
  height: 100%;
}

.property-gallery .main--image .image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.property-gallery .main--image .state-label {
  position: absolute;
  top: 15px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background-color: white;
  box-shadow: 7px 9px 10px 0 rgba(0, 0, 0, 0.04);
  padding: 2px 25px;
  left: -11px;
  z-index: 1;
  color: #3e495f;
}

@media print, screen and (max-width: 41.87375em) {
  .property-gallery .main--image .state-label {
    border-radius: 0;
  }
}

.property-gallery .main--image .state-label:after {
  content: '';
  position: absolute;
  bottom: -11px;
  left: 0;
  border-bottom: 11px solid transparent;
  border-right: 11px solid #3e495f;
}

@media print, screen and (max-width: 41.87375em) {
  .property-gallery .main--image .state-label:after {
    display: none;
  }
}

.property-gallery .property-gallery--nav {
  height: 90px;
  display: flex;
  flex-direction: row;
  background-color: rgba(255, 255, 255, 0.5);
}

@media print, screen and (max-width: 41.87375em) {
  .property-gallery .property-gallery--nav {
    display: none;
  }
}

.property-gallery .property-gallery--nav .small--image {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 70px;
  max-height: 100%;
  margin: 10px 5px;
  opacity: 0.5;
}

.property-gallery .property-gallery--nav .small--image.selected {
  opacity: 1;
}

.property-gallery .property-gallery--nav .small--image:first-child {
  margin-left: 10px;
}

.property-gallery .property-gallery--nav .small--image:last-child {
  margin-right: 10px;
}

.property-gallery .property-gallery--buttons {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}

@media print, screen and (max-width: 41.87375em) {
  .property-gallery .property-gallery--buttons {
    display: none;
  }
}

.property-gallery .property-gallery--buttons button {
  margin-bottom: 10px;
  border: solid 1px #F1F3F7;
  position: relative;
  width: 40px;
  height: 40px;
}

.property-gallery .property-gallery--buttons button:disabled {
  opacity: 0.5;
}

.property-gallery .property-gallery--buttons button:after {
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.property-gallery .property-gallery--buttons button.navigation-left:after {
  background-image: url("./../images/svg/property/gallery/left.svg");
  width: 10px;
  height: 18px;
}

.property-gallery .property-gallery--buttons button.navigation-right:after {
  background-image: url("./../images/svg/property/gallery/right.svg");
  width: 10px;
  height: 18px;
}

.property-gallery .property-gallery--buttons button.fullscreen:after {
  background-image: url("./../images/svg/property/gallery/fullscreen.svg");
  width: 19px;
  height: 19px;
}

.property-gallery .mobile-property-gallery--nav {
  position: absolute;
  display: flex;
  flex-direction: row;
  bottom: 10px;
  width: 100%;
  justify-content: center;
}

@media print, screen and (min-width: 41.875em) {
  .property-gallery .mobile-property-gallery--nav {
    display: none;
  }
}

.property-gallery .mobile-property-gallery--nav .small--image {
  width: 10px;
  height: 10px;
  margin: 10px 5px;
  opacity: 0.5;
  background-color: white;
  border-radius: 10px;
}

.property-gallery .mobile-property-gallery--nav .small--image.selected {
  opacity: 1;
  width: 14px;
  height: 14px;
  margin-top: 7px;
}

.property-gallery .mobile-property-gallery--nav .small--image.pre {
  width: 5px;
  height: 5px;
  margin-top: 12px;
}

.property-gallery .mobile-property-gallery--nav .small--image:first-child {
  margin-left: 10px;
}

.property-gallery .mobile-property-gallery--nav .small--image:last-child {
  margin-right: 10px;
}

.modal--gallery {
  font-family: 'hkgrotesk';
  font-size: 18px;
  color: white;
  max-width: 780px;
  margin: 0 auto 0 auto;
  position: relative;
}

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

@media print, screen and (max-width: 63.99875em) {
  .modal--gallery .modal--gallery-header {
    padding: 0 10px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .modal--gallery .modal--gallery-header {
    display: none;
  }
}

.modal--gallery .property-gallery--nav {
  position: relative;
}

@media print, screen and (max-width: 41.87375em) {
  .modal--gallery .property-gallery--nav {
    display: none;
  }
}

.modal--gallery .main--image {
  margin-bottom: 20px;
  border: 1px solid gray;
}

.modal--gallery .main--image:before {
  background-image: none;
}

.modal--gallery .main--image .image {
  background-image: none;
}

@media print, screen and (max-width: 41.87375em) {
  .modal--gallery .main--image {
    border: none;
  }
}

.modal--gallery .modal--close {
  background-image: url("./../images/svg/property/gallery/close.svg");
  background-size: contain;
  width: 40px;
  height: 40px;
  right: -88px;
  top: 2px;
  position: absolute;
}

@media print, screen and (max-width: 63.99875em) {
  .modal--gallery .modal--close {
    right: 10px;
    top: -65px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .modal--gallery .modal--close {
    display: none;
  }
}

.modal--gallery .property-gallery--buttons {
  top: 96px;
}

.slide-fade-enter-active .main--image, .slide-fade-leave-active .main--image {
  transition: opacity .2s ease;
}

.slide-fade-enter .main--image, .slide-fade-leave-to .main--image {
  opacity: 0.5;
}

.slide-fade-enter-active {
  transition: all .10s ease;
}

.slide-fade-leave-active {
  transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter, .slide-fade-leave-to {
  transform: translateX(10px);
  opacity: 0;
}

@media print, screen and (max-width: 41.87375em) {
  .v--modal-top-right {
    width: 40px;
    height: 40px;
    background-image: url("./../images/svg/property/gallery/close.svg");
    right: 20px !important;
    top: 20px !important;
    z-index: 99999;
  }
}

@media print, screen and (max-width: 63.99875em) {
  .gallery--modal .v--modal-box {
    padding: 70px;
  }
}

.tenancy--preference {
  border-radius: 12px;
  border: solid 1px #F1F3F7;
  background-color: white;
  padding: 10px;
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 300;
  color: #3e495f;
  text-align: center;
}

.tenancy--preference .icon {
  height: 44px;
  width: 44px;
  margin-bottom: 3px;
}

@media print, screen and (max-width: 41.87375em) {
  .tenancy--preference {
    margin-bottom: 20px;
  }
}

.preference {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: auto;
}

.preference.yes {
  background-color: #65b38d;
  background-image: url("./../images/svg/property/preferences/allowed.svg");
}

.preference.no {
  background-color: #c04848;
  background-image: url("./../images/svg/property/preferences/not-allowed.svg");
}

.preference.other {
  background-color: #e8bd30;
  background-image: url("./../images/svg/property/preferences/neutral.svg");
}

.feature {
  padding-bottom: 15px;
  display: flex;
  align-content: center;
  align-items: center;
}

.feature:before {
  background-image: url("./../images/svg/property/check.svg");
  content: '';
  position: absolute;
  background-size: contain;
  height: 24px;
  width: 24px;
}

@media print, screen and (max-width: 41.87375em) {
  .feature:before {
    height: 18px;
    width: 18px;
  }
}

.feature label {
  color: #767676;
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 300;
  line-height: 1.3;
  margin-left: 38px;
}

@media print, screen and (max-width: 41.87375em) {
  .feature label {
    font-family: 'hkgrotesk';
    font-size: 16px;
    font-weight: 300;
    margin-left: 25px;
  }
}

.epc-container {
  display: flex;
  justify-content: space-between;
}

.epc-box {
  flex: 1 auto;
  background-color: white;
  border: solid 1px #F1F3F7;
  border-radius: 12px;
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 300;
  color: #3e495f;
  text-align: center;
  padding-top: 15px;
  margin-right: 20px;
}

.epc-box:nth-child(2) {
  margin-left: 20px;
}

@media print, screen and (max-width: 41.87375em) {
  .epc-box {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.epc-box .icon {
  height: 44px;
  width: 44px;
  margin-bottom: 0;
}

.epc-box label {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 500;
  color: #3e495f;
}

.epc-box .epc-icon {
  background-size: cover;
  width: 70px;
  height: 64px;
  margin: 15px auto 30px auto;
}

.epc-box .epc-icon.epc-current {
  background-image: url("./../images/svg/property/type.svg");
}

.epc-box .epc-icon.epc-potential {
  background-image: url("./../images/svg/property/rent.svg");
}

.epc-value {
  font-family: 'hkgrotesk';
  font-size: 28px;
  font-weight: 500;
  color: white;
  text-align: center;
  padding: 3px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.epc-table--container {
  border-radius: 4px;
  border: solid 1px #F1F3F7;
  padding: 15px 15px 30px 15px;
  background-color: #ffffff;
}

.epc-table--container .epc-table {
  max-width: 270px;
}

.epc-table--container .epc-table .epc-table--value {
  font-family: 'hkgrotesk';
  font-size: 20px;
  font-weight: 400;
  color: white;
  padding: 0 10px;
  margin-bottom: 6px;
  border-radius: 3px;
}

.epc-table--container .epc-table .epc-table--value .rating {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
}

.epc-table--container .max-epc {
  border-radius: 3px;
  border: solid 1px #1a7e39;
  font-family: 'hkgrotesk';
  font-size: 20px;
  font-weight: 400;
  color: #1a7e39;
  width: 70px;
  padding: 0 10px;
}

.epc-legend {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.epc-legend.top {
  height: 20px;
}

.epc-legend.bottom {
  height: 10px;
}

@media print, screen and (max-width: 41.87375em) {
  .epc-legend.bottom {
    height: 40px;
  }
}

.epc-legend .line-column {
  border-bottom: 1px dashed #596275;
  flex: 1 40%;
  margin-right: 20px;
}

.epc-legend legend {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  color: #596275;
  line-height: 1.8;
  flex: 1 auto;
}

@media print, screen and (max-width: 41.87375em) {
  .epc-legend legend {
    font-family: 'hkgrotesk';
    font-size: 15px;
    font-weight: 400;
  }
}

.epc-legend legend span {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  display: block;
  line-height: 1.0;
}

@media print, screen and (max-width: 41.87375em) {
  .epc-legend legend span {
    font-family: 'hkgrotesk';
    font-size: 15px;
    font-weight: 300;
  }
}

.eu-legend {
  margin-top: 20px;
  color: #4a4a4a;
  display: inline-flex;
}

.eu-legend:before {
  content: '';
  background-image: url("./../images/property/EU-flag.png");
  background-size: contain;
  width: 64px;
  height: 43px;
  margin-right: 10px;
}

.eu-legend .title {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
}

.eu-legend .subtitle {
  margin-top: 5px;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
}

.share-actions {
  text-align: center;
  line-height: 1.2;
  padding: 0 74px;
  margin: 30px auto 50px auto;
}

.share-actions .bold {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 500;
}

@media print, screen and (max-width: 41.87375em) {
  .share-actions {
    font-family: 'hkgrotesk';
    font-size: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 34px;
  }
}

.share-actions a, .share-actions button {
  display: flex;
  width: 180px;
  height: 50px;
  margin: 15px auto;
  background-color: #ffffff;
  border: solid 1px #F1F3F7;
  border-radius: 4px;
  text-transform: capitalize;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  line-height: 1.1;
  color: #3e495f;
  justify-content: center;
}

.share-actions a:before, .share-actions button:before {
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 4px;
}

@media print, screen and (max-width: 41.87375em) {
  .share-actions a, .share-actions button {
    width: 100%;
  }
}

.share-actions a.facebook:before, .share-actions button.facebook:before {
  background-image: url("./../images/svg/property/share/facebook.svg");
}

.share-actions a.twitter:before, .share-actions button.twitter:before {
  background-image: url("./../images/svg/property/share/twitter.svg");
}

.share-actions a.mail:before, .share-actions button.mail:before {
  background-image: url("./../images/svg/property/share/mail.svg");
}

.share-actions a.messenger:before, .share-actions button.messenger:before {
  background-image: url("./../images/svg/property/share/messenger.svg");
}

.share-actions a.copy:before, .share-actions button.copy:before {
  content: none;
}

.map-tab {
  display: flex;
}

@media print, screen and (max-width: 41.87375em) {
  .map-tab {
    flex-direction: column;
  }

  .map-tab .map-menu {
    order: 2;
  }
}

.map-container {
  padding: 15px;
  background-color: white;
  border-radius: 4px;
  width: 100%;
}

@media print, screen and (max-width: 41.87375em) {
  .map-container {
    padding: 0;
  }
}

.map-container .stations-info {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #3e495f;
  padding: 15px 48px;
}

.map-container .stations-info .title {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
}

@media print, screen and (max-width: 41.87375em) {
  .map-container .stations-info {
    padding: 15px;
  }
}

.map-menu {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  min-width: 224px;
  margin-right: 15px;
}

@media print, screen and (max-width: 41.87375em) {
  .map-menu {
    margin-right: 0;
    margin-top: 10px;
  }
}

.map-menu a {
  color: #3e495f;
  display: block;
  width: 100%;
}

.map-menu ul {
  list-style: none;
}

@media print, screen and (max-width: 41.87375em) {
  .map-menu ul {
    margin-left: 0;
  }
}

.map-menu > ul > li {
  padding: 3px 15px 3px 15px;
}

.map-menu > ul > li.active {
  background-color: #ffffff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.03);
  border: solid 1px #F1F3F7;
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
}

.map-menu > ul > li > ul > li {
  padding: 3px 15px 3px 0;
}

.map-menu .map-checkbox {
  margin: 0;
}

.map-menu label {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: #3e495f;
  margin-left: 2px;
  margin-right: 2px;
}

.mapRendering:before {
  content: '';
  background: rgba(28, 27, 27, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.mapRendering:after {
  content: '';
  margin: auto;
  position: absolute;
  -webkit-animation: spinner 1s linear infinite;
          animation: spinner 1s linear infinite;
  border: solid 7px transparent;
  border-top: solid 7px white;
  border-radius: 100%;
  width: 3em;
  height: 3em;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

@-webkit-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.school-info-window .name {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 400;
  color: black;
  margin-bottom: 2px;
}

.school-info-window .address {
  margin-bottom: 2px;
}

.vue-map-container {
  height: 398px;
}

@media print, screen and (max-width: 41.87375em) {
  .vue-map-container {
    height: 200px;
  }
}

.street-view-map {
  height: 398px;
}

@media print, screen and (max-width: 41.87375em) {
  .street-view-map {
    height: 200px;
  }
}

.portal--footer-container {
  background: url("./../images/footer.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #266dd3;
}

.portal--footer-container .container {
  max-width: 990px;
  padding-right: 15px;
  padding-left: 15px;
}

.portal--footer-container .logo {
  display: block;
  -ms-flex: 0 0 170px;
  height: 50px;
  width: 180px;
  margin: 0 auto;
}

.portal--footer-container .footer-title {
  color: #00ffc5;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 50px;
}

.portal--footer-container .social .link {
  align-items: center;
  background: #fff;
  border: 4px solid #7ca7e4;
  border-radius: 50%;
  display: flex;
  flex: 0 0 78px;
  height: 78px;
  justify-content: center;
  margin-right: 85px;
  transition: all .25s linear;
  width: 78px;
}

.portal--footer-container .social .footer-links {
  display: flex;
}

.portal--footer-container .footer-logos {
  background-color: white;
  background-position: 50%;
  height: 80px;
  width: 100%;
}

.portal--footer-container .footer-logos .arla {
  background: url("./../images/property/footer/arla.png") no-repeat;
}

.portal--footer-container .footer-logos .prs {
  background: url("./../images/property/footer/prs.png") no-repeat;
}

.portal--footer-container .footer-logos .experian {
  background: url("./../images/property/footer/experian.png") no-repeat;
}

.portal--footer-container .footer-logos .footer-logo {
  height: 50px;
  background-position: center;
  margin-top: 15px;
}

.portal--footer-container .tagline {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: white;
  margin-top: 8px;
  vertical-align: top;
}

.portal--footer-container .copyright {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 15px;
  max-width: 260px;
  vertical-align: top;
}

.portal--footer-container .fca {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: white;
  margin-top: 20px;
  max-width: 260px;
  vertical-align: top;
}

.portal--footer-container .fca .bold {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 400;
}

.portal--footer-container .heart {
  background: url("./../images/icons/heart.png") no-repeat;
  background-size: cover;
  display: inline-block;
  height: 12px;
  width: 13px;
}

.portal--footer-container .footer-links {
  list-style: none;
  margin: 55px 0 0;
  padding: 0;
}

.portal--footer-container .footer-links .title {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.portal--footer-container .footer-links .title a:hover {
  cursor: default;
  text-decoration: none;
}

.portal--footer-container .footer-links li {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  margin-bottom: 20px;
}

.portal--footer-container .footer-links a {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  color: white;
  text-decoration: none;
}

.portal--footer-container .footer-links a:hover {
  color: white;
  text-decoration: underline;
}

.portal--footer-container .social-icons {
  top: 20;
  position: absolute;
}

.portal--footer-container .facebook,
  .portal--footer-container .twitter,
  .portal--footer-container .linkedin,
  .portal--footer-container .youtube {
  display: inline-block;
  height: 30px;
  margin-right: 30px;
  width: 30px;
}

.portal--footer-container .facebook {
  background: url("./../images/icons/facebook.png") no-repeat;
  background-size: cover;
}

.portal--footer-container .twitter {
  background: url("./../images/icons/twitter.png") no-repeat;
  background-size: cover;
}

.portal--footer-container .linkedin {
  background: url("./../images/icons/linkedin.png") no-repeat;
  background-size: cover;
}

.portal--footer-container .youtube {
  background: url("./../images/icons/youtube.svg") no-repeat;
  vertical-align: bottom;
}

.footer-bottom {
  color: white;
  margin-top: 40px;
  padding: 40px 0;
}

.footer-bottom .container {
  max-width: 1140px;
}

.footer-bottom .get-in-touch {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  color: white;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.footer-bottom .copyright {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 300;
  color: white;
  opacity: .4;
}

.footer-bottom .attr {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  color: white;
  display: inline-block;
  vertical-align: top;
}

.footer-bottom .attr:focus, .footer-bottom .attr:visited {
  color: white;
}

.footer-bottom .icon {
  display: inline-block;
  height: 30px;
  margin-right: 15px;
  width: 30px;
}

.footer-bottom .icon--map {
  background: url("./../images/icons/map.png") no-repeat;
  background-size: cover;
}

.footer-bottom .icon--mail {
  background: url("./../images/icons/mail.png") no-repeat;
  background-size: cover;
  margin-left: 15px;
}

.footer-bottom .icon--phone {
  background: url("./../images/icons/phone.png") no-repeat;
  background-size: cover;
  margin-left: 60px;
}

@media (max-width: 768px) {
  .portal--footer-container {
    position: relative;
  }

  .portal--footer-container .logo {
    margin: 0 auto;
  }

  .portal--footer-container .social .link {
    margin: 0 auto;
  }

  .portal--footer-container .tagline {
    margin-top: 10px;
    text-align: center;
  }

  .portal--footer-container .footer-links {
    margin-top: 30px;
  }

  .portal--footer-container .social-icons {
    bottom: 45px;
    right: 15px;
    top: auto;
  }

  .portal--footer-container .social-icons a {
    margin: 0 0 0 60px;
  }

  .footer-bottom .attr {
    font-family: 'hkgrotesk';
    font-size: 14px;
    font-weight: 300;
  }

  .footer-bottom .get-in-touch {
    margin-top: 30px;
  }

  .footer-bottom .icon--phone {
    margin-left: 90px;
  }

  .homepage-footer-top {
    height: 318px;
  }

  .homepage-footer-top .homepage-footer-inner {
    padding-top: 696px;
  }

  .homepage-footer-top .homepage-footer-inner .title {
    font-family: 'hkgrotesk';
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
  }

  .homepage-footer-top .homepage-footer-inner .buttons {
    justify-content: center;
    margin-top: 30px;
  }

  .homepage-footer-top .homepage-footer-inner .button {
    font-family: 'hkgrotesk';
    font-size: 18px;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    width: 222px;
  }

  .homepage-footer-top .homepage-footer-inner .button:first-of-type {
    margin-right: 30px;
  }

  .homepage-footer-top .homepage-footer-inner .button.button--hollow {
    line-height: 46px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .portal--footer-container .social .footer-links {
    justify-content: space-between;
  }

  .portal--footer-container .fca {
    margin: 20px auto 0;
    text-align: center;
  }

  .portal--footer-container .footer-logos {
    background-position: 50%;
    background-size: 237px 35px;
    height: 55px;
    width: 100%;
    margin-bottom: 215px;
  }

  .portal--footer-container .arla {
    display: block;
    margin: 20px auto 0;
  }

  .portal--footer-container .social-icons {
    margin-top: 35px;
    position: static;
  }

  .portal--footer-container .social-icons .facebook {
    margin-left: 0;
  }

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

  .footer-bottom .get-in-touch {
    margin-top: 0;
  }

  .footer-bottom .copyright {
    margin: 20px auto;
  }

  .footer-bottom .attr {
    font-size: 18px;
  }

  .footer-bottom .footer-contact-wrapper {
    margin: 17px auto 0;
    text-align: left;
    width: 239px;
  }

  .footer-bottom .footer-contact-wrapper .icon {
    margin-left: 0;
  }
}

.dashboard-footer {
  padding-bottom: 50px;
  background-color: #266dd3;
}

.dashboard-footer .footer-icon {
  align-items: center;
  background: #fff;
  border: 4px solid #7ca7e4;
  border-radius: 50%;
  height: 70px;
  justify-content: center;
  margin-right: 20px;
  width: 70px;
  display: flex;
  margin-bottom: 20px;
  margin-left: 30px;
}

.dashboard-footer .footer-link {
  color: white;
  font-weight: bold;
}

.dashboard-footer .footer-link span {
  white-space: nowrap;
  display: block;
}

.dashboard-footer .mt20 {
  margin-top: 20px;
}

.portal--header-container .container {
  width: 1140px;
  max-width: 100%;
}

.portal--header-container ul {
  margin-left: 0;
}

@media (min-width: 1200px) {
  .portal--header-container .container, .portal--header-container .small-10, .portal--header-container .medium-10, .portal--header-container .small-2, .portal--header-container .medium-2 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .portal--header-container .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.portal--header-container .logo {
  background: url(/images/logo/blue@2x.png) no-repeat;
  display: block;
  background-size: contain;
  flex: 0 0 170px;
  height: 42px;
  width: 116px;
  margin-top: 4px;
}

.nav > .menu-item {
  position: relative;
}

.nav {
  padding-bottom: 7px;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.mobile-nav {
  display: none;
}

.navigation {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
  display: flex;
  margin-top: 26px;
  perspective: 1000px;
  position: relative;
  width: 100%;
  z-index: 9999;
}

.navigation .telephone {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  border-radius: 100px;
  color: white;
  line-height: 50px;
  overflow: hidden;
  position: absolute;
  text-decoration: none;
  right: 0;
  text-align: center;
  top: -6px;
  white-space: nowrap;
  width: 33px;
  z-index: 999;
}

.navigation .telephone:hover {
  width: 151px;
}

.navigation .telephone:before {
  background: #266dd3;
  content: '';
  height: 50px;
  left: 150px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.navigation .telephone:hover:before {
  left: 0;
}

.navigation .telephone:hover .number {
  left: -15px;
}

.navigation .telephone:hover .icon--phone {
  left: 113px;
}

.navigation .number {
  display: inline-block;
  left: 150px;
  position: relative;
  z-index: 1;
}

.navigation .icon--phone {
  background: url("./../images/icons/phone_white.png") no-repeat;
  background-size: contain;
  display: inline-block;
  height: 22px;
  left: -5px;
  margin-left: 5px;
  margin-top: 13px;
  position: absolute;
  vertical-align: top;
  width: 22px;
  z-index: 2;
}

.navigation .menu-primary-navigation-container {
  display: inline-block;
  margin: 7px 0 0 14.3%;
  position: relative;
  z-index: 999;
}

.navigation .menu-item {
  margin-right: 14.3%;
  perspective: 500px;
}

.navigation .menu-item a {
  color: #898a8d;
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
}

.navigation .menu-item a:hover {
  color: #2e3136;
  text-decoration: none;
}

.navigation .menu-item.login {
  flex: 0;
  margin-left: 40px;
}

.navigation .menu-item.get-started, .navigation .menu-item.login {
  margin-right: 0;
}

.navigation .menu-item.get-started a {
  border: 1px solid white;
  border-radius: 100px;
  height: 50px;
  margin-left: 36px;
  margin-right: 0;
  margin-top: -12px;
  padding: 12px 35px;
}

.navigation .menu-item:hover {
  opacity: .8;
}

.navigation .get-started:hover {
  opacity: 1;
}

.navigation .menu-item.get-started:hover a {
  background: rgba(255, 255, 255, 0.5);
}

.dropdownRoot {
  left: 0;
  position: absolute;
  top: 40px;
}

.dropdownContent {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 200;
  background: #FFFFFF;
  border-radius: 10px;
  color: #4A4A4A;
  opacity: 0;
  position: relative;
}

.dropdownContent:before {
  background: white;
  content: '';
  height: 22px;
  position: absolute;
  left: 50%;
  margin-left: -11px;
  top: -3px;
  width: 22px;
}

.dropdownContent.active {
  opacity: 1 !important;
}

.dropdownContent ul.sub-menu {
  width: 330px !important;
  padding-top: 20px;
  position: absolute;
  z-index: 99;
}

.dropdownContent ul.sub-menu .landlords, .dropdownContent ul.sub-menu .renters {
  background: white;
  width: 148px !important;
  height: 52px !important;
  border-radius: 10px;
  margin-right: 10px;
}

.dropdownContent ul.sub-menu .landlords .menu-icon-renters, .dropdownContent ul.sub-menu .renters .menu-icon-renters {
  width: 34px;
  height: 36px;
  background: url(/images/menu-landlords.png) no-repeat;
  float: left;
  margin: 8px;
  background-size: cover;
}

.dropdownContent ul.sub-menu .landlords .menu-icon-landlords, .dropdownContent ul.sub-menu .renters .menu-icon-landlords {
  width: 34px;
  height: 36px;
  background: url(/images/menu-renters.png) no-repeat;
  float: left;
  margin: 8px;
  background-size: cover;
}

.dropdownContent ul.sub-menu .landlords a, .dropdownContent ul.sub-menu .renters a {
  font-family: 'hkgrotesk';
  font-size: 14px;
  font-weight: 500;
  float: left;
  margin-top: 5px;
  color: #898a8d;
}

.dropdownContent ul.sub-menu .landlords a:hover, .dropdownContent ul.sub-menu .renters a:hover {
  color: #4A4A4A;
}

.dropdownSection {
  display: none;
  list-style: none;
  margin: 0;
  padding: 30px 30px 60px 30px;
  pointer-events: none;
  position: relative;
  z-index: 999;
}

.dropdownSection .dropdown-title {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center;
}

.dropdownSection.active {
  display: block;
  pointer-events: auto;
}

.dropdownSection ul {
  padding: 0;
}

.dropdownSection.dropdownDiscover ul {
  width: 480px;
}

.dropdownSection.dropdownDiscover ul .menu-item:nth-of-type(odd) {
  margin-right: 60px;
}

.dropdownSection.dropdownDiscover ul .menu-item:nth-of-type(5),
    .dropdownSection.dropdownDiscover ul .menu-item:nth-of-type(6) {
  margin-bottom: 30px;
}

.dropdownSection.dropdownBuilt {
  padding: 30px 30px 10px 30px;
}

.dropdownSection.dropdownResources {
  padding: 20px 30px 10px 30px;
}

.dropdownSection.dropdownBuilt ul,
  .dropdownSection.dropdownResources ul {
  margin: 0;
  padding: 0;
}

.dropdownSection.dropdownBuilt ul {
  width: 190px;
}

.dropdownSection.dropdownResources ul {
  width: 130px;
}

.dropdownSection.dropdownResources li {
  margin: 0;
  padding: 0;
  width: auto;
}

.dropdownSection.dropdownResources li:before {
  height: 0;
  width: 0;
}

.dropdownSection .menu-item {
  display: inline-block;
  line-height: 40px;
  margin-bottom: 20px;
  margin-right: 0;
  padding-left: 50px;
  position: relative;
  width: 190px;
}

.dropdownSection .menu-item a {
  color: #4A4A4A;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
}

.dropdownSection .menu-item a:hover {
  color: #65B38D;
}

.dropdownSection .menu-item:hover:after {
  background: none;
  height: 0;
  width: 0;
}

.dropdownSection .menu-item:before {
  content: '';
  height: 40px;
  left: 0;
  position: absolute;
  width: 40px;
}

.dropdownSection .menu-item.tenants:before {
  background: url("./../images/icons/dropdown/find-tenants.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.management:hover a {
  color: #266dd3;
}

.dropdownSection .menu-item.management:before {
  background: url("./../images/icons/dropdown/repairs.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.viewings:hover a {
  color: #896C85;
}

.dropdownSection .menu-item.viewings:before {
  background: url("./../images/icons/dropdown/viewings.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.rent:hover a {
  color: #E8BD30;
}

.dropdownSection .menu-item.rent:before {
  background: url("./../images/icons/dropdown/rent-collection.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.credit:hover a {
  color: #EE8B67;
}

.dropdownSection .menu-item.credit:before {
  background: url("./../images/icons/dropdown/credits.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.compliance:hover a {
  color: #266dd3;
}

.dropdownSection .menu-item.compliance:before {
  background: url("./../images/icons/dropdown/compliance.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.tenants:hover:before {
  background: url("./../images/icons/dropdown/find-tenants-hover.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.management:hover:before {
  background: url("./../images/icons/dropdown/repairs-hover.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.viewings:hover:before {
  background: url("./../images/icons/dropdown/viewings-hover.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.rent:hover:before {
  background: url("./../images/icons/dropdown/rent-collection-hover.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.credit:hover:before {
  background: url("./../images/icons/dropdown/credits-hover.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.compliance:hover:before {
  background: url("./../images/icons/dropdown/compliance-hover.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.properties:hover a {
  color: #EE8B67;
}

.dropdownSection .menu-item.properties:before {
  background: url("./../images/icons/dropdown/1-3-properties.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.portfolio:hover a {
  color: #266dd3;
}

.dropdownSection .menu-item.portfolio:before {
  background: url("./../images/icons/dropdown/portfolio.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.diy:hover a {
  color: #E8BD30;
}

.dropdownSection .menu-item.diy:before {
  background: url("./../images/icons/dropdown/diy.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.overseas:before {
  background: url("./../images/icons/dropdown/overseas.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.properties:hover:before {
  background: url("./../images/icons/dropdown/1-3-properties-hover.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.portfolio:hover:before {
  background: url("./../images/icons/dropdown/portfolio-hover.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.diy:hover:before {
  background: url("./../images/icons/dropdown/diy-hover.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.overseas:hover:before {
  background: url("./../images/icons/dropdown/overseas-hover.png") no-repeat;
  background-size: contain;
}

.dropdownSection .menu-item.platform {
  background: #F6F6F3;
  border-radius: 0 0 10px 10px;
  bottom: -6px;
  left: 0;
  line-height: 66px;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.dropdownSection .menu-item.platform a {
  display: block;
}

.dropdownSection .menu-item.platform a:hover {
  background: #65B38D;
  border-radius: 0 0 9px 9px;
  color: white;
}

@media (max-width: 1138px) {
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (max-width: 768px) {
  .navigation {
    margin-top: 37px;
  }

  .navigation .menu-primary-navigation-container,
    .navigation .telephone,
    .navigation .dropdownRoot {
    display: none;
  }

  .menu-item a:hover {
    text-decoration: underline !important;
  }

  .menu-item:hover {
    opacity: 1 !important;
  }

  .property--header-container {
    top: 50px;
  }

  .portal--header-container {
    height: 100px;
  }

  .mobile-nav {
    display: block;
  }

  .portal--header-container .logo {
    width: 116px;
  }

  .mobile-nav-donut {
    color: #266dd3;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    position: absolute;
    right: 3px;
    top: -6px;
    font-size: 36px;
    font-weight: 400;
    transform: scaleX(2);
  }

  .mobile-nav-donut-hover {
    color: #266dd3;
    font-size: 36px;
    font-weight: 500 !important;
    position: absolute;
    right: 8px;
    transform: rotate(45deg) scale(1.2);
    top: 9px;
  }

  .mobile-nav-background {
    font-family: 'hkgrotesk';
    font-size: 21px;
    font-weight: 500;
    background: none;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: -102px;
    z-index: 20;
    height: 1000px;
  }

  .menu-mobile-navigation-container {
    background: white;
    border-radius: 10px;
    padding: 16px 25px;
    position: absolute;
    text-align: left;
    top: -77px;
    left: 10px;
    width: calc(100% - 20px);
    z-index: 99999;
  }

  .menu-mobile-navigation-container .nav {
    flex-direction: column;
    margin-left: 0;
  }

  .menu-mobile-navigation-container a.logo--normal {
    width: 116px;
    margin-left: -20px;
  }

  .menu-mobile-navigation-container li {
    font-family: 'hkgrotesk';
    font-size: 21px;
    font-weight: 400;
    border-bottom: 2px solid #F6F6F3;
    color: #3e495f;
    margin-bottom: 15px;
    padding-bottom: 20px;
  }

  .menu-mobile-navigation-container li:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .menu-mobile-navigation-container li a {
    color: #3e495f !important;
  }

  .menu-mobile-navigation-container li ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .menu-mobile-navigation-container li ul.sub-menu {
    margin-top: -20px;
  }

  .menu-mobile-navigation-container li ul li {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .menu-mobile-navigation-container li ul li a {
    font-family: 'hkgrotesk';
    font-size: 21px;
    font-weight: 400;
    color: #3e495f;
    display: block;
    margin-top: 28px;
    text-align: center;
  }

  .menu-mobile-navigation-container li ul li a:hover {
    color: #266dd3;
    text-decoration: none;
  }

  .menu-mobile-navigation-container li .platform a {
    border: 1px solid #3e495f;
    border-radius: 10px;
    height: 66px;
    line-height: 66px;
    margin: 20px 0 0;
    position: relative;
    width: 100%;
    max-width: 353px;
    padding-left: 10%;
  }

  .menu-mobile-navigation-container li .platform a:after {
    background: url("./../images/mobile-nav-arrow.png") no-repeat;
    background-size: contain;
    content: '';
    height: 16px;
    right: 10%;
    top: calc(50% - 8px);
    position: absolute;
    width: 20px;
  }
}

@media (max-width: 360px) {
  .platform a:after {
    display: none;
  }
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.floorplan {
  background-color: white;
  display: inline-flex;
  color: #3e495f;
  align-items: center;
  width: 100%;
  height: 80px;
  justify-content: space-evenly;
  border: 1px solid #F1F3F7;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
}

.floorplan:hover, .floorplan:focus {
  box-shadow: 7px 9px 10px 0 rgba(0, 0, 0, 0.04);
  color: #3e495f;
}

.floorplan .icon {
  height: 60px;
  width: 60px;
}

@media print, screen and (max-width: 41.87375em) {
  .floorplan {
    margin-bottom: 20px;
  }
}

.marketing-content {
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 300;
}

.marketing-content h2 {
  font-family: 'hkgrotesk';
  font-size: 28px;
  font-weight: 400;
  color: #3e495f;
}

.marketing-content .marketing-text {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin-bottom: 10px;
  color: #3e495f;
}

.marketing-content .marketing-text .icon {
  height: 40px;
  width: 40px;
  filter: hue-rotate(630deg) brightness(60%);
}

@media print, screen and (max-width: 41.87375em) {
  .marketing-content .marketing-text .icon {
    margin: auto;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .marketing-content .marketing-text {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-bottom: 35px;
  }
}

.marketing-content .marketing-action-column {
  background-color: white;
  text-align: center;
  padding: 90px 84px 150px 84px;
  box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.09);
  color: #3e495f;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 300;
}

@media print, screen and (max-width: 63.99875em) {
  .marketing-content .marketing-action-column {
    padding: 25px;
    margin-top: 30px;
  }
}

.marketing-content .marketing-action-column a {
  margin-top: 40px;
  min-width: 280px;
  max-width: 100%;
  height: 60px;
  font-family: 'hkgrotesk';
  font-size: 24px;
  font-weight: 400;
}

@media print, screen and (max-width: 41.87375em) {
  .marketing-content .marketing-action-column a {
    margin-top: 20px;
    width: 100%;
  }
}

.marketing-content .first-container {
  padding-bottom: 60px;
}

@media print, screen and (max-width: 41.87375em) {
  .marketing-content .first-container {
    background-color: white;
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .marketing-content .first-container h2 {
    text-align: center;
  }
}

.marketing-content .price {
  color: #3e495f;
  display: inline-flex;
  align-items: center;
}

.marketing-content .price img {
  padding-right: 20px;
  filter: hue-rotate(630deg) brightness(60%);
}

@media print, screen and (max-width: 41.87375em) {
  .marketing-content .price img {
    width: 120px;
    height: 110px;
  }
}

.marketing-content .price.price--elsewhere {
  padding-left: 160px;
}

@media print, screen and (max-width: 63.99875em) {
  .marketing-content .price.price--elsewhere {
    padding-left: 80px;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .marketing-content .price.price--elsewhere {
    padding-left: 0;
    margin-top: 20px;
  }
}

.marketing-content .price .amount {
  font-family: 'hkgrotesk';
  font-size: 36px;
  font-weight: 500;
}

.marketing-content .price .vat {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
}

@media print, screen and (max-width: 41.87375em) {
  .marketing-content .price {
    width: 100%;
    justify-content: center;
  }
}

.property-unavailable--container {
  display: flex;
  flex-direction: row;
  max-width: 780px;
  width: 100%;
  height: 385px;
  border-radius: 10px;
  box-shadow: 20px 20px 30px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 90px;
  background-color: #ffffff;
  align-items: center;
  justify-content: center;
}

@media print, screen and (max-width: 63.99875em) {
  .property-unavailable--container {
    flex-direction: column;
  }
}

@media print, screen and (max-width: 41.87375em) {
  .property-unavailable--container {
    flex-direction: column;
    margin-bottom: 50px;
  }
}

.property-unavailable--container .no-property-content {
  display: flex;
  align-items: center;
  flex-flow: column;
}

.property-unavailable--container .no-property-content .no-property {
  width: 90px;
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
}

.property-unavailable--container .no-property-content h2 {
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 500;
  color: #3e495f;
  line-height: 1.52;
  margin-top: 11px;
}

.property-unavailable--container .no-property-content .not-available {
  font-family: 'hkgrotesk';
  font-size: 21px;
  font-weight: 300;
  line-height: 1.24;
  color: #3e495f;
  margin-bottom: 30px;
  margin-top: 10px;
}

.property-unavailable--container .no-property-content .button-filled--pink {
  width: 290px;
}

/**
 * SRC main scss
 */

/*********
Utils
~ global variables, functions, mixins, easings, timings, zindex etc
~ prefix: N/A
*********/

/**
 * Start of tablet view:
 * iPad Portrait 768px
 *
 * Start of phone view:
 * iPhone XS Max 458px
 *
 * Minimum width view:
 * iPhone 5 326px
 */

/**
 * Elevations
 */

* {
  box-sizing: border-box;
}

/*********
Layout
~ large piece of the view with nested components
~ prefix: .l-<name>
*********/

body {
  font-size: 16px;
  font-family: 'hkgrotesk';
}

.l-main-app-body {
  margin-top: 70px;
  padding-bottom: 100px;
  background-color: #f9fafa;
}

.viewing-form-title {
  padding-left: 7px;
}

/* Default max width of page */

.default-max-width {
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 1240px) {
  .default-max-width {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* Unset the <p/> tag */

.p-unset {
  color: unset;
  font-family: unset;
  font-size: unset;
  font-weight: unset;
}

.circular-loader-spin {
  margin: 0 auto;
}

.circular-loader-spin > svg {
  -webkit-animation: rotateMe 2s linear 0s infinite normal;
          animation: rotateMe 2s linear 0s infinite normal;
}

@-webkit-keyframes rotateMe {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes rotateMe {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.shadow-text-bold, .hover-shadow-text-bold:hover {
  text-shadow: 0 0 .65px #333, 0 0 .65px #333;
}

.l-page {
  padding-top: 40px;
}

.l-page__content {
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 1240px) {
  .l-page__content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.l-page__header {
  margin-bottom: 20px;
}

.l-page__label {
  color: #233b42;
  font-size: 28px;
  font-weight: 700;
}

.l-page__note {
  color: #7b898d;
}

.l-page__plain-text {
  color: #233b42;
  margin-bottom: 10px;
}

.l-page__open_repairs {
  margin-bottom: 40px;
}

/*********
Component
~ several combined elements encapsulated within class hierarchy i.e. form, card etc
~ prefix: .c-<name>
*********/

.vb > .vb-dragger {
  width: 12px;
  right: 0;
}

.vb > .vb-dragger > .vb-dragger-styler {
  height: calc(100% - 10px);
  margin: 5px 5px 5px 0;
  display: block;
  background-color: rgba(63, 63, 64, 0.05);
  border-radius: 20px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: rotate3d(0, 0, 0, 0);
  transition: height .1s ease-out, margin .1s ease-out, background-color .1s ease-out;
}

.vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: rgba(63, 63, 64, 0.1);
}

.vb > .vb-dragger:hover > .vb-dragger-styler {
  height: 100%;
  margin: 0px;
  background-color: rgba(63, 63, 64, 0.3);
}

.vb.vb-dragging > .vb-dragger > .vb-dragger-styler {
  height: 100%;
  margin: 0px;
  background-color: rgba(63, 63, 64, 0.3);
}

.vb.vb-dragging-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: rgba(63, 63, 64, 0.3);
}

.c-card {
  padding: 26px 20px;
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9ebec;
  background-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .c-card {
    align-items: flex-start;
  }
}

@media screen and (max-width: 458px) {
  .c-card {
    flex-wrap: wrap;
  }
}

.c-card__content {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .c-card__content {
    flex-wrap: wrap;
  }
}

.c-card__details {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding-right: 120px;
}

@media screen and (max-width: 768px) {
  .c-card__details {
    padding-right: 0;
  }
}

@media screen and (max-width: 458px) {
  .c-card__details {
    flex-direction: column;
    justify-content: center;
  }

  .c-card__details > * + * {
    margin-top: 20px;
  }
}

.c-card__text {
  padding-right: 20px;
  flex: 1;
}

@media screen and (max-width: 458px) {
  .c-card__text {
    padding-right: 0;
  }
}

.c-card__description {
  margin: 4px 0;
}

.c-card__description p {
  color: #233b42;
  font-weight: 700;
  line-height: 20px;
  display: flex;
  align-items: center;
}

.c-card__description p > i {
  margin: 0 4px 1px;
}

.c-card__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.c-card__status {
  flex-shrink: 0;
  border-radius: 50px;
  margin-right: 30px;
}

.c-card__status p {
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.c-transactions {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 20px;
}

@media screen and (max-width: 1240px) {
  .c-transactions {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.c-transactions__headings {
  padding: 20px;
  background: #e9ebec;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 670px) {
  .c-transactions__headings {
    flex-direction: row;
    justify-content: space-between;
  }
}

.c-transactions__heading--duration, .c-transactions__heading--balance, .c-transactions__heading--float {
  font-size: 14px;
  color: #233b42;
  display: flex;
  flex-direction: column;
}

.c-transactions__heading--duration span, .c-transactions__heading--balance span, .c-transactions__heading--float span {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}

.c-transactions__heading + .c-transactions__heading {
  margin-top: 10px;
}

@media screen and (min-width: 670px) {
  .c-transactions__heading + .c-transactions__heading {
    margin-top: 0;
  }
}

.c-transactions__container {
  padding: 0 20px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.03);
}

.c-transactions__actions {
  padding: 20px 0;
}

.c-transactions__item {
  border-bottom: 1px solid #e9ebec;
  padding: 10px 0 10px;
  font-size: 16px;
  color: #233b42;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 458px) {
  .c-transactions__item {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 0 20px;
  }
}

.c-transactions__value--date {
  color: #7b898d;
  font-size: 90%;
}

@media screen and (min-width: 458px) {
  .c-transactions__value--date {
    flex-basis: 100%;
  }
}

.c-transactions__value--description {
  color: #7b898d;
  font-size: 90%;
}

.c-transactions__value--credit {
  color: #1976d2;
}

@media screen and (max-width: 768px) {
  .new_container {
    padding-top: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.c-finances {
  font-family: 'hkgrotesk';
}

.c-finances__container {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid #e9ebec;
  padding: 10px;
  margin-bottom: 30px;
  display: flex;
  color: #000;
}

@media screen and (max-width: 1024px) {
  .c-finances__container {
    margin: 10px 0;
    padding: 5px;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .c-finances__container {
    padding: 0;
  }
}

.c-finances__container--heading {
  width: 64px;
  padding: 40px 0 10px 4px;
}

@media screen and (max-width: 1024px) {
  .c-finances__container--heading {
    padding: 4px;
    width: auto;
  }
}

.c-finances__container--heading h2 {
  font-size: 28px;
  -ms-writing-mode: tb-lr;
      writing-mode: vertical-lr;
  transform: rotate(180deg);
  color: #233b42;
}

@media screen and (max-width: 1024px) {
  .c-finances__container--heading h2 {
    -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    transform: rotate(0deg);
    font-size: 20px;
    padding-left: 5px;
    padding-top: 5px;
    margin-bottom: 0;
  }
}

.c-finances__container--figures {
  flex-basis: 100%;
  margin-bottom: 10px;
  margin-right: 10px;
}

@media screen and (max-width: 1024px) {
  .c-finances__container--figures {
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 768px) {
  .c-finances__container--figures {
    margin: 0;
    padding: 0;
    border-width: 0;
  }
}

.c-finances__toprow {
  display: flex;
}

@media screen and (max-width: 1024px) {
  .c-finances__toprow {
    display: block;
  }
}

.c-finances__toprow--total {
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 24px;
  color: #233b42;
  text-align: left;
}

@media screen and (max-width: 1024px) {
  .c-finances__toprow--total {
    width: auto;
    display: inline;
    font-size: 16px;
    padding-left: 5px;
  }
}

@media screen and (max-width: 768px) {
  .c-finances__toprow--total {
    padding-left: 10px;
  }
}

.c-finances__toprow--total .value {
  font-size: 24px;
  color: #233b42;
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  .c-finances__toprow--total .value {
    font-size: 16px;
  }
}

.c-finances__toprow--income {
  width: 120px;
  flex-grow: 0;
  text-align: center;
  padding-top: 10px;
}

@media screen and (max-width: 1024px) {
  .c-finances__toprow--income {
    display: none;
  }
}

.c-finances__toprow--expenses {
  width: 120px;
  flex-grow: 0;
  text-align: center;
  padding-top: 10px;
}

@media screen and (max-width: 1024px) {
  .c-finances__toprow--expenses {
    display: none;
  }
}

.c-finances__toprow--amount {
  width: 120px;
  flex-grow: 0;
  text-align: center;
  padding-top: 10px;
}

@media screen and (max-width: 1024px) {
  .c-finances__toprow--amount {
    display: none;
  }
}

.c-finances__toprow--status {
  width: 200px;
  flex-grow: 0;
  text-align: center;
  padding-top: 10px;
}

@media screen and (max-width: 1024px) {
  .c-finances__toprow--status {
    display: none;
  }
}

.c-finances__data {
  border: 1px solid #e9ebec;
  margin-bottom: 5px;
}

@media screen and (max-width: 1024px) {
  .c-finances__data {
    margin-top: 5px;
  }
}

@media screen and (max-width: 768px) {
  .c-finances__data {
    margin-bottom: 0;
  }
}

.c-finances__row {
  display: flex;
  border-bottom: 1px solid #e9ebec;
  font-size: 16px;
}

.c-finances__row--credit {
  background: rgba(233, 235, 236, 0.3);
}

@media screen and (max-width: 768px) {
  .c-finances__row {
    border-bottom-width: 2px;
  }
}

.c-finances__row:last-of-type {
  border-bottom: none;
}

.c-finances__cell {
  flex-grow: 1;
  flex-shrink: 0;
  margin: 10px 0;
  padding: 2px 10px 0 10px;
  border-right: 2px solid #e9ebec;
  text-align: center;
}

.c-finances__cell--date {
  flex-grow: 0;
  width: 220px;
  text-align: left;
  padding-top: 0;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 458px) {
  .c-finances__cell--date {
    width: 180px;
  }
}

.c-finances__cell--date.narrower {
  width: 180px;
}

.c-finances__cell--date--date {
  font-size: 18px;
  font-weight: bold;
}

.c-finances__cell--date--description {
  display: none;
}

@media screen and (max-width: 1024px) {
  .c-finances__cell--date {
    white-space: normal;
    padding-top: 5px;
    line-height: 16px;
    flex-grow: 1;
  }

  .c-finances__cell--date--date {
    font-size: 16px;
  }

  .c-finances__cell--date--address {
    font-size: 0.7rem;
  }

  .c-finances__cell--date--description {
    padding-top: 5px;
    font-size: 0.7rem;
    display: block;
  }
}

.c-finances__cell--description {
  text-align: left;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1024px) {
  .c-finances__cell--description {
    display: none;
  }
}

.c-finances__cell--amount {
  text-align: center;
  width: 120px;
  flex-grow: 0;
}

@media screen and (max-width: 1024px) {
  .c-finances__cell--amount {
    display: none;
  }
}

.c-finances__cell--income {
  text-align: center;
  width: 120px;
  flex-grow: 0;
}

@media screen and (max-width: 1024px) {
  .c-finances__cell--income {
    display: none;
  }
}

.c-finances__cell--expense {
  text-align: center;
  width: 120px;
  flex-grow: 0;
}

@media screen and (max-width: 1024px) {
  .c-finances__cell--expense {
    display: none;
  }
}

.c-finances__cell--transaction-amount-mobile {
  text-align: center;
  width: 140px;
  flex-grow: 0;
  border-right: none !important;
}

@media screen and (min-width: 1024px) {
  .c-finances__cell--transaction-amount-mobile {
    display: none;
  }
}

.c-finances__cell--transaction-amount-mobile--label {
  display: block;
  color: #64757a;
}

.c-finances__cell--transaction-amount-mobile--value {
  display: block;
}

.c-finances__cell--status {
  text-align: left;
  width: 200px;
  flex-grow: 0;
}

@media screen and (max-width: 1024px) {
  .c-finances__cell--status {
    width: 190px;
  }
}

.c-finances__cell--status__content {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  .c-finances__cell--status__content {
    justify-content: center;
    color: #64757a;
  }

  .c-finances__cell--status__content div:first-of-type {
    order: 2;
  }
}

.c-finances__cell--status--credit {
  font-weight: bold;
}

.c-finances__cell--status--mobile-amount {
  display: none;
}

@media screen and (max-width: 1024px) {
  .c-finances__cell--status--mobile-amount {
    display: block;
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  .c-finances__cell--status--partial {
    display: block;
    font-size: 0.7rem;
    text-align: center;
  }
}

.c-finances__cell--status__icon {
  flex-grow: 0;
  width: 32px;
  text-align: center;
}

.c-finances__cell--status__icon .text-red {
  color: #d81159;
}

.c-finances__cell--status__icon .text-orange {
  color: #fcbb42;
}

.c-finances__cell--status__icon .text-green {
  color: #00b98f;
}

.c-finances__cell--status__icon .text-grey {
  color: #444;
}

.c-finances__cell.padtop {
  padding-top: 12px;
}

.c-finances__cell:last-of-type {
  border-right: none;
}

.c-finances__insights--heading {
  padding-top: 16px;
}

@media screen and (max-width: 1024px) {
  .c-finances__insights--heading {
    margin-bottom: 0;
    padding: 4px;
  }
}

.c-finances__insights--figures {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

@media screen and (max-width: 1024px) {
  .c-finances__insights--figures {
    margin: 0;
    padding: 0;
  }
}

.c-finances__insights--description {
  padding-top: 6px;
  text-align: left;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}

.c-finances__insights--total {
  padding-top: 6px;
  flex-grow: 0;
  width: 180px;
}

.c-finances__loading, .c-finances__no-data {
  text-align: center;
  padding: 24px 0;
}

.c-finances__loading--insights, .c-finances__no-data--insights {
  padding-top: 16px;
}

.c-aside {
  margin-bottom: 20px;
}

.c-aside__definition {
  margin-bottom: 20px;
}

.c-aside__title {
  color: #233b42;
  font-size: 28px;
  font-weight: 700;
}

.c-aside__desc {
  color: #7b898d;
}

.c-aside__box {
  padding: 30px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.03);
}

.account_manager__photo {
  width: 33%;
}

.account_manager__name {
  width: 67%;
  margin-top: 20px;
}

.account_manager__name > p {
  color: #233b42;
}

.account_manager__button {
  display: flex;
  height: 45px;
  padding: 0 16px;
  border-radius: 22.5px;
  align-items: center;
  justify-content: left;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #e9ebec;
  margin-top: 15px;
}

.account_manager__button:hover {
  border: 1px solid #233b42;
}

.account_manager__button:last-child {
  margin-bottom: 20px;
}

.c-timeline {
  padding-left: 14px;
}

.c-timeline__item {
  position: relative;
  padding: 0 0 30px 30px;
  border-left: 5px solid #e9ebec;
}

.c-timeline__item:last-child {
  padding-bottom: 0;
}

.c-timeline__item--active, .c-timeline__item--past {
  border-color: #1976d2;
}

.c-timeline__item--active .c-timeline__title:before, .c-timeline__item--past .c-timeline__title:before {
  transition: all 0.2s ease;
  background-color: #1976d2 !important;
  border-color: #1976d2 !important;
}

.c-timeline__item--active .c-timeline__title-btn, .c-timeline__item--preview .c-timeline__title-btn {
  transition: all 0.2s ease;
  opacity: 1;
}

.c-timeline__item--active .c-timeline__desc, .c-timeline__item--preview .c-timeline__desc {
  display: block;
}

.c-timeline__item--active .c-timeline__title:after {
  content: "(Current)";
  display: inline-block;
  color: #7b898d;
  font-size: 14px;
  font-style: normal;
  line-height: 34px;
  margin-left: 5px;
}

.c-timeline__item--preview .c-timeline__title:before {
  transition: all 0.2s ease;
  background-color: #e9ebec;
}

.c-timeline__title {
  margin: 0;
}

.c-timeline__title:before {
  display: block;
  content: "";
  width: 34px;
  height: 34px;
  background-color: #ffffff;
  border: 2px solid #e9ebec;
  position: absolute;
  left: -20px;
  border-radius: 50%;
}

.c-timeline__title-btn {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  border-radius: 17px;
  text-align: left;
  display: inline-flex;
  min-width: 150px;
  padding: 5px 20px;
  background-color: #c5ddf4;
  color: #12589e;
  opacity: 0.5;
}

.c-timeline__title-btn:hover {
  transition: all 0.2s ease;
  opacity: 1;
}

.c-timeline__title-btn:focus {
  outline: none;
}

.c-timeline__desc {
  margin: 0;
  padding-top: 10px;
  display: none;
}

.c-timeline__desc p {
  color: #233b42;
  margin: 0;
  line-height: 1.4;
}

.c-timeline__desc p strong {
  font-weight: 700;
}

.c-timeline__desc * + p {
  margin-top: 20px;
}

/**
 * Start of tablet view:
 * iPad Portrait 768px
 *
 * Start of phone view:
 * iPhone XS Max 458px
 *
 * Minimum width view:
 * iPhone 5 326px
 */

/**
 * Elevations
 */

.document_details_wrapper .rd__document_content {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}

@media screen and (max-width: 1240px) {
  .document_details_wrapper .rd__document_content {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.document_details_wrapper .rd__document_content .document__title {
  font-family: 'hkgrotesk';
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 20px;
  font-weight: 700;
  color: #233b42;
}

.document_details_wrapper .rd__document_content .form-container {
  border-width: 0;
  border-radius: 4px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.03);
}

.document_details_wrapper .rd__document_content .form-container table {
  margin-bottom: 20px;
}

@media screen and (max-width: 458px) {
  .document_details_wrapper .form-container {
    padding: 20px 0px 0;
  }
}

.document-table {
  max-height: 40rem;
  overflow: scroll;
}

.c-preferences {
  display: block;
  margin: 0 auto;
  width: 1400px;
  max-width: 100%;
  width: auto;
  max-width: none;
  min-width: 100%;
  padding: 40px 0 100px;
}

.c-preferences__progress {
  text-align: center;
  margin-bottom: 10px;
  color: #7b898d;
}

@media screen and (min-width: 1113px) {
  .c-preferences__carousel {
    position: relative;
    left: calc(50% - (768px / 2));
    min-width: 9999px;
  }
}

.c-preferences__items {
  transition: all 1.3s ease;
  position: relative;
  left: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 5px;
}

@media screen and (min-width: 1113px) {
  .c-preferences__items {
    flex-direction: row;
  }
}

.c-preferences__item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 0 auto;
  position: relative;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  margin: 20px;
  opacity: 0.3;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media screen and (min-width: 471px) {
  .c-preferences__item {
    padding: 40px;
  }
}

@media screen and (min-width: 1113px) {
  .c-preferences__item {
    margin: 0 20px;
    flex: 0 0 768px;
  }
}

.c-preferences__item * {
  pointer-events: none;
}

.c-preferences__item--end {
  align-content: space-evenly;
}

.c-preferences__item--end > {
  flex: 0 0 100%;
}

.c-preferences__item--end .c-preferences__grid {
  order: 2;
  text-align: center;
}

.c-preferences__item--end .c-preferences__title {
  font-size: 36px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.3;
  color: #233b42;
  margin-bottom: 20px;
}

.c-preferences__item--end .c-preferences__description {
  font-size: 20px;
}

.c-preferences__item--end .c-preferences__description p + p {
  margin-top: 10px;
}

.c-preferences__item--end .c-preferences__icon {
  order: 1;
  margin: 0 auto 20px;
  text-align: center;
}

.c-preferences__item--end .c-preferences__actions {
  order: 3;
  position: relative;
  bottom: auto;
  min-width: 240px;
}

@media screen and (min-width: 1113px) {
  .c-preferences__item--end .c-preferences__actions {
    margin-top: 20px;
  }
}

.c-preferences__item--active {
  transition: all 0.2s ease;
  opacity: 1;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

.c-preferences__item--active * {
  pointer-events: auto;
}

.c-preferences__item--loading * {
  pointer-events: none;
}

.c-preferences__item--loading:before {
  content: '';
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 6px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.c-preferences__item--loading:after {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 7px solid #e9ebec;
  border-top: 7px solid #1976d2;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  content: '';
  position: absolute;
  top: calc(50% - 15px);
  right: calc(50% - 15px);
  z-index: 11;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.c-preferences__item--success:after, .c-preferences__item--fail:after {
  -webkit-animation: none;
          animation: none;
  width: auto;
  height: auto;
  display: table;
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #e9ebec;
  border-radius: 6px;
  z-index: 11;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: auto;
  bottom: auto;
}

.c-preferences__item--success:after {
  content: attr(data-success);
  border-color: #00b98f;
}

.c-preferences__item--fail:after {
  content: attr(data-fail);
  border-color: #d81159;
}

.c-preferences__grid {
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
}

.c-preferences__grid--shared {
  flex-basis: 100%;
}

@media screen and (min-width: 1113px) {
  .c-preferences__grid--shared {
    flex-basis: 75%;
  }
}

.c-preferences__title {
  color: #1976d2;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}

.c-preferences__title--green {
  color: #00b98f;
}

.c-preferences__title--red {
  color: #d81159;
}

.c-preferences__description {
  color: #233b42;
  font-size: 18px;
}

.c-preferences__description p {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-weight: inherit;
}

.c-preferences__description p + p {
  margin-top: 20px;
}

.c-preferences__tooltip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  color: #1976d2;
  content: "i";
  background-color: #ffffff;
  border: 1px solid #1976d2;
  border-radius: 50%;
  padding: 2px 0 0 0;
  cursor: pointer;
  position: relative;
  top: -1px;
  width: 20px;
  height: 20px;
}

.c-preferences__tooltip:hover {
  left: 0;
  right: 0;
  width: 100%;
  border: 0;
}

@media screen and (min-width: 1113px) {
  .c-preferences__tooltip:hover {
    left: auto;
    right: auto;
    width: 20px;
    border: 1px solid #1976d2;
  }
}

.c-preferences__tooltip:before {
  content: attr(data-text);
  position: absolute;
  padding: 10px;
  border-radius: 6px;
  background: black;
  color: #fff;
  text-align: center;
  display: none;
  opacity: 0;
  transition: .3s opacity;
  z-index: 1;
  line-height: 1.2;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

@media screen and (min-width: 1113px) {
  .c-preferences__tooltip:before {
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    margin-left: 15px;
    width: 200px;
  }
}

.c-preferences__tooltip:hover:before {
  display: block;
}

.c-preferences__tooltip.left:before {
  left: initial;
  margin: initial;
  right: 100%;
  margin-right: 15px;
}

.c-preferences__tooltip:after {
  content: "";
  position: absolute;
  left: 100%;
  margin-left: -5px;
  top: 50%;
  transform: translateY(-50%);
  border: 10px solid black;
  border-color: transparent black transparent transparent;
  display: none;
  opacity: 0;
  transition: .3s;
}

.c-preferences__tooltip:hover:before {
  display: block;
  opacity: 1;
}

@media screen and (min-width: 1113px) {
  .c-preferences__tooltip:hover:after {
    display: block;
    opacity: 1;
  }
}

.c-preferences__icon {
  text-align: right;
  display: none;
}

@media screen and (min-width: 1113px) {
  .c-preferences__icon {
    display: block;
    flex-basis: 25%;
  }
}

.c-preferences__icon img {
  display: inline-block;
  max-height: 100px;
}

.c-preferences__icon--featured {
  display: table;
  margin: 40px auto 0;
  text-align: center;
}

.c-preferences__question {
  flex-basis: 100%;
  margin: 30px 0 0;
}

@media screen and (min-width: 670px) {
  .c-preferences__question {
    margin: 40px 0 0;
  }
}

.c-preferences__label {
  display: block;
  margin: 0 0 30px;
  font-size: 18px;
  line-height: 1.4;
  color: #233b42;
}

.c-preferences__fields {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: flex-start;
}

.c-preferences__field {
  position: relative;
  font-size: 16px;
  line-height: 1.4;
  color: #233b42;
}

@media screen and (min-width: 670px) {
  .c-preferences__field {
    font-size: 18px;
  }
}

.c-preferences__field--option {
  padding: 0 0 0 34px;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 670px) {
  .c-preferences__field--option {
    padding: 0 0 0 42px;
  }
}

.c-preferences__field--option:before {
  display: block;
  content: "";
  background-color: #ffffff;
  border: 1px solid #bdc4c6;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
}

@media screen and (min-width: 670px) {
  .c-preferences__field--option:before {
    width: 28px;
    height: 28px;
  }
}

.c-preferences__field--option:hover {
  cursor: pointer;
  transition: all 0.2s ease;
}

.c-preferences__field--option:hover:before {
  background-color: #1976d2;
  border-color: #1976d2;
}

.c-preferences__field--active {
  transition: all 0.2s ease;
}

.c-preferences__field--active:before {
  background-color: #1976d2;
  border-color: #1976d2;
}

.c-preferences__field--option + .c-preferences__field--option {
  margin-top: 18px;
}

.c-preferences__field--recommended {
  font-weight: 500;
}

.c-preferences__note {
  font-size: 16px;
  line-height: 1.4;
  color: #7b898d;
  margin: 30px 0 0;
  flex-basis: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.c-preferences__note a {
  color: #1976d2;
}

.c-preferences__actions {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 40px;
}

@media screen and (min-width: 1113px) {
  .c-preferences__actions {
    margin-top: 0;
    position: absolute;
    bottom: -80px;
  }
}

.c-preferences__btn--start, .c-preferences__btn--end {
  display: inline-flex !important;
  min-width: 240px;
  max-width: 100%;
}

.c-preferences-summary {
  display: block;
  margin: 0 auto;
  width: 1400px;
  max-width: 100%;
  padding: 20px;
}

@media screen and (min-width: 471px) {
  .c-preferences-summary {
    padding: 40px;
  }
}

.c-preferences-summary__category + .c-preferences-summary__category {
  margin-top: 30px;
}

.c-preferences-summary__category-label {
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5;
  color: #233b42;
  margin-bottom: 10px;
}

@media screen and (min-width: 670px) {
  .c-preferences-summary__category-label {
    font-size: 24px;
    font-weight: 400;
  }
}

.c-preferences-summary__item + .c-preferences-summary__item {
  margin-top: 12px;
}

.c-preferences-summary__item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  min-height: 110px;
  position: relative;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

@media screen and (min-width: 670px) {
  .c-preferences-summary__item {
    padding: 10px 20px;
  }
}

.c-preferences-summary__description {
  flex-basis: 100%;
  margin-bottom: 30px;
}

@media screen and (min-width: 670px) {
  .c-preferences-summary__description {
    flex-basis: 55%;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1024px) {
  .c-preferences-summary__description {
    flex-basis: 65%;
  }
}

.c-preferences-summary__title {
  font-size: 18px;
  line-height: 1.3;
}

@media screen and (min-width: 670px) {
  .c-preferences-summary__title {
    font-size: 20px;
  }
}

.c-preferences-summary__question {
  font-size: 16px;
  line-height: 1.3;
  margin-top: 10px;
}

.c-preferences-summary__values {
  display: flex;
  flex-direction: column;
  flex-basis: 60%;
  align-items: flex-start;
  justify-content: flex-start;
}

@media screen and (min-width: 670px) {
  .c-preferences-summary__values {
    margin-top: 30px;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    flex-basis: 45%;
  }
}

@media screen and (min-width: 1024px) {
  .c-preferences-summary__values {
    margin-top: 30px;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    flex-basis: 35%;
  }
}

.c-preferences-summary__label {
  font-size: 14px;
}

.c-preferences-summary__value {
  font-size: 18px;
}

.c-preferences-summary__actions {
  flex-basis: 40%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media screen and (min-width: 670px) {
  .c-preferences-summary__actions {
    flex-basis: auto;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 20px;
  }
}

.c-preferences-summary__actions a {
  color: #1976d2;
}

.c-preferences-summary__actions a :hover {
  color: #233b42;
}

.c-preferences-summary__fields {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  align-items: flex-start;
}

.c-preferences-summary__field {
  position: relative;
  font-size: 16px;
  line-height: 1.4;
  color: #233b42;
}

@media screen and (min-width: 670px) {
  .c-preferences-summary__field {
    font-size: 18px;
  }
}

.c-preferences-summary__field--option {
  padding: 0 0 0 34px;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 670px) {
  .c-preferences-summary__field--option {
    padding: 0 0 0 42px;
  }
}

.c-preferences-summary__field--option:before {
  display: block;
  content: "";
  background-color: #ffffff;
  border: 1px solid #bdc4c6;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  position: absolute;
  left: 0;
}

@media screen and (min-width: 670px) {
  .c-preferences-summary__field--option:before {
    width: 28px;
    height: 28px;
  }
}

.c-preferences-summary__field--option:hover {
  cursor: pointer;
  transition: all 0.2s ease;
}

.c-preferences-summary__field--option:hover:before {
  background-color: #1976d2;
  border-color: #1976d2;
}

.c-preferences-summary__field--active {
  transition: all 0.2s ease;
}

.c-preferences-summary__field--active:before {
  background-color: #1976d2;
  border-color: #1976d2;
}

.c-preferences-summary__field--option + .c-preferences-summary__field--option {
  margin-top: 18px;
}

.c-preferences-summary__field--recommended {
  font-weight: 500;
}

.c-preferences-summary__fields {
  flex-basis: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.c-preferences-summary__note {
  font-size: 16px;
  line-height: 1.4;
  color: #7b898d;
  margin: 30px 0 0;
  flex-basis: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.c-preferences-summary__note a {
  color: #1976d2;
}

.c-preferences-summary__note {
  margin-top: 0;
}

/**
 * Start of tablet view:
 * iPad Portrait 768px
 *
 * Start of phone view:
 * iPhone XS Max 458px
 *
 * Minimum width view:
 * iPhone 5 326px
 */

/**
 * Elevations
 */

.invoice {
  padding: 26px 20px;
  position: relative;
  align-items: flex-start;
  justify-content: flex-start;
  border-bottom: 1px solid #e9ebec;
  margin-bottom: 10px;
  margin-right: 20px;
  width: 287px;
  height: 280px;
}

.invoice.invoice__latest {
  background-color: #ffffff;
}

.invoice__no-button {
  height: 222px;
}

.invoice__name {
  color: #233b42;
  font-size: 16px;
  font-weight: 700;
}

.invoice__date {
  margin-top: 5px;
  color: #233b42;
}

.invoice__date > p {
  color: #233b42;
  font-size: 14px;
}

.invoice__date .date__title {
  font-weight: 500;
}

.invoice__total {
  font-size: 16px;
  margin-top: 10px;
  color: #233b42;
}

.invoice .download_button {
  position: absolute;
  margin-top: 16px;
  height: 44px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  cursor: pointer;
  background-color: #1976d2;
  width: 160px;
  top: 203px;
}

.invoice .download_button .bb__left {
  display: flex;
  flex-shrink: 0;
  margin-right: 10px;
  margin-left: -13px;
}

.invoice .download_button .bb__left .bb__icon {
  margin-top: 20px;
}

.invoice .download_button > p {
  color: #ffffff;
  font-weight: 700;
  white-space: nowrap;
  margin-left: -8px;
  font-size: 14px;
}

@media screen and (max-width: 458px) {
  .invoice {
    width: 289px;
    auto-height: 222px;
    display: block;
    margin-top: 20px;
    flex-basis: 100%;
  }
}

/*********
Object
~ small, atomised elements like buttons, labels etc
~ prefix: .o-<name>
*********/

.o-status--active {
  background-color: #c5ddf4;
}

.o-status--active * {
  color: #5399de;
}

.o-status--inactive {
  background-color: #f3f5f5;
}

.o-status--inactive * {
  color: #7b898d;
}

.howsy-head {
  background: #1976d2;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  text-align: center;
}

@media screen and (min-width: 1200px) {
  .howsy-head {
    height: 120px;
  }
}

@media screen and (min-width: 568px) {
  .howsy-head {
    text-align: left;
  }
}

.howsy-head__items {
  max-width: 1200px;
  flex: 1 1 0px;
}

.howsy-link {
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
  display: inline-block;
  width: 162px;
  height: 46px;
}

.howsy-link svg {
  display: block;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  fill: white;
}

.review {
  display: flex;
  padding: 60px 20px;
  justify-content: center;
}

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

.review p, .review label {
  color: #4f4f4f;
}

.review a {
  color: #1976d2;
  background: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
}

.review a:hover {
  border: none;
  background: none;
  text-decoration: none;
  color: #12589e;
}

.review__items {
  flex: 1 1 0px;
  max-width: 1200px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 40px 10px 40px;
}

@media screen and (min-width: 568px) {
  .review__items {
    padding: 40px 40px 120px;
  }
}

.review__text {
  text-align: center;
}

.review__text > *:last-child {
  margin-bottom: 0;
}

.review h1 {
  font-family: 'hkgrotesk';
  font-size: 32px;
  font-weight: 500;
  color: #0c3b69;
  margin: 0 0 30px;
}

@media screen and (min-width: 568px) {
  .review h1 {
    font-family: 'hkgrotesk';
    font-size: 40px;
    font-weight: 500;
  }
}

.review h2 {
  font-family: 'hkgrotesk';
  font-size: 28px;
  font-weight: 500;
  color: #4f4f4f;
  margin: 0 0 30px;
}

@media screen and (min-width: 568px) {
  .review h2 {
    font-family: 'hkgrotesk';
    font-size: 24px;
    font-weight: 500;
  }
}

.review .leading {
  font-size: 20px;
}

@media screen and (min-width: 568px) {
  .review .leading {
    font-size: 24px;
  }
}

.review .leading strong {
  font-weight: 500;
}

.review .leading + * {
  margin-top: 20px;
}

.review__subsections {
  margin: 40px 0 0;
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 568px) {
  .review__subsections {
    margin: 60px 0 0;
  }
}

.review__subsection {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 568px) {
  .review__subsection {
    align-items: flex-start;
  }
}

.review__text + .review__fields,
  .review__fields + .review__fields {
  margin-top: 20px;
}

.review__text + .review__controls,
  .review__fields + .review__controls {
  margin-top: 30px;
}

.review__controls + .review__controls {
  margin-top: 10px;
}

.review__field--checkbox label {
  display: inline-flex;
  align-items: center;
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  color: #4f4f4f;
  cursor: pointer;
  line-height: 1.4;
}

.review__field--checkbox label * {
  margin: 0;
}

.review__field--checkbox label input[type="checkbox"] {
  margin: 0 20px 0 0;
  transform: scale(1.5);
}

.review__field--checkbox + .review__field--checkbox {
  margin-top: 18px;
}

@media screen and (min-width: 1200px) {
  .review__field--checkbox + .review__field--checkbox {
    margin-top: 12px;
  }
}

.review__field--submit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: center;
}

@media screen and (min-width: 568px) {
  .review__field--submit {
    flex-direction: row;
  }
}

.review__button {
  display: inline-flex;
  justify-content: center;
  padding: 10px 40px;
  background: #1976d2;
  border: 1px solid #1976d2;
  font-family: 'hkgrotesk';
  font-size: 20px;
  font-weight: 400;
  color: white;
  border-radius: 30px;
  min-width: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
}

@media screen and (min-width: 568px) {
  .review__button {
    min-width: 130px;
  }
}

.review__button:hover {
  background: #12589e;
  border: 1px solid #12589e;
}

@media screen and (min-width: 568px) {
  .review__button--large {
    min-width: 240px;
  }
}

@media screen and (min-width: 568px) {
  .review__button--small {
    min-width: auto;
    padding: 8px 30px;
    font-family: 'hkgrotesk';
    font-size: 18px;
    font-weight: 400;
  }
}

.review__button--outline {
  color: #1976d2;
  background: white;
  border: 1px solid #1976d2;
}

.review__button--outline:hover {
  border: 1px solid #12589e;
  background: #12589e;
  color: white;
}

.review__button--plain {
  color: #1976d2;
  background: none;
  border: none;
  padding-left: 4px;
  padding-right: 4px;
}

@media screen and (min-width: 568px) {
  .review__button--plain {
    min-width: auto;
  }
}

.review__button--plain:hover {
  border: none;
  background: none;
  color: #12589e;
}

.review__button + .review__button {
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
}

@media screen and (min-width: 568px) {
  .review__button + .review__button {
    margin-left: 20px;
    margin-top: 0;
  }
}

.smilies {
  margin-top: 60px;
}

.smilies__items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  max-width: 800px;
  margin: auto;
}

@media screen and (min-width: 568px) {
  .smilies__items {
    flex-direction: row;
  }
}

.smilies__item {
  display: flex;
  flex: 1 1 0px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 14px 20px;
  transition: all 0.3s ease;
}

@media screen and (min-width: 568px) {
  .smilies__item {
    flex-direction: column;
    padding: 20px 20px 10px;
  }
}

.smilies__item.active {
  display: none;
}

@media screen and (min-width: 568px) {
  .smilies__item.active {
    display: flex;
  }
}

.smilies__item.active.selected {
  display: flex;
}

.smilies__item.selected, .smilies__item:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

.smilies__item.selected svg, .smilies__item:hover svg {
  stroke: currentColor;
  transform: scale(1.1);
}

.smilies__icon svg {
  display: block;
  width: 68px;
  height: 68px;
  stroke: currentColor;
  transition: all 0.3s ease;
}

@media screen and (min-width: 568px) {
  .smilies__icon svg {
    width: 72px;
    height: 72px;
  }
}

@media screen and (min-width: 1200px) {
  .smilies__icon svg {
    stroke: #a7a7a7;
  }
}

.smilies__icon--red {
  color: #A04043;
}

.smilies__icon--blue {
  color: #1976D2;
}

.smilies__icon--green {
  color: #70A050;
}

.smilies__caption {
  font-family: 'hkgrotesk';
  font-size: 18px;
  font-weight: 400;
  color: #4f4f4f;
  text-align: center;
  margin-left: 20px;
}

@media screen and (min-width: 568px) {
  .smilies__caption {
    margin-top: 40px;
    margin-left: 0;
  }
}

.customer-documents__text .alert-warning * + p,
.customer-documents__text .alert-warning * + ul {
  margin-top: 12px;
}

.customer-documents__text .alert-warning ul {
  padding-left: 16px;
}

.customer-documents__text .alert-warning li {
  font-family: 'hkgrotesk';
  font-size: 16px;
  font-weight: 300;
  list-style-type: disc;
}

.customer-documents__text .alert-warning a {
  color: #1976d2;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

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

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e2e8f0; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0aec0;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

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

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

.tw-container{
  width: 100%;
}

@media (min-width: 640px){
  .tw-container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .tw-container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .tw-container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .tw-container{
    max-width: 1280px;
  }
}

.tw-space-y-0 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0px * var(--space-y-reverse));
}

.tw-space-x-0 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(0px * var(--space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-1 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--space-y-reverse));
}

.tw-space-x-1 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-2 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--space-y-reverse));
}

.tw-space-x-2 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-3 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--space-y-reverse));
}

.tw-space-x-3 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-4 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1rem * var(--space-y-reverse));
}

.tw-space-x-4 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(1rem * var(--space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-5 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--space-y-reverse));
}

.tw-space-x-5 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-6 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--space-y-reverse));
}

.tw-space-x-6 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-8 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(2rem * var(--space-y-reverse));
}

.tw-space-x-8 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(2rem * var(--space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-10 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--space-y-reverse));
}

.tw-space-x-10 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(2.5rem * var(--space-x-reverse));
  margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-12 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(3rem * var(--space-y-reverse));
}

.tw-space-x-12 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(3rem * var(--space-x-reverse));
  margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-16 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(4rem * var(--space-y-reverse));
}

.tw-space-x-16 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(4rem * var(--space-x-reverse));
  margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-20 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(5rem * var(--space-y-reverse));
}

.tw-space-x-20 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(5rem * var(--space-x-reverse));
  margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-24 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(6rem * var(--space-y-reverse));
}

.tw-space-x-24 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(6rem * var(--space-x-reverse));
  margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-32 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(8rem * var(--space-y-reverse));
}

.tw-space-x-32 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(8rem * var(--space-x-reverse));
  margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-40 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(10rem * var(--space-y-reverse));
}

.tw-space-x-40 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(10rem * var(--space-x-reverse));
  margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-48 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(12rem * var(--space-y-reverse));
}

.tw-space-x-48 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(12rem * var(--space-x-reverse));
  margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-56 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(14rem * var(--space-y-reverse));
}

.tw-space-x-56 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(14rem * var(--space-x-reverse));
  margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-64 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(16rem * var(--space-y-reverse));
}

.tw-space-x-64 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(16rem * var(--space-x-reverse));
  margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-px > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1px * var(--space-y-reverse));
}

.tw-space-x-px > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(1px * var(--space-x-reverse));
  margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-1 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-0.25rem * var(--space-y-reverse));
}

.tw--space-x-1 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-0.25rem * var(--space-x-reverse));
  margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-2 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-0.5rem * var(--space-y-reverse));
}

.tw--space-x-2 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-3 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-0.75rem * var(--space-y-reverse));
}

.tw--space-x-3 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-0.75rem * var(--space-x-reverse));
  margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-4 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1rem * var(--space-y-reverse));
}

.tw--space-x-4 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-1rem * var(--space-x-reverse));
  margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-5 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1.25rem * var(--space-y-reverse));
}

.tw--space-x-5 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-1.25rem * var(--space-x-reverse));
  margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-6 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1.5rem * var(--space-y-reverse));
}

.tw--space-x-6 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-1.5rem * var(--space-x-reverse));
  margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-8 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-2rem * var(--space-y-reverse));
}

.tw--space-x-8 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-2rem * var(--space-x-reverse));
  margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-10 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-2.5rem * var(--space-y-reverse));
}

.tw--space-x-10 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-2.5rem * var(--space-x-reverse));
  margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-12 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-3rem * var(--space-y-reverse));
}

.tw--space-x-12 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-3rem * var(--space-x-reverse));
  margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-16 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-4rem * var(--space-y-reverse));
}

.tw--space-x-16 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-4rem * var(--space-x-reverse));
  margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-20 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-5rem * var(--space-y-reverse));
}

.tw--space-x-20 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-5rem * var(--space-x-reverse));
  margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-24 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-6rem * var(--space-y-reverse));
}

.tw--space-x-24 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-6rem * var(--space-x-reverse));
  margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-32 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-8rem * var(--space-y-reverse));
}

.tw--space-x-32 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-8rem * var(--space-x-reverse));
  margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-40 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-10rem * var(--space-y-reverse));
}

.tw--space-x-40 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-10rem * var(--space-x-reverse));
  margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-48 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-12rem * var(--space-y-reverse));
}

.tw--space-x-48 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-12rem * var(--space-x-reverse));
  margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-56 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-14rem * var(--space-y-reverse));
}

.tw--space-x-56 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-14rem * var(--space-x-reverse));
  margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-64 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-16rem * var(--space-y-reverse));
}

.tw--space-x-64 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-16rem * var(--space-x-reverse));
  margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
}

.tw--space-y-px > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1px * var(--space-y-reverse));
}

.tw--space-x-px > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-1px * var(--space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
}

.tw-space-y-reverse > :not(template) ~ :not(template){
  --space-y-reverse: 1;
}

.tw-space-x-reverse > :not(template) ~ :not(template){
  --space-x-reverse: 1;
}

.tw-divide-y-0 > :not(template) ~ :not(template){
  --divide-y-reverse: 0;
  border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(0px * var(--divide-y-reverse));
}

.tw-divide-x-0 > :not(template) ~ :not(template){
  --divide-x-reverse: 0;
  border-right-width: calc(0px * var(--divide-x-reverse));
  border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
}

.tw-divide-y-2 > :not(template) ~ :not(template){
  --divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(2px * var(--divide-y-reverse));
}

.tw-divide-x-2 > :not(template) ~ :not(template){
  --divide-x-reverse: 0;
  border-right-width: calc(2px * var(--divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
}

.tw-divide-y-3 > :not(template) ~ :not(template){
  --divide-y-reverse: 0;
  border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(3px * var(--divide-y-reverse));
}

.tw-divide-x-3 > :not(template) ~ :not(template){
  --divide-x-reverse: 0;
  border-right-width: calc(3px * var(--divide-x-reverse));
  border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
}

.tw-divide-y-4 > :not(template) ~ :not(template){
  --divide-y-reverse: 0;
  border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(4px * var(--divide-y-reverse));
}

.tw-divide-x-4 > :not(template) ~ :not(template){
  --divide-x-reverse: 0;
  border-right-width: calc(4px * var(--divide-x-reverse));
  border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
}

.tw-divide-y-8 > :not(template) ~ :not(template){
  --divide-y-reverse: 0;
  border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(8px * var(--divide-y-reverse));
}

.tw-divide-x-8 > :not(template) ~ :not(template){
  --divide-x-reverse: 0;
  border-right-width: calc(8px * var(--divide-x-reverse));
  border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
}

.tw-divide-y > :not(template) ~ :not(template){
  --divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(1px * var(--divide-y-reverse));
}

.tw-divide-x > :not(template) ~ :not(template){
  --divide-x-reverse: 0;
  border-right-width: calc(1px * var(--divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}

.tw-divide-y-reverse > :not(template) ~ :not(template){
  --divide-y-reverse: 1;
}

.tw-divide-x-reverse > :not(template) ~ :not(template){
  --divide-x-reverse: 1;
}

.tw-divide-transparent > :not(template) ~ :not(template){
  border-color: transparent;
}

.tw-divide-current > :not(template) ~ :not(template){
  border-color: currentColor;
}

.tw-divide-black > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--divide-opacity));
}

.tw-divide-white > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--divide-opacity));
}

.tw-divide-gray-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #f7fafc;
  border-color: rgba(247, 250, 252, var(--divide-opacity));
}

.tw-divide-gray-200 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #edf2f7;
  border-color: rgba(237, 242, 247, var(--divide-opacity));
}

.tw-divide-gray-300 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(226, 232, 240, var(--divide-opacity));
}

.tw-divide-gray-400 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--divide-opacity));
}

.tw-divide-gray-500 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, var(--divide-opacity));
}

.tw-divide-gray-600 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #718096;
  border-color: rgba(113, 128, 150, var(--divide-opacity));
}

.tw-divide-gray-700 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #4a5568;
  border-color: rgba(74, 85, 104, var(--divide-opacity));
}

.tw-divide-gray-800 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #2d3748;
  border-color: rgba(45, 55, 72, var(--divide-opacity));
}

.tw-divide-gray-900 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #1a202c;
  border-color: rgba(26, 32, 44, var(--divide-opacity));
}

.tw-divide-red-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fff5f5;
  border-color: rgba(255, 245, 245, var(--divide-opacity));
}

.tw-divide-red-200 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fed7d7;
  border-color: rgba(254, 215, 215, var(--divide-opacity));
}

.tw-divide-red-300 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #feb2b2;
  border-color: rgba(254, 178, 178, var(--divide-opacity));
}

.tw-divide-red-400 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fc8181;
  border-color: rgba(252, 129, 129, var(--divide-opacity));
}

.tw-divide-red-500 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #f56565;
  border-color: rgba(245, 101, 101, var(--divide-opacity));
}

.tw-divide-red-600 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #e53e3e;
  border-color: rgba(229, 62, 62, var(--divide-opacity));
}

.tw-divide-red-700 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #c53030;
  border-color: rgba(197, 48, 48, var(--divide-opacity));
}

.tw-divide-red-800 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #9b2c2c;
  border-color: rgba(155, 44, 44, var(--divide-opacity));
}

.tw-divide-red-900 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #742a2a;
  border-color: rgba(116, 42, 42, var(--divide-opacity));
}

.tw-divide-orange-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fffaf0;
  border-color: rgba(255, 250, 240, var(--divide-opacity));
}

.tw-divide-orange-200 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #feebc8;
  border-color: rgba(254, 235, 200, var(--divide-opacity));
}

.tw-divide-orange-300 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fbd38d;
  border-color: rgba(251, 211, 141, var(--divide-opacity));
}

.tw-divide-orange-400 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #f6ad55;
  border-color: rgba(246, 173, 85, var(--divide-opacity));
}

.tw-divide-orange-500 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #ed8936;
  border-color: rgba(237, 137, 54, var(--divide-opacity));
}

.tw-divide-orange-600 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #dd6b20;
  border-color: rgba(221, 107, 32, var(--divide-opacity));
}

.tw-divide-orange-700 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #c05621;
  border-color: rgba(192, 86, 33, var(--divide-opacity));
}

.tw-divide-orange-800 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #9c4221;
  border-color: rgba(156, 66, 33, var(--divide-opacity));
}

.tw-divide-orange-900 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #7b341e;
  border-color: rgba(123, 52, 30, var(--divide-opacity));
}

.tw-divide-yellow-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fffff0;
  border-color: rgba(255, 255, 240, var(--divide-opacity));
}

.tw-divide-yellow-200 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fefcbf;
  border-color: rgba(254, 252, 191, var(--divide-opacity));
}

.tw-divide-yellow-300 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #faf089;
  border-color: rgba(250, 240, 137, var(--divide-opacity));
}

.tw-divide-yellow-400 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #f6e05e;
  border-color: rgba(246, 224, 94, var(--divide-opacity));
}

.tw-divide-yellow-500 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #ecc94b;
  border-color: rgba(236, 201, 75, var(--divide-opacity));
}

.tw-divide-yellow-600 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #d69e2e;
  border-color: rgba(214, 158, 46, var(--divide-opacity));
}

.tw-divide-yellow-700 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #b7791f;
  border-color: rgba(183, 121, 31, var(--divide-opacity));
}

.tw-divide-yellow-800 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #975a16;
  border-color: rgba(151, 90, 22, var(--divide-opacity));
}

.tw-divide-yellow-900 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #744210;
  border-color: rgba(116, 66, 16, var(--divide-opacity));
}

.tw-divide-green-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #f0fff4;
  border-color: rgba(240, 255, 244, var(--divide-opacity));
}

.tw-divide-green-200 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #c6f6d5;
  border-color: rgba(198, 246, 213, var(--divide-opacity));
}

.tw-divide-green-300 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #9ae6b4;
  border-color: rgba(154, 230, 180, var(--divide-opacity));
}

.tw-divide-green-400 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #68d391;
  border-color: rgba(104, 211, 145, var(--divide-opacity));
}

.tw-divide-green-500 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #48bb78;
  border-color: rgba(72, 187, 120, var(--divide-opacity));
}

.tw-divide-green-600 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #38a169;
  border-color: rgba(56, 161, 105, var(--divide-opacity));
}

.tw-divide-green-700 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #2f855a;
  border-color: rgba(47, 133, 90, var(--divide-opacity));
}

.tw-divide-green-800 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #276749;
  border-color: rgba(39, 103, 73, var(--divide-opacity));
}

.tw-divide-green-900 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #22543d;
  border-color: rgba(34, 84, 61, var(--divide-opacity));
}

.tw-divide-teal-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #e6fffa;
  border-color: rgba(230, 255, 250, var(--divide-opacity));
}

.tw-divide-teal-200 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #b2f5ea;
  border-color: rgba(178, 245, 234, var(--divide-opacity));
}

.tw-divide-teal-300 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #81e6d9;
  border-color: rgba(129, 230, 217, var(--divide-opacity));
}

.tw-divide-teal-400 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #4fd1c5;
  border-color: rgba(79, 209, 197, var(--divide-opacity));
}

.tw-divide-teal-500 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #38b2ac;
  border-color: rgba(56, 178, 172, var(--divide-opacity));
}

.tw-divide-teal-600 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #319795;
  border-color: rgba(49, 151, 149, var(--divide-opacity));
}

.tw-divide-teal-700 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #2c7a7b;
  border-color: rgba(44, 122, 123, var(--divide-opacity));
}

.tw-divide-teal-800 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #285e61;
  border-color: rgba(40, 94, 97, var(--divide-opacity));
}

.tw-divide-teal-900 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #234e52;
  border-color: rgba(35, 78, 82, var(--divide-opacity));
}

.tw-divide-blue-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #ebf8ff;
  border-color: rgba(235, 248, 255, var(--divide-opacity));
}

.tw-divide-blue-200 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #bee3f8;
  border-color: rgba(190, 227, 248, var(--divide-opacity));
}

.tw-divide-blue-300 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #90cdf4;
  border-color: rgba(144, 205, 244, var(--divide-opacity));
}

.tw-divide-blue-400 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #63b3ed;
  border-color: rgba(99, 179, 237, var(--divide-opacity));
}

.tw-divide-blue-500 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #4299e1;
  border-color: rgba(66, 153, 225, var(--divide-opacity));
}

.tw-divide-blue-600 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #3182ce;
  border-color: rgba(49, 130, 206, var(--divide-opacity));
}

.tw-divide-blue-700 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #2b6cb0;
  border-color: rgba(43, 108, 176, var(--divide-opacity));
}

.tw-divide-blue-800 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #2c5282;
  border-color: rgba(44, 82, 130, var(--divide-opacity));
}

.tw-divide-blue-900 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #2a4365;
  border-color: rgba(42, 67, 101, var(--divide-opacity));
}

.tw-divide-indigo-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #ebf4ff;
  border-color: rgba(235, 244, 255, var(--divide-opacity));
}

.tw-divide-indigo-200 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #c3dafe;
  border-color: rgba(195, 218, 254, var(--divide-opacity));
}

.tw-divide-indigo-300 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #a3bffa;
  border-color: rgba(163, 191, 250, var(--divide-opacity));
}

.tw-divide-indigo-400 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #7f9cf5;
  border-color: rgba(127, 156, 245, var(--divide-opacity));
}

.tw-divide-indigo-500 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #667eea;
  border-color: rgba(102, 126, 234, var(--divide-opacity));
}

.tw-divide-indigo-600 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #5a67d8;
  border-color: rgba(90, 103, 216, var(--divide-opacity));
}

.tw-divide-indigo-700 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #4c51bf;
  border-color: rgba(76, 81, 191, var(--divide-opacity));
}

.tw-divide-indigo-800 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #434190;
  border-color: rgba(67, 65, 144, var(--divide-opacity));
}

.tw-divide-indigo-900 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #3c366b;
  border-color: rgba(60, 54, 107, var(--divide-opacity));
}

.tw-divide-purple-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #faf5ff;
  border-color: rgba(250, 245, 255, var(--divide-opacity));
}

.tw-divide-purple-200 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #e9d8fd;
  border-color: rgba(233, 216, 253, var(--divide-opacity));
}

.tw-divide-purple-300 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #d6bcfa;
  border-color: rgba(214, 188, 250, var(--divide-opacity));
}

.tw-divide-purple-400 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #b794f4;
  border-color: rgba(183, 148, 244, var(--divide-opacity));
}

.tw-divide-purple-500 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #9f7aea;
  border-color: rgba(159, 122, 234, var(--divide-opacity));
}

.tw-divide-purple-600 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #805ad5;
  border-color: rgba(128, 90, 213, var(--divide-opacity));
}

.tw-divide-purple-700 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #6b46c1;
  border-color: rgba(107, 70, 193, var(--divide-opacity));
}

.tw-divide-purple-800 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #553c9a;
  border-color: rgba(85, 60, 154, var(--divide-opacity));
}

.tw-divide-purple-900 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #44337a;
  border-color: rgba(68, 51, 122, var(--divide-opacity));
}

.tw-divide-pink-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fff5f7;
  border-color: rgba(255, 245, 247, var(--divide-opacity));
}

.tw-divide-pink-200 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fed7e2;
  border-color: rgba(254, 215, 226, var(--divide-opacity));
}

.tw-divide-pink-300 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fbb6ce;
  border-color: rgba(251, 182, 206, var(--divide-opacity));
}

.tw-divide-pink-400 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #f687b3;
  border-color: rgba(246, 135, 179, var(--divide-opacity));
}

.tw-divide-pink-500 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #ed64a6;
  border-color: rgba(237, 100, 166, var(--divide-opacity));
}

.tw-divide-pink-600 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #d53f8c;
  border-color: rgba(213, 63, 140, var(--divide-opacity));
}

.tw-divide-pink-700 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #b83280;
  border-color: rgba(184, 50, 128, var(--divide-opacity));
}

.tw-divide-pink-800 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #97266d;
  border-color: rgba(151, 38, 109, var(--divide-opacity));
}

.tw-divide-pink-900 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #702459;
  border-color: rgba(112, 36, 89, var(--divide-opacity));
}

.tw-divide-primary-blue > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #1976d2;
  border-color: rgba(25, 118, 210, var(--divide-opacity));
}

.tw-divide-primary-blue-dark > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #0c3b69;
  border-color: rgba(12, 59, 105, var(--divide-opacity));
}

.tw-divide-primary-white > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--divide-opacity));
}

.tw-divide-font-0 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #4f4f4f;
  border-color: rgba(79, 79, 79, var(--divide-opacity));
}

.tw-divide-font-1 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fcfcfc;
  border-color: rgba(252, 252, 252, var(--divide-opacity));
}

.tw-divide-font-5 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #f6f6f6;
  border-color: rgba(246, 246, 246, var(--divide-opacity));
}

.tw-divide-font-10 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #ededed;
  border-color: rgba(237, 237, 237, var(--divide-opacity));
}

.tw-divide-font-50 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #a7a7a7;
  border-color: rgba(167, 167, 167, var(--divide-opacity));
}

.tw-divide-font-70 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #838383;
  border-color: rgba(131, 131, 131, var(--divide-opacity));
}

.tw-divide-solid > :not(template) ~ :not(template){
  border-style: solid;
}

.tw-divide-dashed > :not(template) ~ :not(template){
  border-style: dashed;
}

.tw-divide-dotted > :not(template) ~ :not(template){
  border-style: dotted;
}

.tw-divide-double > :not(template) ~ :not(template){
  border-style: double;
}

.tw-divide-none > :not(template) ~ :not(template){
  border-style: none;
}

.tw-divide-opacity-0 > :not(template) ~ :not(template){
  --divide-opacity: 0;
}

.tw-divide-opacity-25 > :not(template) ~ :not(template){
  --divide-opacity: 0.25;
}

.tw-divide-opacity-50 > :not(template) ~ :not(template){
  --divide-opacity: 0.5;
}

.tw-divide-opacity-75 > :not(template) ~ :not(template){
  --divide-opacity: 0.75;
}

.tw-divide-opacity-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
}

.tw-sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.tw-not-sr-only{
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.focus\:tw-sr-only:focus{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.focus\:tw-not-sr-only:focus{
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.tw-appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.tw-bg-fixed{
  background-attachment: fixed;
}

.tw-bg-local{
  background-attachment: local;
}

.tw-bg-scroll{
  background-attachment: scroll;
}

.tw-bg-clip-border{
  background-clip: border-box;
}

.tw-bg-clip-padding{
  background-clip: padding-box;
}

.tw-bg-clip-content{
  background-clip: content-box;
}

.tw-bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}

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

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

.tw-bg-black{
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}

.tw-bg-white{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.tw-bg-gray-100{
  --bg-opacity: 1;
  background-color: #f7fafc;
  background-color: rgba(247, 250, 252, var(--bg-opacity));
}

.tw-bg-gray-200{
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.tw-bg-gray-300{
  --bg-opacity: 1;
  background-color: #e2e8f0;
  background-color: rgba(226, 232, 240, var(--bg-opacity));
}

.tw-bg-gray-400{
  --bg-opacity: 1;
  background-color: #cbd5e0;
  background-color: rgba(203, 213, 224, var(--bg-opacity));
}

.tw-bg-gray-500{
  --bg-opacity: 1;
  background-color: #a0aec0;
  background-color: rgba(160, 174, 192, var(--bg-opacity));
}

.tw-bg-gray-600{
  --bg-opacity: 1;
  background-color: #718096;
  background-color: rgba(113, 128, 150, var(--bg-opacity));
}

.tw-bg-gray-700{
  --bg-opacity: 1;
  background-color: #4a5568;
  background-color: rgba(74, 85, 104, var(--bg-opacity));
}

.tw-bg-gray-800{
  --bg-opacity: 1;
  background-color: #2d3748;
  background-color: rgba(45, 55, 72, var(--bg-opacity));
}

.tw-bg-gray-900{
  --bg-opacity: 1;
  background-color: #1a202c;
  background-color: rgba(26, 32, 44, var(--bg-opacity));
}

.tw-bg-red-100{
  --bg-opacity: 1;
  background-color: #fff5f5;
  background-color: rgba(255, 245, 245, var(--bg-opacity));
}

.tw-bg-red-200{
  --bg-opacity: 1;
  background-color: #fed7d7;
  background-color: rgba(254, 215, 215, var(--bg-opacity));
}

.tw-bg-red-300{
  --bg-opacity: 1;
  background-color: #feb2b2;
  background-color: rgba(254, 178, 178, var(--bg-opacity));
}

.tw-bg-red-400{
  --bg-opacity: 1;
  background-color: #fc8181;
  background-color: rgba(252, 129, 129, var(--bg-opacity));
}

.tw-bg-red-500{
  --bg-opacity: 1;
  background-color: #f56565;
  background-color: rgba(245, 101, 101, var(--bg-opacity));
}

.tw-bg-red-600{
  --bg-opacity: 1;
  background-color: #e53e3e;
  background-color: rgba(229, 62, 62, var(--bg-opacity));
}

.tw-bg-red-700{
  --bg-opacity: 1;
  background-color: #c53030;
  background-color: rgba(197, 48, 48, var(--bg-opacity));
}

.tw-bg-red-800{
  --bg-opacity: 1;
  background-color: #9b2c2c;
  background-color: rgba(155, 44, 44, var(--bg-opacity));
}

.tw-bg-red-900{
  --bg-opacity: 1;
  background-color: #742a2a;
  background-color: rgba(116, 42, 42, var(--bg-opacity));
}

.tw-bg-orange-100{
  --bg-opacity: 1;
  background-color: #fffaf0;
  background-color: rgba(255, 250, 240, var(--bg-opacity));
}

.tw-bg-orange-200{
  --bg-opacity: 1;
  background-color: #feebc8;
  background-color: rgba(254, 235, 200, var(--bg-opacity));
}

.tw-bg-orange-300{
  --bg-opacity: 1;
  background-color: #fbd38d;
  background-color: rgba(251, 211, 141, var(--bg-opacity));
}

.tw-bg-orange-400{
  --bg-opacity: 1;
  background-color: #f6ad55;
  background-color: rgba(246, 173, 85, var(--bg-opacity));
}

.tw-bg-orange-500{
  --bg-opacity: 1;
  background-color: #ed8936;
  background-color: rgba(237, 137, 54, var(--bg-opacity));
}

.tw-bg-orange-600{
  --bg-opacity: 1;
  background-color: #dd6b20;
  background-color: rgba(221, 107, 32, var(--bg-opacity));
}

.tw-bg-orange-700{
  --bg-opacity: 1;
  background-color: #c05621;
  background-color: rgba(192, 86, 33, var(--bg-opacity));
}

.tw-bg-orange-800{
  --bg-opacity: 1;
  background-color: #9c4221;
  background-color: rgba(156, 66, 33, var(--bg-opacity));
}

.tw-bg-orange-900{
  --bg-opacity: 1;
  background-color: #7b341e;
  background-color: rgba(123, 52, 30, var(--bg-opacity));
}

.tw-bg-yellow-100{
  --bg-opacity: 1;
  background-color: #fffff0;
  background-color: rgba(255, 255, 240, var(--bg-opacity));
}

.tw-bg-yellow-200{
  --bg-opacity: 1;
  background-color: #fefcbf;
  background-color: rgba(254, 252, 191, var(--bg-opacity));
}

.tw-bg-yellow-300{
  --bg-opacity: 1;
  background-color: #faf089;
  background-color: rgba(250, 240, 137, var(--bg-opacity));
}

.tw-bg-yellow-400{
  --bg-opacity: 1;
  background-color: #f6e05e;
  background-color: rgba(246, 224, 94, var(--bg-opacity));
}

.tw-bg-yellow-500{
  --bg-opacity: 1;
  background-color: #ecc94b;
  background-color: rgba(236, 201, 75, var(--bg-opacity));
}

.tw-bg-yellow-600{
  --bg-opacity: 1;
  background-color: #d69e2e;
  background-color: rgba(214, 158, 46, var(--bg-opacity));
}

.tw-bg-yellow-700{
  --bg-opacity: 1;
  background-color: #b7791f;
  background-color: rgba(183, 121, 31, var(--bg-opacity));
}

.tw-bg-yellow-800{
  --bg-opacity: 1;
  background-color: #975a16;
  background-color: rgba(151, 90, 22, var(--bg-opacity));
}

.tw-bg-yellow-900{
  --bg-opacity: 1;
  background-color: #744210;
  background-color: rgba(116, 66, 16, var(--bg-opacity));
}

.tw-bg-green-100{
  --bg-opacity: 1;
  background-color: #f0fff4;
  background-color: rgba(240, 255, 244, var(--bg-opacity));
}

.tw-bg-green-200{
  --bg-opacity: 1;
  background-color: #c6f6d5;
  background-color: rgba(198, 246, 213, var(--bg-opacity));
}

.tw-bg-green-300{
  --bg-opacity: 1;
  background-color: #9ae6b4;
  background-color: rgba(154, 230, 180, var(--bg-opacity));
}

.tw-bg-green-400{
  --bg-opacity: 1;
  background-color: #68d391;
  background-color: rgba(104, 211, 145, var(--bg-opacity));
}

.tw-bg-green-500{
  --bg-opacity: 1;
  background-color: #48bb78;
  background-color: rgba(72, 187, 120, var(--bg-opacity));
}

.tw-bg-green-600{
  --bg-opacity: 1;
  background-color: #38a169;
  background-color: rgba(56, 161, 105, var(--bg-opacity));
}

.tw-bg-green-700{
  --bg-opacity: 1;
  background-color: #2f855a;
  background-color: rgba(47, 133, 90, var(--bg-opacity));
}

.tw-bg-green-800{
  --bg-opacity: 1;
  background-color: #276749;
  background-color: rgba(39, 103, 73, var(--bg-opacity));
}

.tw-bg-green-900{
  --bg-opacity: 1;
  background-color: #22543d;
  background-color: rgba(34, 84, 61, var(--bg-opacity));
}

.tw-bg-teal-100{
  --bg-opacity: 1;
  background-color: #e6fffa;
  background-color: rgba(230, 255, 250, var(--bg-opacity));
}

.tw-bg-teal-200{
  --bg-opacity: 1;
  background-color: #b2f5ea;
  background-color: rgba(178, 245, 234, var(--bg-opacity));
}

.tw-bg-teal-300{
  --bg-opacity: 1;
  background-color: #81e6d9;
  background-color: rgba(129, 230, 217, var(--bg-opacity));
}

.tw-bg-teal-400{
  --bg-opacity: 1;
  background-color: #4fd1c5;
  background-color: rgba(79, 209, 197, var(--bg-opacity));
}

.tw-bg-teal-500{
  --bg-opacity: 1;
  background-color: #38b2ac;
  background-color: rgba(56, 178, 172, var(--bg-opacity));
}

.tw-bg-teal-600{
  --bg-opacity: 1;
  background-color: #319795;
  background-color: rgba(49, 151, 149, var(--bg-opacity));
}

.tw-bg-teal-700{
  --bg-opacity: 1;
  background-color: #2c7a7b;
  background-color: rgba(44, 122, 123, var(--bg-opacity));
}

.tw-bg-teal-800{
  --bg-opacity: 1;
  background-color: #285e61;
  background-color: rgba(40, 94, 97, var(--bg-opacity));
}

.tw-bg-teal-900{
  --bg-opacity: 1;
  background-color: #234e52;
  background-color: rgba(35, 78, 82, var(--bg-opacity));
}

.tw-bg-blue-100{
  --bg-opacity: 1;
  background-color: #ebf8ff;
  background-color: rgba(235, 248, 255, var(--bg-opacity));
}

.tw-bg-blue-200{
  --bg-opacity: 1;
  background-color: #bee3f8;
  background-color: rgba(190, 227, 248, var(--bg-opacity));
}

.tw-bg-blue-300{
  --bg-opacity: 1;
  background-color: #90cdf4;
  background-color: rgba(144, 205, 244, var(--bg-opacity));
}

.tw-bg-blue-400{
  --bg-opacity: 1;
  background-color: #63b3ed;
  background-color: rgba(99, 179, 237, var(--bg-opacity));
}

.tw-bg-blue-500{
  --bg-opacity: 1;
  background-color: #4299e1;
  background-color: rgba(66, 153, 225, var(--bg-opacity));
}

.tw-bg-blue-600{
  --bg-opacity: 1;
  background-color: #3182ce;
  background-color: rgba(49, 130, 206, var(--bg-opacity));
}

.tw-bg-blue-700{
  --bg-opacity: 1;
  background-color: #2b6cb0;
  background-color: rgba(43, 108, 176, var(--bg-opacity));
}

.tw-bg-blue-800{
  --bg-opacity: 1;
  background-color: #2c5282;
  background-color: rgba(44, 82, 130, var(--bg-opacity));
}

.tw-bg-blue-900{
  --bg-opacity: 1;
  background-color: #2a4365;
  background-color: rgba(42, 67, 101, var(--bg-opacity));
}

.tw-bg-indigo-100{
  --bg-opacity: 1;
  background-color: #ebf4ff;
  background-color: rgba(235, 244, 255, var(--bg-opacity));
}

.tw-bg-indigo-200{
  --bg-opacity: 1;
  background-color: #c3dafe;
  background-color: rgba(195, 218, 254, var(--bg-opacity));
}

.tw-bg-indigo-300{
  --bg-opacity: 1;
  background-color: #a3bffa;
  background-color: rgba(163, 191, 250, var(--bg-opacity));
}

.tw-bg-indigo-400{
  --bg-opacity: 1;
  background-color: #7f9cf5;
  background-color: rgba(127, 156, 245, var(--bg-opacity));
}

.tw-bg-indigo-500{
  --bg-opacity: 1;
  background-color: #667eea;
  background-color: rgba(102, 126, 234, var(--bg-opacity));
}

.tw-bg-indigo-600{
  --bg-opacity: 1;
  background-color: #5a67d8;
  background-color: rgba(90, 103, 216, var(--bg-opacity));
}

.tw-bg-indigo-700{
  --bg-opacity: 1;
  background-color: #4c51bf;
  background-color: rgba(76, 81, 191, var(--bg-opacity));
}

.tw-bg-indigo-800{
  --bg-opacity: 1;
  background-color: #434190;
  background-color: rgba(67, 65, 144, var(--bg-opacity));
}

.tw-bg-indigo-900{
  --bg-opacity: 1;
  background-color: #3c366b;
  background-color: rgba(60, 54, 107, var(--bg-opacity));
}

.tw-bg-purple-100{
  --bg-opacity: 1;
  background-color: #faf5ff;
  background-color: rgba(250, 245, 255, var(--bg-opacity));
}

.tw-bg-purple-200{
  --bg-opacity: 1;
  background-color: #e9d8fd;
  background-color: rgba(233, 216, 253, var(--bg-opacity));
}

.tw-bg-purple-300{
  --bg-opacity: 1;
  background-color: #d6bcfa;
  background-color: rgba(214, 188, 250, var(--bg-opacity));
}

.tw-bg-purple-400{
  --bg-opacity: 1;
  background-color: #b794f4;
  background-color: rgba(183, 148, 244, var(--bg-opacity));
}

.tw-bg-purple-500{
  --bg-opacity: 1;
  background-color: #9f7aea;
  background-color: rgba(159, 122, 234, var(--bg-opacity));
}

.tw-bg-purple-600{
  --bg-opacity: 1;
  background-color: #805ad5;
  background-color: rgba(128, 90, 213, var(--bg-opacity));
}

.tw-bg-purple-700{
  --bg-opacity: 1;
  background-color: #6b46c1;
  background-color: rgba(107, 70, 193, var(--bg-opacity));
}

.tw-bg-purple-800{
  --bg-opacity: 1;
  background-color: #553c9a;
  background-color: rgba(85, 60, 154, var(--bg-opacity));
}

.tw-bg-purple-900{
  --bg-opacity: 1;
  background-color: #44337a;
  background-color: rgba(68, 51, 122, var(--bg-opacity));
}

.tw-bg-pink-100{
  --bg-opacity: 1;
  background-color: #fff5f7;
  background-color: rgba(255, 245, 247, var(--bg-opacity));
}

.tw-bg-pink-200{
  --bg-opacity: 1;
  background-color: #fed7e2;
  background-color: rgba(254, 215, 226, var(--bg-opacity));
}

.tw-bg-pink-300{
  --bg-opacity: 1;
  background-color: #fbb6ce;
  background-color: rgba(251, 182, 206, var(--bg-opacity));
}

.tw-bg-pink-400{
  --bg-opacity: 1;
  background-color: #f687b3;
  background-color: rgba(246, 135, 179, var(--bg-opacity));
}

.tw-bg-pink-500{
  --bg-opacity: 1;
  background-color: #ed64a6;
  background-color: rgba(237, 100, 166, var(--bg-opacity));
}

.tw-bg-pink-600{
  --bg-opacity: 1;
  background-color: #d53f8c;
  background-color: rgba(213, 63, 140, var(--bg-opacity));
}

.tw-bg-pink-700{
  --bg-opacity: 1;
  background-color: #b83280;
  background-color: rgba(184, 50, 128, var(--bg-opacity));
}

.tw-bg-pink-800{
  --bg-opacity: 1;
  background-color: #97266d;
  background-color: rgba(151, 38, 109, var(--bg-opacity));
}

.tw-bg-pink-900{
  --bg-opacity: 1;
  background-color: #702459;
  background-color: rgba(112, 36, 89, var(--bg-opacity));
}

.tw-bg-primary-blue{
  --bg-opacity: 1;
  background-color: #1976d2;
  background-color: rgba(25, 118, 210, var(--bg-opacity));
}

.tw-bg-primary-blue-dark{
  --bg-opacity: 1;
  background-color: #0c3b69;
  background-color: rgba(12, 59, 105, var(--bg-opacity));
}

.tw-bg-primary-white{
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.tw-bg-font-0{
  --bg-opacity: 1;
  background-color: #4f4f4f;
  background-color: rgba(79, 79, 79, var(--bg-opacity));
}

.tw-bg-font-1{
  --bg-opacity: 1;
  background-color: #fcfcfc;
  background-color: rgba(252, 252, 252, var(--bg-opacity));
}

.tw-bg-font-5{
  --bg-opacity: 1;
  background-color: #f6f6f6;
  background-color: rgba(246, 246, 246, var(--bg-opacity));
}

.tw-bg-font-10{
  --bg-opacity: 1;
  background-color: #ededed;
  background-color: rgba(237, 237, 237, var(--bg-opacity));
}

.tw-bg-font-50{
  --bg-opacity: 1;
  background-color: #a7a7a7;
  background-color: rgba(167, 167, 167, var(--bg-opacity));
}

.tw-bg-font-70{
  --bg-opacity: 1;
  background-color: #838383;
  background-color: rgba(131, 131, 131, var(--bg-opacity));
}

.hover\:tw-bg-transparent:hover{
  background-color: transparent;
}

.hover\:tw-bg-current:hover{
  background-color: currentColor;
}

.hover\:tw-bg-black:hover{
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}

.hover\:tw-bg-white:hover{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.hover\:tw-bg-gray-100:hover{
  --bg-opacity: 1;
  background-color: #f7fafc;
  background-color: rgba(247, 250, 252, var(--bg-opacity));
}

.hover\:tw-bg-gray-200:hover{
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.hover\:tw-bg-gray-300:hover{
  --bg-opacity: 1;
  background-color: #e2e8f0;
  background-color: rgba(226, 232, 240, var(--bg-opacity));
}

.hover\:tw-bg-gray-400:hover{
  --bg-opacity: 1;
  background-color: #cbd5e0;
  background-color: rgba(203, 213, 224, var(--bg-opacity));
}

.hover\:tw-bg-gray-500:hover{
  --bg-opacity: 1;
  background-color: #a0aec0;
  background-color: rgba(160, 174, 192, var(--bg-opacity));
}

.hover\:tw-bg-gray-600:hover{
  --bg-opacity: 1;
  background-color: #718096;
  background-color: rgba(113, 128, 150, var(--bg-opacity));
}

.hover\:tw-bg-gray-700:hover{
  --bg-opacity: 1;
  background-color: #4a5568;
  background-color: rgba(74, 85, 104, var(--bg-opacity));
}

.hover\:tw-bg-gray-800:hover{
  --bg-opacity: 1;
  background-color: #2d3748;
  background-color: rgba(45, 55, 72, var(--bg-opacity));
}

.hover\:tw-bg-gray-900:hover{
  --bg-opacity: 1;
  background-color: #1a202c;
  background-color: rgba(26, 32, 44, var(--bg-opacity));
}

.hover\:tw-bg-red-100:hover{
  --bg-opacity: 1;
  background-color: #fff5f5;
  background-color: rgba(255, 245, 245, var(--bg-opacity));
}

.hover\:tw-bg-red-200:hover{
  --bg-opacity: 1;
  background-color: #fed7d7;
  background-color: rgba(254, 215, 215, var(--bg-opacity));
}

.hover\:tw-bg-red-300:hover{
  --bg-opacity: 1;
  background-color: #feb2b2;
  background-color: rgba(254, 178, 178, var(--bg-opacity));
}

.hover\:tw-bg-red-400:hover{
  --bg-opacity: 1;
  background-color: #fc8181;
  background-color: rgba(252, 129, 129, var(--bg-opacity));
}

.hover\:tw-bg-red-500:hover{
  --bg-opacity: 1;
  background-color: #f56565;
  background-color: rgba(245, 101, 101, var(--bg-opacity));
}

.hover\:tw-bg-red-600:hover{
  --bg-opacity: 1;
  background-color: #e53e3e;
  background-color: rgba(229, 62, 62, var(--bg-opacity));
}

.hover\:tw-bg-red-700:hover{
  --bg-opacity: 1;
  background-color: #c53030;
  background-color: rgba(197, 48, 48, var(--bg-opacity));
}

.hover\:tw-bg-red-800:hover{
  --bg-opacity: 1;
  background-color: #9b2c2c;
  background-color: rgba(155, 44, 44, var(--bg-opacity));
}

.hover\:tw-bg-red-900:hover{
  --bg-opacity: 1;
  background-color: #742a2a;
  background-color: rgba(116, 42, 42, var(--bg-opacity));
}

.hover\:tw-bg-orange-100:hover{
  --bg-opacity: 1;
  background-color: #fffaf0;
  background-color: rgba(255, 250, 240, var(--bg-opacity));
}

.hover\:tw-bg-orange-200:hover{
  --bg-opacity: 1;
  background-color: #feebc8;
  background-color: rgba(254, 235, 200, var(--bg-opacity));
}

.hover\:tw-bg-orange-300:hover{
  --bg-opacity: 1;
  background-color: #fbd38d;
  background-color: rgba(251, 211, 141, var(--bg-opacity));
}

.hover\:tw-bg-orange-400:hover{
  --bg-opacity: 1;
  background-color: #f6ad55;
  background-color: rgba(246, 173, 85, var(--bg-opacity));
}

.hover\:tw-bg-orange-500:hover{
  --bg-opacity: 1;
  background-color: #ed8936;
  background-color: rgba(237, 137, 54, var(--bg-opacity));
}

.hover\:tw-bg-orange-600:hover{
  --bg-opacity: 1;
  background-color: #dd6b20;
  background-color: rgba(221, 107, 32, var(--bg-opacity));
}

.hover\:tw-bg-orange-700:hover{
  --bg-opacity: 1;
  background-color: #c05621;
  background-color: rgba(192, 86, 33, var(--bg-opacity));
}

.hover\:tw-bg-orange-800:hover{
  --bg-opacity: 1;
  background-color: #9c4221;
  background-color: rgba(156, 66, 33, var(--bg-opacity));
}

.hover\:tw-bg-orange-900:hover{
  --bg-opacity: 1;
  background-color: #7b341e;
  background-color: rgba(123, 52, 30, var(--bg-opacity));
}

.hover\:tw-bg-yellow-100:hover{
  --bg-opacity: 1;
  background-color: #fffff0;
  background-color: rgba(255, 255, 240, var(--bg-opacity));
}

.hover\:tw-bg-yellow-200:hover{
  --bg-opacity: 1;
  background-color: #fefcbf;
  background-color: rgba(254, 252, 191, var(--bg-opacity));
}

.hover\:tw-bg-yellow-300:hover{
  --bg-opacity: 1;
  background-color: #faf089;
  background-color: rgba(250, 240, 137, var(--bg-opacity));
}

.hover\:tw-bg-yellow-400:hover{
  --bg-opacity: 1;
  background-color: #f6e05e;
  background-color: rgba(246, 224, 94, var(--bg-opacity));
}

.hover\:tw-bg-yellow-500:hover{
  --bg-opacity: 1;
  background-color: #ecc94b;
  background-color: rgba(236, 201, 75, var(--bg-opacity));
}

.hover\:tw-bg-yellow-600:hover{
  --bg-opacity: 1;
  background-color: #d69e2e;
  background-color: rgba(214, 158, 46, var(--bg-opacity));
}

.hover\:tw-bg-yellow-700:hover{
  --bg-opacity: 1;
  background-color: #b7791f;
  background-color: rgba(183, 121, 31, var(--bg-opacity));
}

.hover\:tw-bg-yellow-800:hover{
  --bg-opacity: 1;
  background-color: #975a16;
  background-color: rgba(151, 90, 22, var(--bg-opacity));
}

.hover\:tw-bg-yellow-900:hover{
  --bg-opacity: 1;
  background-color: #744210;
  background-color: rgba(116, 66, 16, var(--bg-opacity));
}

.hover\:tw-bg-green-100:hover{
  --bg-opacity: 1;
  background-color: #f0fff4;
  background-color: rgba(240, 255, 244, var(--bg-opacity));
}

.hover\:tw-bg-green-200:hover{
  --bg-opacity: 1;
  background-color: #c6f6d5;
  background-color: rgba(198, 246, 213, var(--bg-opacity));
}

.hover\:tw-bg-green-300:hover{
  --bg-opacity: 1;
  background-color: #9ae6b4;
  background-color: rgba(154, 230, 180, var(--bg-opacity));
}

.hover\:tw-bg-green-400:hover{
  --bg-opacity: 1;
  background-color: #68d391;
  background-color: rgba(104, 211, 145, var(--bg-opacity));
}

.hover\:tw-bg-green-500:hover{
  --bg-opacity: 1;
  background-color: #48bb78;
  background-color: rgba(72, 187, 120, var(--bg-opacity));
}

.hover\:tw-bg-green-600:hover{
  --bg-opacity: 1;
  background-color: #38a169;
  background-color: rgba(56, 161, 105, var(--bg-opacity));
}

.hover\:tw-bg-green-700:hover{
  --bg-opacity: 1;
  background-color: #2f855a;
  background-color: rgba(47, 133, 90, var(--bg-opacity));
}

.hover\:tw-bg-green-800:hover{
  --bg-opacity: 1;
  background-color: #276749;
  background-color: rgba(39, 103, 73, var(--bg-opacity));
}

.hover\:tw-bg-green-900:hover{
  --bg-opacity: 1;
  background-color: #22543d;
  background-color: rgba(34, 84, 61, var(--bg-opacity));
}

.hover\:tw-bg-teal-100:hover{
  --bg-opacity: 1;
  background-color: #e6fffa;
  background-color: rgba(230, 255, 250, var(--bg-opacity));
}

.hover\:tw-bg-teal-200:hover{
  --bg-opacity: 1;
  background-color: #b2f5ea;
  background-color: rgba(178, 245, 234, var(--bg-opacity));
}

.hover\:tw-bg-teal-300:hover{
  --bg-opacity: 1;
  background-color: #81e6d9;
  background-color: rgba(129, 230, 217, var(--bg-opacity));
}

.hover\:tw-bg-teal-400:hover{
  --bg-opacity: 1;
  background-color: #4fd1c5;
  background-color: rgba(79, 209, 197, var(--bg-opacity));
}

.hover\:tw-bg-teal-500:hover{
  --bg-opacity: 1;
  background-color: #38b2ac;
  background-color: rgba(56, 178, 172, var(--bg-opacity));
}

.hover\:tw-bg-teal-600:hover{
  --bg-opacity: 1;
  background-color: #319795;
  background-color: rgba(49, 151, 149, var(--bg-opacity));
}

.hover\:tw-bg-teal-700:hover{
  --bg-opacity: 1;
  background-color: #2c7a7b;
  background-color: rgba(44, 122, 123, var(--bg-opacity));
}

.hover\:tw-bg-teal-800:hover{
  --bg-opacity: 1;
  background-color: #285e61;
  background-color: rgba(40, 94, 97, var(--bg-opacity));
}

.hover\:tw-bg-teal-900:hover{
  --bg-opacity: 1;
  background-color: #234e52;
  background-color: rgba(35, 78, 82, var(--bg-opacity));
}

.hover\:tw-bg-blue-100:hover{
  --bg-opacity: 1;
  background-color: #ebf8ff;
  background-color: rgba(235, 248, 255, var(--bg-opacity));
}

.hover\:tw-bg-blue-200:hover{
  --bg-opacity: 1;
  background-color: #bee3f8;
  background-color: rgba(190, 227, 248, var(--bg-opacity));
}

.hover\:tw-bg-blue-300:hover{
  --bg-opacity: 1;
  background-color: #90cdf4;
  background-color: rgba(144, 205, 244, var(--bg-opacity));
}

.hover\:tw-bg-blue-400:hover{
  --bg-opacity: 1;
  background-color: #63b3ed;
  background-color: rgba(99, 179, 237, var(--bg-opacity));
}

.hover\:tw-bg-blue-500:hover{
  --bg-opacity: 1;
  background-color: #4299e1;
  background-color: rgba(66, 153, 225, var(--bg-opacity));
}

.hover\:tw-bg-blue-600:hover{
  --bg-opacity: 1;
  background-color: #3182ce;
  background-color: rgba(49, 130, 206, var(--bg-opacity));
}

.hover\:tw-bg-blue-700:hover{
  --bg-opacity: 1;
  background-color: #2b6cb0;
  background-color: rgba(43, 108, 176, var(--bg-opacity));
}

.hover\:tw-bg-blue-800:hover{
  --bg-opacity: 1;
  background-color: #2c5282;
  background-color: rgba(44, 82, 130, var(--bg-opacity));
}

.hover\:tw-bg-blue-900:hover{
  --bg-opacity: 1;
  background-color: #2a4365;
  background-color: rgba(42, 67, 101, var(--bg-opacity));
}

.hover\:tw-bg-indigo-100:hover{
  --bg-opacity: 1;
  background-color: #ebf4ff;
  background-color: rgba(235, 244, 255, var(--bg-opacity));
}

.hover\:tw-bg-indigo-200:hover{
  --bg-opacity: 1;
  background-color: #c3dafe;
  background-color: rgba(195, 218, 254, var(--bg-opacity));
}

.hover\:tw-bg-indigo-300:hover{
  --bg-opacity: 1;
  background-color: #a3bffa;
  background-color: rgba(163, 191, 250, var(--bg-opacity));
}

.hover\:tw-bg-indigo-400:hover{
  --bg-opacity: 1;
  background-color: #7f9cf5;
  background-color: rgba(127, 156, 245, var(--bg-opacity));
}

.hover\:tw-bg-indigo-500:hover{
  --bg-opacity: 1;
  background-color: #667eea;
  background-color: rgba(102, 126, 234, var(--bg-opacity));
}

.hover\:tw-bg-indigo-600:hover{
  --bg-opacity: 1;
  background-color: #5a67d8;
  background-color: rgba(90, 103, 216, var(--bg-opacity));
}

.hover\:tw-bg-indigo-700:hover{
  --bg-opacity: 1;
  background-color: #4c51bf;
  background-color: rgba(76, 81, 191, var(--bg-opacity));
}

.hover\:tw-bg-indigo-800:hover{
  --bg-opacity: 1;
  background-color: #434190;
  background-color: rgba(67, 65, 144, var(--bg-opacity));
}

.hover\:tw-bg-indigo-900:hover{
  --bg-opacity: 1;
  background-color: #3c366b;
  background-color: rgba(60, 54, 107, var(--bg-opacity));
}

.hover\:tw-bg-purple-100:hover{
  --bg-opacity: 1;
  background-color: #faf5ff;
  background-color: rgba(250, 245, 255, var(--bg-opacity));
}

.hover\:tw-bg-purple-200:hover{
  --bg-opacity: 1;
  background-color: #e9d8fd;
  background-color: rgba(233, 216, 253, var(--bg-opacity));
}

.hover\:tw-bg-purple-300:hover{
  --bg-opacity: 1;
  background-color: #d6bcfa;
  background-color: rgba(214, 188, 250, var(--bg-opacity));
}

.hover\:tw-bg-purple-400:hover{
  --bg-opacity: 1;
  background-color: #b794f4;
  background-color: rgba(183, 148, 244, var(--bg-opacity));
}

.hover\:tw-bg-purple-500:hover{
  --bg-opacity: 1;
  background-color: #9f7aea;
  background-color: rgba(159, 122, 234, var(--bg-opacity));
}

.hover\:tw-bg-purple-600:hover{
  --bg-opacity: 1;
  background-color: #805ad5;
  background-color: rgba(128, 90, 213, var(--bg-opacity));
}

.hover\:tw-bg-purple-700:hover{
  --bg-opacity: 1;
  background-color: #6b46c1;
  background-color: rgba(107, 70, 193, var(--bg-opacity));
}

.hover\:tw-bg-purple-800:hover{
  --bg-opacity: 1;
  background-color: #553c9a;
  background-color: rgba(85, 60, 154, var(--bg-opacity));
}

.hover\:tw-bg-purple-900:hover{
  --bg-opacity: 1;
  background-color: #44337a;
  background-color: rgba(68, 51, 122, var(--bg-opacity));
}

.hover\:tw-bg-pink-100:hover{
  --bg-opacity: 1;
  background-color: #fff5f7;
  background-color: rgba(255, 245, 247, var(--bg-opacity));
}

.hover\:tw-bg-pink-200:hover{
  --bg-opacity: 1;
  background-color: #fed7e2;
  background-color: rgba(254, 215, 226, var(--bg-opacity));
}

.hover\:tw-bg-pink-300:hover{
  --bg-opacity: 1;
  background-color: #fbb6ce;
  background-color: rgba(251, 182, 206, var(--bg-opacity));
}

.hover\:tw-bg-pink-400:hover{
  --bg-opacity: 1;
  background-color: #f687b3;
  background-color: rgba(246, 135, 179, var(--bg-opacity));
}

.hover\:tw-bg-pink-500:hover{
  --bg-opacity: 1;
  background-color: #ed64a6;
  background-color: rgba(237, 100, 166, var(--bg-opacity));
}

.hover\:tw-bg-pink-600:hover{
  --bg-opacity: 1;
  background-color: #d53f8c;
  background-color: rgba(213, 63, 140, var(--bg-opacity));
}

.hover\:tw-bg-pink-700:hover{
  --bg-opacity: 1;
  background-color: #b83280;
  background-color: rgba(184, 50, 128, var(--bg-opacity));
}

.hover\:tw-bg-pink-800:hover{
  --bg-opacity: 1;
  background-color: #97266d;
  background-color: rgba(151, 38, 109, var(--bg-opacity));
}

.hover\:tw-bg-pink-900:hover{
  --bg-opacity: 1;
  background-color: #702459;
  background-color: rgba(112, 36, 89, var(--bg-opacity));
}

.hover\:tw-bg-primary-blue:hover{
  --bg-opacity: 1;
  background-color: #1976d2;
  background-color: rgba(25, 118, 210, var(--bg-opacity));
}

.hover\:tw-bg-primary-blue-dark:hover{
  --bg-opacity: 1;
  background-color: #0c3b69;
  background-color: rgba(12, 59, 105, var(--bg-opacity));
}

.hover\:tw-bg-primary-white:hover{
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.hover\:tw-bg-font-0:hover{
  --bg-opacity: 1;
  background-color: #4f4f4f;
  background-color: rgba(79, 79, 79, var(--bg-opacity));
}

.hover\:tw-bg-font-1:hover{
  --bg-opacity: 1;
  background-color: #fcfcfc;
  background-color: rgba(252, 252, 252, var(--bg-opacity));
}

.hover\:tw-bg-font-5:hover{
  --bg-opacity: 1;
  background-color: #f6f6f6;
  background-color: rgba(246, 246, 246, var(--bg-opacity));
}

.hover\:tw-bg-font-10:hover{
  --bg-opacity: 1;
  background-color: #ededed;
  background-color: rgba(237, 237, 237, var(--bg-opacity));
}

.hover\:tw-bg-font-50:hover{
  --bg-opacity: 1;
  background-color: #a7a7a7;
  background-color: rgba(167, 167, 167, var(--bg-opacity));
}

.hover\:tw-bg-font-70:hover{
  --bg-opacity: 1;
  background-color: #838383;
  background-color: rgba(131, 131, 131, var(--bg-opacity));
}

.focus\:tw-bg-transparent:focus{
  background-color: transparent;
}

.focus\:tw-bg-current:focus{
  background-color: currentColor;
}

.focus\:tw-bg-black:focus{
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}

.focus\:tw-bg-white:focus{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.focus\:tw-bg-gray-100:focus{
  --bg-opacity: 1;
  background-color: #f7fafc;
  background-color: rgba(247, 250, 252, var(--bg-opacity));
}

.focus\:tw-bg-gray-200:focus{
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.focus\:tw-bg-gray-300:focus{
  --bg-opacity: 1;
  background-color: #e2e8f0;
  background-color: rgba(226, 232, 240, var(--bg-opacity));
}

.focus\:tw-bg-gray-400:focus{
  --bg-opacity: 1;
  background-color: #cbd5e0;
  background-color: rgba(203, 213, 224, var(--bg-opacity));
}

.focus\:tw-bg-gray-500:focus{
  --bg-opacity: 1;
  background-color: #a0aec0;
  background-color: rgba(160, 174, 192, var(--bg-opacity));
}

.focus\:tw-bg-gray-600:focus{
  --bg-opacity: 1;
  background-color: #718096;
  background-color: rgba(113, 128, 150, var(--bg-opacity));
}

.focus\:tw-bg-gray-700:focus{
  --bg-opacity: 1;
  background-color: #4a5568;
  background-color: rgba(74, 85, 104, var(--bg-opacity));
}

.focus\:tw-bg-gray-800:focus{
  --bg-opacity: 1;
  background-color: #2d3748;
  background-color: rgba(45, 55, 72, var(--bg-opacity));
}

.focus\:tw-bg-gray-900:focus{
  --bg-opacity: 1;
  background-color: #1a202c;
  background-color: rgba(26, 32, 44, var(--bg-opacity));
}

.focus\:tw-bg-red-100:focus{
  --bg-opacity: 1;
  background-color: #fff5f5;
  background-color: rgba(255, 245, 245, var(--bg-opacity));
}

.focus\:tw-bg-red-200:focus{
  --bg-opacity: 1;
  background-color: #fed7d7;
  background-color: rgba(254, 215, 215, var(--bg-opacity));
}

.focus\:tw-bg-red-300:focus{
  --bg-opacity: 1;
  background-color: #feb2b2;
  background-color: rgba(254, 178, 178, var(--bg-opacity));
}

.focus\:tw-bg-red-400:focus{
  --bg-opacity: 1;
  background-color: #fc8181;
  background-color: rgba(252, 129, 129, var(--bg-opacity));
}

.focus\:tw-bg-red-500:focus{
  --bg-opacity: 1;
  background-color: #f56565;
  background-color: rgba(245, 101, 101, var(--bg-opacity));
}

.focus\:tw-bg-red-600:focus{
  --bg-opacity: 1;
  background-color: #e53e3e;
  background-color: rgba(229, 62, 62, var(--bg-opacity));
}

.focus\:tw-bg-red-700:focus{
  --bg-opacity: 1;
  background-color: #c53030;
  background-color: rgba(197, 48, 48, var(--bg-opacity));
}

.focus\:tw-bg-red-800:focus{
  --bg-opacity: 1;
  background-color: #9b2c2c;
  background-color: rgba(155, 44, 44, var(--bg-opacity));
}

.focus\:tw-bg-red-900:focus{
  --bg-opacity: 1;
  background-color: #742a2a;
  background-color: rgba(116, 42, 42, var(--bg-opacity));
}

.focus\:tw-bg-orange-100:focus{
  --bg-opacity: 1;
  background-color: #fffaf0;
  background-color: rgba(255, 250, 240, var(--bg-opacity));
}

.focus\:tw-bg-orange-200:focus{
  --bg-opacity: 1;
  background-color: #feebc8;
  background-color: rgba(254, 235, 200, var(--bg-opacity));
}

.focus\:tw-bg-orange-300:focus{
  --bg-opacity: 1;
  background-color: #fbd38d;
  background-color: rgba(251, 211, 141, var(--bg-opacity));
}

.focus\:tw-bg-orange-400:focus{
  --bg-opacity: 1;
  background-color: #f6ad55;
  background-color: rgba(246, 173, 85, var(--bg-opacity));
}

.focus\:tw-bg-orange-500:focus{
  --bg-opacity: 1;
  background-color: #ed8936;
  background-color: rgba(237, 137, 54, var(--bg-opacity));
}

.focus\:tw-bg-orange-600:focus{
  --bg-opacity: 1;
  background-color: #dd6b20;
  background-color: rgba(221, 107, 32, var(--bg-opacity));
}

.focus\:tw-bg-orange-700:focus{
  --bg-opacity: 1;
  background-color: #c05621;
  background-color: rgba(192, 86, 33, var(--bg-opacity));
}

.focus\:tw-bg-orange-800:focus{
  --bg-opacity: 1;
  background-color: #9c4221;
  background-color: rgba(156, 66, 33, var(--bg-opacity));
}

.focus\:tw-bg-orange-900:focus{
  --bg-opacity: 1;
  background-color: #7b341e;
  background-color: rgba(123, 52, 30, var(--bg-opacity));
}

.focus\:tw-bg-yellow-100:focus{
  --bg-opacity: 1;
  background-color: #fffff0;
  background-color: rgba(255, 255, 240, var(--bg-opacity));
}

.focus\:tw-bg-yellow-200:focus{
  --bg-opacity: 1;
  background-color: #fefcbf;
  background-color: rgba(254, 252, 191, var(--bg-opacity));
}

.focus\:tw-bg-yellow-300:focus{
  --bg-opacity: 1;
  background-color: #faf089;
  background-color: rgba(250, 240, 137, var(--bg-opacity));
}

.focus\:tw-bg-yellow-400:focus{
  --bg-opacity: 1;
  background-color: #f6e05e;
  background-color: rgba(246, 224, 94, var(--bg-opacity));
}

.focus\:tw-bg-yellow-500:focus{
  --bg-opacity: 1;
  background-color: #ecc94b;
  background-color: rgba(236, 201, 75, var(--bg-opacity));
}

.focus\:tw-bg-yellow-600:focus{
  --bg-opacity: 1;
  background-color: #d69e2e;
  background-color: rgba(214, 158, 46, var(--bg-opacity));
}

.focus\:tw-bg-yellow-700:focus{
  --bg-opacity: 1;
  background-color: #b7791f;
  background-color: rgba(183, 121, 31, var(--bg-opacity));
}

.focus\:tw-bg-yellow-800:focus{
  --bg-opacity: 1;
  background-color: #975a16;
  background-color: rgba(151, 90, 22, var(--bg-opacity));
}

.focus\:tw-bg-yellow-900:focus{
  --bg-opacity: 1;
  background-color: #744210;
  background-color: rgba(116, 66, 16, var(--bg-opacity));
}

.focus\:tw-bg-green-100:focus{
  --bg-opacity: 1;
  background-color: #f0fff4;
  background-color: rgba(240, 255, 244, var(--bg-opacity));
}

.focus\:tw-bg-green-200:focus{
  --bg-opacity: 1;
  background-color: #c6f6d5;
  background-color: rgba(198, 246, 213, var(--bg-opacity));
}

.focus\:tw-bg-green-300:focus{
  --bg-opacity: 1;
  background-color: #9ae6b4;
  background-color: rgba(154, 230, 180, var(--bg-opacity));
}

.focus\:tw-bg-green-400:focus{
  --bg-opacity: 1;
  background-color: #68d391;
  background-color: rgba(104, 211, 145, var(--bg-opacity));
}

.focus\:tw-bg-green-500:focus{
  --bg-opacity: 1;
  background-color: #48bb78;
  background-color: rgba(72, 187, 120, var(--bg-opacity));
}

.focus\:tw-bg-green-600:focus{
  --bg-opacity: 1;
  background-color: #38a169;
  background-color: rgba(56, 161, 105, var(--bg-opacity));
}

.focus\:tw-bg-green-700:focus{
  --bg-opacity: 1;
  background-color: #2f855a;
  background-color: rgba(47, 133, 90, var(--bg-opacity));
}

.focus\:tw-bg-green-800:focus{
  --bg-opacity: 1;
  background-color: #276749;
  background-color: rgba(39, 103, 73, var(--bg-opacity));
}

.focus\:tw-bg-green-900:focus{
  --bg-opacity: 1;
  background-color: #22543d;
  background-color: rgba(34, 84, 61, var(--bg-opacity));
}

.focus\:tw-bg-teal-100:focus{
  --bg-opacity: 1;
  background-color: #e6fffa;
  background-color: rgba(230, 255, 250, var(--bg-opacity));
}

.focus\:tw-bg-teal-200:focus{
  --bg-opacity: 1;
  background-color: #b2f5ea;
  background-color: rgba(178, 245, 234, var(--bg-opacity));
}

.focus\:tw-bg-teal-300:focus{
  --bg-opacity: 1;
  background-color: #81e6d9;
  background-color: rgba(129, 230, 217, var(--bg-opacity));
}

.focus\:tw-bg-teal-400:focus{
  --bg-opacity: 1;
  background-color: #4fd1c5;
  background-color: rgba(79, 209, 197, var(--bg-opacity));
}

.focus\:tw-bg-teal-500:focus{
  --bg-opacity: 1;
  background-color: #38b2ac;
  background-color: rgba(56, 178, 172, var(--bg-opacity));
}

.focus\:tw-bg-teal-600:focus{
  --bg-opacity: 1;
  background-color: #319795;
  background-color: rgba(49, 151, 149, var(--bg-opacity));
}

.focus\:tw-bg-teal-700:focus{
  --bg-opacity: 1;
  background-color: #2c7a7b;
  background-color: rgba(44, 122, 123, var(--bg-opacity));
}

.focus\:tw-bg-teal-800:focus{
  --bg-opacity: 1;
  background-color: #285e61;
  background-color: rgba(40, 94, 97, var(--bg-opacity));
}

.focus\:tw-bg-teal-900:focus{
  --bg-opacity: 1;
  background-color: #234e52;
  background-color: rgba(35, 78, 82, var(--bg-opacity));
}

.focus\:tw-bg-blue-100:focus{
  --bg-opacity: 1;
  background-color: #ebf8ff;
  background-color: rgba(235, 248, 255, var(--bg-opacity));
}

.focus\:tw-bg-blue-200:focus{
  --bg-opacity: 1;
  background-color: #bee3f8;
  background-color: rgba(190, 227, 248, var(--bg-opacity));
}

.focus\:tw-bg-blue-300:focus{
  --bg-opacity: 1;
  background-color: #90cdf4;
  background-color: rgba(144, 205, 244, var(--bg-opacity));
}

.focus\:tw-bg-blue-400:focus{
  --bg-opacity: 1;
  background-color: #63b3ed;
  background-color: rgba(99, 179, 237, var(--bg-opacity));
}

.focus\:tw-bg-blue-500:focus{
  --bg-opacity: 1;
  background-color: #4299e1;
  background-color: rgba(66, 153, 225, var(--bg-opacity));
}

.focus\:tw-bg-blue-600:focus{
  --bg-opacity: 1;
  background-color: #3182ce;
  background-color: rgba(49, 130, 206, var(--bg-opacity));
}

.focus\:tw-bg-blue-700:focus{
  --bg-opacity: 1;
  background-color: #2b6cb0;
  background-color: rgba(43, 108, 176, var(--bg-opacity));
}

.focus\:tw-bg-blue-800:focus{
  --bg-opacity: 1;
  background-color: #2c5282;
  background-color: rgba(44, 82, 130, var(--bg-opacity));
}

.focus\:tw-bg-blue-900:focus{
  --bg-opacity: 1;
  background-color: #2a4365;
  background-color: rgba(42, 67, 101, var(--bg-opacity));
}

.focus\:tw-bg-indigo-100:focus{
  --bg-opacity: 1;
  background-color: #ebf4ff;
  background-color: rgba(235, 244, 255, var(--bg-opacity));
}

.focus\:tw-bg-indigo-200:focus{
  --bg-opacity: 1;
  background-color: #c3dafe;
  background-color: rgba(195, 218, 254, var(--bg-opacity));
}

.focus\:tw-bg-indigo-300:focus{
  --bg-opacity: 1;
  background-color: #a3bffa;
  background-color: rgba(163, 191, 250, var(--bg-opacity));
}

.focus\:tw-bg-indigo-400:focus{
  --bg-opacity: 1;
  background-color: #7f9cf5;
  background-color: rgba(127, 156, 245, var(--bg-opacity));
}

.focus\:tw-bg-indigo-500:focus{
  --bg-opacity: 1;
  background-color: #667eea;
  background-color: rgba(102, 126, 234, var(--bg-opacity));
}

.focus\:tw-bg-indigo-600:focus{
  --bg-opacity: 1;
  background-color: #5a67d8;
  background-color: rgba(90, 103, 216, var(--bg-opacity));
}

.focus\:tw-bg-indigo-700:focus{
  --bg-opacity: 1;
  background-color: #4c51bf;
  background-color: rgba(76, 81, 191, var(--bg-opacity));
}

.focus\:tw-bg-indigo-800:focus{
  --bg-opacity: 1;
  background-color: #434190;
  background-color: rgba(67, 65, 144, var(--bg-opacity));
}

.focus\:tw-bg-indigo-900:focus{
  --bg-opacity: 1;
  background-color: #3c366b;
  background-color: rgba(60, 54, 107, var(--bg-opacity));
}

.focus\:tw-bg-purple-100:focus{
  --bg-opacity: 1;
  background-color: #faf5ff;
  background-color: rgba(250, 245, 255, var(--bg-opacity));
}

.focus\:tw-bg-purple-200:focus{
  --bg-opacity: 1;
  background-color: #e9d8fd;
  background-color: rgba(233, 216, 253, var(--bg-opacity));
}

.focus\:tw-bg-purple-300:focus{
  --bg-opacity: 1;
  background-color: #d6bcfa;
  background-color: rgba(214, 188, 250, var(--bg-opacity));
}

.focus\:tw-bg-purple-400:focus{
  --bg-opacity: 1;
  background-color: #b794f4;
  background-color: rgba(183, 148, 244, var(--bg-opacity));
}

.focus\:tw-bg-purple-500:focus{
  --bg-opacity: 1;
  background-color: #9f7aea;
  background-color: rgba(159, 122, 234, var(--bg-opacity));
}

.focus\:tw-bg-purple-600:focus{
  --bg-opacity: 1;
  background-color: #805ad5;
  background-color: rgba(128, 90, 213, var(--bg-opacity));
}

.focus\:tw-bg-purple-700:focus{
  --bg-opacity: 1;
  background-color: #6b46c1;
  background-color: rgba(107, 70, 193, var(--bg-opacity));
}

.focus\:tw-bg-purple-800:focus{
  --bg-opacity: 1;
  background-color: #553c9a;
  background-color: rgba(85, 60, 154, var(--bg-opacity));
}

.focus\:tw-bg-purple-900:focus{
  --bg-opacity: 1;
  background-color: #44337a;
  background-color: rgba(68, 51, 122, var(--bg-opacity));
}

.focus\:tw-bg-pink-100:focus{
  --bg-opacity: 1;
  background-color: #fff5f7;
  background-color: rgba(255, 245, 247, var(--bg-opacity));
}

.focus\:tw-bg-pink-200:focus{
  --bg-opacity: 1;
  background-color: #fed7e2;
  background-color: rgba(254, 215, 226, var(--bg-opacity));
}

.focus\:tw-bg-pink-300:focus{
  --bg-opacity: 1;
  background-color: #fbb6ce;
  background-color: rgba(251, 182, 206, var(--bg-opacity));
}

.focus\:tw-bg-pink-400:focus{
  --bg-opacity: 1;
  background-color: #f687b3;
  background-color: rgba(246, 135, 179, var(--bg-opacity));
}

.focus\:tw-bg-pink-500:focus{
  --bg-opacity: 1;
  background-color: #ed64a6;
  background-color: rgba(237, 100, 166, var(--bg-opacity));
}

.focus\:tw-bg-pink-600:focus{
  --bg-opacity: 1;
  background-color: #d53f8c;
  background-color: rgba(213, 63, 140, var(--bg-opacity));
}

.focus\:tw-bg-pink-700:focus{
  --bg-opacity: 1;
  background-color: #b83280;
  background-color: rgba(184, 50, 128, var(--bg-opacity));
}

.focus\:tw-bg-pink-800:focus{
  --bg-opacity: 1;
  background-color: #97266d;
  background-color: rgba(151, 38, 109, var(--bg-opacity));
}

.focus\:tw-bg-pink-900:focus{
  --bg-opacity: 1;
  background-color: #702459;
  background-color: rgba(112, 36, 89, var(--bg-opacity));
}

.focus\:tw-bg-primary-blue:focus{
  --bg-opacity: 1;
  background-color: #1976d2;
  background-color: rgba(25, 118, 210, var(--bg-opacity));
}

.focus\:tw-bg-primary-blue-dark:focus{
  --bg-opacity: 1;
  background-color: #0c3b69;
  background-color: rgba(12, 59, 105, var(--bg-opacity));
}

.focus\:tw-bg-primary-white:focus{
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.focus\:tw-bg-font-0:focus{
  --bg-opacity: 1;
  background-color: #4f4f4f;
  background-color: rgba(79, 79, 79, var(--bg-opacity));
}

.focus\:tw-bg-font-1:focus{
  --bg-opacity: 1;
  background-color: #fcfcfc;
  background-color: rgba(252, 252, 252, var(--bg-opacity));
}

.focus\:tw-bg-font-5:focus{
  --bg-opacity: 1;
  background-color: #f6f6f6;
  background-color: rgba(246, 246, 246, var(--bg-opacity));
}

.focus\:tw-bg-font-10:focus{
  --bg-opacity: 1;
  background-color: #ededed;
  background-color: rgba(237, 237, 237, var(--bg-opacity));
}

.focus\:tw-bg-font-50:focus{
  --bg-opacity: 1;
  background-color: #a7a7a7;
  background-color: rgba(167, 167, 167, var(--bg-opacity));
}

.focus\:tw-bg-font-70:focus{
  --bg-opacity: 1;
  background-color: #838383;
  background-color: rgba(131, 131, 131, var(--bg-opacity));
}

.tw-bg-none{
  background-image: none;
}

.tw-bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--gradient-color-stops));
}

.tw-bg-gradient-to-tr{
  background-image: linear-gradient(to top right, var(--gradient-color-stops));
}

.tw-bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--gradient-color-stops));
}

.tw-bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
}

.tw-bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--gradient-color-stops));
}

.tw-bg-gradient-to-bl{
  background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
}

.tw-bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--gradient-color-stops));
}

.tw-bg-gradient-to-tl{
  background-image: linear-gradient(to top left, var(--gradient-color-stops));
}

.tw-from-transparent{
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.tw-from-current{
  --gradient-from-color: currentColor;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.tw-from-black{
  --gradient-from-color: #000;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.tw-from-white{
  --gradient-from-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.tw-from-gray-100{
  --gradient-from-color: #f7fafc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
}

.tw-from-gray-200{
  --gradient-from-color: #edf2f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
}

.tw-from-gray-300{
  --gradient-from-color: #e2e8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
}

.tw-from-gray-400{
  --gradient-from-color: #cbd5e0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
}

.tw-from-gray-500{
  --gradient-from-color: #a0aec0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
}

.tw-from-gray-600{
  --gradient-from-color: #718096;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
}

.tw-from-gray-700{
  --gradient-from-color: #4a5568;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
}

.tw-from-gray-800{
  --gradient-from-color: #2d3748;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
}

.tw-from-gray-900{
  --gradient-from-color: #1a202c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
}

.tw-from-red-100{
  --gradient-from-color: #fff5f5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
}

.tw-from-red-200{
  --gradient-from-color: #fed7d7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
}

.tw-from-red-300{
  --gradient-from-color: #feb2b2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
}

.tw-from-red-400{
  --gradient-from-color: #fc8181;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
}

.tw-from-red-500{
  --gradient-from-color: #f56565;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
}

.tw-from-red-600{
  --gradient-from-color: #e53e3e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
}

.tw-from-red-700{
  --gradient-from-color: #c53030;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
}

.tw-from-red-800{
  --gradient-from-color: #9b2c2c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
}

.tw-from-red-900{
  --gradient-from-color: #742a2a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
}

.tw-from-orange-100{
  --gradient-from-color: #fffaf0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
}

.tw-from-orange-200{
  --gradient-from-color: #feebc8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
}

.tw-from-orange-300{
  --gradient-from-color: #fbd38d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
}

.tw-from-orange-400{
  --gradient-from-color: #f6ad55;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
}

.tw-from-orange-500{
  --gradient-from-color: #ed8936;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
}

.tw-from-orange-600{
  --gradient-from-color: #dd6b20;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
}

.tw-from-orange-700{
  --gradient-from-color: #c05621;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
}

.tw-from-orange-800{
  --gradient-from-color: #9c4221;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
}

.tw-from-orange-900{
  --gradient-from-color: #7b341e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
}

.tw-from-yellow-100{
  --gradient-from-color: #fffff0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
}

.tw-from-yellow-200{
  --gradient-from-color: #fefcbf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
}

.tw-from-yellow-300{
  --gradient-from-color: #faf089;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
}

.tw-from-yellow-400{
  --gradient-from-color: #f6e05e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
}

.tw-from-yellow-500{
  --gradient-from-color: #ecc94b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
}

.tw-from-yellow-600{
  --gradient-from-color: #d69e2e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
}

.tw-from-yellow-700{
  --gradient-from-color: #b7791f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
}

.tw-from-yellow-800{
  --gradient-from-color: #975a16;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
}

.tw-from-yellow-900{
  --gradient-from-color: #744210;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
}

.tw-from-green-100{
  --gradient-from-color: #f0fff4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
}

.tw-from-green-200{
  --gradient-from-color: #c6f6d5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
}

.tw-from-green-300{
  --gradient-from-color: #9ae6b4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
}

.tw-from-green-400{
  --gradient-from-color: #68d391;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
}

.tw-from-green-500{
  --gradient-from-color: #48bb78;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
}

.tw-from-green-600{
  --gradient-from-color: #38a169;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
}

.tw-from-green-700{
  --gradient-from-color: #2f855a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
}

.tw-from-green-800{
  --gradient-from-color: #276749;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
}

.tw-from-green-900{
  --gradient-from-color: #22543d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
}

.tw-from-teal-100{
  --gradient-from-color: #e6fffa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
}

.tw-from-teal-200{
  --gradient-from-color: #b2f5ea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
}

.tw-from-teal-300{
  --gradient-from-color: #81e6d9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
}

.tw-from-teal-400{
  --gradient-from-color: #4fd1c5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
}

.tw-from-teal-500{
  --gradient-from-color: #38b2ac;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
}

.tw-from-teal-600{
  --gradient-from-color: #319795;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
}

.tw-from-teal-700{
  --gradient-from-color: #2c7a7b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
}

.tw-from-teal-800{
  --gradient-from-color: #285e61;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
}

.tw-from-teal-900{
  --gradient-from-color: #234e52;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
}

.tw-from-blue-100{
  --gradient-from-color: #ebf8ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
}

.tw-from-blue-200{
  --gradient-from-color: #bee3f8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
}

.tw-from-blue-300{
  --gradient-from-color: #90cdf4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
}

.tw-from-blue-400{
  --gradient-from-color: #63b3ed;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
}

.tw-from-blue-500{
  --gradient-from-color: #4299e1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
}

.tw-from-blue-600{
  --gradient-from-color: #3182ce;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
}

.tw-from-blue-700{
  --gradient-from-color: #2b6cb0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
}

.tw-from-blue-800{
  --gradient-from-color: #2c5282;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
}

.tw-from-blue-900{
  --gradient-from-color: #2a4365;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
}

.tw-from-indigo-100{
  --gradient-from-color: #ebf4ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
}

.tw-from-indigo-200{
  --gradient-from-color: #c3dafe;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
}

.tw-from-indigo-300{
  --gradient-from-color: #a3bffa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
}

.tw-from-indigo-400{
  --gradient-from-color: #7f9cf5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
}

.tw-from-indigo-500{
  --gradient-from-color: #667eea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
}

.tw-from-indigo-600{
  --gradient-from-color: #5a67d8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
}

.tw-from-indigo-700{
  --gradient-from-color: #4c51bf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
}

.tw-from-indigo-800{
  --gradient-from-color: #434190;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
}

.tw-from-indigo-900{
  --gradient-from-color: #3c366b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
}

.tw-from-purple-100{
  --gradient-from-color: #faf5ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
}

.tw-from-purple-200{
  --gradient-from-color: #e9d8fd;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
}

.tw-from-purple-300{
  --gradient-from-color: #d6bcfa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
}

.tw-from-purple-400{
  --gradient-from-color: #b794f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
}

.tw-from-purple-500{
  --gradient-from-color: #9f7aea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
}

.tw-from-purple-600{
  --gradient-from-color: #805ad5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
}

.tw-from-purple-700{
  --gradient-from-color: #6b46c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
}

.tw-from-purple-800{
  --gradient-from-color: #553c9a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
}

.tw-from-purple-900{
  --gradient-from-color: #44337a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
}

.tw-from-pink-100{
  --gradient-from-color: #fff5f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
}

.tw-from-pink-200{
  --gradient-from-color: #fed7e2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
}

.tw-from-pink-300{
  --gradient-from-color: #fbb6ce;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
}

.tw-from-pink-400{
  --gradient-from-color: #f687b3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
}

.tw-from-pink-500{
  --gradient-from-color: #ed64a6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
}

.tw-from-pink-600{
  --gradient-from-color: #d53f8c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
}

.tw-from-pink-700{
  --gradient-from-color: #b83280;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
}

.tw-from-pink-800{
  --gradient-from-color: #97266d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
}

.tw-from-pink-900{
  --gradient-from-color: #702459;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
}

.tw-from-primary-blue{
  --gradient-from-color: #1976d2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
}

.tw-from-primary-blue-dark{
  --gradient-from-color: #0c3b69;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
}

.tw-from-primary-white{
  --gradient-from-color: #ffffff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.tw-from-font-0{
  --gradient-from-color: #4f4f4f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
}

.tw-from-font-1{
  --gradient-from-color: #fcfcfc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
}

.tw-from-font-5{
  --gradient-from-color: #f6f6f6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
}

.tw-from-font-10{
  --gradient-from-color: #ededed;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
}

.tw-from-font-50{
  --gradient-from-color: #a7a7a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
}

.tw-from-font-70{
  --gradient-from-color: #838383;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
}

.tw-via-transparent{
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.tw-via-current{
  --gradient-via-color: currentColor;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.tw-via-black{
  --gradient-via-color: #000;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.tw-via-white{
  --gradient-via-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.tw-via-gray-100{
  --gradient-via-color: #f7fafc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
}

.tw-via-gray-200{
  --gradient-via-color: #edf2f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
}

.tw-via-gray-300{
  --gradient-via-color: #e2e8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
}

.tw-via-gray-400{
  --gradient-via-color: #cbd5e0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
}

.tw-via-gray-500{
  --gradient-via-color: #a0aec0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
}

.tw-via-gray-600{
  --gradient-via-color: #718096;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
}

.tw-via-gray-700{
  --gradient-via-color: #4a5568;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
}

.tw-via-gray-800{
  --gradient-via-color: #2d3748;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
}

.tw-via-gray-900{
  --gradient-via-color: #1a202c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
}

.tw-via-red-100{
  --gradient-via-color: #fff5f5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
}

.tw-via-red-200{
  --gradient-via-color: #fed7d7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
}

.tw-via-red-300{
  --gradient-via-color: #feb2b2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
}

.tw-via-red-400{
  --gradient-via-color: #fc8181;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
}

.tw-via-red-500{
  --gradient-via-color: #f56565;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
}

.tw-via-red-600{
  --gradient-via-color: #e53e3e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
}

.tw-via-red-700{
  --gradient-via-color: #c53030;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
}

.tw-via-red-800{
  --gradient-via-color: #9b2c2c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
}

.tw-via-red-900{
  --gradient-via-color: #742a2a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
}

.tw-via-orange-100{
  --gradient-via-color: #fffaf0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
}

.tw-via-orange-200{
  --gradient-via-color: #feebc8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
}

.tw-via-orange-300{
  --gradient-via-color: #fbd38d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
}

.tw-via-orange-400{
  --gradient-via-color: #f6ad55;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
}

.tw-via-orange-500{
  --gradient-via-color: #ed8936;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
}

.tw-via-orange-600{
  --gradient-via-color: #dd6b20;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
}

.tw-via-orange-700{
  --gradient-via-color: #c05621;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
}

.tw-via-orange-800{
  --gradient-via-color: #9c4221;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
}

.tw-via-orange-900{
  --gradient-via-color: #7b341e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
}

.tw-via-yellow-100{
  --gradient-via-color: #fffff0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
}

.tw-via-yellow-200{
  --gradient-via-color: #fefcbf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
}

.tw-via-yellow-300{
  --gradient-via-color: #faf089;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
}

.tw-via-yellow-400{
  --gradient-via-color: #f6e05e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
}

.tw-via-yellow-500{
  --gradient-via-color: #ecc94b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
}

.tw-via-yellow-600{
  --gradient-via-color: #d69e2e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
}

.tw-via-yellow-700{
  --gradient-via-color: #b7791f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
}

.tw-via-yellow-800{
  --gradient-via-color: #975a16;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
}

.tw-via-yellow-900{
  --gradient-via-color: #744210;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
}

.tw-via-green-100{
  --gradient-via-color: #f0fff4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
}

.tw-via-green-200{
  --gradient-via-color: #c6f6d5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
}

.tw-via-green-300{
  --gradient-via-color: #9ae6b4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
}

.tw-via-green-400{
  --gradient-via-color: #68d391;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
}

.tw-via-green-500{
  --gradient-via-color: #48bb78;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
}

.tw-via-green-600{
  --gradient-via-color: #38a169;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
}

.tw-via-green-700{
  --gradient-via-color: #2f855a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
}

.tw-via-green-800{
  --gradient-via-color: #276749;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
}

.tw-via-green-900{
  --gradient-via-color: #22543d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
}

.tw-via-teal-100{
  --gradient-via-color: #e6fffa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
}

.tw-via-teal-200{
  --gradient-via-color: #b2f5ea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
}

.tw-via-teal-300{
  --gradient-via-color: #81e6d9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
}

.tw-via-teal-400{
  --gradient-via-color: #4fd1c5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
}

.tw-via-teal-500{
  --gradient-via-color: #38b2ac;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
}

.tw-via-teal-600{
  --gradient-via-color: #319795;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
}

.tw-via-teal-700{
  --gradient-via-color: #2c7a7b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
}

.tw-via-teal-800{
  --gradient-via-color: #285e61;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
}

.tw-via-teal-900{
  --gradient-via-color: #234e52;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
}

.tw-via-blue-100{
  --gradient-via-color: #ebf8ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
}

.tw-via-blue-200{
  --gradient-via-color: #bee3f8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
}

.tw-via-blue-300{
  --gradient-via-color: #90cdf4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
}

.tw-via-blue-400{
  --gradient-via-color: #63b3ed;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
}

.tw-via-blue-500{
  --gradient-via-color: #4299e1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
}

.tw-via-blue-600{
  --gradient-via-color: #3182ce;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
}

.tw-via-blue-700{
  --gradient-via-color: #2b6cb0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
}

.tw-via-blue-800{
  --gradient-via-color: #2c5282;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
}

.tw-via-blue-900{
  --gradient-via-color: #2a4365;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
}

.tw-via-indigo-100{
  --gradient-via-color: #ebf4ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
}

.tw-via-indigo-200{
  --gradient-via-color: #c3dafe;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
}

.tw-via-indigo-300{
  --gradient-via-color: #a3bffa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
}

.tw-via-indigo-400{
  --gradient-via-color: #7f9cf5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
}

.tw-via-indigo-500{
  --gradient-via-color: #667eea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
}

.tw-via-indigo-600{
  --gradient-via-color: #5a67d8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
}

.tw-via-indigo-700{
  --gradient-via-color: #4c51bf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
}

.tw-via-indigo-800{
  --gradient-via-color: #434190;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
}

.tw-via-indigo-900{
  --gradient-via-color: #3c366b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
}

.tw-via-purple-100{
  --gradient-via-color: #faf5ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
}

.tw-via-purple-200{
  --gradient-via-color: #e9d8fd;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
}

.tw-via-purple-300{
  --gradient-via-color: #d6bcfa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
}

.tw-via-purple-400{
  --gradient-via-color: #b794f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
}

.tw-via-purple-500{
  --gradient-via-color: #9f7aea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
}

.tw-via-purple-600{
  --gradient-via-color: #805ad5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
}

.tw-via-purple-700{
  --gradient-via-color: #6b46c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
}

.tw-via-purple-800{
  --gradient-via-color: #553c9a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
}

.tw-via-purple-900{
  --gradient-via-color: #44337a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
}

.tw-via-pink-100{
  --gradient-via-color: #fff5f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
}

.tw-via-pink-200{
  --gradient-via-color: #fed7e2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
}

.tw-via-pink-300{
  --gradient-via-color: #fbb6ce;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
}

.tw-via-pink-400{
  --gradient-via-color: #f687b3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
}

.tw-via-pink-500{
  --gradient-via-color: #ed64a6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
}

.tw-via-pink-600{
  --gradient-via-color: #d53f8c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
}

.tw-via-pink-700{
  --gradient-via-color: #b83280;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
}

.tw-via-pink-800{
  --gradient-via-color: #97266d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
}

.tw-via-pink-900{
  --gradient-via-color: #702459;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
}

.tw-via-primary-blue{
  --gradient-via-color: #1976d2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
}

.tw-via-primary-blue-dark{
  --gradient-via-color: #0c3b69;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
}

.tw-via-primary-white{
  --gradient-via-color: #ffffff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.tw-via-font-0{
  --gradient-via-color: #4f4f4f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
}

.tw-via-font-1{
  --gradient-via-color: #fcfcfc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
}

.tw-via-font-5{
  --gradient-via-color: #f6f6f6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
}

.tw-via-font-10{
  --gradient-via-color: #ededed;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
}

.tw-via-font-50{
  --gradient-via-color: #a7a7a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
}

.tw-via-font-70{
  --gradient-via-color: #838383;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
}

.tw-to-transparent{
  --gradient-to-color: transparent;
}

.tw-to-current{
  --gradient-to-color: currentColor;
}

.tw-to-black{
  --gradient-to-color: #000;
}

.tw-to-white{
  --gradient-to-color: #fff;
}

.tw-to-gray-100{
  --gradient-to-color: #f7fafc;
}

.tw-to-gray-200{
  --gradient-to-color: #edf2f7;
}

.tw-to-gray-300{
  --gradient-to-color: #e2e8f0;
}

.tw-to-gray-400{
  --gradient-to-color: #cbd5e0;
}

.tw-to-gray-500{
  --gradient-to-color: #a0aec0;
}

.tw-to-gray-600{
  --gradient-to-color: #718096;
}

.tw-to-gray-700{
  --gradient-to-color: #4a5568;
}

.tw-to-gray-800{
  --gradient-to-color: #2d3748;
}

.tw-to-gray-900{
  --gradient-to-color: #1a202c;
}

.tw-to-red-100{
  --gradient-to-color: #fff5f5;
}

.tw-to-red-200{
  --gradient-to-color: #fed7d7;
}

.tw-to-red-300{
  --gradient-to-color: #feb2b2;
}

.tw-to-red-400{
  --gradient-to-color: #fc8181;
}

.tw-to-red-500{
  --gradient-to-color: #f56565;
}

.tw-to-red-600{
  --gradient-to-color: #e53e3e;
}

.tw-to-red-700{
  --gradient-to-color: #c53030;
}

.tw-to-red-800{
  --gradient-to-color: #9b2c2c;
}

.tw-to-red-900{
  --gradient-to-color: #742a2a;
}

.tw-to-orange-100{
  --gradient-to-color: #fffaf0;
}

.tw-to-orange-200{
  --gradient-to-color: #feebc8;
}

.tw-to-orange-300{
  --gradient-to-color: #fbd38d;
}

.tw-to-orange-400{
  --gradient-to-color: #f6ad55;
}

.tw-to-orange-500{
  --gradient-to-color: #ed8936;
}

.tw-to-orange-600{
  --gradient-to-color: #dd6b20;
}

.tw-to-orange-700{
  --gradient-to-color: #c05621;
}

.tw-to-orange-800{
  --gradient-to-color: #9c4221;
}

.tw-to-orange-900{
  --gradient-to-color: #7b341e;
}

.tw-to-yellow-100{
  --gradient-to-color: #fffff0;
}

.tw-to-yellow-200{
  --gradient-to-color: #fefcbf;
}

.tw-to-yellow-300{
  --gradient-to-color: #faf089;
}

.tw-to-yellow-400{
  --gradient-to-color: #f6e05e;
}

.tw-to-yellow-500{
  --gradient-to-color: #ecc94b;
}

.tw-to-yellow-600{
  --gradient-to-color: #d69e2e;
}

.tw-to-yellow-700{
  --gradient-to-color: #b7791f;
}

.tw-to-yellow-800{
  --gradient-to-color: #975a16;
}

.tw-to-yellow-900{
  --gradient-to-color: #744210;
}

.tw-to-green-100{
  --gradient-to-color: #f0fff4;
}

.tw-to-green-200{
  --gradient-to-color: #c6f6d5;
}

.tw-to-green-300{
  --gradient-to-color: #9ae6b4;
}

.tw-to-green-400{
  --gradient-to-color: #68d391;
}

.tw-to-green-500{
  --gradient-to-color: #48bb78;
}

.tw-to-green-600{
  --gradient-to-color: #38a169;
}

.tw-to-green-700{
  --gradient-to-color: #2f855a;
}

.tw-to-green-800{
  --gradient-to-color: #276749;
}

.tw-to-green-900{
  --gradient-to-color: #22543d;
}

.tw-to-teal-100{
  --gradient-to-color: #e6fffa;
}

.tw-to-teal-200{
  --gradient-to-color: #b2f5ea;
}

.tw-to-teal-300{
  --gradient-to-color: #81e6d9;
}

.tw-to-teal-400{
  --gradient-to-color: #4fd1c5;
}

.tw-to-teal-500{
  --gradient-to-color: #38b2ac;
}

.tw-to-teal-600{
  --gradient-to-color: #319795;
}

.tw-to-teal-700{
  --gradient-to-color: #2c7a7b;
}

.tw-to-teal-800{
  --gradient-to-color: #285e61;
}

.tw-to-teal-900{
  --gradient-to-color: #234e52;
}

.tw-to-blue-100{
  --gradient-to-color: #ebf8ff;
}

.tw-to-blue-200{
  --gradient-to-color: #bee3f8;
}

.tw-to-blue-300{
  --gradient-to-color: #90cdf4;
}

.tw-to-blue-400{
  --gradient-to-color: #63b3ed;
}

.tw-to-blue-500{
  --gradient-to-color: #4299e1;
}

.tw-to-blue-600{
  --gradient-to-color: #3182ce;
}

.tw-to-blue-700{
  --gradient-to-color: #2b6cb0;
}

.tw-to-blue-800{
  --gradient-to-color: #2c5282;
}

.tw-to-blue-900{
  --gradient-to-color: #2a4365;
}

.tw-to-indigo-100{
  --gradient-to-color: #ebf4ff;
}

.tw-to-indigo-200{
  --gradient-to-color: #c3dafe;
}

.tw-to-indigo-300{
  --gradient-to-color: #a3bffa;
}

.tw-to-indigo-400{
  --gradient-to-color: #7f9cf5;
}

.tw-to-indigo-500{
  --gradient-to-color: #667eea;
}

.tw-to-indigo-600{
  --gradient-to-color: #5a67d8;
}

.tw-to-indigo-700{
  --gradient-to-color: #4c51bf;
}

.tw-to-indigo-800{
  --gradient-to-color: #434190;
}

.tw-to-indigo-900{
  --gradient-to-color: #3c366b;
}

.tw-to-purple-100{
  --gradient-to-color: #faf5ff;
}

.tw-to-purple-200{
  --gradient-to-color: #e9d8fd;
}

.tw-to-purple-300{
  --gradient-to-color: #d6bcfa;
}

.tw-to-purple-400{
  --gradient-to-color: #b794f4;
}

.tw-to-purple-500{
  --gradient-to-color: #9f7aea;
}

.tw-to-purple-600{
  --gradient-to-color: #805ad5;
}

.tw-to-purple-700{
  --gradient-to-color: #6b46c1;
}

.tw-to-purple-800{
  --gradient-to-color: #553c9a;
}

.tw-to-purple-900{
  --gradient-to-color: #44337a;
}

.tw-to-pink-100{
  --gradient-to-color: #fff5f7;
}

.tw-to-pink-200{
  --gradient-to-color: #fed7e2;
}

.tw-to-pink-300{
  --gradient-to-color: #fbb6ce;
}

.tw-to-pink-400{
  --gradient-to-color: #f687b3;
}

.tw-to-pink-500{
  --gradient-to-color: #ed64a6;
}

.tw-to-pink-600{
  --gradient-to-color: #d53f8c;
}

.tw-to-pink-700{
  --gradient-to-color: #b83280;
}

.tw-to-pink-800{
  --gradient-to-color: #97266d;
}

.tw-to-pink-900{
  --gradient-to-color: #702459;
}

.tw-to-primary-blue{
  --gradient-to-color: #1976d2;
}

.tw-to-primary-blue-dark{
  --gradient-to-color: #0c3b69;
}

.tw-to-primary-white{
  --gradient-to-color: #ffffff;
}

.tw-to-font-0{
  --gradient-to-color: #4f4f4f;
}

.tw-to-font-1{
  --gradient-to-color: #fcfcfc;
}

.tw-to-font-5{
  --gradient-to-color: #f6f6f6;
}

.tw-to-font-10{
  --gradient-to-color: #ededed;
}

.tw-to-font-50{
  --gradient-to-color: #a7a7a7;
}

.tw-to-font-70{
  --gradient-to-color: #838383;
}

.hover\:tw-from-transparent:hover{
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:tw-from-current:hover{
  --gradient-from-color: currentColor;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:tw-from-black:hover{
  --gradient-from-color: #000;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:tw-from-white:hover{
  --gradient-from-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:tw-from-gray-100:hover{
  --gradient-from-color: #f7fafc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
}

.hover\:tw-from-gray-200:hover{
  --gradient-from-color: #edf2f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
}

.hover\:tw-from-gray-300:hover{
  --gradient-from-color: #e2e8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
}

.hover\:tw-from-gray-400:hover{
  --gradient-from-color: #cbd5e0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
}

.hover\:tw-from-gray-500:hover{
  --gradient-from-color: #a0aec0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
}

.hover\:tw-from-gray-600:hover{
  --gradient-from-color: #718096;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
}

.hover\:tw-from-gray-700:hover{
  --gradient-from-color: #4a5568;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
}

.hover\:tw-from-gray-800:hover{
  --gradient-from-color: #2d3748;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
}

.hover\:tw-from-gray-900:hover{
  --gradient-from-color: #1a202c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
}

.hover\:tw-from-red-100:hover{
  --gradient-from-color: #fff5f5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
}

.hover\:tw-from-red-200:hover{
  --gradient-from-color: #fed7d7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
}

.hover\:tw-from-red-300:hover{
  --gradient-from-color: #feb2b2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
}

.hover\:tw-from-red-400:hover{
  --gradient-from-color: #fc8181;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
}

.hover\:tw-from-red-500:hover{
  --gradient-from-color: #f56565;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
}

.hover\:tw-from-red-600:hover{
  --gradient-from-color: #e53e3e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
}

.hover\:tw-from-red-700:hover{
  --gradient-from-color: #c53030;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
}

.hover\:tw-from-red-800:hover{
  --gradient-from-color: #9b2c2c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
}

.hover\:tw-from-red-900:hover{
  --gradient-from-color: #742a2a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
}

.hover\:tw-from-orange-100:hover{
  --gradient-from-color: #fffaf0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
}

.hover\:tw-from-orange-200:hover{
  --gradient-from-color: #feebc8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
}

.hover\:tw-from-orange-300:hover{
  --gradient-from-color: #fbd38d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
}

.hover\:tw-from-orange-400:hover{
  --gradient-from-color: #f6ad55;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
}

.hover\:tw-from-orange-500:hover{
  --gradient-from-color: #ed8936;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
}

.hover\:tw-from-orange-600:hover{
  --gradient-from-color: #dd6b20;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
}

.hover\:tw-from-orange-700:hover{
  --gradient-from-color: #c05621;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
}

.hover\:tw-from-orange-800:hover{
  --gradient-from-color: #9c4221;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
}

.hover\:tw-from-orange-900:hover{
  --gradient-from-color: #7b341e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
}

.hover\:tw-from-yellow-100:hover{
  --gradient-from-color: #fffff0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
}

.hover\:tw-from-yellow-200:hover{
  --gradient-from-color: #fefcbf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
}

.hover\:tw-from-yellow-300:hover{
  --gradient-from-color: #faf089;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
}

.hover\:tw-from-yellow-400:hover{
  --gradient-from-color: #f6e05e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
}

.hover\:tw-from-yellow-500:hover{
  --gradient-from-color: #ecc94b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
}

.hover\:tw-from-yellow-600:hover{
  --gradient-from-color: #d69e2e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
}

.hover\:tw-from-yellow-700:hover{
  --gradient-from-color: #b7791f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
}

.hover\:tw-from-yellow-800:hover{
  --gradient-from-color: #975a16;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
}

.hover\:tw-from-yellow-900:hover{
  --gradient-from-color: #744210;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
}

.hover\:tw-from-green-100:hover{
  --gradient-from-color: #f0fff4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
}

.hover\:tw-from-green-200:hover{
  --gradient-from-color: #c6f6d5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
}

.hover\:tw-from-green-300:hover{
  --gradient-from-color: #9ae6b4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
}

.hover\:tw-from-green-400:hover{
  --gradient-from-color: #68d391;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
}

.hover\:tw-from-green-500:hover{
  --gradient-from-color: #48bb78;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
}

.hover\:tw-from-green-600:hover{
  --gradient-from-color: #38a169;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
}

.hover\:tw-from-green-700:hover{
  --gradient-from-color: #2f855a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
}

.hover\:tw-from-green-800:hover{
  --gradient-from-color: #276749;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
}

.hover\:tw-from-green-900:hover{
  --gradient-from-color: #22543d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
}

.hover\:tw-from-teal-100:hover{
  --gradient-from-color: #e6fffa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
}

.hover\:tw-from-teal-200:hover{
  --gradient-from-color: #b2f5ea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
}

.hover\:tw-from-teal-300:hover{
  --gradient-from-color: #81e6d9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
}

.hover\:tw-from-teal-400:hover{
  --gradient-from-color: #4fd1c5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
}

.hover\:tw-from-teal-500:hover{
  --gradient-from-color: #38b2ac;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
}

.hover\:tw-from-teal-600:hover{
  --gradient-from-color: #319795;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
}

.hover\:tw-from-teal-700:hover{
  --gradient-from-color: #2c7a7b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
}

.hover\:tw-from-teal-800:hover{
  --gradient-from-color: #285e61;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
}

.hover\:tw-from-teal-900:hover{
  --gradient-from-color: #234e52;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
}

.hover\:tw-from-blue-100:hover{
  --gradient-from-color: #ebf8ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
}

.hover\:tw-from-blue-200:hover{
  --gradient-from-color: #bee3f8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
}

.hover\:tw-from-blue-300:hover{
  --gradient-from-color: #90cdf4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
}

.hover\:tw-from-blue-400:hover{
  --gradient-from-color: #63b3ed;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
}

.hover\:tw-from-blue-500:hover{
  --gradient-from-color: #4299e1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
}

.hover\:tw-from-blue-600:hover{
  --gradient-from-color: #3182ce;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
}

.hover\:tw-from-blue-700:hover{
  --gradient-from-color: #2b6cb0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
}

.hover\:tw-from-blue-800:hover{
  --gradient-from-color: #2c5282;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
}

.hover\:tw-from-blue-900:hover{
  --gradient-from-color: #2a4365;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
}

.hover\:tw-from-indigo-100:hover{
  --gradient-from-color: #ebf4ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
}

.hover\:tw-from-indigo-200:hover{
  --gradient-from-color: #c3dafe;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
}

.hover\:tw-from-indigo-300:hover{
  --gradient-from-color: #a3bffa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
}

.hover\:tw-from-indigo-400:hover{
  --gradient-from-color: #7f9cf5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
}

.hover\:tw-from-indigo-500:hover{
  --gradient-from-color: #667eea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
}

.hover\:tw-from-indigo-600:hover{
  --gradient-from-color: #5a67d8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
}

.hover\:tw-from-indigo-700:hover{
  --gradient-from-color: #4c51bf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
}

.hover\:tw-from-indigo-800:hover{
  --gradient-from-color: #434190;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
}

.hover\:tw-from-indigo-900:hover{
  --gradient-from-color: #3c366b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
}

.hover\:tw-from-purple-100:hover{
  --gradient-from-color: #faf5ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
}

.hover\:tw-from-purple-200:hover{
  --gradient-from-color: #e9d8fd;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
}

.hover\:tw-from-purple-300:hover{
  --gradient-from-color: #d6bcfa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
}

.hover\:tw-from-purple-400:hover{
  --gradient-from-color: #b794f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
}

.hover\:tw-from-purple-500:hover{
  --gradient-from-color: #9f7aea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
}

.hover\:tw-from-purple-600:hover{
  --gradient-from-color: #805ad5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
}

.hover\:tw-from-purple-700:hover{
  --gradient-from-color: #6b46c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
}

.hover\:tw-from-purple-800:hover{
  --gradient-from-color: #553c9a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
}

.hover\:tw-from-purple-900:hover{
  --gradient-from-color: #44337a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
}

.hover\:tw-from-pink-100:hover{
  --gradient-from-color: #fff5f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
}

.hover\:tw-from-pink-200:hover{
  --gradient-from-color: #fed7e2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
}

.hover\:tw-from-pink-300:hover{
  --gradient-from-color: #fbb6ce;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
}

.hover\:tw-from-pink-400:hover{
  --gradient-from-color: #f687b3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
}

.hover\:tw-from-pink-500:hover{
  --gradient-from-color: #ed64a6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
}

.hover\:tw-from-pink-600:hover{
  --gradient-from-color: #d53f8c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
}

.hover\:tw-from-pink-700:hover{
  --gradient-from-color: #b83280;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
}

.hover\:tw-from-pink-800:hover{
  --gradient-from-color: #97266d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
}

.hover\:tw-from-pink-900:hover{
  --gradient-from-color: #702459;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
}

.hover\:tw-from-primary-blue:hover{
  --gradient-from-color: #1976d2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
}

.hover\:tw-from-primary-blue-dark:hover{
  --gradient-from-color: #0c3b69;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
}

.hover\:tw-from-primary-white:hover{
  --gradient-from-color: #ffffff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:tw-from-font-0:hover{
  --gradient-from-color: #4f4f4f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
}

.hover\:tw-from-font-1:hover{
  --gradient-from-color: #fcfcfc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
}

.hover\:tw-from-font-5:hover{
  --gradient-from-color: #f6f6f6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
}

.hover\:tw-from-font-10:hover{
  --gradient-from-color: #ededed;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
}

.hover\:tw-from-font-50:hover{
  --gradient-from-color: #a7a7a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
}

.hover\:tw-from-font-70:hover{
  --gradient-from-color: #838383;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
}

.hover\:tw-via-transparent:hover{
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:tw-via-current:hover{
  --gradient-via-color: currentColor;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:tw-via-black:hover{
  --gradient-via-color: #000;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:tw-via-white:hover{
  --gradient-via-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:tw-via-gray-100:hover{
  --gradient-via-color: #f7fafc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
}

.hover\:tw-via-gray-200:hover{
  --gradient-via-color: #edf2f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
}

.hover\:tw-via-gray-300:hover{
  --gradient-via-color: #e2e8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
}

.hover\:tw-via-gray-400:hover{
  --gradient-via-color: #cbd5e0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
}

.hover\:tw-via-gray-500:hover{
  --gradient-via-color: #a0aec0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
}

.hover\:tw-via-gray-600:hover{
  --gradient-via-color: #718096;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
}

.hover\:tw-via-gray-700:hover{
  --gradient-via-color: #4a5568;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
}

.hover\:tw-via-gray-800:hover{
  --gradient-via-color: #2d3748;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
}

.hover\:tw-via-gray-900:hover{
  --gradient-via-color: #1a202c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
}

.hover\:tw-via-red-100:hover{
  --gradient-via-color: #fff5f5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
}

.hover\:tw-via-red-200:hover{
  --gradient-via-color: #fed7d7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
}

.hover\:tw-via-red-300:hover{
  --gradient-via-color: #feb2b2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
}

.hover\:tw-via-red-400:hover{
  --gradient-via-color: #fc8181;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
}

.hover\:tw-via-red-500:hover{
  --gradient-via-color: #f56565;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
}

.hover\:tw-via-red-600:hover{
  --gradient-via-color: #e53e3e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
}

.hover\:tw-via-red-700:hover{
  --gradient-via-color: #c53030;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
}

.hover\:tw-via-red-800:hover{
  --gradient-via-color: #9b2c2c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
}

.hover\:tw-via-red-900:hover{
  --gradient-via-color: #742a2a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
}

.hover\:tw-via-orange-100:hover{
  --gradient-via-color: #fffaf0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
}

.hover\:tw-via-orange-200:hover{
  --gradient-via-color: #feebc8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
}

.hover\:tw-via-orange-300:hover{
  --gradient-via-color: #fbd38d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
}

.hover\:tw-via-orange-400:hover{
  --gradient-via-color: #f6ad55;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
}

.hover\:tw-via-orange-500:hover{
  --gradient-via-color: #ed8936;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
}

.hover\:tw-via-orange-600:hover{
  --gradient-via-color: #dd6b20;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
}

.hover\:tw-via-orange-700:hover{
  --gradient-via-color: #c05621;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
}

.hover\:tw-via-orange-800:hover{
  --gradient-via-color: #9c4221;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
}

.hover\:tw-via-orange-900:hover{
  --gradient-via-color: #7b341e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
}

.hover\:tw-via-yellow-100:hover{
  --gradient-via-color: #fffff0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
}

.hover\:tw-via-yellow-200:hover{
  --gradient-via-color: #fefcbf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
}

.hover\:tw-via-yellow-300:hover{
  --gradient-via-color: #faf089;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
}

.hover\:tw-via-yellow-400:hover{
  --gradient-via-color: #f6e05e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
}

.hover\:tw-via-yellow-500:hover{
  --gradient-via-color: #ecc94b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
}

.hover\:tw-via-yellow-600:hover{
  --gradient-via-color: #d69e2e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
}

.hover\:tw-via-yellow-700:hover{
  --gradient-via-color: #b7791f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
}

.hover\:tw-via-yellow-800:hover{
  --gradient-via-color: #975a16;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
}

.hover\:tw-via-yellow-900:hover{
  --gradient-via-color: #744210;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
}

.hover\:tw-via-green-100:hover{
  --gradient-via-color: #f0fff4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
}

.hover\:tw-via-green-200:hover{
  --gradient-via-color: #c6f6d5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
}

.hover\:tw-via-green-300:hover{
  --gradient-via-color: #9ae6b4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
}

.hover\:tw-via-green-400:hover{
  --gradient-via-color: #68d391;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
}

.hover\:tw-via-green-500:hover{
  --gradient-via-color: #48bb78;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
}

.hover\:tw-via-green-600:hover{
  --gradient-via-color: #38a169;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
}

.hover\:tw-via-green-700:hover{
  --gradient-via-color: #2f855a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
}

.hover\:tw-via-green-800:hover{
  --gradient-via-color: #276749;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
}

.hover\:tw-via-green-900:hover{
  --gradient-via-color: #22543d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
}

.hover\:tw-via-teal-100:hover{
  --gradient-via-color: #e6fffa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
}

.hover\:tw-via-teal-200:hover{
  --gradient-via-color: #b2f5ea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
}

.hover\:tw-via-teal-300:hover{
  --gradient-via-color: #81e6d9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
}

.hover\:tw-via-teal-400:hover{
  --gradient-via-color: #4fd1c5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
}

.hover\:tw-via-teal-500:hover{
  --gradient-via-color: #38b2ac;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
}

.hover\:tw-via-teal-600:hover{
  --gradient-via-color: #319795;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
}

.hover\:tw-via-teal-700:hover{
  --gradient-via-color: #2c7a7b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
}

.hover\:tw-via-teal-800:hover{
  --gradient-via-color: #285e61;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
}

.hover\:tw-via-teal-900:hover{
  --gradient-via-color: #234e52;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
}

.hover\:tw-via-blue-100:hover{
  --gradient-via-color: #ebf8ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
}

.hover\:tw-via-blue-200:hover{
  --gradient-via-color: #bee3f8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
}

.hover\:tw-via-blue-300:hover{
  --gradient-via-color: #90cdf4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
}

.hover\:tw-via-blue-400:hover{
  --gradient-via-color: #63b3ed;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
}

.hover\:tw-via-blue-500:hover{
  --gradient-via-color: #4299e1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
}

.hover\:tw-via-blue-600:hover{
  --gradient-via-color: #3182ce;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
}

.hover\:tw-via-blue-700:hover{
  --gradient-via-color: #2b6cb0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
}

.hover\:tw-via-blue-800:hover{
  --gradient-via-color: #2c5282;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
}

.hover\:tw-via-blue-900:hover{
  --gradient-via-color: #2a4365;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
}

.hover\:tw-via-indigo-100:hover{
  --gradient-via-color: #ebf4ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
}

.hover\:tw-via-indigo-200:hover{
  --gradient-via-color: #c3dafe;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
}

.hover\:tw-via-indigo-300:hover{
  --gradient-via-color: #a3bffa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
}

.hover\:tw-via-indigo-400:hover{
  --gradient-via-color: #7f9cf5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
}

.hover\:tw-via-indigo-500:hover{
  --gradient-via-color: #667eea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
}

.hover\:tw-via-indigo-600:hover{
  --gradient-via-color: #5a67d8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
}

.hover\:tw-via-indigo-700:hover{
  --gradient-via-color: #4c51bf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
}

.hover\:tw-via-indigo-800:hover{
  --gradient-via-color: #434190;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
}

.hover\:tw-via-indigo-900:hover{
  --gradient-via-color: #3c366b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
}

.hover\:tw-via-purple-100:hover{
  --gradient-via-color: #faf5ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
}

.hover\:tw-via-purple-200:hover{
  --gradient-via-color: #e9d8fd;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
}

.hover\:tw-via-purple-300:hover{
  --gradient-via-color: #d6bcfa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
}

.hover\:tw-via-purple-400:hover{
  --gradient-via-color: #b794f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
}

.hover\:tw-via-purple-500:hover{
  --gradient-via-color: #9f7aea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
}

.hover\:tw-via-purple-600:hover{
  --gradient-via-color: #805ad5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
}

.hover\:tw-via-purple-700:hover{
  --gradient-via-color: #6b46c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
}

.hover\:tw-via-purple-800:hover{
  --gradient-via-color: #553c9a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
}

.hover\:tw-via-purple-900:hover{
  --gradient-via-color: #44337a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
}

.hover\:tw-via-pink-100:hover{
  --gradient-via-color: #fff5f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
}

.hover\:tw-via-pink-200:hover{
  --gradient-via-color: #fed7e2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
}

.hover\:tw-via-pink-300:hover{
  --gradient-via-color: #fbb6ce;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
}

.hover\:tw-via-pink-400:hover{
  --gradient-via-color: #f687b3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
}

.hover\:tw-via-pink-500:hover{
  --gradient-via-color: #ed64a6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
}

.hover\:tw-via-pink-600:hover{
  --gradient-via-color: #d53f8c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
}

.hover\:tw-via-pink-700:hover{
  --gradient-via-color: #b83280;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
}

.hover\:tw-via-pink-800:hover{
  --gradient-via-color: #97266d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
}

.hover\:tw-via-pink-900:hover{
  --gradient-via-color: #702459;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
}

.hover\:tw-via-primary-blue:hover{
  --gradient-via-color: #1976d2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
}

.hover\:tw-via-primary-blue-dark:hover{
  --gradient-via-color: #0c3b69;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
}

.hover\:tw-via-primary-white:hover{
  --gradient-via-color: #ffffff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:tw-via-font-0:hover{
  --gradient-via-color: #4f4f4f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
}

.hover\:tw-via-font-1:hover{
  --gradient-via-color: #fcfcfc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
}

.hover\:tw-via-font-5:hover{
  --gradient-via-color: #f6f6f6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
}

.hover\:tw-via-font-10:hover{
  --gradient-via-color: #ededed;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
}

.hover\:tw-via-font-50:hover{
  --gradient-via-color: #a7a7a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
}

.hover\:tw-via-font-70:hover{
  --gradient-via-color: #838383;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
}

.hover\:tw-to-transparent:hover{
  --gradient-to-color: transparent;
}

.hover\:tw-to-current:hover{
  --gradient-to-color: currentColor;
}

.hover\:tw-to-black:hover{
  --gradient-to-color: #000;
}

.hover\:tw-to-white:hover{
  --gradient-to-color: #fff;
}

.hover\:tw-to-gray-100:hover{
  --gradient-to-color: #f7fafc;
}

.hover\:tw-to-gray-200:hover{
  --gradient-to-color: #edf2f7;
}

.hover\:tw-to-gray-300:hover{
  --gradient-to-color: #e2e8f0;
}

.hover\:tw-to-gray-400:hover{
  --gradient-to-color: #cbd5e0;
}

.hover\:tw-to-gray-500:hover{
  --gradient-to-color: #a0aec0;
}

.hover\:tw-to-gray-600:hover{
  --gradient-to-color: #718096;
}

.hover\:tw-to-gray-700:hover{
  --gradient-to-color: #4a5568;
}

.hover\:tw-to-gray-800:hover{
  --gradient-to-color: #2d3748;
}

.hover\:tw-to-gray-900:hover{
  --gradient-to-color: #1a202c;
}

.hover\:tw-to-red-100:hover{
  --gradient-to-color: #fff5f5;
}

.hover\:tw-to-red-200:hover{
  --gradient-to-color: #fed7d7;
}

.hover\:tw-to-red-300:hover{
  --gradient-to-color: #feb2b2;
}

.hover\:tw-to-red-400:hover{
  --gradient-to-color: #fc8181;
}

.hover\:tw-to-red-500:hover{
  --gradient-to-color: #f56565;
}

.hover\:tw-to-red-600:hover{
  --gradient-to-color: #e53e3e;
}

.hover\:tw-to-red-700:hover{
  --gradient-to-color: #c53030;
}

.hover\:tw-to-red-800:hover{
  --gradient-to-color: #9b2c2c;
}

.hover\:tw-to-red-900:hover{
  --gradient-to-color: #742a2a;
}

.hover\:tw-to-orange-100:hover{
  --gradient-to-color: #fffaf0;
}

.hover\:tw-to-orange-200:hover{
  --gradient-to-color: #feebc8;
}

.hover\:tw-to-orange-300:hover{
  --gradient-to-color: #fbd38d;
}

.hover\:tw-to-orange-400:hover{
  --gradient-to-color: #f6ad55;
}

.hover\:tw-to-orange-500:hover{
  --gradient-to-color: #ed8936;
}

.hover\:tw-to-orange-600:hover{
  --gradient-to-color: #dd6b20;
}

.hover\:tw-to-orange-700:hover{
  --gradient-to-color: #c05621;
}

.hover\:tw-to-orange-800:hover{
  --gradient-to-color: #9c4221;
}

.hover\:tw-to-orange-900:hover{
  --gradient-to-color: #7b341e;
}

.hover\:tw-to-yellow-100:hover{
  --gradient-to-color: #fffff0;
}

.hover\:tw-to-yellow-200:hover{
  --gradient-to-color: #fefcbf;
}

.hover\:tw-to-yellow-300:hover{
  --gradient-to-color: #faf089;
}

.hover\:tw-to-yellow-400:hover{
  --gradient-to-color: #f6e05e;
}

.hover\:tw-to-yellow-500:hover{
  --gradient-to-color: #ecc94b;
}

.hover\:tw-to-yellow-600:hover{
  --gradient-to-color: #d69e2e;
}

.hover\:tw-to-yellow-700:hover{
  --gradient-to-color: #b7791f;
}

.hover\:tw-to-yellow-800:hover{
  --gradient-to-color: #975a16;
}

.hover\:tw-to-yellow-900:hover{
  --gradient-to-color: #744210;
}

.hover\:tw-to-green-100:hover{
  --gradient-to-color: #f0fff4;
}

.hover\:tw-to-green-200:hover{
  --gradient-to-color: #c6f6d5;
}

.hover\:tw-to-green-300:hover{
  --gradient-to-color: #9ae6b4;
}

.hover\:tw-to-green-400:hover{
  --gradient-to-color: #68d391;
}

.hover\:tw-to-green-500:hover{
  --gradient-to-color: #48bb78;
}

.hover\:tw-to-green-600:hover{
  --gradient-to-color: #38a169;
}

.hover\:tw-to-green-700:hover{
  --gradient-to-color: #2f855a;
}

.hover\:tw-to-green-800:hover{
  --gradient-to-color: #276749;
}

.hover\:tw-to-green-900:hover{
  --gradient-to-color: #22543d;
}

.hover\:tw-to-teal-100:hover{
  --gradient-to-color: #e6fffa;
}

.hover\:tw-to-teal-200:hover{
  --gradient-to-color: #b2f5ea;
}

.hover\:tw-to-teal-300:hover{
  --gradient-to-color: #81e6d9;
}

.hover\:tw-to-teal-400:hover{
  --gradient-to-color: #4fd1c5;
}

.hover\:tw-to-teal-500:hover{
  --gradient-to-color: #38b2ac;
}

.hover\:tw-to-teal-600:hover{
  --gradient-to-color: #319795;
}

.hover\:tw-to-teal-700:hover{
  --gradient-to-color: #2c7a7b;
}

.hover\:tw-to-teal-800:hover{
  --gradient-to-color: #285e61;
}

.hover\:tw-to-teal-900:hover{
  --gradient-to-color: #234e52;
}

.hover\:tw-to-blue-100:hover{
  --gradient-to-color: #ebf8ff;
}

.hover\:tw-to-blue-200:hover{
  --gradient-to-color: #bee3f8;
}

.hover\:tw-to-blue-300:hover{
  --gradient-to-color: #90cdf4;
}

.hover\:tw-to-blue-400:hover{
  --gradient-to-color: #63b3ed;
}

.hover\:tw-to-blue-500:hover{
  --gradient-to-color: #4299e1;
}

.hover\:tw-to-blue-600:hover{
  --gradient-to-color: #3182ce;
}

.hover\:tw-to-blue-700:hover{
  --gradient-to-color: #2b6cb0;
}

.hover\:tw-to-blue-800:hover{
  --gradient-to-color: #2c5282;
}

.hover\:tw-to-blue-900:hover{
  --gradient-to-color: #2a4365;
}

.hover\:tw-to-indigo-100:hover{
  --gradient-to-color: #ebf4ff;
}

.hover\:tw-to-indigo-200:hover{
  --gradient-to-color: #c3dafe;
}

.hover\:tw-to-indigo-300:hover{
  --gradient-to-color: #a3bffa;
}

.hover\:tw-to-indigo-400:hover{
  --gradient-to-color: #7f9cf5;
}

.hover\:tw-to-indigo-500:hover{
  --gradient-to-color: #667eea;
}

.hover\:tw-to-indigo-600:hover{
  --gradient-to-color: #5a67d8;
}

.hover\:tw-to-indigo-700:hover{
  --gradient-to-color: #4c51bf;
}

.hover\:tw-to-indigo-800:hover{
  --gradient-to-color: #434190;
}

.hover\:tw-to-indigo-900:hover{
  --gradient-to-color: #3c366b;
}

.hover\:tw-to-purple-100:hover{
  --gradient-to-color: #faf5ff;
}

.hover\:tw-to-purple-200:hover{
  --gradient-to-color: #e9d8fd;
}

.hover\:tw-to-purple-300:hover{
  --gradient-to-color: #d6bcfa;
}

.hover\:tw-to-purple-400:hover{
  --gradient-to-color: #b794f4;
}

.hover\:tw-to-purple-500:hover{
  --gradient-to-color: #9f7aea;
}

.hover\:tw-to-purple-600:hover{
  --gradient-to-color: #805ad5;
}

.hover\:tw-to-purple-700:hover{
  --gradient-to-color: #6b46c1;
}

.hover\:tw-to-purple-800:hover{
  --gradient-to-color: #553c9a;
}

.hover\:tw-to-purple-900:hover{
  --gradient-to-color: #44337a;
}

.hover\:tw-to-pink-100:hover{
  --gradient-to-color: #fff5f7;
}

.hover\:tw-to-pink-200:hover{
  --gradient-to-color: #fed7e2;
}

.hover\:tw-to-pink-300:hover{
  --gradient-to-color: #fbb6ce;
}

.hover\:tw-to-pink-400:hover{
  --gradient-to-color: #f687b3;
}

.hover\:tw-to-pink-500:hover{
  --gradient-to-color: #ed64a6;
}

.hover\:tw-to-pink-600:hover{
  --gradient-to-color: #d53f8c;
}

.hover\:tw-to-pink-700:hover{
  --gradient-to-color: #b83280;
}

.hover\:tw-to-pink-800:hover{
  --gradient-to-color: #97266d;
}

.hover\:tw-to-pink-900:hover{
  --gradient-to-color: #702459;
}

.hover\:tw-to-primary-blue:hover{
  --gradient-to-color: #1976d2;
}

.hover\:tw-to-primary-blue-dark:hover{
  --gradient-to-color: #0c3b69;
}

.hover\:tw-to-primary-white:hover{
  --gradient-to-color: #ffffff;
}

.hover\:tw-to-font-0:hover{
  --gradient-to-color: #4f4f4f;
}

.hover\:tw-to-font-1:hover{
  --gradient-to-color: #fcfcfc;
}

.hover\:tw-to-font-5:hover{
  --gradient-to-color: #f6f6f6;
}

.hover\:tw-to-font-10:hover{
  --gradient-to-color: #ededed;
}

.hover\:tw-to-font-50:hover{
  --gradient-to-color: #a7a7a7;
}

.hover\:tw-to-font-70:hover{
  --gradient-to-color: #838383;
}

.focus\:tw-from-transparent:focus{
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:tw-from-current:focus{
  --gradient-from-color: currentColor;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:tw-from-black:focus{
  --gradient-from-color: #000;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:tw-from-white:focus{
  --gradient-from-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:tw-from-gray-100:focus{
  --gradient-from-color: #f7fafc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
}

.focus\:tw-from-gray-200:focus{
  --gradient-from-color: #edf2f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
}

.focus\:tw-from-gray-300:focus{
  --gradient-from-color: #e2e8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
}

.focus\:tw-from-gray-400:focus{
  --gradient-from-color: #cbd5e0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
}

.focus\:tw-from-gray-500:focus{
  --gradient-from-color: #a0aec0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
}

.focus\:tw-from-gray-600:focus{
  --gradient-from-color: #718096;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
}

.focus\:tw-from-gray-700:focus{
  --gradient-from-color: #4a5568;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
}

.focus\:tw-from-gray-800:focus{
  --gradient-from-color: #2d3748;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
}

.focus\:tw-from-gray-900:focus{
  --gradient-from-color: #1a202c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
}

.focus\:tw-from-red-100:focus{
  --gradient-from-color: #fff5f5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
}

.focus\:tw-from-red-200:focus{
  --gradient-from-color: #fed7d7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
}

.focus\:tw-from-red-300:focus{
  --gradient-from-color: #feb2b2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
}

.focus\:tw-from-red-400:focus{
  --gradient-from-color: #fc8181;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
}

.focus\:tw-from-red-500:focus{
  --gradient-from-color: #f56565;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
}

.focus\:tw-from-red-600:focus{
  --gradient-from-color: #e53e3e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
}

.focus\:tw-from-red-700:focus{
  --gradient-from-color: #c53030;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
}

.focus\:tw-from-red-800:focus{
  --gradient-from-color: #9b2c2c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
}

.focus\:tw-from-red-900:focus{
  --gradient-from-color: #742a2a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
}

.focus\:tw-from-orange-100:focus{
  --gradient-from-color: #fffaf0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
}

.focus\:tw-from-orange-200:focus{
  --gradient-from-color: #feebc8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
}

.focus\:tw-from-orange-300:focus{
  --gradient-from-color: #fbd38d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
}

.focus\:tw-from-orange-400:focus{
  --gradient-from-color: #f6ad55;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
}

.focus\:tw-from-orange-500:focus{
  --gradient-from-color: #ed8936;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
}

.focus\:tw-from-orange-600:focus{
  --gradient-from-color: #dd6b20;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
}

.focus\:tw-from-orange-700:focus{
  --gradient-from-color: #c05621;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
}

.focus\:tw-from-orange-800:focus{
  --gradient-from-color: #9c4221;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
}

.focus\:tw-from-orange-900:focus{
  --gradient-from-color: #7b341e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
}

.focus\:tw-from-yellow-100:focus{
  --gradient-from-color: #fffff0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
}

.focus\:tw-from-yellow-200:focus{
  --gradient-from-color: #fefcbf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
}

.focus\:tw-from-yellow-300:focus{
  --gradient-from-color: #faf089;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
}

.focus\:tw-from-yellow-400:focus{
  --gradient-from-color: #f6e05e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
}

.focus\:tw-from-yellow-500:focus{
  --gradient-from-color: #ecc94b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
}

.focus\:tw-from-yellow-600:focus{
  --gradient-from-color: #d69e2e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
}

.focus\:tw-from-yellow-700:focus{
  --gradient-from-color: #b7791f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
}

.focus\:tw-from-yellow-800:focus{
  --gradient-from-color: #975a16;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
}

.focus\:tw-from-yellow-900:focus{
  --gradient-from-color: #744210;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
}

.focus\:tw-from-green-100:focus{
  --gradient-from-color: #f0fff4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
}

.focus\:tw-from-green-200:focus{
  --gradient-from-color: #c6f6d5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
}

.focus\:tw-from-green-300:focus{
  --gradient-from-color: #9ae6b4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
}

.focus\:tw-from-green-400:focus{
  --gradient-from-color: #68d391;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
}

.focus\:tw-from-green-500:focus{
  --gradient-from-color: #48bb78;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
}

.focus\:tw-from-green-600:focus{
  --gradient-from-color: #38a169;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
}

.focus\:tw-from-green-700:focus{
  --gradient-from-color: #2f855a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
}

.focus\:tw-from-green-800:focus{
  --gradient-from-color: #276749;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
}

.focus\:tw-from-green-900:focus{
  --gradient-from-color: #22543d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
}

.focus\:tw-from-teal-100:focus{
  --gradient-from-color: #e6fffa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
}

.focus\:tw-from-teal-200:focus{
  --gradient-from-color: #b2f5ea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
}

.focus\:tw-from-teal-300:focus{
  --gradient-from-color: #81e6d9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
}

.focus\:tw-from-teal-400:focus{
  --gradient-from-color: #4fd1c5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
}

.focus\:tw-from-teal-500:focus{
  --gradient-from-color: #38b2ac;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
}

.focus\:tw-from-teal-600:focus{
  --gradient-from-color: #319795;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
}

.focus\:tw-from-teal-700:focus{
  --gradient-from-color: #2c7a7b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
}

.focus\:tw-from-teal-800:focus{
  --gradient-from-color: #285e61;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
}

.focus\:tw-from-teal-900:focus{
  --gradient-from-color: #234e52;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
}

.focus\:tw-from-blue-100:focus{
  --gradient-from-color: #ebf8ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
}

.focus\:tw-from-blue-200:focus{
  --gradient-from-color: #bee3f8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
}

.focus\:tw-from-blue-300:focus{
  --gradient-from-color: #90cdf4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
}

.focus\:tw-from-blue-400:focus{
  --gradient-from-color: #63b3ed;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
}

.focus\:tw-from-blue-500:focus{
  --gradient-from-color: #4299e1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
}

.focus\:tw-from-blue-600:focus{
  --gradient-from-color: #3182ce;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
}

.focus\:tw-from-blue-700:focus{
  --gradient-from-color: #2b6cb0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
}

.focus\:tw-from-blue-800:focus{
  --gradient-from-color: #2c5282;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
}

.focus\:tw-from-blue-900:focus{
  --gradient-from-color: #2a4365;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
}

.focus\:tw-from-indigo-100:focus{
  --gradient-from-color: #ebf4ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
}

.focus\:tw-from-indigo-200:focus{
  --gradient-from-color: #c3dafe;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
}

.focus\:tw-from-indigo-300:focus{
  --gradient-from-color: #a3bffa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
}

.focus\:tw-from-indigo-400:focus{
  --gradient-from-color: #7f9cf5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
}

.focus\:tw-from-indigo-500:focus{
  --gradient-from-color: #667eea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
}

.focus\:tw-from-indigo-600:focus{
  --gradient-from-color: #5a67d8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
}

.focus\:tw-from-indigo-700:focus{
  --gradient-from-color: #4c51bf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
}

.focus\:tw-from-indigo-800:focus{
  --gradient-from-color: #434190;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
}

.focus\:tw-from-indigo-900:focus{
  --gradient-from-color: #3c366b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
}

.focus\:tw-from-purple-100:focus{
  --gradient-from-color: #faf5ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
}

.focus\:tw-from-purple-200:focus{
  --gradient-from-color: #e9d8fd;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
}

.focus\:tw-from-purple-300:focus{
  --gradient-from-color: #d6bcfa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
}

.focus\:tw-from-purple-400:focus{
  --gradient-from-color: #b794f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
}

.focus\:tw-from-purple-500:focus{
  --gradient-from-color: #9f7aea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
}

.focus\:tw-from-purple-600:focus{
  --gradient-from-color: #805ad5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
}

.focus\:tw-from-purple-700:focus{
  --gradient-from-color: #6b46c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
}

.focus\:tw-from-purple-800:focus{
  --gradient-from-color: #553c9a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
}

.focus\:tw-from-purple-900:focus{
  --gradient-from-color: #44337a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
}

.focus\:tw-from-pink-100:focus{
  --gradient-from-color: #fff5f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
}

.focus\:tw-from-pink-200:focus{
  --gradient-from-color: #fed7e2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
}

.focus\:tw-from-pink-300:focus{
  --gradient-from-color: #fbb6ce;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
}

.focus\:tw-from-pink-400:focus{
  --gradient-from-color: #f687b3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
}

.focus\:tw-from-pink-500:focus{
  --gradient-from-color: #ed64a6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
}

.focus\:tw-from-pink-600:focus{
  --gradient-from-color: #d53f8c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
}

.focus\:tw-from-pink-700:focus{
  --gradient-from-color: #b83280;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
}

.focus\:tw-from-pink-800:focus{
  --gradient-from-color: #97266d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
}

.focus\:tw-from-pink-900:focus{
  --gradient-from-color: #702459;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
}

.focus\:tw-from-primary-blue:focus{
  --gradient-from-color: #1976d2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
}

.focus\:tw-from-primary-blue-dark:focus{
  --gradient-from-color: #0c3b69;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
}

.focus\:tw-from-primary-white:focus{
  --gradient-from-color: #ffffff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:tw-from-font-0:focus{
  --gradient-from-color: #4f4f4f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
}

.focus\:tw-from-font-1:focus{
  --gradient-from-color: #fcfcfc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
}

.focus\:tw-from-font-5:focus{
  --gradient-from-color: #f6f6f6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
}

.focus\:tw-from-font-10:focus{
  --gradient-from-color: #ededed;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
}

.focus\:tw-from-font-50:focus{
  --gradient-from-color: #a7a7a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
}

.focus\:tw-from-font-70:focus{
  --gradient-from-color: #838383;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
}

.focus\:tw-via-transparent:focus{
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:tw-via-current:focus{
  --gradient-via-color: currentColor;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:tw-via-black:focus{
  --gradient-via-color: #000;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:tw-via-white:focus{
  --gradient-via-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:tw-via-gray-100:focus{
  --gradient-via-color: #f7fafc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
}

.focus\:tw-via-gray-200:focus{
  --gradient-via-color: #edf2f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
}

.focus\:tw-via-gray-300:focus{
  --gradient-via-color: #e2e8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
}

.focus\:tw-via-gray-400:focus{
  --gradient-via-color: #cbd5e0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
}

.focus\:tw-via-gray-500:focus{
  --gradient-via-color: #a0aec0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
}

.focus\:tw-via-gray-600:focus{
  --gradient-via-color: #718096;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
}

.focus\:tw-via-gray-700:focus{
  --gradient-via-color: #4a5568;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
}

.focus\:tw-via-gray-800:focus{
  --gradient-via-color: #2d3748;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
}

.focus\:tw-via-gray-900:focus{
  --gradient-via-color: #1a202c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
}

.focus\:tw-via-red-100:focus{
  --gradient-via-color: #fff5f5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
}

.focus\:tw-via-red-200:focus{
  --gradient-via-color: #fed7d7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
}

.focus\:tw-via-red-300:focus{
  --gradient-via-color: #feb2b2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
}

.focus\:tw-via-red-400:focus{
  --gradient-via-color: #fc8181;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
}

.focus\:tw-via-red-500:focus{
  --gradient-via-color: #f56565;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
}

.focus\:tw-via-red-600:focus{
  --gradient-via-color: #e53e3e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
}

.focus\:tw-via-red-700:focus{
  --gradient-via-color: #c53030;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
}

.focus\:tw-via-red-800:focus{
  --gradient-via-color: #9b2c2c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
}

.focus\:tw-via-red-900:focus{
  --gradient-via-color: #742a2a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
}

.focus\:tw-via-orange-100:focus{
  --gradient-via-color: #fffaf0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
}

.focus\:tw-via-orange-200:focus{
  --gradient-via-color: #feebc8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
}

.focus\:tw-via-orange-300:focus{
  --gradient-via-color: #fbd38d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
}

.focus\:tw-via-orange-400:focus{
  --gradient-via-color: #f6ad55;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
}

.focus\:tw-via-orange-500:focus{
  --gradient-via-color: #ed8936;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
}

.focus\:tw-via-orange-600:focus{
  --gradient-via-color: #dd6b20;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
}

.focus\:tw-via-orange-700:focus{
  --gradient-via-color: #c05621;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
}

.focus\:tw-via-orange-800:focus{
  --gradient-via-color: #9c4221;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
}

.focus\:tw-via-orange-900:focus{
  --gradient-via-color: #7b341e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
}

.focus\:tw-via-yellow-100:focus{
  --gradient-via-color: #fffff0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
}

.focus\:tw-via-yellow-200:focus{
  --gradient-via-color: #fefcbf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
}

.focus\:tw-via-yellow-300:focus{
  --gradient-via-color: #faf089;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
}

.focus\:tw-via-yellow-400:focus{
  --gradient-via-color: #f6e05e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
}

.focus\:tw-via-yellow-500:focus{
  --gradient-via-color: #ecc94b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
}

.focus\:tw-via-yellow-600:focus{
  --gradient-via-color: #d69e2e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
}

.focus\:tw-via-yellow-700:focus{
  --gradient-via-color: #b7791f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
}

.focus\:tw-via-yellow-800:focus{
  --gradient-via-color: #975a16;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
}

.focus\:tw-via-yellow-900:focus{
  --gradient-via-color: #744210;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
}

.focus\:tw-via-green-100:focus{
  --gradient-via-color: #f0fff4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
}

.focus\:tw-via-green-200:focus{
  --gradient-via-color: #c6f6d5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
}

.focus\:tw-via-green-300:focus{
  --gradient-via-color: #9ae6b4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
}

.focus\:tw-via-green-400:focus{
  --gradient-via-color: #68d391;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
}

.focus\:tw-via-green-500:focus{
  --gradient-via-color: #48bb78;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
}

.focus\:tw-via-green-600:focus{
  --gradient-via-color: #38a169;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
}

.focus\:tw-via-green-700:focus{
  --gradient-via-color: #2f855a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
}

.focus\:tw-via-green-800:focus{
  --gradient-via-color: #276749;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
}

.focus\:tw-via-green-900:focus{
  --gradient-via-color: #22543d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
}

.focus\:tw-via-teal-100:focus{
  --gradient-via-color: #e6fffa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
}

.focus\:tw-via-teal-200:focus{
  --gradient-via-color: #b2f5ea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
}

.focus\:tw-via-teal-300:focus{
  --gradient-via-color: #81e6d9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
}

.focus\:tw-via-teal-400:focus{
  --gradient-via-color: #4fd1c5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
}

.focus\:tw-via-teal-500:focus{
  --gradient-via-color: #38b2ac;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
}

.focus\:tw-via-teal-600:focus{
  --gradient-via-color: #319795;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
}

.focus\:tw-via-teal-700:focus{
  --gradient-via-color: #2c7a7b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
}

.focus\:tw-via-teal-800:focus{
  --gradient-via-color: #285e61;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
}

.focus\:tw-via-teal-900:focus{
  --gradient-via-color: #234e52;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
}

.focus\:tw-via-blue-100:focus{
  --gradient-via-color: #ebf8ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
}

.focus\:tw-via-blue-200:focus{
  --gradient-via-color: #bee3f8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
}

.focus\:tw-via-blue-300:focus{
  --gradient-via-color: #90cdf4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
}

.focus\:tw-via-blue-400:focus{
  --gradient-via-color: #63b3ed;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
}

.focus\:tw-via-blue-500:focus{
  --gradient-via-color: #4299e1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
}

.focus\:tw-via-blue-600:focus{
  --gradient-via-color: #3182ce;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
}

.focus\:tw-via-blue-700:focus{
  --gradient-via-color: #2b6cb0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
}

.focus\:tw-via-blue-800:focus{
  --gradient-via-color: #2c5282;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
}

.focus\:tw-via-blue-900:focus{
  --gradient-via-color: #2a4365;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
}

.focus\:tw-via-indigo-100:focus{
  --gradient-via-color: #ebf4ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
}

.focus\:tw-via-indigo-200:focus{
  --gradient-via-color: #c3dafe;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
}

.focus\:tw-via-indigo-300:focus{
  --gradient-via-color: #a3bffa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
}

.focus\:tw-via-indigo-400:focus{
  --gradient-via-color: #7f9cf5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
}

.focus\:tw-via-indigo-500:focus{
  --gradient-via-color: #667eea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
}

.focus\:tw-via-indigo-600:focus{
  --gradient-via-color: #5a67d8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
}

.focus\:tw-via-indigo-700:focus{
  --gradient-via-color: #4c51bf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
}

.focus\:tw-via-indigo-800:focus{
  --gradient-via-color: #434190;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
}

.focus\:tw-via-indigo-900:focus{
  --gradient-via-color: #3c366b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
}

.focus\:tw-via-purple-100:focus{
  --gradient-via-color: #faf5ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
}

.focus\:tw-via-purple-200:focus{
  --gradient-via-color: #e9d8fd;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
}

.focus\:tw-via-purple-300:focus{
  --gradient-via-color: #d6bcfa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
}

.focus\:tw-via-purple-400:focus{
  --gradient-via-color: #b794f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
}

.focus\:tw-via-purple-500:focus{
  --gradient-via-color: #9f7aea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
}

.focus\:tw-via-purple-600:focus{
  --gradient-via-color: #805ad5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
}

.focus\:tw-via-purple-700:focus{
  --gradient-via-color: #6b46c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
}

.focus\:tw-via-purple-800:focus{
  --gradient-via-color: #553c9a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
}

.focus\:tw-via-purple-900:focus{
  --gradient-via-color: #44337a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
}

.focus\:tw-via-pink-100:focus{
  --gradient-via-color: #fff5f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
}

.focus\:tw-via-pink-200:focus{
  --gradient-via-color: #fed7e2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
}

.focus\:tw-via-pink-300:focus{
  --gradient-via-color: #fbb6ce;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
}

.focus\:tw-via-pink-400:focus{
  --gradient-via-color: #f687b3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
}

.focus\:tw-via-pink-500:focus{
  --gradient-via-color: #ed64a6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
}

.focus\:tw-via-pink-600:focus{
  --gradient-via-color: #d53f8c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
}

.focus\:tw-via-pink-700:focus{
  --gradient-via-color: #b83280;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
}

.focus\:tw-via-pink-800:focus{
  --gradient-via-color: #97266d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
}

.focus\:tw-via-pink-900:focus{
  --gradient-via-color: #702459;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
}

.focus\:tw-via-primary-blue:focus{
  --gradient-via-color: #1976d2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
}

.focus\:tw-via-primary-blue-dark:focus{
  --gradient-via-color: #0c3b69;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
}

.focus\:tw-via-primary-white:focus{
  --gradient-via-color: #ffffff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:tw-via-font-0:focus{
  --gradient-via-color: #4f4f4f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
}

.focus\:tw-via-font-1:focus{
  --gradient-via-color: #fcfcfc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
}

.focus\:tw-via-font-5:focus{
  --gradient-via-color: #f6f6f6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
}

.focus\:tw-via-font-10:focus{
  --gradient-via-color: #ededed;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
}

.focus\:tw-via-font-50:focus{
  --gradient-via-color: #a7a7a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
}

.focus\:tw-via-font-70:focus{
  --gradient-via-color: #838383;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
}

.focus\:tw-to-transparent:focus{
  --gradient-to-color: transparent;
}

.focus\:tw-to-current:focus{
  --gradient-to-color: currentColor;
}

.focus\:tw-to-black:focus{
  --gradient-to-color: #000;
}

.focus\:tw-to-white:focus{
  --gradient-to-color: #fff;
}

.focus\:tw-to-gray-100:focus{
  --gradient-to-color: #f7fafc;
}

.focus\:tw-to-gray-200:focus{
  --gradient-to-color: #edf2f7;
}

.focus\:tw-to-gray-300:focus{
  --gradient-to-color: #e2e8f0;
}

.focus\:tw-to-gray-400:focus{
  --gradient-to-color: #cbd5e0;
}

.focus\:tw-to-gray-500:focus{
  --gradient-to-color: #a0aec0;
}

.focus\:tw-to-gray-600:focus{
  --gradient-to-color: #718096;
}

.focus\:tw-to-gray-700:focus{
  --gradient-to-color: #4a5568;
}

.focus\:tw-to-gray-800:focus{
  --gradient-to-color: #2d3748;
}

.focus\:tw-to-gray-900:focus{
  --gradient-to-color: #1a202c;
}

.focus\:tw-to-red-100:focus{
  --gradient-to-color: #fff5f5;
}

.focus\:tw-to-red-200:focus{
  --gradient-to-color: #fed7d7;
}

.focus\:tw-to-red-300:focus{
  --gradient-to-color: #feb2b2;
}

.focus\:tw-to-red-400:focus{
  --gradient-to-color: #fc8181;
}

.focus\:tw-to-red-500:focus{
  --gradient-to-color: #f56565;
}

.focus\:tw-to-red-600:focus{
  --gradient-to-color: #e53e3e;
}

.focus\:tw-to-red-700:focus{
  --gradient-to-color: #c53030;
}

.focus\:tw-to-red-800:focus{
  --gradient-to-color: #9b2c2c;
}

.focus\:tw-to-red-900:focus{
  --gradient-to-color: #742a2a;
}

.focus\:tw-to-orange-100:focus{
  --gradient-to-color: #fffaf0;
}

.focus\:tw-to-orange-200:focus{
  --gradient-to-color: #feebc8;
}

.focus\:tw-to-orange-300:focus{
  --gradient-to-color: #fbd38d;
}

.focus\:tw-to-orange-400:focus{
  --gradient-to-color: #f6ad55;
}

.focus\:tw-to-orange-500:focus{
  --gradient-to-color: #ed8936;
}

.focus\:tw-to-orange-600:focus{
  --gradient-to-color: #dd6b20;
}

.focus\:tw-to-orange-700:focus{
  --gradient-to-color: #c05621;
}

.focus\:tw-to-orange-800:focus{
  --gradient-to-color: #9c4221;
}

.focus\:tw-to-orange-900:focus{
  --gradient-to-color: #7b341e;
}

.focus\:tw-to-yellow-100:focus{
  --gradient-to-color: #fffff0;
}

.focus\:tw-to-yellow-200:focus{
  --gradient-to-color: #fefcbf;
}

.focus\:tw-to-yellow-300:focus{
  --gradient-to-color: #faf089;
}

.focus\:tw-to-yellow-400:focus{
  --gradient-to-color: #f6e05e;
}

.focus\:tw-to-yellow-500:focus{
  --gradient-to-color: #ecc94b;
}

.focus\:tw-to-yellow-600:focus{
  --gradient-to-color: #d69e2e;
}

.focus\:tw-to-yellow-700:focus{
  --gradient-to-color: #b7791f;
}

.focus\:tw-to-yellow-800:focus{
  --gradient-to-color: #975a16;
}

.focus\:tw-to-yellow-900:focus{
  --gradient-to-color: #744210;
}

.focus\:tw-to-green-100:focus{
  --gradient-to-color: #f0fff4;
}

.focus\:tw-to-green-200:focus{
  --gradient-to-color: #c6f6d5;
}

.focus\:tw-to-green-300:focus{
  --gradient-to-color: #9ae6b4;
}

.focus\:tw-to-green-400:focus{
  --gradient-to-color: #68d391;
}

.focus\:tw-to-green-500:focus{
  --gradient-to-color: #48bb78;
}

.focus\:tw-to-green-600:focus{
  --gradient-to-color: #38a169;
}

.focus\:tw-to-green-700:focus{
  --gradient-to-color: #2f855a;
}

.focus\:tw-to-green-800:focus{
  --gradient-to-color: #276749;
}

.focus\:tw-to-green-900:focus{
  --gradient-to-color: #22543d;
}

.focus\:tw-to-teal-100:focus{
  --gradient-to-color: #e6fffa;
}

.focus\:tw-to-teal-200:focus{
  --gradient-to-color: #b2f5ea;
}

.focus\:tw-to-teal-300:focus{
  --gradient-to-color: #81e6d9;
}

.focus\:tw-to-teal-400:focus{
  --gradient-to-color: #4fd1c5;
}

.focus\:tw-to-teal-500:focus{
  --gradient-to-color: #38b2ac;
}

.focus\:tw-to-teal-600:focus{
  --gradient-to-color: #319795;
}

.focus\:tw-to-teal-700:focus{
  --gradient-to-color: #2c7a7b;
}

.focus\:tw-to-teal-800:focus{
  --gradient-to-color: #285e61;
}

.focus\:tw-to-teal-900:focus{
  --gradient-to-color: #234e52;
}

.focus\:tw-to-blue-100:focus{
  --gradient-to-color: #ebf8ff;
}

.focus\:tw-to-blue-200:focus{
  --gradient-to-color: #bee3f8;
}

.focus\:tw-to-blue-300:focus{
  --gradient-to-color: #90cdf4;
}

.focus\:tw-to-blue-400:focus{
  --gradient-to-color: #63b3ed;
}

.focus\:tw-to-blue-500:focus{
  --gradient-to-color: #4299e1;
}

.focus\:tw-to-blue-600:focus{
  --gradient-to-color: #3182ce;
}

.focus\:tw-to-blue-700:focus{
  --gradient-to-color: #2b6cb0;
}

.focus\:tw-to-blue-800:focus{
  --gradient-to-color: #2c5282;
}

.focus\:tw-to-blue-900:focus{
  --gradient-to-color: #2a4365;
}

.focus\:tw-to-indigo-100:focus{
  --gradient-to-color: #ebf4ff;
}

.focus\:tw-to-indigo-200:focus{
  --gradient-to-color: #c3dafe;
}

.focus\:tw-to-indigo-300:focus{
  --gradient-to-color: #a3bffa;
}

.focus\:tw-to-indigo-400:focus{
  --gradient-to-color: #7f9cf5;
}

.focus\:tw-to-indigo-500:focus{
  --gradient-to-color: #667eea;
}

.focus\:tw-to-indigo-600:focus{
  --gradient-to-color: #5a67d8;
}

.focus\:tw-to-indigo-700:focus{
  --gradient-to-color: #4c51bf;
}

.focus\:tw-to-indigo-800:focus{
  --gradient-to-color: #434190;
}

.focus\:tw-to-indigo-900:focus{
  --gradient-to-color: #3c366b;
}

.focus\:tw-to-purple-100:focus{
  --gradient-to-color: #faf5ff;
}

.focus\:tw-to-purple-200:focus{
  --gradient-to-color: #e9d8fd;
}

.focus\:tw-to-purple-300:focus{
  --gradient-to-color: #d6bcfa;
}

.focus\:tw-to-purple-400:focus{
  --gradient-to-color: #b794f4;
}

.focus\:tw-to-purple-500:focus{
  --gradient-to-color: #9f7aea;
}

.focus\:tw-to-purple-600:focus{
  --gradient-to-color: #805ad5;
}

.focus\:tw-to-purple-700:focus{
  --gradient-to-color: #6b46c1;
}

.focus\:tw-to-purple-800:focus{
  --gradient-to-color: #553c9a;
}

.focus\:tw-to-purple-900:focus{
  --gradient-to-color: #44337a;
}

.focus\:tw-to-pink-100:focus{
  --gradient-to-color: #fff5f7;
}

.focus\:tw-to-pink-200:focus{
  --gradient-to-color: #fed7e2;
}

.focus\:tw-to-pink-300:focus{
  --gradient-to-color: #fbb6ce;
}

.focus\:tw-to-pink-400:focus{
  --gradient-to-color: #f687b3;
}

.focus\:tw-to-pink-500:focus{
  --gradient-to-color: #ed64a6;
}

.focus\:tw-to-pink-600:focus{
  --gradient-to-color: #d53f8c;
}

.focus\:tw-to-pink-700:focus{
  --gradient-to-color: #b83280;
}

.focus\:tw-to-pink-800:focus{
  --gradient-to-color: #97266d;
}

.focus\:tw-to-pink-900:focus{
  --gradient-to-color: #702459;
}

.focus\:tw-to-primary-blue:focus{
  --gradient-to-color: #1976d2;
}

.focus\:tw-to-primary-blue-dark:focus{
  --gradient-to-color: #0c3b69;
}

.focus\:tw-to-primary-white:focus{
  --gradient-to-color: #ffffff;
}

.focus\:tw-to-font-0:focus{
  --gradient-to-color: #4f4f4f;
}

.focus\:tw-to-font-1:focus{
  --gradient-to-color: #fcfcfc;
}

.focus\:tw-to-font-5:focus{
  --gradient-to-color: #f6f6f6;
}

.focus\:tw-to-font-10:focus{
  --gradient-to-color: #ededed;
}

.focus\:tw-to-font-50:focus{
  --gradient-to-color: #a7a7a7;
}

.focus\:tw-to-font-70:focus{
  --gradient-to-color: #838383;
}

.tw-bg-opacity-0{
  --bg-opacity: 0;
}

.tw-bg-opacity-25{
  --bg-opacity: 0.25;
}

.tw-bg-opacity-50{
  --bg-opacity: 0.5;
}

.tw-bg-opacity-75{
  --bg-opacity: 0.75;
}

.tw-bg-opacity-100{
  --bg-opacity: 1;
}

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

.hover\:tw-bg-opacity-25:hover{
  --bg-opacity: 0.25;
}

.hover\:tw-bg-opacity-50:hover{
  --bg-opacity: 0.5;
}

.hover\:tw-bg-opacity-75:hover{
  --bg-opacity: 0.75;
}

.hover\:tw-bg-opacity-100:hover{
  --bg-opacity: 1;
}

.focus\:tw-bg-opacity-0:focus{
  --bg-opacity: 0;
}

.focus\:tw-bg-opacity-25:focus{
  --bg-opacity: 0.25;
}

.focus\:tw-bg-opacity-50:focus{
  --bg-opacity: 0.5;
}

.focus\:tw-bg-opacity-75:focus{
  --bg-opacity: 0.75;
}

.focus\:tw-bg-opacity-100:focus{
  --bg-opacity: 1;
}

.tw-bg-bottom{
  background-position: bottom;
}

.tw-bg-center{
  background-position: center;
}

.tw-bg-left{
  background-position: left;
}

.tw-bg-left-bottom{
  background-position: left bottom;
}

.tw-bg-left-top{
  background-position: left top;
}

.tw-bg-right{
  background-position: right;
}

.tw-bg-right-bottom{
  background-position: right bottom;
}

.tw-bg-right-top{
  background-position: right top;
}

.tw-bg-top{
  background-position: top;
}

.tw-bg-repeat{
  background-repeat: repeat;
}

.tw-bg-no-repeat{
  background-repeat: no-repeat;
}

.tw-bg-repeat-x{
  background-repeat: repeat-x;
}

.tw-bg-repeat-y{
  background-repeat: repeat-y;
}

.tw-bg-repeat-round{
  background-repeat: round;
}

.tw-bg-repeat-space{
  background-repeat: space;
}

.tw-bg-auto{
  background-size: auto;
}

.tw-bg-cover{
  background-size: cover;
}

.tw-bg-contain{
  background-size: contain;
}

.tw-border-collapse{
  border-collapse: collapse;
}

.tw-border-separate{
  border-collapse: separate;
}

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

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

.tw-border-black{
  --border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--border-opacity));
}

.tw-border-white{
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.tw-border-gray-100{
  --border-opacity: 1;
  border-color: #f7fafc;
  border-color: rgba(247, 250, 252, var(--border-opacity));
}

.tw-border-gray-200{
  --border-opacity: 1;
  border-color: #edf2f7;
  border-color: rgba(237, 242, 247, var(--border-opacity));
}

.tw-border-gray-300{
  --border-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(226, 232, 240, var(--border-opacity));
}

.tw-border-gray-400{
  --border-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--border-opacity));
}

.tw-border-gray-500{
  --border-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, var(--border-opacity));
}

.tw-border-gray-600{
  --border-opacity: 1;
  border-color: #718096;
  border-color: rgba(113, 128, 150, var(--border-opacity));
}

.tw-border-gray-700{
  --border-opacity: 1;
  border-color: #4a5568;
  border-color: rgba(74, 85, 104, var(--border-opacity));
}

.tw-border-gray-800{
  --border-opacity: 1;
  border-color: #2d3748;
  border-color: rgba(45, 55, 72, var(--border-opacity));
}

.tw-border-gray-900{
  --border-opacity: 1;
  border-color: #1a202c;
  border-color: rgba(26, 32, 44, var(--border-opacity));
}

.tw-border-red-100{
  --border-opacity: 1;
  border-color: #fff5f5;
  border-color: rgba(255, 245, 245, var(--border-opacity));
}

.tw-border-red-200{
  --border-opacity: 1;
  border-color: #fed7d7;
  border-color: rgba(254, 215, 215, var(--border-opacity));
}

.tw-border-red-300{
  --border-opacity: 1;
  border-color: #feb2b2;
  border-color: rgba(254, 178, 178, var(--border-opacity));
}

.tw-border-red-400{
  --border-opacity: 1;
  border-color: #fc8181;
  border-color: rgba(252, 129, 129, var(--border-opacity));
}

.tw-border-red-500{
  --border-opacity: 1;
  border-color: #f56565;
  border-color: rgba(245, 101, 101, var(--border-opacity));
}

.tw-border-red-600{
  --border-opacity: 1;
  border-color: #e53e3e;
  border-color: rgba(229, 62, 62, var(--border-opacity));
}

.tw-border-red-700{
  --border-opacity: 1;
  border-color: #c53030;
  border-color: rgba(197, 48, 48, var(--border-opacity));
}

.tw-border-red-800{
  --border-opacity: 1;
  border-color: #9b2c2c;
  border-color: rgba(155, 44, 44, var(--border-opacity));
}

.tw-border-red-900{
  --border-opacity: 1;
  border-color: #742a2a;
  border-color: rgba(116, 42, 42, var(--border-opacity));
}

.tw-border-orange-100{
  --border-opacity: 1;
  border-color: #fffaf0;
  border-color: rgba(255, 250, 240, var(--border-opacity));
}

.tw-border-orange-200{
  --border-opacity: 1;
  border-color: #feebc8;
  border-color: rgba(254, 235, 200, var(--border-opacity));
}

.tw-border-orange-300{
  --border-opacity: 1;
  border-color: #fbd38d;
  border-color: rgba(251, 211, 141, var(--border-opacity));
}

.tw-border-orange-400{
  --border-opacity: 1;
  border-color: #f6ad55;
  border-color: rgba(246, 173, 85, var(--border-opacity));
}

.tw-border-orange-500{
  --border-opacity: 1;
  border-color: #ed8936;
  border-color: rgba(237, 137, 54, var(--border-opacity));
}

.tw-border-orange-600{
  --border-opacity: 1;
  border-color: #dd6b20;
  border-color: rgba(221, 107, 32, var(--border-opacity));
}

.tw-border-orange-700{
  --border-opacity: 1;
  border-color: #c05621;
  border-color: rgba(192, 86, 33, var(--border-opacity));
}

.tw-border-orange-800{
  --border-opacity: 1;
  border-color: #9c4221;
  border-color: rgba(156, 66, 33, var(--border-opacity));
}

.tw-border-orange-900{
  --border-opacity: 1;
  border-color: #7b341e;
  border-color: rgba(123, 52, 30, var(--border-opacity));
}

.tw-border-yellow-100{
  --border-opacity: 1;
  border-color: #fffff0;
  border-color: rgba(255, 255, 240, var(--border-opacity));
}

.tw-border-yellow-200{
  --border-opacity: 1;
  border-color: #fefcbf;
  border-color: rgba(254, 252, 191, var(--border-opacity));
}

.tw-border-yellow-300{
  --border-opacity: 1;
  border-color: #faf089;
  border-color: rgba(250, 240, 137, var(--border-opacity));
}

.tw-border-yellow-400{
  --border-opacity: 1;
  border-color: #f6e05e;
  border-color: rgba(246, 224, 94, var(--border-opacity));
}

.tw-border-yellow-500{
  --border-opacity: 1;
  border-color: #ecc94b;
  border-color: rgba(236, 201, 75, var(--border-opacity));
}

.tw-border-yellow-600{
  --border-opacity: 1;
  border-color: #d69e2e;
  border-color: rgba(214, 158, 46, var(--border-opacity));
}

.tw-border-yellow-700{
  --border-opacity: 1;
  border-color: #b7791f;
  border-color: rgba(183, 121, 31, var(--border-opacity));
}

.tw-border-yellow-800{
  --border-opacity: 1;
  border-color: #975a16;
  border-color: rgba(151, 90, 22, var(--border-opacity));
}

.tw-border-yellow-900{
  --border-opacity: 1;
  border-color: #744210;
  border-color: rgba(116, 66, 16, var(--border-opacity));
}

.tw-border-green-100{
  --border-opacity: 1;
  border-color: #f0fff4;
  border-color: rgba(240, 255, 244, var(--border-opacity));
}

.tw-border-green-200{
  --border-opacity: 1;
  border-color: #c6f6d5;
  border-color: rgba(198, 246, 213, var(--border-opacity));
}

.tw-border-green-300{
  --border-opacity: 1;
  border-color: #9ae6b4;
  border-color: rgba(154, 230, 180, var(--border-opacity));
}

.tw-border-green-400{
  --border-opacity: 1;
  border-color: #68d391;
  border-color: rgba(104, 211, 145, var(--border-opacity));
}

.tw-border-green-500{
  --border-opacity: 1;
  border-color: #48bb78;
  border-color: rgba(72, 187, 120, var(--border-opacity));
}

.tw-border-green-600{
  --border-opacity: 1;
  border-color: #38a169;
  border-color: rgba(56, 161, 105, var(--border-opacity));
}

.tw-border-green-700{
  --border-opacity: 1;
  border-color: #2f855a;
  border-color: rgba(47, 133, 90, var(--border-opacity));
}

.tw-border-green-800{
  --border-opacity: 1;
  border-color: #276749;
  border-color: rgba(39, 103, 73, var(--border-opacity));
}

.tw-border-green-900{
  --border-opacity: 1;
  border-color: #22543d;
  border-color: rgba(34, 84, 61, var(--border-opacity));
}

.tw-border-teal-100{
  --border-opacity: 1;
  border-color: #e6fffa;
  border-color: rgba(230, 255, 250, var(--border-opacity));
}

.tw-border-teal-200{
  --border-opacity: 1;
  border-color: #b2f5ea;
  border-color: rgba(178, 245, 234, var(--border-opacity));
}

.tw-border-teal-300{
  --border-opacity: 1;
  border-color: #81e6d9;
  border-color: rgba(129, 230, 217, var(--border-opacity));
}

.tw-border-teal-400{
  --border-opacity: 1;
  border-color: #4fd1c5;
  border-color: rgba(79, 209, 197, var(--border-opacity));
}

.tw-border-teal-500{
  --border-opacity: 1;
  border-color: #38b2ac;
  border-color: rgba(56, 178, 172, var(--border-opacity));
}

.tw-border-teal-600{
  --border-opacity: 1;
  border-color: #319795;
  border-color: rgba(49, 151, 149, var(--border-opacity));
}

.tw-border-teal-700{
  --border-opacity: 1;
  border-color: #2c7a7b;
  border-color: rgba(44, 122, 123, var(--border-opacity));
}

.tw-border-teal-800{
  --border-opacity: 1;
  border-color: #285e61;
  border-color: rgba(40, 94, 97, var(--border-opacity));
}

.tw-border-teal-900{
  --border-opacity: 1;
  border-color: #234e52;
  border-color: rgba(35, 78, 82, var(--border-opacity));
}

.tw-border-blue-100{
  --border-opacity: 1;
  border-color: #ebf8ff;
  border-color: rgba(235, 248, 255, var(--border-opacity));
}

.tw-border-blue-200{
  --border-opacity: 1;
  border-color: #bee3f8;
  border-color: rgba(190, 227, 248, var(--border-opacity));
}

.tw-border-blue-300{
  --border-opacity: 1;
  border-color: #90cdf4;
  border-color: rgba(144, 205, 244, var(--border-opacity));
}

.tw-border-blue-400{
  --border-opacity: 1;
  border-color: #63b3ed;
  border-color: rgba(99, 179, 237, var(--border-opacity));
}

.tw-border-blue-500{
  --border-opacity: 1;
  border-color: #4299e1;
  border-color: rgba(66, 153, 225, var(--border-opacity));
}

.tw-border-blue-600{
  --border-opacity: 1;
  border-color: #3182ce;
  border-color: rgba(49, 130, 206, var(--border-opacity));
}

.tw-border-blue-700{
  --border-opacity: 1;
  border-color: #2b6cb0;
  border-color: rgba(43, 108, 176, var(--border-opacity));
}

.tw-border-blue-800{
  --border-opacity: 1;
  border-color: #2c5282;
  border-color: rgba(44, 82, 130, var(--border-opacity));
}

.tw-border-blue-900{
  --border-opacity: 1;
  border-color: #2a4365;
  border-color: rgba(42, 67, 101, var(--border-opacity));
}

.tw-border-indigo-100{
  --border-opacity: 1;
  border-color: #ebf4ff;
  border-color: rgba(235, 244, 255, var(--border-opacity));
}

.tw-border-indigo-200{
  --border-opacity: 1;
  border-color: #c3dafe;
  border-color: rgba(195, 218, 254, var(--border-opacity));
}

.tw-border-indigo-300{
  --border-opacity: 1;
  border-color: #a3bffa;
  border-color: rgba(163, 191, 250, var(--border-opacity));
}

.tw-border-indigo-400{
  --border-opacity: 1;
  border-color: #7f9cf5;
  border-color: rgba(127, 156, 245, var(--border-opacity));
}

.tw-border-indigo-500{
  --border-opacity: 1;
  border-color: #667eea;
  border-color: rgba(102, 126, 234, var(--border-opacity));
}

.tw-border-indigo-600{
  --border-opacity: 1;
  border-color: #5a67d8;
  border-color: rgba(90, 103, 216, var(--border-opacity));
}

.tw-border-indigo-700{
  --border-opacity: 1;
  border-color: #4c51bf;
  border-color: rgba(76, 81, 191, var(--border-opacity));
}

.tw-border-indigo-800{
  --border-opacity: 1;
  border-color: #434190;
  border-color: rgba(67, 65, 144, var(--border-opacity));
}

.tw-border-indigo-900{
  --border-opacity: 1;
  border-color: #3c366b;
  border-color: rgba(60, 54, 107, var(--border-opacity));
}

.tw-border-purple-100{
  --border-opacity: 1;
  border-color: #faf5ff;
  border-color: rgba(250, 245, 255, var(--border-opacity));
}

.tw-border-purple-200{
  --border-opacity: 1;
  border-color: #e9d8fd;
  border-color: rgba(233, 216, 253, var(--border-opacity));
}

.tw-border-purple-300{
  --border-opacity: 1;
  border-color: #d6bcfa;
  border-color: rgba(214, 188, 250, var(--border-opacity));
}

.tw-border-purple-400{
  --border-opacity: 1;
  border-color: #b794f4;
  border-color: rgba(183, 148, 244, var(--border-opacity));
}

.tw-border-purple-500{
  --border-opacity: 1;
  border-color: #9f7aea;
  border-color: rgba(159, 122, 234, var(--border-opacity));
}

.tw-border-purple-600{
  --border-opacity: 1;
  border-color: #805ad5;
  border-color: rgba(128, 90, 213, var(--border-opacity));
}

.tw-border-purple-700{
  --border-opacity: 1;
  border-color: #6b46c1;
  border-color: rgba(107, 70, 193, var(--border-opacity));
}

.tw-border-purple-800{
  --border-opacity: 1;
  border-color: #553c9a;
  border-color: rgba(85, 60, 154, var(--border-opacity));
}

.tw-border-purple-900{
  --border-opacity: 1;
  border-color: #44337a;
  border-color: rgba(68, 51, 122, var(--border-opacity));
}

.tw-border-pink-100{
  --border-opacity: 1;
  border-color: #fff5f7;
  border-color: rgba(255, 245, 247, var(--border-opacity));
}

.tw-border-pink-200{
  --border-opacity: 1;
  border-color: #fed7e2;
  border-color: rgba(254, 215, 226, var(--border-opacity));
}

.tw-border-pink-300{
  --border-opacity: 1;
  border-color: #fbb6ce;
  border-color: rgba(251, 182, 206, var(--border-opacity));
}

.tw-border-pink-400{
  --border-opacity: 1;
  border-color: #f687b3;
  border-color: rgba(246, 135, 179, var(--border-opacity));
}

.tw-border-pink-500{
  --border-opacity: 1;
  border-color: #ed64a6;
  border-color: rgba(237, 100, 166, var(--border-opacity));
}

.tw-border-pink-600{
  --border-opacity: 1;
  border-color: #d53f8c;
  border-color: rgba(213, 63, 140, var(--border-opacity));
}

.tw-border-pink-700{
  --border-opacity: 1;
  border-color: #b83280;
  border-color: rgba(184, 50, 128, var(--border-opacity));
}

.tw-border-pink-800{
  --border-opacity: 1;
  border-color: #97266d;
  border-color: rgba(151, 38, 109, var(--border-opacity));
}

.tw-border-pink-900{
  --border-opacity: 1;
  border-color: #702459;
  border-color: rgba(112, 36, 89, var(--border-opacity));
}

.tw-border-primary-blue{
  --border-opacity: 1;
  border-color: #1976d2;
  border-color: rgba(25, 118, 210, var(--border-opacity));
}

.tw-border-primary-blue-dark{
  --border-opacity: 1;
  border-color: #0c3b69;
  border-color: rgba(12, 59, 105, var(--border-opacity));
}

.tw-border-primary-white{
  --border-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.tw-border-font-0{
  --border-opacity: 1;
  border-color: #4f4f4f;
  border-color: rgba(79, 79, 79, var(--border-opacity));
}

.tw-border-font-1{
  --border-opacity: 1;
  border-color: #fcfcfc;
  border-color: rgba(252, 252, 252, var(--border-opacity));
}

.tw-border-font-5{
  --border-opacity: 1;
  border-color: #f6f6f6;
  border-color: rgba(246, 246, 246, var(--border-opacity));
}

.tw-border-font-10{
  --border-opacity: 1;
  border-color: #ededed;
  border-color: rgba(237, 237, 237, var(--border-opacity));
}

.tw-border-font-50{
  --border-opacity: 1;
  border-color: #a7a7a7;
  border-color: rgba(167, 167, 167, var(--border-opacity));
}

.tw-border-font-70{
  --border-opacity: 1;
  border-color: #838383;
  border-color: rgba(131, 131, 131, var(--border-opacity));
}

.hover\:tw-border-transparent:hover{
  border-color: transparent;
}

.hover\:tw-border-current:hover{
  border-color: currentColor;
}

.hover\:tw-border-black:hover{
  --border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--border-opacity));
}

.hover\:tw-border-white:hover{
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.hover\:tw-border-gray-100:hover{
  --border-opacity: 1;
  border-color: #f7fafc;
  border-color: rgba(247, 250, 252, var(--border-opacity));
}

.hover\:tw-border-gray-200:hover{
  --border-opacity: 1;
  border-color: #edf2f7;
  border-color: rgba(237, 242, 247, var(--border-opacity));
}

.hover\:tw-border-gray-300:hover{
  --border-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(226, 232, 240, var(--border-opacity));
}

.hover\:tw-border-gray-400:hover{
  --border-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--border-opacity));
}

.hover\:tw-border-gray-500:hover{
  --border-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, var(--border-opacity));
}

.hover\:tw-border-gray-600:hover{
  --border-opacity: 1;
  border-color: #718096;
  border-color: rgba(113, 128, 150, var(--border-opacity));
}

.hover\:tw-border-gray-700:hover{
  --border-opacity: 1;
  border-color: #4a5568;
  border-color: rgba(74, 85, 104, var(--border-opacity));
}

.hover\:tw-border-gray-800:hover{
  --border-opacity: 1;
  border-color: #2d3748;
  border-color: rgba(45, 55, 72, var(--border-opacity));
}

.hover\:tw-border-gray-900:hover{
  --border-opacity: 1;
  border-color: #1a202c;
  border-color: rgba(26, 32, 44, var(--border-opacity));
}

.hover\:tw-border-red-100:hover{
  --border-opacity: 1;
  border-color: #fff5f5;
  border-color: rgba(255, 245, 245, var(--border-opacity));
}

.hover\:tw-border-red-200:hover{
  --border-opacity: 1;
  border-color: #fed7d7;
  border-color: rgba(254, 215, 215, var(--border-opacity));
}

.hover\:tw-border-red-300:hover{
  --border-opacity: 1;
  border-color: #feb2b2;
  border-color: rgba(254, 178, 178, var(--border-opacity));
}

.hover\:tw-border-red-400:hover{
  --border-opacity: 1;
  border-color: #fc8181;
  border-color: rgba(252, 129, 129, var(--border-opacity));
}

.hover\:tw-border-red-500:hover{
  --border-opacity: 1;
  border-color: #f56565;
  border-color: rgba(245, 101, 101, var(--border-opacity));
}

.hover\:tw-border-red-600:hover{
  --border-opacity: 1;
  border-color: #e53e3e;
  border-color: rgba(229, 62, 62, var(--border-opacity));
}

.hover\:tw-border-red-700:hover{
  --border-opacity: 1;
  border-color: #c53030;
  border-color: rgba(197, 48, 48, var(--border-opacity));
}

.hover\:tw-border-red-800:hover{
  --border-opacity: 1;
  border-color: #9b2c2c;
  border-color: rgba(155, 44, 44, var(--border-opacity));
}

.hover\:tw-border-red-900:hover{
  --border-opacity: 1;
  border-color: #742a2a;
  border-color: rgba(116, 42, 42, var(--border-opacity));
}

.hover\:tw-border-orange-100:hover{
  --border-opacity: 1;
  border-color: #fffaf0;
  border-color: rgba(255, 250, 240, var(--border-opacity));
}

.hover\:tw-border-orange-200:hover{
  --border-opacity: 1;
  border-color: #feebc8;
  border-color: rgba(254, 235, 200, var(--border-opacity));
}

.hover\:tw-border-orange-300:hover{
  --border-opacity: 1;
  border-color: #fbd38d;
  border-color: rgba(251, 211, 141, var(--border-opacity));
}

.hover\:tw-border-orange-400:hover{
  --border-opacity: 1;
  border-color: #f6ad55;
  border-color: rgba(246, 173, 85, var(--border-opacity));
}

.hover\:tw-border-orange-500:hover{
  --border-opacity: 1;
  border-color: #ed8936;
  border-color: rgba(237, 137, 54, var(--border-opacity));
}

.hover\:tw-border-orange-600:hover{
  --border-opacity: 1;
  border-color: #dd6b20;
  border-color: rgba(221, 107, 32, var(--border-opacity));
}

.hover\:tw-border-orange-700:hover{
  --border-opacity: 1;
  border-color: #c05621;
  border-color: rgba(192, 86, 33, var(--border-opacity));
}

.hover\:tw-border-orange-800:hover{
  --border-opacity: 1;
  border-color: #9c4221;
  border-color: rgba(156, 66, 33, var(--border-opacity));
}

.hover\:tw-border-orange-900:hover{
  --border-opacity: 1;
  border-color: #7b341e;
  border-color: rgba(123, 52, 30, var(--border-opacity));
}

.hover\:tw-border-yellow-100:hover{
  --border-opacity: 1;
  border-color: #fffff0;
  border-color: rgba(255, 255, 240, var(--border-opacity));
}

.hover\:tw-border-yellow-200:hover{
  --border-opacity: 1;
  border-color: #fefcbf;
  border-color: rgba(254, 252, 191, var(--border-opacity));
}

.hover\:tw-border-yellow-300:hover{
  --border-opacity: 1;
  border-color: #faf089;
  border-color: rgba(250, 240, 137, var(--border-opacity));
}

.hover\:tw-border-yellow-400:hover{
  --border-opacity: 1;
  border-color: #f6e05e;
  border-color: rgba(246, 224, 94, var(--border-opacity));
}

.hover\:tw-border-yellow-500:hover{
  --border-opacity: 1;
  border-color: #ecc94b;
  border-color: rgba(236, 201, 75, var(--border-opacity));
}

.hover\:tw-border-yellow-600:hover{
  --border-opacity: 1;
  border-color: #d69e2e;
  border-color: rgba(214, 158, 46, var(--border-opacity));
}

.hover\:tw-border-yellow-700:hover{
  --border-opacity: 1;
  border-color: #b7791f;
  border-color: rgba(183, 121, 31, var(--border-opacity));
}

.hover\:tw-border-yellow-800:hover{
  --border-opacity: 1;
  border-color: #975a16;
  border-color: rgba(151, 90, 22, var(--border-opacity));
}

.hover\:tw-border-yellow-900:hover{
  --border-opacity: 1;
  border-color: #744210;
  border-color: rgba(116, 66, 16, var(--border-opacity));
}

.hover\:tw-border-green-100:hover{
  --border-opacity: 1;
  border-color: #f0fff4;
  border-color: rgba(240, 255, 244, var(--border-opacity));
}

.hover\:tw-border-green-200:hover{
  --border-opacity: 1;
  border-color: #c6f6d5;
  border-color: rgba(198, 246, 213, var(--border-opacity));
}

.hover\:tw-border-green-300:hover{
  --border-opacity: 1;
  border-color: #9ae6b4;
  border-color: rgba(154, 230, 180, var(--border-opacity));
}

.hover\:tw-border-green-400:hover{
  --border-opacity: 1;
  border-color: #68d391;
  border-color: rgba(104, 211, 145, var(--border-opacity));
}

.hover\:tw-border-green-500:hover{
  --border-opacity: 1;
  border-color: #48bb78;
  border-color: rgba(72, 187, 120, var(--border-opacity));
}

.hover\:tw-border-green-600:hover{
  --border-opacity: 1;
  border-color: #38a169;
  border-color: rgba(56, 161, 105, var(--border-opacity));
}

.hover\:tw-border-green-700:hover{
  --border-opacity: 1;
  border-color: #2f855a;
  border-color: rgba(47, 133, 90, var(--border-opacity));
}

.hover\:tw-border-green-800:hover{
  --border-opacity: 1;
  border-color: #276749;
  border-color: rgba(39, 103, 73, var(--border-opacity));
}

.hover\:tw-border-green-900:hover{
  --border-opacity: 1;
  border-color: #22543d;
  border-color: rgba(34, 84, 61, var(--border-opacity));
}

.hover\:tw-border-teal-100:hover{
  --border-opacity: 1;
  border-color: #e6fffa;
  border-color: rgba(230, 255, 250, var(--border-opacity));
}

.hover\:tw-border-teal-200:hover{
  --border-opacity: 1;
  border-color: #b2f5ea;
  border-color: rgba(178, 245, 234, var(--border-opacity));
}

.hover\:tw-border-teal-300:hover{
  --border-opacity: 1;
  border-color: #81e6d9;
  border-color: rgba(129, 230, 217, var(--border-opacity));
}

.hover\:tw-border-teal-400:hover{
  --border-opacity: 1;
  border-color: #4fd1c5;
  border-color: rgba(79, 209, 197, var(--border-opacity));
}

.hover\:tw-border-teal-500:hover{
  --border-opacity: 1;
  border-color: #38b2ac;
  border-color: rgba(56, 178, 172, var(--border-opacity));
}

.hover\:tw-border-teal-600:hover{
  --border-opacity: 1;
  border-color: #319795;
  border-color: rgba(49, 151, 149, var(--border-opacity));
}

.hover\:tw-border-teal-700:hover{
  --border-opacity: 1;
  border-color: #2c7a7b;
  border-color: rgba(44, 122, 123, var(--border-opacity));
}

.hover\:tw-border-teal-800:hover{
  --border-opacity: 1;
  border-color: #285e61;
  border-color: rgba(40, 94, 97, var(--border-opacity));
}

.hover\:tw-border-teal-900:hover{
  --border-opacity: 1;
  border-color: #234e52;
  border-color: rgba(35, 78, 82, var(--border-opacity));
}

.hover\:tw-border-blue-100:hover{
  --border-opacity: 1;
  border-color: #ebf8ff;
  border-color: rgba(235, 248, 255, var(--border-opacity));
}

.hover\:tw-border-blue-200:hover{
  --border-opacity: 1;
  border-color: #bee3f8;
  border-color: rgba(190, 227, 248, var(--border-opacity));
}

.hover\:tw-border-blue-300:hover{
  --border-opacity: 1;
  border-color: #90cdf4;
  border-color: rgba(144, 205, 244, var(--border-opacity));
}

.hover\:tw-border-blue-400:hover{
  --border-opacity: 1;
  border-color: #63b3ed;
  border-color: rgba(99, 179, 237, var(--border-opacity));
}

.hover\:tw-border-blue-500:hover{
  --border-opacity: 1;
  border-color: #4299e1;
  border-color: rgba(66, 153, 225, var(--border-opacity));
}

.hover\:tw-border-blue-600:hover{
  --border-opacity: 1;
  border-color: #3182ce;
  border-color: rgba(49, 130, 206, var(--border-opacity));
}

.hover\:tw-border-blue-700:hover{
  --border-opacity: 1;
  border-color: #2b6cb0;
  border-color: rgba(43, 108, 176, var(--border-opacity));
}

.hover\:tw-border-blue-800:hover{
  --border-opacity: 1;
  border-color: #2c5282;
  border-color: rgba(44, 82, 130, var(--border-opacity));
}

.hover\:tw-border-blue-900:hover{
  --border-opacity: 1;
  border-color: #2a4365;
  border-color: rgba(42, 67, 101, var(--border-opacity));
}

.hover\:tw-border-indigo-100:hover{
  --border-opacity: 1;
  border-color: #ebf4ff;
  border-color: rgba(235, 244, 255, var(--border-opacity));
}

.hover\:tw-border-indigo-200:hover{
  --border-opacity: 1;
  border-color: #c3dafe;
  border-color: rgba(195, 218, 254, var(--border-opacity));
}

.hover\:tw-border-indigo-300:hover{
  --border-opacity: 1;
  border-color: #a3bffa;
  border-color: rgba(163, 191, 250, var(--border-opacity));
}

.hover\:tw-border-indigo-400:hover{
  --border-opacity: 1;
  border-color: #7f9cf5;
  border-color: rgba(127, 156, 245, var(--border-opacity));
}

.hover\:tw-border-indigo-500:hover{
  --border-opacity: 1;
  border-color: #667eea;
  border-color: rgba(102, 126, 234, var(--border-opacity));
}

.hover\:tw-border-indigo-600:hover{
  --border-opacity: 1;
  border-color: #5a67d8;
  border-color: rgba(90, 103, 216, var(--border-opacity));
}

.hover\:tw-border-indigo-700:hover{
  --border-opacity: 1;
  border-color: #4c51bf;
  border-color: rgba(76, 81, 191, var(--border-opacity));
}

.hover\:tw-border-indigo-800:hover{
  --border-opacity: 1;
  border-color: #434190;
  border-color: rgba(67, 65, 144, var(--border-opacity));
}

.hover\:tw-border-indigo-900:hover{
  --border-opacity: 1;
  border-color: #3c366b;
  border-color: rgba(60, 54, 107, var(--border-opacity));
}

.hover\:tw-border-purple-100:hover{
  --border-opacity: 1;
  border-color: #faf5ff;
  border-color: rgba(250, 245, 255, var(--border-opacity));
}

.hover\:tw-border-purple-200:hover{
  --border-opacity: 1;
  border-color: #e9d8fd;
  border-color: rgba(233, 216, 253, var(--border-opacity));
}

.hover\:tw-border-purple-300:hover{
  --border-opacity: 1;
  border-color: #d6bcfa;
  border-color: rgba(214, 188, 250, var(--border-opacity));
}

.hover\:tw-border-purple-400:hover{
  --border-opacity: 1;
  border-color: #b794f4;
  border-color: rgba(183, 148, 244, var(--border-opacity));
}

.hover\:tw-border-purple-500:hover{
  --border-opacity: 1;
  border-color: #9f7aea;
  border-color: rgba(159, 122, 234, var(--border-opacity));
}

.hover\:tw-border-purple-600:hover{
  --border-opacity: 1;
  border-color: #805ad5;
  border-color: rgba(128, 90, 213, var(--border-opacity));
}

.hover\:tw-border-purple-700:hover{
  --border-opacity: 1;
  border-color: #6b46c1;
  border-color: rgba(107, 70, 193, var(--border-opacity));
}

.hover\:tw-border-purple-800:hover{
  --border-opacity: 1;
  border-color: #553c9a;
  border-color: rgba(85, 60, 154, var(--border-opacity));
}

.hover\:tw-border-purple-900:hover{
  --border-opacity: 1;
  border-color: #44337a;
  border-color: rgba(68, 51, 122, var(--border-opacity));
}

.hover\:tw-border-pink-100:hover{
  --border-opacity: 1;
  border-color: #fff5f7;
  border-color: rgba(255, 245, 247, var(--border-opacity));
}

.hover\:tw-border-pink-200:hover{
  --border-opacity: 1;
  border-color: #fed7e2;
  border-color: rgba(254, 215, 226, var(--border-opacity));
}

.hover\:tw-border-pink-300:hover{
  --border-opacity: 1;
  border-color: #fbb6ce;
  border-color: rgba(251, 182, 206, var(--border-opacity));
}

.hover\:tw-border-pink-400:hover{
  --border-opacity: 1;
  border-color: #f687b3;
  border-color: rgba(246, 135, 179, var(--border-opacity));
}

.hover\:tw-border-pink-500:hover{
  --border-opacity: 1;
  border-color: #ed64a6;
  border-color: rgba(237, 100, 166, var(--border-opacity));
}

.hover\:tw-border-pink-600:hover{
  --border-opacity: 1;
  border-color: #d53f8c;
  border-color: rgba(213, 63, 140, var(--border-opacity));
}

.hover\:tw-border-pink-700:hover{
  --border-opacity: 1;
  border-color: #b83280;
  border-color: rgba(184, 50, 128, var(--border-opacity));
}

.hover\:tw-border-pink-800:hover{
  --border-opacity: 1;
  border-color: #97266d;
  border-color: rgba(151, 38, 109, var(--border-opacity));
}

.hover\:tw-border-pink-900:hover{
  --border-opacity: 1;
  border-color: #702459;
  border-color: rgba(112, 36, 89, var(--border-opacity));
}

.hover\:tw-border-primary-blue:hover{
  --border-opacity: 1;
  border-color: #1976d2;
  border-color: rgba(25, 118, 210, var(--border-opacity));
}

.hover\:tw-border-primary-blue-dark:hover{
  --border-opacity: 1;
  border-color: #0c3b69;
  border-color: rgba(12, 59, 105, var(--border-opacity));
}

.hover\:tw-border-primary-white:hover{
  --border-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.hover\:tw-border-font-0:hover{
  --border-opacity: 1;
  border-color: #4f4f4f;
  border-color: rgba(79, 79, 79, var(--border-opacity));
}

.hover\:tw-border-font-1:hover{
  --border-opacity: 1;
  border-color: #fcfcfc;
  border-color: rgba(252, 252, 252, var(--border-opacity));
}

.hover\:tw-border-font-5:hover{
  --border-opacity: 1;
  border-color: #f6f6f6;
  border-color: rgba(246, 246, 246, var(--border-opacity));
}

.hover\:tw-border-font-10:hover{
  --border-opacity: 1;
  border-color: #ededed;
  border-color: rgba(237, 237, 237, var(--border-opacity));
}

.hover\:tw-border-font-50:hover{
  --border-opacity: 1;
  border-color: #a7a7a7;
  border-color: rgba(167, 167, 167, var(--border-opacity));
}

.hover\:tw-border-font-70:hover{
  --border-opacity: 1;
  border-color: #838383;
  border-color: rgba(131, 131, 131, var(--border-opacity));
}

.focus\:tw-border-transparent:focus{
  border-color: transparent;
}

.focus\:tw-border-current:focus{
  border-color: currentColor;
}

.focus\:tw-border-black:focus{
  --border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--border-opacity));
}

.focus\:tw-border-white:focus{
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.focus\:tw-border-gray-100:focus{
  --border-opacity: 1;
  border-color: #f7fafc;
  border-color: rgba(247, 250, 252, var(--border-opacity));
}

.focus\:tw-border-gray-200:focus{
  --border-opacity: 1;
  border-color: #edf2f7;
  border-color: rgba(237, 242, 247, var(--border-opacity));
}

.focus\:tw-border-gray-300:focus{
  --border-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(226, 232, 240, var(--border-opacity));
}

.focus\:tw-border-gray-400:focus{
  --border-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--border-opacity));
}

.focus\:tw-border-gray-500:focus{
  --border-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, var(--border-opacity));
}

.focus\:tw-border-gray-600:focus{
  --border-opacity: 1;
  border-color: #718096;
  border-color: rgba(113, 128, 150, var(--border-opacity));
}

.focus\:tw-border-gray-700:focus{
  --border-opacity: 1;
  border-color: #4a5568;
  border-color: rgba(74, 85, 104, var(--border-opacity));
}

.focus\:tw-border-gray-800:focus{
  --border-opacity: 1;
  border-color: #2d3748;
  border-color: rgba(45, 55, 72, var(--border-opacity));
}

.focus\:tw-border-gray-900:focus{
  --border-opacity: 1;
  border-color: #1a202c;
  border-color: rgba(26, 32, 44, var(--border-opacity));
}

.focus\:tw-border-red-100:focus{
  --border-opacity: 1;
  border-color: #fff5f5;
  border-color: rgba(255, 245, 245, var(--border-opacity));
}

.focus\:tw-border-red-200:focus{
  --border-opacity: 1;
  border-color: #fed7d7;
  border-color: rgba(254, 215, 215, var(--border-opacity));
}

.focus\:tw-border-red-300:focus{
  --border-opacity: 1;
  border-color: #feb2b2;
  border-color: rgba(254, 178, 178, var(--border-opacity));
}

.focus\:tw-border-red-400:focus{
  --border-opacity: 1;
  border-color: #fc8181;
  border-color: rgba(252, 129, 129, var(--border-opacity));
}

.focus\:tw-border-red-500:focus{
  --border-opacity: 1;
  border-color: #f56565;
  border-color: rgba(245, 101, 101, var(--border-opacity));
}

.focus\:tw-border-red-600:focus{
  --border-opacity: 1;
  border-color: #e53e3e;
  border-color: rgba(229, 62, 62, var(--border-opacity));
}

.focus\:tw-border-red-700:focus{
  --border-opacity: 1;
  border-color: #c53030;
  border-color: rgba(197, 48, 48, var(--border-opacity));
}

.focus\:tw-border-red-800:focus{
  --border-opacity: 1;
  border-color: #9b2c2c;
  border-color: rgba(155, 44, 44, var(--border-opacity));
}

.focus\:tw-border-red-900:focus{
  --border-opacity: 1;
  border-color: #742a2a;
  border-color: rgba(116, 42, 42, var(--border-opacity));
}

.focus\:tw-border-orange-100:focus{
  --border-opacity: 1;
  border-color: #fffaf0;
  border-color: rgba(255, 250, 240, var(--border-opacity));
}

.focus\:tw-border-orange-200:focus{
  --border-opacity: 1;
  border-color: #feebc8;
  border-color: rgba(254, 235, 200, var(--border-opacity));
}

.focus\:tw-border-orange-300:focus{
  --border-opacity: 1;
  border-color: #fbd38d;
  border-color: rgba(251, 211, 141, var(--border-opacity));
}

.focus\:tw-border-orange-400:focus{
  --border-opacity: 1;
  border-color: #f6ad55;
  border-color: rgba(246, 173, 85, var(--border-opacity));
}

.focus\:tw-border-orange-500:focus{
  --border-opacity: 1;
  border-color: #ed8936;
  border-color: rgba(237, 137, 54, var(--border-opacity));
}

.focus\:tw-border-orange-600:focus{
  --border-opacity: 1;
  border-color: #dd6b20;
  border-color: rgba(221, 107, 32, var(--border-opacity));
}

.focus\:tw-border-orange-700:focus{
  --border-opacity: 1;
  border-color: #c05621;
  border-color: rgba(192, 86, 33, var(--border-opacity));
}

.focus\:tw-border-orange-800:focus{
  --border-opacity: 1;
  border-color: #9c4221;
  border-color: rgba(156, 66, 33, var(--border-opacity));
}

.focus\:tw-border-orange-900:focus{
  --border-opacity: 1;
  border-color: #7b341e;
  border-color: rgba(123, 52, 30, var(--border-opacity));
}

.focus\:tw-border-yellow-100:focus{
  --border-opacity: 1;
  border-color: #fffff0;
  border-color: rgba(255, 255, 240, var(--border-opacity));
}

.focus\:tw-border-yellow-200:focus{
  --border-opacity: 1;
  border-color: #fefcbf;
  border-color: rgba(254, 252, 191, var(--border-opacity));
}

.focus\:tw-border-yellow-300:focus{
  --border-opacity: 1;
  border-color: #faf089;
  border-color: rgba(250, 240, 137, var(--border-opacity));
}

.focus\:tw-border-yellow-400:focus{
  --border-opacity: 1;
  border-color: #f6e05e;
  border-color: rgba(246, 224, 94, var(--border-opacity));
}

.focus\:tw-border-yellow-500:focus{
  --border-opacity: 1;
  border-color: #ecc94b;
  border-color: rgba(236, 201, 75, var(--border-opacity));
}

.focus\:tw-border-yellow-600:focus{
  --border-opacity: 1;
  border-color: #d69e2e;
  border-color: rgba(214, 158, 46, var(--border-opacity));
}

.focus\:tw-border-yellow-700:focus{
  --border-opacity: 1;
  border-color: #b7791f;
  border-color: rgba(183, 121, 31, var(--border-opacity));
}

.focus\:tw-border-yellow-800:focus{
  --border-opacity: 1;
  border-color: #975a16;
  border-color: rgba(151, 90, 22, var(--border-opacity));
}

.focus\:tw-border-yellow-900:focus{
  --border-opacity: 1;
  border-color: #744210;
  border-color: rgba(116, 66, 16, var(--border-opacity));
}

.focus\:tw-border-green-100:focus{
  --border-opacity: 1;
  border-color: #f0fff4;
  border-color: rgba(240, 255, 244, var(--border-opacity));
}

.focus\:tw-border-green-200:focus{
  --border-opacity: 1;
  border-color: #c6f6d5;
  border-color: rgba(198, 246, 213, var(--border-opacity));
}

.focus\:tw-border-green-300:focus{
  --border-opacity: 1;
  border-color: #9ae6b4;
  border-color: rgba(154, 230, 180, var(--border-opacity));
}

.focus\:tw-border-green-400:focus{
  --border-opacity: 1;
  border-color: #68d391;
  border-color: rgba(104, 211, 145, var(--border-opacity));
}

.focus\:tw-border-green-500:focus{
  --border-opacity: 1;
  border-color: #48bb78;
  border-color: rgba(72, 187, 120, var(--border-opacity));
}

.focus\:tw-border-green-600:focus{
  --border-opacity: 1;
  border-color: #38a169;
  border-color: rgba(56, 161, 105, var(--border-opacity));
}

.focus\:tw-border-green-700:focus{
  --border-opacity: 1;
  border-color: #2f855a;
  border-color: rgba(47, 133, 90, var(--border-opacity));
}

.focus\:tw-border-green-800:focus{
  --border-opacity: 1;
  border-color: #276749;
  border-color: rgba(39, 103, 73, var(--border-opacity));
}

.focus\:tw-border-green-900:focus{
  --border-opacity: 1;
  border-color: #22543d;
  border-color: rgba(34, 84, 61, var(--border-opacity));
}

.focus\:tw-border-teal-100:focus{
  --border-opacity: 1;
  border-color: #e6fffa;
  border-color: rgba(230, 255, 250, var(--border-opacity));
}

.focus\:tw-border-teal-200:focus{
  --border-opacity: 1;
  border-color: #b2f5ea;
  border-color: rgba(178, 245, 234, var(--border-opacity));
}

.focus\:tw-border-teal-300:focus{
  --border-opacity: 1;
  border-color: #81e6d9;
  border-color: rgba(129, 230, 217, var(--border-opacity));
}

.focus\:tw-border-teal-400:focus{
  --border-opacity: 1;
  border-color: #4fd1c5;
  border-color: rgba(79, 209, 197, var(--border-opacity));
}

.focus\:tw-border-teal-500:focus{
  --border-opacity: 1;
  border-color: #38b2ac;
  border-color: rgba(56, 178, 172, var(--border-opacity));
}

.focus\:tw-border-teal-600:focus{
  --border-opacity: 1;
  border-color: #319795;
  border-color: rgba(49, 151, 149, var(--border-opacity));
}

.focus\:tw-border-teal-700:focus{
  --border-opacity: 1;
  border-color: #2c7a7b;
  border-color: rgba(44, 122, 123, var(--border-opacity));
}

.focus\:tw-border-teal-800:focus{
  --border-opacity: 1;
  border-color: #285e61;
  border-color: rgba(40, 94, 97, var(--border-opacity));
}

.focus\:tw-border-teal-900:focus{
  --border-opacity: 1;
  border-color: #234e52;
  border-color: rgba(35, 78, 82, var(--border-opacity));
}

.focus\:tw-border-blue-100:focus{
  --border-opacity: 1;
  border-color: #ebf8ff;
  border-color: rgba(235, 248, 255, var(--border-opacity));
}

.focus\:tw-border-blue-200:focus{
  --border-opacity: 1;
  border-color: #bee3f8;
  border-color: rgba(190, 227, 248, var(--border-opacity));
}

.focus\:tw-border-blue-300:focus{
  --border-opacity: 1;
  border-color: #90cdf4;
  border-color: rgba(144, 205, 244, var(--border-opacity));
}

.focus\:tw-border-blue-400:focus{
  --border-opacity: 1;
  border-color: #63b3ed;
  border-color: rgba(99, 179, 237, var(--border-opacity));
}

.focus\:tw-border-blue-500:focus{
  --border-opacity: 1;
  border-color: #4299e1;
  border-color: rgba(66, 153, 225, var(--border-opacity));
}

.focus\:tw-border-blue-600:focus{
  --border-opacity: 1;
  border-color: #3182ce;
  border-color: rgba(49, 130, 206, var(--border-opacity));
}

.focus\:tw-border-blue-700:focus{
  --border-opacity: 1;
  border-color: #2b6cb0;
  border-color: rgba(43, 108, 176, var(--border-opacity));
}

.focus\:tw-border-blue-800:focus{
  --border-opacity: 1;
  border-color: #2c5282;
  border-color: rgba(44, 82, 130, var(--border-opacity));
}

.focus\:tw-border-blue-900:focus{
  --border-opacity: 1;
  border-color: #2a4365;
  border-color: rgba(42, 67, 101, var(--border-opacity));
}

.focus\:tw-border-indigo-100:focus{
  --border-opacity: 1;
  border-color: #ebf4ff;
  border-color: rgba(235, 244, 255, var(--border-opacity));
}

.focus\:tw-border-indigo-200:focus{
  --border-opacity: 1;
  border-color: #c3dafe;
  border-color: rgba(195, 218, 254, var(--border-opacity));
}

.focus\:tw-border-indigo-300:focus{
  --border-opacity: 1;
  border-color: #a3bffa;
  border-color: rgba(163, 191, 250, var(--border-opacity));
}

.focus\:tw-border-indigo-400:focus{
  --border-opacity: 1;
  border-color: #7f9cf5;
  border-color: rgba(127, 156, 245, var(--border-opacity));
}

.focus\:tw-border-indigo-500:focus{
  --border-opacity: 1;
  border-color: #667eea;
  border-color: rgba(102, 126, 234, var(--border-opacity));
}

.focus\:tw-border-indigo-600:focus{
  --border-opacity: 1;
  border-color: #5a67d8;
  border-color: rgba(90, 103, 216, var(--border-opacity));
}

.focus\:tw-border-indigo-700:focus{
  --border-opacity: 1;
  border-color: #4c51bf;
  border-color: rgba(76, 81, 191, var(--border-opacity));
}

.focus\:tw-border-indigo-800:focus{
  --border-opacity: 1;
  border-color: #434190;
  border-color: rgba(67, 65, 144, var(--border-opacity));
}

.focus\:tw-border-indigo-900:focus{
  --border-opacity: 1;
  border-color: #3c366b;
  border-color: rgba(60, 54, 107, var(--border-opacity));
}

.focus\:tw-border-purple-100:focus{
  --border-opacity: 1;
  border-color: #faf5ff;
  border-color: rgba(250, 245, 255, var(--border-opacity));
}

.focus\:tw-border-purple-200:focus{
  --border-opacity: 1;
  border-color: #e9d8fd;
  border-color: rgba(233, 216, 253, var(--border-opacity));
}

.focus\:tw-border-purple-300:focus{
  --border-opacity: 1;
  border-color: #d6bcfa;
  border-color: rgba(214, 188, 250, var(--border-opacity));
}

.focus\:tw-border-purple-400:focus{
  --border-opacity: 1;
  border-color: #b794f4;
  border-color: rgba(183, 148, 244, var(--border-opacity));
}

.focus\:tw-border-purple-500:focus{
  --border-opacity: 1;
  border-color: #9f7aea;
  border-color: rgba(159, 122, 234, var(--border-opacity));
}

.focus\:tw-border-purple-600:focus{
  --border-opacity: 1;
  border-color: #805ad5;
  border-color: rgba(128, 90, 213, var(--border-opacity));
}

.focus\:tw-border-purple-700:focus{
  --border-opacity: 1;
  border-color: #6b46c1;
  border-color: rgba(107, 70, 193, var(--border-opacity));
}

.focus\:tw-border-purple-800:focus{
  --border-opacity: 1;
  border-color: #553c9a;
  border-color: rgba(85, 60, 154, var(--border-opacity));
}

.focus\:tw-border-purple-900:focus{
  --border-opacity: 1;
  border-color: #44337a;
  border-color: rgba(68, 51, 122, var(--border-opacity));
}

.focus\:tw-border-pink-100:focus{
  --border-opacity: 1;
  border-color: #fff5f7;
  border-color: rgba(255, 245, 247, var(--border-opacity));
}

.focus\:tw-border-pink-200:focus{
  --border-opacity: 1;
  border-color: #fed7e2;
  border-color: rgba(254, 215, 226, var(--border-opacity));
}

.focus\:tw-border-pink-300:focus{
  --border-opacity: 1;
  border-color: #fbb6ce;
  border-color: rgba(251, 182, 206, var(--border-opacity));
}

.focus\:tw-border-pink-400:focus{
  --border-opacity: 1;
  border-color: #f687b3;
  border-color: rgba(246, 135, 179, var(--border-opacity));
}

.focus\:tw-border-pink-500:focus{
  --border-opacity: 1;
  border-color: #ed64a6;
  border-color: rgba(237, 100, 166, var(--border-opacity));
}

.focus\:tw-border-pink-600:focus{
  --border-opacity: 1;
  border-color: #d53f8c;
  border-color: rgba(213, 63, 140, var(--border-opacity));
}

.focus\:tw-border-pink-700:focus{
  --border-opacity: 1;
  border-color: #b83280;
  border-color: rgba(184, 50, 128, var(--border-opacity));
}

.focus\:tw-border-pink-800:focus{
  --border-opacity: 1;
  border-color: #97266d;
  border-color: rgba(151, 38, 109, var(--border-opacity));
}

.focus\:tw-border-pink-900:focus{
  --border-opacity: 1;
  border-color: #702459;
  border-color: rgba(112, 36, 89, var(--border-opacity));
}

.focus\:tw-border-primary-blue:focus{
  --border-opacity: 1;
  border-color: #1976d2;
  border-color: rgba(25, 118, 210, var(--border-opacity));
}

.focus\:tw-border-primary-blue-dark:focus{
  --border-opacity: 1;
  border-color: #0c3b69;
  border-color: rgba(12, 59, 105, var(--border-opacity));
}

.focus\:tw-border-primary-white:focus{
  --border-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.focus\:tw-border-font-0:focus{
  --border-opacity: 1;
  border-color: #4f4f4f;
  border-color: rgba(79, 79, 79, var(--border-opacity));
}

.focus\:tw-border-font-1:focus{
  --border-opacity: 1;
  border-color: #fcfcfc;
  border-color: rgba(252, 252, 252, var(--border-opacity));
}

.focus\:tw-border-font-5:focus{
  --border-opacity: 1;
  border-color: #f6f6f6;
  border-color: rgba(246, 246, 246, var(--border-opacity));
}

.focus\:tw-border-font-10:focus{
  --border-opacity: 1;
  border-color: #ededed;
  border-color: rgba(237, 237, 237, var(--border-opacity));
}

.focus\:tw-border-font-50:focus{
  --border-opacity: 1;
  border-color: #a7a7a7;
  border-color: rgba(167, 167, 167, var(--border-opacity));
}

.focus\:tw-border-font-70:focus{
  --border-opacity: 1;
  border-color: #838383;
  border-color: rgba(131, 131, 131, var(--border-opacity));
}

.tw-border-opacity-0{
  --border-opacity: 0;
}

.tw-border-opacity-25{
  --border-opacity: 0.25;
}

.tw-border-opacity-50{
  --border-opacity: 0.5;
}

.tw-border-opacity-75{
  --border-opacity: 0.75;
}

.tw-border-opacity-100{
  --border-opacity: 1;
}

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

.hover\:tw-border-opacity-25:hover{
  --border-opacity: 0.25;
}

.hover\:tw-border-opacity-50:hover{
  --border-opacity: 0.5;
}

.hover\:tw-border-opacity-75:hover{
  --border-opacity: 0.75;
}

.hover\:tw-border-opacity-100:hover{
  --border-opacity: 1;
}

.focus\:tw-border-opacity-0:focus{
  --border-opacity: 0;
}

.focus\:tw-border-opacity-25:focus{
  --border-opacity: 0.25;
}

.focus\:tw-border-opacity-50:focus{
  --border-opacity: 0.5;
}

.focus\:tw-border-opacity-75:focus{
  --border-opacity: 0.75;
}

.focus\:tw-border-opacity-100:focus{
  --border-opacity: 1;
}

.tw-rounded-none{
  border-radius: 0;
}

.tw-rounded-sm{
  border-radius: 0.125rem;
}

.tw-rounded{
  border-radius: 0.25rem;
}

.tw-rounded-md{
  border-radius: 0.375rem;
}

.tw-rounded-lg{
  border-radius: 0.5rem;
}

.tw-rounded-xl{
  border-radius: 0.75rem;
}

.tw-rounded-2xl{
  border-radius: 1rem;
}

.tw-rounded-3xl{
  border-radius: 1.5rem;
}

.tw-rounded-full{
  border-radius: 9999px;
}

.tw-rounded-4px{
  border-radius: 4px;
}

.tw-rounded-t-none{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.tw-rounded-r-none{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tw-rounded-b-none{
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.tw-rounded-l-none{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tw-rounded-t-sm{
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.tw-rounded-r-sm{
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.tw-rounded-b-sm{
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.tw-rounded-l-sm{
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.tw-rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.tw-rounded-r{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.tw-rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.tw-rounded-l{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.tw-rounded-t-md{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.tw-rounded-r-md{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.tw-rounded-b-md{
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.tw-rounded-l-md{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.tw-rounded-t-lg{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.tw-rounded-r-lg{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.tw-rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.tw-rounded-l-lg{
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.tw-rounded-t-xl{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.tw-rounded-r-xl{
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.tw-rounded-b-xl{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.tw-rounded-l-xl{
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.tw-rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.tw-rounded-r-2xl{
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.tw-rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.tw-rounded-l-2xl{
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.tw-rounded-t-3xl{
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.tw-rounded-r-3xl{
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.tw-rounded-b-3xl{
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.tw-rounded-l-3xl{
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.tw-rounded-t-full{
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.tw-rounded-r-full{
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.tw-rounded-b-full{
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.tw-rounded-l-full{
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.tw-rounded-t-4px{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.tw-rounded-r-4px{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tw-rounded-b-4px{
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.tw-rounded-l-4px{
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.tw-rounded-tl-none{
  border-top-left-radius: 0;
}

.tw-rounded-tr-none{
  border-top-right-radius: 0;
}

.tw-rounded-br-none{
  border-bottom-right-radius: 0;
}

.tw-rounded-bl-none{
  border-bottom-left-radius: 0;
}

.tw-rounded-tl-sm{
  border-top-left-radius: 0.125rem;
}

.tw-rounded-tr-sm{
  border-top-right-radius: 0.125rem;
}

.tw-rounded-br-sm{
  border-bottom-right-radius: 0.125rem;
}

.tw-rounded-bl-sm{
  border-bottom-left-radius: 0.125rem;
}

.tw-rounded-tl{
  border-top-left-radius: 0.25rem;
}

.tw-rounded-tr{
  border-top-right-radius: 0.25rem;
}

.tw-rounded-br{
  border-bottom-right-radius: 0.25rem;
}

.tw-rounded-bl{
  border-bottom-left-radius: 0.25rem;
}

.tw-rounded-tl-md{
  border-top-left-radius: 0.375rem;
}

.tw-rounded-tr-md{
  border-top-right-radius: 0.375rem;
}

.tw-rounded-br-md{
  border-bottom-right-radius: 0.375rem;
}

.tw-rounded-bl-md{
  border-bottom-left-radius: 0.375rem;
}

.tw-rounded-tl-lg{
  border-top-left-radius: 0.5rem;
}

.tw-rounded-tr-lg{
  border-top-right-radius: 0.5rem;
}

.tw-rounded-br-lg{
  border-bottom-right-radius: 0.5rem;
}

.tw-rounded-bl-lg{
  border-bottom-left-radius: 0.5rem;
}

.tw-rounded-tl-xl{
  border-top-left-radius: 0.75rem;
}

.tw-rounded-tr-xl{
  border-top-right-radius: 0.75rem;
}

.tw-rounded-br-xl{
  border-bottom-right-radius: 0.75rem;
}

.tw-rounded-bl-xl{
  border-bottom-left-radius: 0.75rem;
}

.tw-rounded-tl-2xl{
  border-top-left-radius: 1rem;
}

.tw-rounded-tr-2xl{
  border-top-right-radius: 1rem;
}

.tw-rounded-br-2xl{
  border-bottom-right-radius: 1rem;
}

.tw-rounded-bl-2xl{
  border-bottom-left-radius: 1rem;
}

.tw-rounded-tl-3xl{
  border-top-left-radius: 1.5rem;
}

.tw-rounded-tr-3xl{
  border-top-right-radius: 1.5rem;
}

.tw-rounded-br-3xl{
  border-bottom-right-radius: 1.5rem;
}

.tw-rounded-bl-3xl{
  border-bottom-left-radius: 1.5rem;
}

.tw-rounded-tl-full{
  border-top-left-radius: 9999px;
}

.tw-rounded-tr-full{
  border-top-right-radius: 9999px;
}

.tw-rounded-br-full{
  border-bottom-right-radius: 9999px;
}

.tw-rounded-bl-full{
  border-bottom-left-radius: 9999px;
}

.tw-rounded-tl-4px{
  border-top-left-radius: 4px;
}

.tw-rounded-tr-4px{
  border-top-right-radius: 4px;
}

.tw-rounded-br-4px{
  border-bottom-right-radius: 4px;
}

.tw-rounded-bl-4px{
  border-bottom-left-radius: 4px;
}

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

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

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

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

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

.tw-border-0{
  border-width: 0;
}

.tw-border-2{
  border-width: 2px;
}

.tw-border-3{
  border-width: 3px;
}

.tw-border-4{
  border-width: 4px;
}

.tw-border-8{
  border-width: 8px;
}

.tw-border{
  border-width: 1px;
}

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

.tw-border-r-0{
  border-right-width: 0;
}

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

.tw-border-l-0{
  border-left-width: 0;
}

.tw-border-t-2{
  border-top-width: 2px;
}

.tw-border-r-2{
  border-right-width: 2px;
}

.tw-border-b-2{
  border-bottom-width: 2px;
}

.tw-border-l-2{
  border-left-width: 2px;
}

.tw-border-t-3{
  border-top-width: 3px;
}

.tw-border-r-3{
  border-right-width: 3px;
}

.tw-border-b-3{
  border-bottom-width: 3px;
}

.tw-border-l-3{
  border-left-width: 3px;
}

.tw-border-t-4{
  border-top-width: 4px;
}

.tw-border-r-4{
  border-right-width: 4px;
}

.tw-border-b-4{
  border-bottom-width: 4px;
}

.tw-border-l-4{
  border-left-width: 4px;
}

.tw-border-t-8{
  border-top-width: 8px;
}

.tw-border-r-8{
  border-right-width: 8px;
}

.tw-border-b-8{
  border-bottom-width: 8px;
}

.tw-border-l-8{
  border-left-width: 8px;
}

.tw-border-t{
  border-top-width: 1px;
}

.tw-border-r{
  border-right-width: 1px;
}

.tw-border-b{
  border-bottom-width: 1px;
}

.tw-border-l{
  border-left-width: 1px;
}

.tw-box-border{
  box-sizing: border-box;
}

.tw-box-content{
  box-sizing: content-box;
}

.tw-cursor-auto{
  cursor: auto;
}

.tw-cursor-default{
  cursor: default;
}

.tw-cursor-pointer{
  cursor: pointer;
}

.tw-cursor-wait{
  cursor: wait;
}

.tw-cursor-text{
  cursor: text;
}

.tw-cursor-move{
  cursor: move;
}

.tw-cursor-not-allowed{
  cursor: not-allowed;
}

.tw-block{
  display: block;
}

.tw-inline-block{
  display: inline-block;
}

.tw-inline{
  display: inline;
}

.tw-flex{
  display: flex;
}

.tw-inline-flex{
  display: inline-flex;
}

.tw-table{
  display: table;
}

.tw-table-caption{
  display: table-caption;
}

.tw-table-cell{
  display: table-cell;
}

.tw-table-column{
  display: table-column;
}

.tw-table-column-group{
  display: table-column-group;
}

.tw-table-footer-group{
  display: table-footer-group;
}

.tw-table-header-group{
  display: table-header-group;
}

.tw-table-row-group{
  display: table-row-group;
}

.tw-table-row{
  display: table-row;
}

.tw-flow-root{
  display: flow-root;
}

.tw-grid{
  display: grid;
}

.tw-inline-grid{
  display: inline-grid;
}

.tw-contents{
  display: contents;
}

.tw-hidden{
  display: none;
}

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

.tw-flex-row-reverse{
  flex-direction: row-reverse;
}

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

.tw-flex-col-reverse{
  flex-direction: column-reverse;
}

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

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

.tw-flex-no-wrap{
  flex-wrap: nowrap;
}

.tw-place-items-auto{
  place-items: auto;
}

.tw-place-items-start{
  place-items: start;
}

.tw-place-items-end{
  place-items: end;
}

.tw-place-items-center{
  place-items: center;
}

.tw-place-items-stretch{
  place-items: stretch;
}

.tw-place-content-center{
  place-content: center;
}

.tw-place-content-start{
  place-content: start;
}

.tw-place-content-end{
  place-content: end;
}

.tw-place-content-between{
  place-content: space-between;
}

.tw-place-content-around{
  place-content: space-around;
}

.tw-place-content-evenly{
  place-content: space-evenly;
}

.tw-place-content-stretch{
  place-content: stretch;
}

.tw-place-self-auto{
  place-self: auto;
}

.tw-place-self-start{
  place-self: start;
}

.tw-place-self-end{
  place-self: end;
}

.tw-place-self-center{
  place-self: center;
}

.tw-place-self-stretch{
  place-self: stretch;
}

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

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

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

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

.tw-items-stretch{
  align-items: stretch;
}

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

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

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

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

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

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

.tw-self-auto{
  align-self: auto;
}

.tw-self-start{
  align-self: flex-start;
}

.tw-self-end{
  align-self: flex-end;
}

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

.tw-self-stretch{
  align-self: stretch;
}

.tw-justify-items-auto{
  justify-items: auto;
}

.tw-justify-items-start{
  justify-items: start;
}

.tw-justify-items-end{
  justify-items: end;
}

.tw-justify-items-center{
  justify-items: center;
}

.tw-justify-items-stretch{
  justify-items: stretch;
}

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

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

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

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

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

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

.tw-justify-self-auto{
  justify-self: auto;
}

.tw-justify-self-start{
  justify-self: start;
}

.tw-justify-self-end{
  justify-self: end;
}

.tw-justify-self-center{
  justify-self: center;
}

.tw-justify-self-stretch{
  justify-self: stretch;
}

.tw-flex-1{
  flex: 1 1 0%;
}

.tw-flex-auto{
  flex: 1 1 auto;
}

.tw-flex-initial{
  flex: 0 1 auto;
}

.tw-flex-none{
  flex: none;
}

.tw-flex-1\/2{
  flex: 1 1 50%;
}

.tw-flex-grow-0{
  flex-grow: 0;
}

.tw-flex-grow{
  flex-grow: 1;
}

.tw-flex-shrink-0{
  flex-shrink: 0;
}

.tw-flex-shrink{
  flex-shrink: 1;
}

.tw-order-1{
  order: 1;
}

.tw-order-2{
  order: 2;
}

.tw-order-3{
  order: 3;
}

.tw-order-4{
  order: 4;
}

.tw-order-5{
  order: 5;
}

.tw-order-6{
  order: 6;
}

.tw-order-7{
  order: 7;
}

.tw-order-8{
  order: 8;
}

.tw-order-9{
  order: 9;
}

.tw-order-10{
  order: 10;
}

.tw-order-11{
  order: 11;
}

.tw-order-12{
  order: 12;
}

.tw-order-first{
  order: -9999;
}

.tw-order-last{
  order: 9999;
}

.tw-order-none{
  order: 0;
}

.tw-float-right{
  float: right;
}

.tw-float-left{
  float: left;
}

.tw-float-none{
  float: none;
}

.tw-clearfix:after{
  content: "";
  display: table;
  clear: both;
}

.tw-clear-left{
  clear: left;
}

.tw-clear-right{
  clear: right;
}

.tw-clear-both{
  clear: both;
}

.tw-clear-none{
  clear: none;
}

.tw-font-sans{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.tw-font-serif{
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}

.tw-font-mono{
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.tw-font-hairline{
  font-weight: 100;
}

.tw-font-thin{
  font-weight: 200;
}

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

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

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

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

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

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

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

.hover\:tw-font-hairline:hover{
  font-weight: 100;
}

.hover\:tw-font-thin:hover{
  font-weight: 200;
}

.hover\:tw-font-light:hover{
  font-weight: 300;
}

.hover\:tw-font-normal:hover{
  font-weight: 400;
}

.hover\:tw-font-medium:hover{
  font-weight: 500;
}

.hover\:tw-font-semibold:hover{
  font-weight: 600;
}

.hover\:tw-font-bold:hover{
  font-weight: 700;
}

.hover\:tw-font-extrabold:hover{
  font-weight: 800;
}

.hover\:tw-font-black:hover{
  font-weight: 900;
}

.focus\:tw-font-hairline:focus{
  font-weight: 100;
}

.focus\:tw-font-thin:focus{
  font-weight: 200;
}

.focus\:tw-font-light:focus{
  font-weight: 300;
}

.focus\:tw-font-normal:focus{
  font-weight: 400;
}

.focus\:tw-font-medium:focus{
  font-weight: 500;
}

.focus\:tw-font-semibold:focus{
  font-weight: 600;
}

.focus\:tw-font-bold:focus{
  font-weight: 700;
}

.focus\:tw-font-extrabold:focus{
  font-weight: 800;
}

.focus\:tw-font-black:focus{
  font-weight: 900;
}

.tw-h-0{
  height: 0;
}

.tw-h-1{
  height: 0.25rem;
}

.tw-h-2{
  height: 0.5rem;
}

.tw-h-3{
  height: 0.75rem;
}

.tw-h-4{
  height: 1rem;
}

.tw-h-5{
  height: 1.25rem;
}

.tw-h-6{
  height: 1.5rem;
}

.tw-h-8{
  height: 2rem;
}

.tw-h-10{
  height: 2.5rem;
}

.tw-h-12{
  height: 3rem;
}

.tw-h-16{
  height: 4rem;
}

.tw-h-20{
  height: 5rem;
}

.tw-h-24{
  height: 6rem;
}

.tw-h-32{
  height: 8rem;
}

.tw-h-40{
  height: 10rem;
}

.tw-h-48{
  height: 12rem;
}

.tw-h-56{
  height: 14rem;
}

.tw-h-64{
  height: 16rem;
}

.tw-h-auto{
  height: auto;
}

.tw-h-px{
  height: 1px;
}

.tw-h-full{
  height: 100%;
}

.tw-h-screen{
  height: 100vh;
}

.tw-h-25px{
  height: 25px;
}

.tw-h-35px{
  height: 35px;
}

.tw-h-40px{
  height: 40px;
}

.tw-h-45px{
  height: 45px;
}

.tw-h-50px{
  height: 50px;
}

.tw-h-60px{
  height: 60px;
}

.tw-h-65px{
  height: 65px;
}

.tw-h-200px{
  height: 200px;
}

.tw-h-330px{
  height: 330px;
}

.tw-text-xs{
  font-size: 0.75rem;
}

.tw-text-sm{
  font-size: 0.875rem;
}

.tw-text-base{
  font-size: 1rem;
}

.tw-text-lg{
  font-size: 1.125rem;
}

.tw-text-xl{
  font-size: 1.25rem;
}

.tw-text-2xl{
  font-size: 1.5rem;
}

.tw-text-3xl{
  font-size: 1.875rem;
}

.tw-text-4xl{
  font-size: 2.25rem;
}

.tw-text-5xl{
  font-size: 3rem;
}

.tw-text-6xl{
  font-size: 4rem;
}

.tw-text-12px{
  font-size: 12px;
}

.tw-text-14px{
  font-size: 14px;
}

.tw-text-16px{
  font-size: 16px;
}

.tw-text-18px{
  font-size: 18px;
}

.tw-text-20px{
  font-size: 20px;
}

.tw-text-22px{
  font-size: 22px;
}

.tw-text-28px{
  font-size: 28px;
}

.tw-leading-3{
  line-height: .75rem;
}

.tw-leading-4{
  line-height: 1rem;
}

.tw-leading-5{
  line-height: 1.25rem;
}

.tw-leading-6{
  line-height: 1.5rem;
}

.tw-leading-7{
  line-height: 1.75rem;
}

.tw-leading-8{
  line-height: 2rem;
}

.tw-leading-9{
  line-height: 2.25rem;
}

.tw-leading-10{
  line-height: 2.5rem;
}

.tw-leading-none{
  line-height: 1;
}

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

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

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

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

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

.tw-list-inside{
  list-style-position: inside;
}

.tw-list-outside{
  list-style-position: outside;
}

.tw-list-none{
  list-style-type: none;
}

.tw-list-disc{
  list-style-type: disc;
}

.tw-list-decimal{
  list-style-type: decimal;
}

.tw-m-0{
  margin: 0;
}

.tw-m-1{
  margin: 0.25rem;
}

.tw-m-2{
  margin: 0.5rem;
}

.tw-m-3{
  margin: 0.75rem;
}

.tw-m-4{
  margin: 1rem;
}

.tw-m-5{
  margin: 1.25rem;
}

.tw-m-6{
  margin: 1.5rem;
}

.tw-m-8{
  margin: 2rem;
}

.tw-m-10{
  margin: 2.5rem;
}

.tw-m-12{
  margin: 3rem;
}

.tw-m-16{
  margin: 4rem;
}

.tw-m-20{
  margin: 5rem;
}

.tw-m-24{
  margin: 6rem;
}

.tw-m-32{
  margin: 8rem;
}

.tw-m-40{
  margin: 10rem;
}

.tw-m-48{
  margin: 12rem;
}

.tw-m-56{
  margin: 14rem;
}

.tw-m-64{
  margin: 16rem;
}

.tw-m-auto{
  margin: auto;
}

.tw-m-px{
  margin: 1px;
}

.tw--m-1{
  margin: -0.25rem;
}

.tw--m-2{
  margin: -0.5rem;
}

.tw--m-3{
  margin: -0.75rem;
}

.tw--m-4{
  margin: -1rem;
}

.tw--m-5{
  margin: -1.25rem;
}

.tw--m-6{
  margin: -1.5rem;
}

.tw--m-8{
  margin: -2rem;
}

.tw--m-10{
  margin: -2.5rem;
}

.tw--m-12{
  margin: -3rem;
}

.tw--m-16{
  margin: -4rem;
}

.tw--m-20{
  margin: -5rem;
}

.tw--m-24{
  margin: -6rem;
}

.tw--m-32{
  margin: -8rem;
}

.tw--m-40{
  margin: -10rem;
}

.tw--m-48{
  margin: -12rem;
}

.tw--m-56{
  margin: -14rem;
}

.tw--m-64{
  margin: -16rem;
}

.tw--m-px{
  margin: -1px;
}

.tw-m-2px{
  margin: 2px;
}

.tw-m-5px{
  margin: 5px;
}

.tw-m-10px{
  margin: 10px;
}

.tw-m-15px{
  margin: 15px;
}

.tw-m-20px{
  margin: 20px;
}

.tw-m-25px{
  margin: 25px;
}

.tw-m-30px{
  margin: 30px;
}

.tw-m-40px{
  margin: 40px;
}

.tw-m-60px{
  margin: 60px;
}

.tw-m-80px{
  margin: 80px;
}

.tw-my-0{
  margin-top: 0;
  margin-bottom: 0;
}

.tw-mx-0{
  margin-left: 0;
  margin-right: 0;
}

.tw-my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.tw-mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.tw-my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.tw-mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.tw-my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.tw-mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.tw-my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.tw-mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

.tw-my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.tw-mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.tw-my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.tw-mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.tw-my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.tw-mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}

.tw-my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.tw-mx-10{
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.tw-my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.tw-mx-12{
  margin-left: 3rem;
  margin-right: 3rem;
}

.tw-my-16{
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.tw-mx-16{
  margin-left: 4rem;
  margin-right: 4rem;
}

.tw-my-20{
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.tw-mx-20{
  margin-left: 5rem;
  margin-right: 5rem;
}

.tw-my-24{
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.tw-mx-24{
  margin-left: 6rem;
  margin-right: 6rem;
}

.tw-my-32{
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.tw-mx-32{
  margin-left: 8rem;
  margin-right: 8rem;
}

.tw-my-40{
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.tw-mx-40{
  margin-left: 10rem;
  margin-right: 10rem;
}

.tw-my-48{
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.tw-mx-48{
  margin-left: 12rem;
  margin-right: 12rem;
}

.tw-my-56{
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.tw-mx-56{
  margin-left: 14rem;
  margin-right: 14rem;
}

.tw-my-64{
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.tw-mx-64{
  margin-left: 16rem;
  margin-right: 16rem;
}

.tw-my-auto{
  margin-top: auto;
  margin-bottom: auto;
}

.tw-mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.tw-my-px{
  margin-top: 1px;
  margin-bottom: 1px;
}

.tw-mx-px{
  margin-left: 1px;
  margin-right: 1px;
}

.tw--my-1{
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

.tw--mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.tw--my-2{
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.tw--mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.tw--my-3{
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}

.tw--mx-3{
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.tw--my-4{
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.tw--mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}

.tw--my-5{
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}

.tw--mx-5{
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.tw--my-6{
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

.tw--mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.tw--my-8{
  margin-top: -2rem;
  margin-bottom: -2rem;
}

.tw--mx-8{
  margin-left: -2rem;
  margin-right: -2rem;
}

.tw--my-10{
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}

.tw--mx-10{
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

.tw--my-12{
  margin-top: -3rem;
  margin-bottom: -3rem;
}

.tw--mx-12{
  margin-left: -3rem;
  margin-right: -3rem;
}

.tw--my-16{
  margin-top: -4rem;
  margin-bottom: -4rem;
}

.tw--mx-16{
  margin-left: -4rem;
  margin-right: -4rem;
}

.tw--my-20{
  margin-top: -5rem;
  margin-bottom: -5rem;
}

.tw--mx-20{
  margin-left: -5rem;
  margin-right: -5rem;
}

.tw--my-24{
  margin-top: -6rem;
  margin-bottom: -6rem;
}

.tw--mx-24{
  margin-left: -6rem;
  margin-right: -6rem;
}

.tw--my-32{
  margin-top: -8rem;
  margin-bottom: -8rem;
}

.tw--mx-32{
  margin-left: -8rem;
  margin-right: -8rem;
}

.tw--my-40{
  margin-top: -10rem;
  margin-bottom: -10rem;
}

.tw--mx-40{
  margin-left: -10rem;
  margin-right: -10rem;
}

.tw--my-48{
  margin-top: -12rem;
  margin-bottom: -12rem;
}

.tw--mx-48{
  margin-left: -12rem;
  margin-right: -12rem;
}

.tw--my-56{
  margin-top: -14rem;
  margin-bottom: -14rem;
}

.tw--mx-56{
  margin-left: -14rem;
  margin-right: -14rem;
}

.tw--my-64{
  margin-top: -16rem;
  margin-bottom: -16rem;
}

.tw--mx-64{
  margin-left: -16rem;
  margin-right: -16rem;
}

.tw--my-px{
  margin-top: -1px;
  margin-bottom: -1px;
}

.tw--mx-px{
  margin-left: -1px;
  margin-right: -1px;
}

.tw-my-2px{
  margin-top: 2px;
  margin-bottom: 2px;
}

.tw-mx-2px{
  margin-left: 2px;
  margin-right: 2px;
}

.tw-my-5px{
  margin-top: 5px;
  margin-bottom: 5px;
}

.tw-mx-5px{
  margin-left: 5px;
  margin-right: 5px;
}

.tw-my-10px{
  margin-top: 10px;
  margin-bottom: 10px;
}

.tw-mx-10px{
  margin-left: 10px;
  margin-right: 10px;
}

.tw-my-15px{
  margin-top: 15px;
  margin-bottom: 15px;
}

.tw-mx-15px{
  margin-left: 15px;
  margin-right: 15px;
}

.tw-my-20px{
  margin-top: 20px;
  margin-bottom: 20px;
}

.tw-mx-20px{
  margin-left: 20px;
  margin-right: 20px;
}

.tw-my-25px{
  margin-top: 25px;
  margin-bottom: 25px;
}

.tw-mx-25px{
  margin-left: 25px;
  margin-right: 25px;
}

.tw-my-30px{
  margin-top: 30px;
  margin-bottom: 30px;
}

.tw-mx-30px{
  margin-left: 30px;
  margin-right: 30px;
}

.tw-my-40px{
  margin-top: 40px;
  margin-bottom: 40px;
}

.tw-mx-40px{
  margin-left: 40px;
  margin-right: 40px;
}

.tw-my-60px{
  margin-top: 60px;
  margin-bottom: 60px;
}

.tw-mx-60px{
  margin-left: 60px;
  margin-right: 60px;
}

.tw-my-80px{
  margin-top: 80px;
  margin-bottom: 80px;
}

.tw-mx-80px{
  margin-left: 80px;
  margin-right: 80px;
}

.tw-mt-0{
  margin-top: 0;
}

.tw-mr-0{
  margin-right: 0;
}

.tw-mb-0{
  margin-bottom: 0;
}

.tw-ml-0{
  margin-left: 0;
}

.tw-mt-1{
  margin-top: 0.25rem;
}

.tw-mr-1{
  margin-right: 0.25rem;
}

.tw-mb-1{
  margin-bottom: 0.25rem;
}

.tw-ml-1{
  margin-left: 0.25rem;
}

.tw-mt-2{
  margin-top: 0.5rem;
}

.tw-mr-2{
  margin-right: 0.5rem;
}

.tw-mb-2{
  margin-bottom: 0.5rem;
}

.tw-ml-2{
  margin-left: 0.5rem;
}

.tw-mt-3{
  margin-top: 0.75rem;
}

.tw-mr-3{
  margin-right: 0.75rem;
}

.tw-mb-3{
  margin-bottom: 0.75rem;
}

.tw-ml-3{
  margin-left: 0.75rem;
}

.tw-mt-4{
  margin-top: 1rem;
}

.tw-mr-4{
  margin-right: 1rem;
}

.tw-mb-4{
  margin-bottom: 1rem;
}

.tw-ml-4{
  margin-left: 1rem;
}

.tw-mt-5{
  margin-top: 1.25rem;
}

.tw-mr-5{
  margin-right: 1.25rem;
}

.tw-mb-5{
  margin-bottom: 1.25rem;
}

.tw-ml-5{
  margin-left: 1.25rem;
}

.tw-mt-6{
  margin-top: 1.5rem;
}

.tw-mr-6{
  margin-right: 1.5rem;
}

.tw-mb-6{
  margin-bottom: 1.5rem;
}

.tw-ml-6{
  margin-left: 1.5rem;
}

.tw-mt-8{
  margin-top: 2rem;
}

.tw-mr-8{
  margin-right: 2rem;
}

.tw-mb-8{
  margin-bottom: 2rem;
}

.tw-ml-8{
  margin-left: 2rem;
}

.tw-mt-10{
  margin-top: 2.5rem;
}

.tw-mr-10{
  margin-right: 2.5rem;
}

.tw-mb-10{
  margin-bottom: 2.5rem;
}

.tw-ml-10{
  margin-left: 2.5rem;
}

.tw-mt-12{
  margin-top: 3rem;
}

.tw-mr-12{
  margin-right: 3rem;
}

.tw-mb-12{
  margin-bottom: 3rem;
}

.tw-ml-12{
  margin-left: 3rem;
}

.tw-mt-16{
  margin-top: 4rem;
}

.tw-mr-16{
  margin-right: 4rem;
}

.tw-mb-16{
  margin-bottom: 4rem;
}

.tw-ml-16{
  margin-left: 4rem;
}

.tw-mt-20{
  margin-top: 5rem;
}

.tw-mr-20{
  margin-right: 5rem;
}

.tw-mb-20{
  margin-bottom: 5rem;
}

.tw-ml-20{
  margin-left: 5rem;
}

.tw-mt-24{
  margin-top: 6rem;
}

.tw-mr-24{
  margin-right: 6rem;
}

.tw-mb-24{
  margin-bottom: 6rem;
}

.tw-ml-24{
  margin-left: 6rem;
}

.tw-mt-32{
  margin-top: 8rem;
}

.tw-mr-32{
  margin-right: 8rem;
}

.tw-mb-32{
  margin-bottom: 8rem;
}

.tw-ml-32{
  margin-left: 8rem;
}

.tw-mt-40{
  margin-top: 10rem;
}

.tw-mr-40{
  margin-right: 10rem;
}

.tw-mb-40{
  margin-bottom: 10rem;
}

.tw-ml-40{
  margin-left: 10rem;
}

.tw-mt-48{
  margin-top: 12rem;
}

.tw-mr-48{
  margin-right: 12rem;
}

.tw-mb-48{
  margin-bottom: 12rem;
}

.tw-ml-48{
  margin-left: 12rem;
}

.tw-mt-56{
  margin-top: 14rem;
}

.tw-mr-56{
  margin-right: 14rem;
}

.tw-mb-56{
  margin-bottom: 14rem;
}

.tw-ml-56{
  margin-left: 14rem;
}

.tw-mt-64{
  margin-top: 16rem;
}

.tw-mr-64{
  margin-right: 16rem;
}

.tw-mb-64{
  margin-bottom: 16rem;
}

.tw-ml-64{
  margin-left: 16rem;
}

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

.tw-mr-auto{
  margin-right: auto;
}

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

.tw-ml-auto{
  margin-left: auto;
}

.tw-mt-px{
  margin-top: 1px;
}

.tw-mr-px{
  margin-right: 1px;
}

.tw-mb-px{
  margin-bottom: 1px;
}

.tw-ml-px{
  margin-left: 1px;
}

.tw--mt-1{
  margin-top: -0.25rem;
}

.tw--mr-1{
  margin-right: -0.25rem;
}

.tw--mb-1{
  margin-bottom: -0.25rem;
}

.tw--ml-1{
  margin-left: -0.25rem;
}

.tw--mt-2{
  margin-top: -0.5rem;
}

.tw--mr-2{
  margin-right: -0.5rem;
}

.tw--mb-2{
  margin-bottom: -0.5rem;
}

.tw--ml-2{
  margin-left: -0.5rem;
}

.tw--mt-3{
  margin-top: -0.75rem;
}

.tw--mr-3{
  margin-right: -0.75rem;
}

.tw--mb-3{
  margin-bottom: -0.75rem;
}

.tw--ml-3{
  margin-left: -0.75rem;
}

.tw--mt-4{
  margin-top: -1rem;
}

.tw--mr-4{
  margin-right: -1rem;
}

.tw--mb-4{
  margin-bottom: -1rem;
}

.tw--ml-4{
  margin-left: -1rem;
}

.tw--mt-5{
  margin-top: -1.25rem;
}

.tw--mr-5{
  margin-right: -1.25rem;
}

.tw--mb-5{
  margin-bottom: -1.25rem;
}

.tw--ml-5{
  margin-left: -1.25rem;
}

.tw--mt-6{
  margin-top: -1.5rem;
}

.tw--mr-6{
  margin-right: -1.5rem;
}

.tw--mb-6{
  margin-bottom: -1.5rem;
}

.tw--ml-6{
  margin-left: -1.5rem;
}

.tw--mt-8{
  margin-top: -2rem;
}

.tw--mr-8{
  margin-right: -2rem;
}

.tw--mb-8{
  margin-bottom: -2rem;
}

.tw--ml-8{
  margin-left: -2rem;
}

.tw--mt-10{
  margin-top: -2.5rem;
}

.tw--mr-10{
  margin-right: -2.5rem;
}

.tw--mb-10{
  margin-bottom: -2.5rem;
}

.tw--ml-10{
  margin-left: -2.5rem;
}

.tw--mt-12{
  margin-top: -3rem;
}

.tw--mr-12{
  margin-right: -3rem;
}

.tw--mb-12{
  margin-bottom: -3rem;
}

.tw--ml-12{
  margin-left: -3rem;
}

.tw--mt-16{
  margin-top: -4rem;
}

.tw--mr-16{
  margin-right: -4rem;
}

.tw--mb-16{
  margin-bottom: -4rem;
}

.tw--ml-16{
  margin-left: -4rem;
}

.tw--mt-20{
  margin-top: -5rem;
}

.tw--mr-20{
  margin-right: -5rem;
}

.tw--mb-20{
  margin-bottom: -5rem;
}

.tw--ml-20{
  margin-left: -5rem;
}

.tw--mt-24{
  margin-top: -6rem;
}

.tw--mr-24{
  margin-right: -6rem;
}

.tw--mb-24{
  margin-bottom: -6rem;
}

.tw--ml-24{
  margin-left: -6rem;
}

.tw--mt-32{
  margin-top: -8rem;
}

.tw--mr-32{
  margin-right: -8rem;
}

.tw--mb-32{
  margin-bottom: -8rem;
}

.tw--ml-32{
  margin-left: -8rem;
}

.tw--mt-40{
  margin-top: -10rem;
}

.tw--mr-40{
  margin-right: -10rem;
}

.tw--mb-40{
  margin-bottom: -10rem;
}

.tw--ml-40{
  margin-left: -10rem;
}

.tw--mt-48{
  margin-top: -12rem;
}

.tw--mr-48{
  margin-right: -12rem;
}

.tw--mb-48{
  margin-bottom: -12rem;
}

.tw--ml-48{
  margin-left: -12rem;
}

.tw--mt-56{
  margin-top: -14rem;
}

.tw--mr-56{
  margin-right: -14rem;
}

.tw--mb-56{
  margin-bottom: -14rem;
}

.tw--ml-56{
  margin-left: -14rem;
}

.tw--mt-64{
  margin-top: -16rem;
}

.tw--mr-64{
  margin-right: -16rem;
}

.tw--mb-64{
  margin-bottom: -16rem;
}

.tw--ml-64{
  margin-left: -16rem;
}

.tw--mt-px{
  margin-top: -1px;
}

.tw--mr-px{
  margin-right: -1px;
}

.tw--mb-px{
  margin-bottom: -1px;
}

.tw--ml-px{
  margin-left: -1px;
}

.tw-mt-2px{
  margin-top: 2px;
}

.tw-mr-2px{
  margin-right: 2px;
}

.tw-mb-2px{
  margin-bottom: 2px;
}

.tw-ml-2px{
  margin-left: 2px;
}

.tw-mt-5px{
  margin-top: 5px;
}

.tw-mr-5px{
  margin-right: 5px;
}

.tw-mb-5px{
  margin-bottom: 5px;
}

.tw-ml-5px{
  margin-left: 5px;
}

.tw-mt-10px{
  margin-top: 10px;
}

.tw-mr-10px{
  margin-right: 10px;
}

.tw-mb-10px{
  margin-bottom: 10px;
}

.tw-ml-10px{
  margin-left: 10px;
}

.tw-mt-15px{
  margin-top: 15px;
}

.tw-mr-15px{
  margin-right: 15px;
}

.tw-mb-15px{
  margin-bottom: 15px;
}

.tw-ml-15px{
  margin-left: 15px;
}

.tw-mt-20px{
  margin-top: 20px;
}

.tw-mr-20px{
  margin-right: 20px;
}

.tw-mb-20px{
  margin-bottom: 20px;
}

.tw-ml-20px{
  margin-left: 20px;
}

.tw-mt-25px{
  margin-top: 25px;
}

.tw-mr-25px{
  margin-right: 25px;
}

.tw-mb-25px{
  margin-bottom: 25px;
}

.tw-ml-25px{
  margin-left: 25px;
}

.tw-mt-30px{
  margin-top: 30px;
}

.tw-mr-30px{
  margin-right: 30px;
}

.tw-mb-30px{
  margin-bottom: 30px;
}

.tw-ml-30px{
  margin-left: 30px;
}

.tw-mt-40px{
  margin-top: 40px;
}

.tw-mr-40px{
  margin-right: 40px;
}

.tw-mb-40px{
  margin-bottom: 40px;
}

.tw-ml-40px{
  margin-left: 40px;
}

.tw-mt-60px{
  margin-top: 60px;
}

.tw-mr-60px{
  margin-right: 60px;
}

.tw-mb-60px{
  margin-bottom: 60px;
}

.tw-ml-60px{
  margin-left: 60px;
}

.tw-mt-80px{
  margin-top: 80px;
}

.tw-mr-80px{
  margin-right: 80px;
}

.tw-mb-80px{
  margin-bottom: 80px;
}

.tw-ml-80px{
  margin-left: 80px;
}

.tw-max-h-full{
  max-height: 100%;
}

.tw-max-h-screen{
  max-height: 100vh;
}

.tw-max-w-none{
  max-width: none;
}

.tw-max-w-xs{
  max-width: 20rem;
}

.tw-max-w-sm{
  max-width: 24rem;
}

.tw-max-w-md{
  max-width: 28rem;
}

.tw-max-w-lg{
  max-width: 32rem;
}

.tw-max-w-xl{
  max-width: 36rem;
}

.tw-max-w-2xl{
  max-width: 42rem;
}

.tw-max-w-3xl{
  max-width: 48rem;
}

.tw-max-w-4xl{
  max-width: 56rem;
}

.tw-max-w-5xl{
  max-width: 64rem;
}

.tw-max-w-6xl{
  max-width: 72rem;
}

.tw-max-w-full{
  max-width: 100%;
}

.tw-max-w-screen-sm{
  max-width: 640px;
}

.tw-max-w-screen-md{
  max-width: 768px;
}

.tw-max-w-screen-lg{
  max-width: 1024px;
}

.tw-max-w-screen-xl{
  max-width: 1280px;
}

.tw-min-h-0{
  min-height: 0;
}

.tw-min-h-full{
  min-height: 100%;
}

.tw-min-h-screen{
  min-height: 100vh;
}

.tw-min-w-0{
  min-width: 0;
}

.tw-min-w-full{
  min-width: 100%;
}

.tw-object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

.tw-object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.tw-object-fill{
  -o-object-fit: fill;
     object-fit: fill;
}

.tw-object-none{
  -o-object-fit: none;
     object-fit: none;
}

.tw-object-scale-down{
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.tw-object-bottom{
  -o-object-position: bottom;
     object-position: bottom;
}

.tw-object-center{
  -o-object-position: center;
     object-position: center;
}

.tw-object-left{
  -o-object-position: left;
     object-position: left;
}

.tw-object-left-bottom{
  -o-object-position: left bottom;
     object-position: left bottom;
}

.tw-object-left-top{
  -o-object-position: left top;
     object-position: left top;
}

.tw-object-right{
  -o-object-position: right;
     object-position: right;
}

.tw-object-right-bottom{
  -o-object-position: right bottom;
     object-position: right bottom;
}

.tw-object-right-top{
  -o-object-position: right top;
     object-position: right top;
}

.tw-object-top{
  -o-object-position: top;
     object-position: top;
}

.tw-opacity-0{
  opacity: 0;
}

.tw-opacity-25{
  opacity: 0.25;
}

.tw-opacity-50{
  opacity: 0.5;
}

.tw-opacity-75{
  opacity: 0.75;
}

.tw-opacity-100{
  opacity: 1;
}

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

.hover\:tw-opacity-25:hover{
  opacity: 0.25;
}

.hover\:tw-opacity-50:hover{
  opacity: 0.5;
}

.hover\:tw-opacity-75:hover{
  opacity: 0.75;
}

.hover\:tw-opacity-100:hover{
  opacity: 1;
}

.focus\:tw-opacity-0:focus{
  opacity: 0;
}

.focus\:tw-opacity-25:focus{
  opacity: 0.25;
}

.focus\:tw-opacity-50:focus{
  opacity: 0.5;
}

.focus\:tw-opacity-75:focus{
  opacity: 0.75;
}

.focus\:tw-opacity-100:focus{
  opacity: 1;
}

.tw-outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.tw-outline-white{
  outline: 2px dotted white;
  outline-offset: 2px;
}

.tw-outline-black{
  outline: 2px dotted black;
  outline-offset: 2px;
}

.focus\:tw-outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:tw-outline-white:focus{
  outline: 2px dotted white;
  outline-offset: 2px;
}

.focus\:tw-outline-black:focus{
  outline: 2px dotted black;
  outline-offset: 2px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.tw-scrolling-touch{
  -webkit-overflow-scrolling: touch;
}

.tw-scrolling-auto{
  -webkit-overflow-scrolling: auto;
}

.tw-overscroll-auto{
  -ms-scroll-chaining: chained;
      overscroll-behavior: auto;
}

.tw-overscroll-contain{
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.tw-overscroll-none{
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.tw-overscroll-y-auto{
  overscroll-behavior-y: auto;
}

.tw-overscroll-y-contain{
  overscroll-behavior-y: contain;
}

.tw-overscroll-y-none{
  overscroll-behavior-y: none;
}

.tw-overscroll-x-auto{
  overscroll-behavior-x: auto;
}

.tw-overscroll-x-contain{
  overscroll-behavior-x: contain;
}

.tw-overscroll-x-none{
  overscroll-behavior-x: none;
}

.tw-p-0{
  padding: 0;
}

.tw-p-1{
  padding: 0.25rem;
}

.tw-p-2{
  padding: 0.5rem;
}

.tw-p-3{
  padding: 0.75rem;
}

.tw-p-4{
  padding: 1rem;
}

.tw-p-5{
  padding: 1.25rem;
}

.tw-p-6{
  padding: 1.5rem;
}

.tw-p-8{
  padding: 2rem;
}

.tw-p-10{
  padding: 2.5rem;
}

.tw-p-12{
  padding: 3rem;
}

.tw-p-16{
  padding: 4rem;
}

.tw-p-20{
  padding: 5rem;
}

.tw-p-24{
  padding: 6rem;
}

.tw-p-32{
  padding: 8rem;
}

.tw-p-40{
  padding: 10rem;
}

.tw-p-48{
  padding: 12rem;
}

.tw-p-56{
  padding: 14rem;
}

.tw-p-64{
  padding: 16rem;
}

.tw-p-px{
  padding: 1px;
}

.tw-p-3px{
  padding: 3px;
}

.tw-p-5px{
  padding: 5px;
}

.tw-p-10px{
  padding: 10px;
}

.tw-p-15px{
  padding: 15px;
}

.tw-p-20px{
  padding: 20px;
}

.tw-p-25px{
  padding: 25px;
}

.tw-p-30px{
  padding: 30px;
}

.tw-p-40px{
  padding: 40px;
}

.tw-p-55px{
  padding: 55px;
}

.tw-p-60px{
  padding: 60px;
}

.tw-py-0{
  padding-top: 0;
  padding-bottom: 0;
}

.tw-px-0{
  padding-left: 0;
  padding-right: 0;
}

.tw-py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.tw-px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.tw-py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tw-px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.tw-py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.tw-px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.tw-py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.tw-px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.tw-py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.tw-px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.tw-py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.tw-px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.tw-py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.tw-px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.tw-py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.tw-px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.tw-py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.tw-px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}

.tw-py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.tw-px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}

.tw-py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.tw-px-20{
  padding-left: 5rem;
  padding-right: 5rem;
}

.tw-py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.tw-px-24{
  padding-left: 6rem;
  padding-right: 6rem;
}

.tw-py-32{
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.tw-px-32{
  padding-left: 8rem;
  padding-right: 8rem;
}

.tw-py-40{
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.tw-px-40{
  padding-left: 10rem;
  padding-right: 10rem;
}

.tw-py-48{
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.tw-px-48{
  padding-left: 12rem;
  padding-right: 12rem;
}

.tw-py-56{
  padding-top: 14rem;
  padding-bottom: 14rem;
}

.tw-px-56{
  padding-left: 14rem;
  padding-right: 14rem;
}

.tw-py-64{
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.tw-px-64{
  padding-left: 16rem;
  padding-right: 16rem;
}

.tw-py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}

.tw-px-px{
  padding-left: 1px;
  padding-right: 1px;
}

.tw-py-3px{
  padding-top: 3px;
  padding-bottom: 3px;
}

.tw-px-3px{
  padding-left: 3px;
  padding-right: 3px;
}

.tw-py-5px{
  padding-top: 5px;
  padding-bottom: 5px;
}

.tw-px-5px{
  padding-left: 5px;
  padding-right: 5px;
}

.tw-py-10px{
  padding-top: 10px;
  padding-bottom: 10px;
}

.tw-px-10px{
  padding-left: 10px;
  padding-right: 10px;
}

.tw-py-15px{
  padding-top: 15px;
  padding-bottom: 15px;
}

.tw-px-15px{
  padding-left: 15px;
  padding-right: 15px;
}

.tw-py-20px{
  padding-top: 20px;
  padding-bottom: 20px;
}

.tw-px-20px{
  padding-left: 20px;
  padding-right: 20px;
}

.tw-py-25px{
  padding-top: 25px;
  padding-bottom: 25px;
}

.tw-px-25px{
  padding-left: 25px;
  padding-right: 25px;
}

.tw-py-30px{
  padding-top: 30px;
  padding-bottom: 30px;
}

.tw-px-30px{
  padding-left: 30px;
  padding-right: 30px;
}

.tw-py-40px{
  padding-top: 40px;
  padding-bottom: 40px;
}

.tw-px-40px{
  padding-left: 40px;
  padding-right: 40px;
}

.tw-py-55px{
  padding-top: 55px;
  padding-bottom: 55px;
}

.tw-px-55px{
  padding-left: 55px;
  padding-right: 55px;
}

.tw-py-60px{
  padding-top: 60px;
  padding-bottom: 60px;
}

.tw-px-60px{
  padding-left: 60px;
  padding-right: 60px;
}

.tw-pt-0{
  padding-top: 0;
}

.tw-pr-0{
  padding-right: 0;
}

.tw-pb-0{
  padding-bottom: 0;
}

.tw-pl-0{
  padding-left: 0;
}

.tw-pt-1{
  padding-top: 0.25rem;
}

.tw-pr-1{
  padding-right: 0.25rem;
}

.tw-pb-1{
  padding-bottom: 0.25rem;
}

.tw-pl-1{
  padding-left: 0.25rem;
}

.tw-pt-2{
  padding-top: 0.5rem;
}

.tw-pr-2{
  padding-right: 0.5rem;
}

.tw-pb-2{
  padding-bottom: 0.5rem;
}

.tw-pl-2{
  padding-left: 0.5rem;
}

.tw-pt-3{
  padding-top: 0.75rem;
}

.tw-pr-3{
  padding-right: 0.75rem;
}

.tw-pb-3{
  padding-bottom: 0.75rem;
}

.tw-pl-3{
  padding-left: 0.75rem;
}

.tw-pt-4{
  padding-top: 1rem;
}

.tw-pr-4{
  padding-right: 1rem;
}

.tw-pb-4{
  padding-bottom: 1rem;
}

.tw-pl-4{
  padding-left: 1rem;
}

.tw-pt-5{
  padding-top: 1.25rem;
}

.tw-pr-5{
  padding-right: 1.25rem;
}

.tw-pb-5{
  padding-bottom: 1.25rem;
}

.tw-pl-5{
  padding-left: 1.25rem;
}

.tw-pt-6{
  padding-top: 1.5rem;
}

.tw-pr-6{
  padding-right: 1.5rem;
}

.tw-pb-6{
  padding-bottom: 1.5rem;
}

.tw-pl-6{
  padding-left: 1.5rem;
}

.tw-pt-8{
  padding-top: 2rem;
}

.tw-pr-8{
  padding-right: 2rem;
}

.tw-pb-8{
  padding-bottom: 2rem;
}

.tw-pl-8{
  padding-left: 2rem;
}

.tw-pt-10{
  padding-top: 2.5rem;
}

.tw-pr-10{
  padding-right: 2.5rem;
}

.tw-pb-10{
  padding-bottom: 2.5rem;
}

.tw-pl-10{
  padding-left: 2.5rem;
}

.tw-pt-12{
  padding-top: 3rem;
}

.tw-pr-12{
  padding-right: 3rem;
}

.tw-pb-12{
  padding-bottom: 3rem;
}

.tw-pl-12{
  padding-left: 3rem;
}

.tw-pt-16{
  padding-top: 4rem;
}

.tw-pr-16{
  padding-right: 4rem;
}

.tw-pb-16{
  padding-bottom: 4rem;
}

.tw-pl-16{
  padding-left: 4rem;
}

.tw-pt-20{
  padding-top: 5rem;
}

.tw-pr-20{
  padding-right: 5rem;
}

.tw-pb-20{
  padding-bottom: 5rem;
}

.tw-pl-20{
  padding-left: 5rem;
}

.tw-pt-24{
  padding-top: 6rem;
}

.tw-pr-24{
  padding-right: 6rem;
}

.tw-pb-24{
  padding-bottom: 6rem;
}

.tw-pl-24{
  padding-left: 6rem;
}

.tw-pt-32{
  padding-top: 8rem;
}

.tw-pr-32{
  padding-right: 8rem;
}

.tw-pb-32{
  padding-bottom: 8rem;
}

.tw-pl-32{
  padding-left: 8rem;
}

.tw-pt-40{
  padding-top: 10rem;
}

.tw-pr-40{
  padding-right: 10rem;
}

.tw-pb-40{
  padding-bottom: 10rem;
}

.tw-pl-40{
  padding-left: 10rem;
}

.tw-pt-48{
  padding-top: 12rem;
}

.tw-pr-48{
  padding-right: 12rem;
}

.tw-pb-48{
  padding-bottom: 12rem;
}

.tw-pl-48{
  padding-left: 12rem;
}

.tw-pt-56{
  padding-top: 14rem;
}

.tw-pr-56{
  padding-right: 14rem;
}

.tw-pb-56{
  padding-bottom: 14rem;
}

.tw-pl-56{
  padding-left: 14rem;
}

.tw-pt-64{
  padding-top: 16rem;
}

.tw-pr-64{
  padding-right: 16rem;
}

.tw-pb-64{
  padding-bottom: 16rem;
}

.tw-pl-64{
  padding-left: 16rem;
}

.tw-pt-px{
  padding-top: 1px;
}

.tw-pr-px{
  padding-right: 1px;
}

.tw-pb-px{
  padding-bottom: 1px;
}

.tw-pl-px{
  padding-left: 1px;
}

.tw-pt-3px{
  padding-top: 3px;
}

.tw-pr-3px{
  padding-right: 3px;
}

.tw-pb-3px{
  padding-bottom: 3px;
}

.tw-pl-3px{
  padding-left: 3px;
}

.tw-pt-5px{
  padding-top: 5px;
}

.tw-pr-5px{
  padding-right: 5px;
}

.tw-pb-5px{
  padding-bottom: 5px;
}

.tw-pl-5px{
  padding-left: 5px;
}

.tw-pt-10px{
  padding-top: 10px;
}

.tw-pr-10px{
  padding-right: 10px;
}

.tw-pb-10px{
  padding-bottom: 10px;
}

.tw-pl-10px{
  padding-left: 10px;
}

.tw-pt-15px{
  padding-top: 15px;
}

.tw-pr-15px{
  padding-right: 15px;
}

.tw-pb-15px{
  padding-bottom: 15px;
}

.tw-pl-15px{
  padding-left: 15px;
}

.tw-pt-20px{
  padding-top: 20px;
}

.tw-pr-20px{
  padding-right: 20px;
}

.tw-pb-20px{
  padding-bottom: 20px;
}

.tw-pl-20px{
  padding-left: 20px;
}

.tw-pt-25px{
  padding-top: 25px;
}

.tw-pr-25px{
  padding-right: 25px;
}

.tw-pb-25px{
  padding-bottom: 25px;
}

.tw-pl-25px{
  padding-left: 25px;
}

.tw-pt-30px{
  padding-top: 30px;
}

.tw-pr-30px{
  padding-right: 30px;
}

.tw-pb-30px{
  padding-bottom: 30px;
}

.tw-pl-30px{
  padding-left: 30px;
}

.tw-pt-40px{
  padding-top: 40px;
}

.tw-pr-40px{
  padding-right: 40px;
}

.tw-pb-40px{
  padding-bottom: 40px;
}

.tw-pl-40px{
  padding-left: 40px;
}

.tw-pt-55px{
  padding-top: 55px;
}

.tw-pr-55px{
  padding-right: 55px;
}

.tw-pb-55px{
  padding-bottom: 55px;
}

.tw-pl-55px{
  padding-left: 55px;
}

.tw-pt-60px{
  padding-top: 60px;
}

.tw-pr-60px{
  padding-right: 60px;
}

.tw-pb-60px{
  padding-bottom: 60px;
}

.tw-pl-60px{
  padding-left: 60px;
}

.tw-placeholder-transparent::-moz-placeholder{
  color: transparent;
}

.tw-placeholder-transparent:-ms-input-placeholder{
  color: transparent;
}

.tw-placeholder-transparent::placeholder{
  color: transparent;
}

.tw-placeholder-current::-moz-placeholder{
  color: currentColor;
}

.tw-placeholder-current:-ms-input-placeholder{
  color: currentColor;
}

.tw-placeholder-current::placeholder{
  color: currentColor;
}

.tw-placeholder-black::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--placeholder-opacity));
}

.tw-placeholder-black:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--placeholder-opacity));
}

.tw-placeholder-black::placeholder{
  --placeholder-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--placeholder-opacity));
}

.tw-placeholder-white::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.tw-placeholder-white:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.tw-placeholder-white::placeholder{
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.tw-placeholder-gray-100::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--placeholder-opacity));
}

.tw-placeholder-gray-100:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--placeholder-opacity));
}

.tw-placeholder-gray-100::placeholder{
  --placeholder-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--placeholder-opacity));
}

.tw-placeholder-gray-200::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--placeholder-opacity));
}

.tw-placeholder-gray-200:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--placeholder-opacity));
}

.tw-placeholder-gray-200::placeholder{
  --placeholder-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--placeholder-opacity));
}

.tw-placeholder-gray-300::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--placeholder-opacity));
}

.tw-placeholder-gray-300:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--placeholder-opacity));
}

.tw-placeholder-gray-300::placeholder{
  --placeholder-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--placeholder-opacity));
}

.tw-placeholder-gray-400::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--placeholder-opacity));
}

.tw-placeholder-gray-400:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--placeholder-opacity));
}

.tw-placeholder-gray-400::placeholder{
  --placeholder-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--placeholder-opacity));
}

.tw-placeholder-gray-500::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--placeholder-opacity));
}

.tw-placeholder-gray-500:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--placeholder-opacity));
}

.tw-placeholder-gray-500::placeholder{
  --placeholder-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--placeholder-opacity));
}

.tw-placeholder-gray-600::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--placeholder-opacity));
}

.tw-placeholder-gray-600:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--placeholder-opacity));
}

.tw-placeholder-gray-600::placeholder{
  --placeholder-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--placeholder-opacity));
}

.tw-placeholder-gray-700::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--placeholder-opacity));
}

.tw-placeholder-gray-700:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--placeholder-opacity));
}

.tw-placeholder-gray-700::placeholder{
  --placeholder-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--placeholder-opacity));
}

.tw-placeholder-gray-800::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--placeholder-opacity));
}

.tw-placeholder-gray-800:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--placeholder-opacity));
}

.tw-placeholder-gray-800::placeholder{
  --placeholder-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--placeholder-opacity));
}

.tw-placeholder-gray-900::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--placeholder-opacity));
}

.tw-placeholder-gray-900:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--placeholder-opacity));
}

.tw-placeholder-gray-900::placeholder{
  --placeholder-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--placeholder-opacity));
}

.tw-placeholder-red-100::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fff5f5;
  color: rgba(255, 245, 245, var(--placeholder-opacity));
}

.tw-placeholder-red-100:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fff5f5;
  color: rgba(255, 245, 245, var(--placeholder-opacity));
}

.tw-placeholder-red-100::placeholder{
  --placeholder-opacity: 1;
  color: #fff5f5;
  color: rgba(255, 245, 245, var(--placeholder-opacity));
}

.tw-placeholder-red-200::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fed7d7;
  color: rgba(254, 215, 215, var(--placeholder-opacity));
}

.tw-placeholder-red-200:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fed7d7;
  color: rgba(254, 215, 215, var(--placeholder-opacity));
}

.tw-placeholder-red-200::placeholder{
  --placeholder-opacity: 1;
  color: #fed7d7;
  color: rgba(254, 215, 215, var(--placeholder-opacity));
}

.tw-placeholder-red-300::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #feb2b2;
  color: rgba(254, 178, 178, var(--placeholder-opacity));
}

.tw-placeholder-red-300:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #feb2b2;
  color: rgba(254, 178, 178, var(--placeholder-opacity));
}

.tw-placeholder-red-300::placeholder{
  --placeholder-opacity: 1;
  color: #feb2b2;
  color: rgba(254, 178, 178, var(--placeholder-opacity));
}

.tw-placeholder-red-400::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fc8181;
  color: rgba(252, 129, 129, var(--placeholder-opacity));
}

.tw-placeholder-red-400:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fc8181;
  color: rgba(252, 129, 129, var(--placeholder-opacity));
}

.tw-placeholder-red-400::placeholder{
  --placeholder-opacity: 1;
  color: #fc8181;
  color: rgba(252, 129, 129, var(--placeholder-opacity));
}

.tw-placeholder-red-500::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, var(--placeholder-opacity));
}

.tw-placeholder-red-500:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, var(--placeholder-opacity));
}

.tw-placeholder-red-500::placeholder{
  --placeholder-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, var(--placeholder-opacity));
}

.tw-placeholder-red-600::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #e53e3e;
  color: rgba(229, 62, 62, var(--placeholder-opacity));
}

.tw-placeholder-red-600:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #e53e3e;
  color: rgba(229, 62, 62, var(--placeholder-opacity));
}

.tw-placeholder-red-600::placeholder{
  --placeholder-opacity: 1;
  color: #e53e3e;
  color: rgba(229, 62, 62, var(--placeholder-opacity));
}

.tw-placeholder-red-700::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #c53030;
  color: rgba(197, 48, 48, var(--placeholder-opacity));
}

.tw-placeholder-red-700:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #c53030;
  color: rgba(197, 48, 48, var(--placeholder-opacity));
}

.tw-placeholder-red-700::placeholder{
  --placeholder-opacity: 1;
  color: #c53030;
  color: rgba(197, 48, 48, var(--placeholder-opacity));
}

.tw-placeholder-red-800::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #9b2c2c;
  color: rgba(155, 44, 44, var(--placeholder-opacity));
}

.tw-placeholder-red-800:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #9b2c2c;
  color: rgba(155, 44, 44, var(--placeholder-opacity));
}

.tw-placeholder-red-800::placeholder{
  --placeholder-opacity: 1;
  color: #9b2c2c;
  color: rgba(155, 44, 44, var(--placeholder-opacity));
}

.tw-placeholder-red-900::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #742a2a;
  color: rgba(116, 42, 42, var(--placeholder-opacity));
}

.tw-placeholder-red-900:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #742a2a;
  color: rgba(116, 42, 42, var(--placeholder-opacity));
}

.tw-placeholder-red-900::placeholder{
  --placeholder-opacity: 1;
  color: #742a2a;
  color: rgba(116, 42, 42, var(--placeholder-opacity));
}

.tw-placeholder-orange-100::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fffaf0;
  color: rgba(255, 250, 240, var(--placeholder-opacity));
}

.tw-placeholder-orange-100:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fffaf0;
  color: rgba(255, 250, 240, var(--placeholder-opacity));
}

.tw-placeholder-orange-100::placeholder{
  --placeholder-opacity: 1;
  color: #fffaf0;
  color: rgba(255, 250, 240, var(--placeholder-opacity));
}

.tw-placeholder-orange-200::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #feebc8;
  color: rgba(254, 235, 200, var(--placeholder-opacity));
}

.tw-placeholder-orange-200:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #feebc8;
  color: rgba(254, 235, 200, var(--placeholder-opacity));
}

.tw-placeholder-orange-200::placeholder{
  --placeholder-opacity: 1;
  color: #feebc8;
  color: rgba(254, 235, 200, var(--placeholder-opacity));
}

.tw-placeholder-orange-300::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fbd38d;
  color: rgba(251, 211, 141, var(--placeholder-opacity));
}

.tw-placeholder-orange-300:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fbd38d;
  color: rgba(251, 211, 141, var(--placeholder-opacity));
}

.tw-placeholder-orange-300::placeholder{
  --placeholder-opacity: 1;
  color: #fbd38d;
  color: rgba(251, 211, 141, var(--placeholder-opacity));
}

.tw-placeholder-orange-400::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f6ad55;
  color: rgba(246, 173, 85, var(--placeholder-opacity));
}

.tw-placeholder-orange-400:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f6ad55;
  color: rgba(246, 173, 85, var(--placeholder-opacity));
}

.tw-placeholder-orange-400::placeholder{
  --placeholder-opacity: 1;
  color: #f6ad55;
  color: rgba(246, 173, 85, var(--placeholder-opacity));
}

.tw-placeholder-orange-500::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ed8936;
  color: rgba(237, 137, 54, var(--placeholder-opacity));
}

.tw-placeholder-orange-500:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ed8936;
  color: rgba(237, 137, 54, var(--placeholder-opacity));
}

.tw-placeholder-orange-500::placeholder{
  --placeholder-opacity: 1;
  color: #ed8936;
  color: rgba(237, 137, 54, var(--placeholder-opacity));
}

.tw-placeholder-orange-600::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #dd6b20;
  color: rgba(221, 107, 32, var(--placeholder-opacity));
}

.tw-placeholder-orange-600:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #dd6b20;
  color: rgba(221, 107, 32, var(--placeholder-opacity));
}

.tw-placeholder-orange-600::placeholder{
  --placeholder-opacity: 1;
  color: #dd6b20;
  color: rgba(221, 107, 32, var(--placeholder-opacity));
}

.tw-placeholder-orange-700::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #c05621;
  color: rgba(192, 86, 33, var(--placeholder-opacity));
}

.tw-placeholder-orange-700:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #c05621;
  color: rgba(192, 86, 33, var(--placeholder-opacity));
}

.tw-placeholder-orange-700::placeholder{
  --placeholder-opacity: 1;
  color: #c05621;
  color: rgba(192, 86, 33, var(--placeholder-opacity));
}

.tw-placeholder-orange-800::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #9c4221;
  color: rgba(156, 66, 33, var(--placeholder-opacity));
}

.tw-placeholder-orange-800:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #9c4221;
  color: rgba(156, 66, 33, var(--placeholder-opacity));
}

.tw-placeholder-orange-800::placeholder{
  --placeholder-opacity: 1;
  color: #9c4221;
  color: rgba(156, 66, 33, var(--placeholder-opacity));
}

.tw-placeholder-orange-900::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #7b341e;
  color: rgba(123, 52, 30, var(--placeholder-opacity));
}

.tw-placeholder-orange-900:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #7b341e;
  color: rgba(123, 52, 30, var(--placeholder-opacity));
}

.tw-placeholder-orange-900::placeholder{
  --placeholder-opacity: 1;
  color: #7b341e;
  color: rgba(123, 52, 30, var(--placeholder-opacity));
}

.tw-placeholder-yellow-100::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fffff0;
  color: rgba(255, 255, 240, var(--placeholder-opacity));
}

.tw-placeholder-yellow-100:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fffff0;
  color: rgba(255, 255, 240, var(--placeholder-opacity));
}

.tw-placeholder-yellow-100::placeholder{
  --placeholder-opacity: 1;
  color: #fffff0;
  color: rgba(255, 255, 240, var(--placeholder-opacity));
}

.tw-placeholder-yellow-200::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fefcbf;
  color: rgba(254, 252, 191, var(--placeholder-opacity));
}

.tw-placeholder-yellow-200:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fefcbf;
  color: rgba(254, 252, 191, var(--placeholder-opacity));
}

.tw-placeholder-yellow-200::placeholder{
  --placeholder-opacity: 1;
  color: #fefcbf;
  color: rgba(254, 252, 191, var(--placeholder-opacity));
}

.tw-placeholder-yellow-300::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #faf089;
  color: rgba(250, 240, 137, var(--placeholder-opacity));
}

.tw-placeholder-yellow-300:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #faf089;
  color: rgba(250, 240, 137, var(--placeholder-opacity));
}

.tw-placeholder-yellow-300::placeholder{
  --placeholder-opacity: 1;
  color: #faf089;
  color: rgba(250, 240, 137, var(--placeholder-opacity));
}

.tw-placeholder-yellow-400::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f6e05e;
  color: rgba(246, 224, 94, var(--placeholder-opacity));
}

.tw-placeholder-yellow-400:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f6e05e;
  color: rgba(246, 224, 94, var(--placeholder-opacity));
}

.tw-placeholder-yellow-400::placeholder{
  --placeholder-opacity: 1;
  color: #f6e05e;
  color: rgba(246, 224, 94, var(--placeholder-opacity));
}

.tw-placeholder-yellow-500::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ecc94b;
  color: rgba(236, 201, 75, var(--placeholder-opacity));
}

.tw-placeholder-yellow-500:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ecc94b;
  color: rgba(236, 201, 75, var(--placeholder-opacity));
}

.tw-placeholder-yellow-500::placeholder{
  --placeholder-opacity: 1;
  color: #ecc94b;
  color: rgba(236, 201, 75, var(--placeholder-opacity));
}

.tw-placeholder-yellow-600::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #d69e2e;
  color: rgba(214, 158, 46, var(--placeholder-opacity));
}

.tw-placeholder-yellow-600:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #d69e2e;
  color: rgba(214, 158, 46, var(--placeholder-opacity));
}

.tw-placeholder-yellow-600::placeholder{
  --placeholder-opacity: 1;
  color: #d69e2e;
  color: rgba(214, 158, 46, var(--placeholder-opacity));
}

.tw-placeholder-yellow-700::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #b7791f;
  color: rgba(183, 121, 31, var(--placeholder-opacity));
}

.tw-placeholder-yellow-700:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #b7791f;
  color: rgba(183, 121, 31, var(--placeholder-opacity));
}

.tw-placeholder-yellow-700::placeholder{
  --placeholder-opacity: 1;
  color: #b7791f;
  color: rgba(183, 121, 31, var(--placeholder-opacity));
}

.tw-placeholder-yellow-800::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #975a16;
  color: rgba(151, 90, 22, var(--placeholder-opacity));
}

.tw-placeholder-yellow-800:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #975a16;
  color: rgba(151, 90, 22, var(--placeholder-opacity));
}

.tw-placeholder-yellow-800::placeholder{
  --placeholder-opacity: 1;
  color: #975a16;
  color: rgba(151, 90, 22, var(--placeholder-opacity));
}

.tw-placeholder-yellow-900::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #744210;
  color: rgba(116, 66, 16, var(--placeholder-opacity));
}

.tw-placeholder-yellow-900:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #744210;
  color: rgba(116, 66, 16, var(--placeholder-opacity));
}

.tw-placeholder-yellow-900::placeholder{
  --placeholder-opacity: 1;
  color: #744210;
  color: rgba(116, 66, 16, var(--placeholder-opacity));
}

.tw-placeholder-green-100::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f0fff4;
  color: rgba(240, 255, 244, var(--placeholder-opacity));
}

.tw-placeholder-green-100:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f0fff4;
  color: rgba(240, 255, 244, var(--placeholder-opacity));
}

.tw-placeholder-green-100::placeholder{
  --placeholder-opacity: 1;
  color: #f0fff4;
  color: rgba(240, 255, 244, var(--placeholder-opacity));
}

.tw-placeholder-green-200::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #c6f6d5;
  color: rgba(198, 246, 213, var(--placeholder-opacity));
}

.tw-placeholder-green-200:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #c6f6d5;
  color: rgba(198, 246, 213, var(--placeholder-opacity));
}

.tw-placeholder-green-200::placeholder{
  --placeholder-opacity: 1;
  color: #c6f6d5;
  color: rgba(198, 246, 213, var(--placeholder-opacity));
}

.tw-placeholder-green-300::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #9ae6b4;
  color: rgba(154, 230, 180, var(--placeholder-opacity));
}

.tw-placeholder-green-300:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #9ae6b4;
  color: rgba(154, 230, 180, var(--placeholder-opacity));
}

.tw-placeholder-green-300::placeholder{
  --placeholder-opacity: 1;
  color: #9ae6b4;
  color: rgba(154, 230, 180, var(--placeholder-opacity));
}

.tw-placeholder-green-400::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #68d391;
  color: rgba(104, 211, 145, var(--placeholder-opacity));
}

.tw-placeholder-green-400:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #68d391;
  color: rgba(104, 211, 145, var(--placeholder-opacity));
}

.tw-placeholder-green-400::placeholder{
  --placeholder-opacity: 1;
  color: #68d391;
  color: rgba(104, 211, 145, var(--placeholder-opacity));
}

.tw-placeholder-green-500::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #48bb78;
  color: rgba(72, 187, 120, var(--placeholder-opacity));
}

.tw-placeholder-green-500:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #48bb78;
  color: rgba(72, 187, 120, var(--placeholder-opacity));
}

.tw-placeholder-green-500::placeholder{
  --placeholder-opacity: 1;
  color: #48bb78;
  color: rgba(72, 187, 120, var(--placeholder-opacity));
}

.tw-placeholder-green-600::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #38a169;
  color: rgba(56, 161, 105, var(--placeholder-opacity));
}

.tw-placeholder-green-600:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #38a169;
  color: rgba(56, 161, 105, var(--placeholder-opacity));
}

.tw-placeholder-green-600::placeholder{
  --placeholder-opacity: 1;
  color: #38a169;
  color: rgba(56, 161, 105, var(--placeholder-opacity));
}

.tw-placeholder-green-700::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2f855a;
  color: rgba(47, 133, 90, var(--placeholder-opacity));
}

.tw-placeholder-green-700:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #2f855a;
  color: rgba(47, 133, 90, var(--placeholder-opacity));
}

.tw-placeholder-green-700::placeholder{
  --placeholder-opacity: 1;
  color: #2f855a;
  color: rgba(47, 133, 90, var(--placeholder-opacity));
}

.tw-placeholder-green-800::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #276749;
  color: rgba(39, 103, 73, var(--placeholder-opacity));
}

.tw-placeholder-green-800:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #276749;
  color: rgba(39, 103, 73, var(--placeholder-opacity));
}

.tw-placeholder-green-800::placeholder{
  --placeholder-opacity: 1;
  color: #276749;
  color: rgba(39, 103, 73, var(--placeholder-opacity));
}

.tw-placeholder-green-900::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #22543d;
  color: rgba(34, 84, 61, var(--placeholder-opacity));
}

.tw-placeholder-green-900:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #22543d;
  color: rgba(34, 84, 61, var(--placeholder-opacity));
}

.tw-placeholder-green-900::placeholder{
  --placeholder-opacity: 1;
  color: #22543d;
  color: rgba(34, 84, 61, var(--placeholder-opacity));
}

.tw-placeholder-teal-100::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #e6fffa;
  color: rgba(230, 255, 250, var(--placeholder-opacity));
}

.tw-placeholder-teal-100:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #e6fffa;
  color: rgba(230, 255, 250, var(--placeholder-opacity));
}

.tw-placeholder-teal-100::placeholder{
  --placeholder-opacity: 1;
  color: #e6fffa;
  color: rgba(230, 255, 250, var(--placeholder-opacity));
}

.tw-placeholder-teal-200::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #b2f5ea;
  color: rgba(178, 245, 234, var(--placeholder-opacity));
}

.tw-placeholder-teal-200:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #b2f5ea;
  color: rgba(178, 245, 234, var(--placeholder-opacity));
}

.tw-placeholder-teal-200::placeholder{
  --placeholder-opacity: 1;
  color: #b2f5ea;
  color: rgba(178, 245, 234, var(--placeholder-opacity));
}

.tw-placeholder-teal-300::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #81e6d9;
  color: rgba(129, 230, 217, var(--placeholder-opacity));
}

.tw-placeholder-teal-300:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #81e6d9;
  color: rgba(129, 230, 217, var(--placeholder-opacity));
}

.tw-placeholder-teal-300::placeholder{
  --placeholder-opacity: 1;
  color: #81e6d9;
  color: rgba(129, 230, 217, var(--placeholder-opacity));
}

.tw-placeholder-teal-400::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #4fd1c5;
  color: rgba(79, 209, 197, var(--placeholder-opacity));
}

.tw-placeholder-teal-400:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #4fd1c5;
  color: rgba(79, 209, 197, var(--placeholder-opacity));
}

.tw-placeholder-teal-400::placeholder{
  --placeholder-opacity: 1;
  color: #4fd1c5;
  color: rgba(79, 209, 197, var(--placeholder-opacity));
}

.tw-placeholder-teal-500::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #38b2ac;
  color: rgba(56, 178, 172, var(--placeholder-opacity));
}

.tw-placeholder-teal-500:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #38b2ac;
  color: rgba(56, 178, 172, var(--placeholder-opacity));
}

.tw-placeholder-teal-500::placeholder{
  --placeholder-opacity: 1;
  color: #38b2ac;
  color: rgba(56, 178, 172, var(--placeholder-opacity));
}

.tw-placeholder-teal-600::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #319795;
  color: rgba(49, 151, 149, var(--placeholder-opacity));
}

.tw-placeholder-teal-600:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #319795;
  color: rgba(49, 151, 149, var(--placeholder-opacity));
}

.tw-placeholder-teal-600::placeholder{
  --placeholder-opacity: 1;
  color: #319795;
  color: rgba(49, 151, 149, var(--placeholder-opacity));
}

.tw-placeholder-teal-700::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2c7a7b;
  color: rgba(44, 122, 123, var(--placeholder-opacity));
}

.tw-placeholder-teal-700:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #2c7a7b;
  color: rgba(44, 122, 123, var(--placeholder-opacity));
}

.tw-placeholder-teal-700::placeholder{
  --placeholder-opacity: 1;
  color: #2c7a7b;
  color: rgba(44, 122, 123, var(--placeholder-opacity));
}

.tw-placeholder-teal-800::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #285e61;
  color: rgba(40, 94, 97, var(--placeholder-opacity));
}

.tw-placeholder-teal-800:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #285e61;
  color: rgba(40, 94, 97, var(--placeholder-opacity));
}

.tw-placeholder-teal-800::placeholder{
  --placeholder-opacity: 1;
  color: #285e61;
  color: rgba(40, 94, 97, var(--placeholder-opacity));
}

.tw-placeholder-teal-900::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #234e52;
  color: rgba(35, 78, 82, var(--placeholder-opacity));
}

.tw-placeholder-teal-900:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #234e52;
  color: rgba(35, 78, 82, var(--placeholder-opacity));
}

.tw-placeholder-teal-900::placeholder{
  --placeholder-opacity: 1;
  color: #234e52;
  color: rgba(35, 78, 82, var(--placeholder-opacity));
}

.tw-placeholder-blue-100::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ebf8ff;
  color: rgba(235, 248, 255, var(--placeholder-opacity));
}

.tw-placeholder-blue-100:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ebf8ff;
  color: rgba(235, 248, 255, var(--placeholder-opacity));
}

.tw-placeholder-blue-100::placeholder{
  --placeholder-opacity: 1;
  color: #ebf8ff;
  color: rgba(235, 248, 255, var(--placeholder-opacity));
}

.tw-placeholder-blue-200::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #bee3f8;
  color: rgba(190, 227, 248, var(--placeholder-opacity));
}

.tw-placeholder-blue-200:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #bee3f8;
  color: rgba(190, 227, 248, var(--placeholder-opacity));
}

.tw-placeholder-blue-200::placeholder{
  --placeholder-opacity: 1;
  color: #bee3f8;
  color: rgba(190, 227, 248, var(--placeholder-opacity));
}

.tw-placeholder-blue-300::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #90cdf4;
  color: rgba(144, 205, 244, var(--placeholder-opacity));
}

.tw-placeholder-blue-300:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #90cdf4;
  color: rgba(144, 205, 244, var(--placeholder-opacity));
}

.tw-placeholder-blue-300::placeholder{
  --placeholder-opacity: 1;
  color: #90cdf4;
  color: rgba(144, 205, 244, var(--placeholder-opacity));
}

.tw-placeholder-blue-400::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #63b3ed;
  color: rgba(99, 179, 237, var(--placeholder-opacity));
}

.tw-placeholder-blue-400:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #63b3ed;
  color: rgba(99, 179, 237, var(--placeholder-opacity));
}

.tw-placeholder-blue-400::placeholder{
  --placeholder-opacity: 1;
  color: #63b3ed;
  color: rgba(99, 179, 237, var(--placeholder-opacity));
}

.tw-placeholder-blue-500::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #4299e1;
  color: rgba(66, 153, 225, var(--placeholder-opacity));
}

.tw-placeholder-blue-500:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #4299e1;
  color: rgba(66, 153, 225, var(--placeholder-opacity));
}

.tw-placeholder-blue-500::placeholder{
  --placeholder-opacity: 1;
  color: #4299e1;
  color: rgba(66, 153, 225, var(--placeholder-opacity));
}

.tw-placeholder-blue-600::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--placeholder-opacity));
}

.tw-placeholder-blue-600:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--placeholder-opacity));
}

.tw-placeholder-blue-600::placeholder{
  --placeholder-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--placeholder-opacity));
}

.tw-placeholder-blue-700::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2b6cb0;
  color: rgba(43, 108, 176, var(--placeholder-opacity));
}

.tw-placeholder-blue-700:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #2b6cb0;
  color: rgba(43, 108, 176, var(--placeholder-opacity));
}

.tw-placeholder-blue-700::placeholder{
  --placeholder-opacity: 1;
  color: #2b6cb0;
  color: rgba(43, 108, 176, var(--placeholder-opacity));
}

.tw-placeholder-blue-800::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2c5282;
  color: rgba(44, 82, 130, var(--placeholder-opacity));
}

.tw-placeholder-blue-800:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #2c5282;
  color: rgba(44, 82, 130, var(--placeholder-opacity));
}

.tw-placeholder-blue-800::placeholder{
  --placeholder-opacity: 1;
  color: #2c5282;
  color: rgba(44, 82, 130, var(--placeholder-opacity));
}

.tw-placeholder-blue-900::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2a4365;
  color: rgba(42, 67, 101, var(--placeholder-opacity));
}

.tw-placeholder-blue-900:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #2a4365;
  color: rgba(42, 67, 101, var(--placeholder-opacity));
}

.tw-placeholder-blue-900::placeholder{
  --placeholder-opacity: 1;
  color: #2a4365;
  color: rgba(42, 67, 101, var(--placeholder-opacity));
}

.tw-placeholder-indigo-100::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ebf4ff;
  color: rgba(235, 244, 255, var(--placeholder-opacity));
}

.tw-placeholder-indigo-100:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ebf4ff;
  color: rgba(235, 244, 255, var(--placeholder-opacity));
}

.tw-placeholder-indigo-100::placeholder{
  --placeholder-opacity: 1;
  color: #ebf4ff;
  color: rgba(235, 244, 255, var(--placeholder-opacity));
}

.tw-placeholder-indigo-200::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #c3dafe;
  color: rgba(195, 218, 254, var(--placeholder-opacity));
}

.tw-placeholder-indigo-200:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #c3dafe;
  color: rgba(195, 218, 254, var(--placeholder-opacity));
}

.tw-placeholder-indigo-200::placeholder{
  --placeholder-opacity: 1;
  color: #c3dafe;
  color: rgba(195, 218, 254, var(--placeholder-opacity));
}

.tw-placeholder-indigo-300::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #a3bffa;
  color: rgba(163, 191, 250, var(--placeholder-opacity));
}

.tw-placeholder-indigo-300:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #a3bffa;
  color: rgba(163, 191, 250, var(--placeholder-opacity));
}

.tw-placeholder-indigo-300::placeholder{
  --placeholder-opacity: 1;
  color: #a3bffa;
  color: rgba(163, 191, 250, var(--placeholder-opacity));
}

.tw-placeholder-indigo-400::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #7f9cf5;
  color: rgba(127, 156, 245, var(--placeholder-opacity));
}

.tw-placeholder-indigo-400:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #7f9cf5;
  color: rgba(127, 156, 245, var(--placeholder-opacity));
}

.tw-placeholder-indigo-400::placeholder{
  --placeholder-opacity: 1;
  color: #7f9cf5;
  color: rgba(127, 156, 245, var(--placeholder-opacity));
}

.tw-placeholder-indigo-500::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #667eea;
  color: rgba(102, 126, 234, var(--placeholder-opacity));
}

.tw-placeholder-indigo-500:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #667eea;
  color: rgba(102, 126, 234, var(--placeholder-opacity));
}

.tw-placeholder-indigo-500::placeholder{
  --placeholder-opacity: 1;
  color: #667eea;
  color: rgba(102, 126, 234, var(--placeholder-opacity));
}

.tw-placeholder-indigo-600::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #5a67d8;
  color: rgba(90, 103, 216, var(--placeholder-opacity));
}

.tw-placeholder-indigo-600:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #5a67d8;
  color: rgba(90, 103, 216, var(--placeholder-opacity));
}

.tw-placeholder-indigo-600::placeholder{
  --placeholder-opacity: 1;
  color: #5a67d8;
  color: rgba(90, 103, 216, var(--placeholder-opacity));
}

.tw-placeholder-indigo-700::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #4c51bf;
  color: rgba(76, 81, 191, var(--placeholder-opacity));
}

.tw-placeholder-indigo-700:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #4c51bf;
  color: rgba(76, 81, 191, var(--placeholder-opacity));
}

.tw-placeholder-indigo-700::placeholder{
  --placeholder-opacity: 1;
  color: #4c51bf;
  color: rgba(76, 81, 191, var(--placeholder-opacity));
}

.tw-placeholder-indigo-800::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #434190;
  color: rgba(67, 65, 144, var(--placeholder-opacity));
}

.tw-placeholder-indigo-800:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #434190;
  color: rgba(67, 65, 144, var(--placeholder-opacity));
}

.tw-placeholder-indigo-800::placeholder{
  --placeholder-opacity: 1;
  color: #434190;
  color: rgba(67, 65, 144, var(--placeholder-opacity));
}

.tw-placeholder-indigo-900::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #3c366b;
  color: rgba(60, 54, 107, var(--placeholder-opacity));
}

.tw-placeholder-indigo-900:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #3c366b;
  color: rgba(60, 54, 107, var(--placeholder-opacity));
}

.tw-placeholder-indigo-900::placeholder{
  --placeholder-opacity: 1;
  color: #3c366b;
  color: rgba(60, 54, 107, var(--placeholder-opacity));
}

.tw-placeholder-purple-100::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #faf5ff;
  color: rgba(250, 245, 255, var(--placeholder-opacity));
}

.tw-placeholder-purple-100:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #faf5ff;
  color: rgba(250, 245, 255, var(--placeholder-opacity));
}

.tw-placeholder-purple-100::placeholder{
  --placeholder-opacity: 1;
  color: #faf5ff;
  color: rgba(250, 245, 255, var(--placeholder-opacity));
}

.tw-placeholder-purple-200::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #e9d8fd;
  color: rgba(233, 216, 253, var(--placeholder-opacity));
}

.tw-placeholder-purple-200:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #e9d8fd;
  color: rgba(233, 216, 253, var(--placeholder-opacity));
}

.tw-placeholder-purple-200::placeholder{
  --placeholder-opacity: 1;
  color: #e9d8fd;
  color: rgba(233, 216, 253, var(--placeholder-opacity));
}

.tw-placeholder-purple-300::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #d6bcfa;
  color: rgba(214, 188, 250, var(--placeholder-opacity));
}

.tw-placeholder-purple-300:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #d6bcfa;
  color: rgba(214, 188, 250, var(--placeholder-opacity));
}

.tw-placeholder-purple-300::placeholder{
  --placeholder-opacity: 1;
  color: #d6bcfa;
  color: rgba(214, 188, 250, var(--placeholder-opacity));
}

.tw-placeholder-purple-400::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #b794f4;
  color: rgba(183, 148, 244, var(--placeholder-opacity));
}

.tw-placeholder-purple-400:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #b794f4;
  color: rgba(183, 148, 244, var(--placeholder-opacity));
}

.tw-placeholder-purple-400::placeholder{
  --placeholder-opacity: 1;
  color: #b794f4;
  color: rgba(183, 148, 244, var(--placeholder-opacity));
}

.tw-placeholder-purple-500::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #9f7aea;
  color: rgba(159, 122, 234, var(--placeholder-opacity));
}

.tw-placeholder-purple-500:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #9f7aea;
  color: rgba(159, 122, 234, var(--placeholder-opacity));
}

.tw-placeholder-purple-500::placeholder{
  --placeholder-opacity: 1;
  color: #9f7aea;
  color: rgba(159, 122, 234, var(--placeholder-opacity));
}

.tw-placeholder-purple-600::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #805ad5;
  color: rgba(128, 90, 213, var(--placeholder-opacity));
}

.tw-placeholder-purple-600:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #805ad5;
  color: rgba(128, 90, 213, var(--placeholder-opacity));
}

.tw-placeholder-purple-600::placeholder{
  --placeholder-opacity: 1;
  color: #805ad5;
  color: rgba(128, 90, 213, var(--placeholder-opacity));
}

.tw-placeholder-purple-700::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #6b46c1;
  color: rgba(107, 70, 193, var(--placeholder-opacity));
}

.tw-placeholder-purple-700:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #6b46c1;
  color: rgba(107, 70, 193, var(--placeholder-opacity));
}

.tw-placeholder-purple-700::placeholder{
  --placeholder-opacity: 1;
  color: #6b46c1;
  color: rgba(107, 70, 193, var(--placeholder-opacity));
}

.tw-placeholder-purple-800::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #553c9a;
  color: rgba(85, 60, 154, var(--placeholder-opacity));
}

.tw-placeholder-purple-800:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #553c9a;
  color: rgba(85, 60, 154, var(--placeholder-opacity));
}

.tw-placeholder-purple-800::placeholder{
  --placeholder-opacity: 1;
  color: #553c9a;
  color: rgba(85, 60, 154, var(--placeholder-opacity));
}

.tw-placeholder-purple-900::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #44337a;
  color: rgba(68, 51, 122, var(--placeholder-opacity));
}

.tw-placeholder-purple-900:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #44337a;
  color: rgba(68, 51, 122, var(--placeholder-opacity));
}

.tw-placeholder-purple-900::placeholder{
  --placeholder-opacity: 1;
  color: #44337a;
  color: rgba(68, 51, 122, var(--placeholder-opacity));
}

.tw-placeholder-pink-100::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fff5f7;
  color: rgba(255, 245, 247, var(--placeholder-opacity));
}

.tw-placeholder-pink-100:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fff5f7;
  color: rgba(255, 245, 247, var(--placeholder-opacity));
}

.tw-placeholder-pink-100::placeholder{
  --placeholder-opacity: 1;
  color: #fff5f7;
  color: rgba(255, 245, 247, var(--placeholder-opacity));
}

.tw-placeholder-pink-200::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fed7e2;
  color: rgba(254, 215, 226, var(--placeholder-opacity));
}

.tw-placeholder-pink-200:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fed7e2;
  color: rgba(254, 215, 226, var(--placeholder-opacity));
}

.tw-placeholder-pink-200::placeholder{
  --placeholder-opacity: 1;
  color: #fed7e2;
  color: rgba(254, 215, 226, var(--placeholder-opacity));
}

.tw-placeholder-pink-300::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fbb6ce;
  color: rgba(251, 182, 206, var(--placeholder-opacity));
}

.tw-placeholder-pink-300:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fbb6ce;
  color: rgba(251, 182, 206, var(--placeholder-opacity));
}

.tw-placeholder-pink-300::placeholder{
  --placeholder-opacity: 1;
  color: #fbb6ce;
  color: rgba(251, 182, 206, var(--placeholder-opacity));
}

.tw-placeholder-pink-400::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f687b3;
  color: rgba(246, 135, 179, var(--placeholder-opacity));
}

.tw-placeholder-pink-400:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f687b3;
  color: rgba(246, 135, 179, var(--placeholder-opacity));
}

.tw-placeholder-pink-400::placeholder{
  --placeholder-opacity: 1;
  color: #f687b3;
  color: rgba(246, 135, 179, var(--placeholder-opacity));
}

.tw-placeholder-pink-500::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ed64a6;
  color: rgba(237, 100, 166, var(--placeholder-opacity));
}

.tw-placeholder-pink-500:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ed64a6;
  color: rgba(237, 100, 166, var(--placeholder-opacity));
}

.tw-placeholder-pink-500::placeholder{
  --placeholder-opacity: 1;
  color: #ed64a6;
  color: rgba(237, 100, 166, var(--placeholder-opacity));
}

.tw-placeholder-pink-600::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #d53f8c;
  color: rgba(213, 63, 140, var(--placeholder-opacity));
}

.tw-placeholder-pink-600:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #d53f8c;
  color: rgba(213, 63, 140, var(--placeholder-opacity));
}

.tw-placeholder-pink-600::placeholder{
  --placeholder-opacity: 1;
  color: #d53f8c;
  color: rgba(213, 63, 140, var(--placeholder-opacity));
}

.tw-placeholder-pink-700::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #b83280;
  color: rgba(184, 50, 128, var(--placeholder-opacity));
}

.tw-placeholder-pink-700:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #b83280;
  color: rgba(184, 50, 128, var(--placeholder-opacity));
}

.tw-placeholder-pink-700::placeholder{
  --placeholder-opacity: 1;
  color: #b83280;
  color: rgba(184, 50, 128, var(--placeholder-opacity));
}

.tw-placeholder-pink-800::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #97266d;
  color: rgba(151, 38, 109, var(--placeholder-opacity));
}

.tw-placeholder-pink-800:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #97266d;
  color: rgba(151, 38, 109, var(--placeholder-opacity));
}

.tw-placeholder-pink-800::placeholder{
  --placeholder-opacity: 1;
  color: #97266d;
  color: rgba(151, 38, 109, var(--placeholder-opacity));
}

.tw-placeholder-pink-900::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #702459;
  color: rgba(112, 36, 89, var(--placeholder-opacity));
}

.tw-placeholder-pink-900:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #702459;
  color: rgba(112, 36, 89, var(--placeholder-opacity));
}

.tw-placeholder-pink-900::placeholder{
  --placeholder-opacity: 1;
  color: #702459;
  color: rgba(112, 36, 89, var(--placeholder-opacity));
}

.tw-placeholder-primary-blue::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #1976d2;
  color: rgba(25, 118, 210, var(--placeholder-opacity));
}

.tw-placeholder-primary-blue:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #1976d2;
  color: rgba(25, 118, 210, var(--placeholder-opacity));
}

.tw-placeholder-primary-blue::placeholder{
  --placeholder-opacity: 1;
  color: #1976d2;
  color: rgba(25, 118, 210, var(--placeholder-opacity));
}

.tw-placeholder-primary-blue-dark::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #0c3b69;
  color: rgba(12, 59, 105, var(--placeholder-opacity));
}

.tw-placeholder-primary-blue-dark:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #0c3b69;
  color: rgba(12, 59, 105, var(--placeholder-opacity));
}

.tw-placeholder-primary-blue-dark::placeholder{
  --placeholder-opacity: 1;
  color: #0c3b69;
  color: rgba(12, 59, 105, var(--placeholder-opacity));
}

.tw-placeholder-primary-white::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.tw-placeholder-primary-white:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.tw-placeholder-primary-white::placeholder{
  --placeholder-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.tw-placeholder-font-0::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #4f4f4f;
  color: rgba(79, 79, 79, var(--placeholder-opacity));
}

.tw-placeholder-font-0:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #4f4f4f;
  color: rgba(79, 79, 79, var(--placeholder-opacity));
}

.tw-placeholder-font-0::placeholder{
  --placeholder-opacity: 1;
  color: #4f4f4f;
  color: rgba(79, 79, 79, var(--placeholder-opacity));
}

.tw-placeholder-font-1::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fcfcfc;
  color: rgba(252, 252, 252, var(--placeholder-opacity));
}

.tw-placeholder-font-1:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fcfcfc;
  color: rgba(252, 252, 252, var(--placeholder-opacity));
}

.tw-placeholder-font-1::placeholder{
  --placeholder-opacity: 1;
  color: #fcfcfc;
  color: rgba(252, 252, 252, var(--placeholder-opacity));
}

.tw-placeholder-font-5::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--placeholder-opacity));
}

.tw-placeholder-font-5:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--placeholder-opacity));
}

.tw-placeholder-font-5::placeholder{
  --placeholder-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--placeholder-opacity));
}

.tw-placeholder-font-10::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ededed;
  color: rgba(237, 237, 237, var(--placeholder-opacity));
}

.tw-placeholder-font-10:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ededed;
  color: rgba(237, 237, 237, var(--placeholder-opacity));
}

.tw-placeholder-font-10::placeholder{
  --placeholder-opacity: 1;
  color: #ededed;
  color: rgba(237, 237, 237, var(--placeholder-opacity));
}

.tw-placeholder-font-50::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--placeholder-opacity));
}

.tw-placeholder-font-50:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--placeholder-opacity));
}

.tw-placeholder-font-50::placeholder{
  --placeholder-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--placeholder-opacity));
}

.tw-placeholder-font-70::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #838383;
  color: rgba(131, 131, 131, var(--placeholder-opacity));
}

.tw-placeholder-font-70:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #838383;
  color: rgba(131, 131, 131, var(--placeholder-opacity));
}

.tw-placeholder-font-70::placeholder{
  --placeholder-opacity: 1;
  color: #838383;
  color: rgba(131, 131, 131, var(--placeholder-opacity));
}

.focus\:tw-placeholder-transparent:focus::-moz-placeholder{
  color: transparent;
}

.focus\:tw-placeholder-transparent:focus:-ms-input-placeholder{
  color: transparent;
}

.focus\:tw-placeholder-transparent:focus::placeholder{
  color: transparent;
}

.focus\:tw-placeholder-current:focus::-moz-placeholder{
  color: currentColor;
}

.focus\:tw-placeholder-current:focus:-ms-input-placeholder{
  color: currentColor;
}

.focus\:tw-placeholder-current:focus::placeholder{
  color: currentColor;
}

.focus\:tw-placeholder-black:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--placeholder-opacity));
}

.focus\:tw-placeholder-black:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--placeholder-opacity));
}

.focus\:tw-placeholder-black:focus::placeholder{
  --placeholder-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--placeholder-opacity));
}

.focus\:tw-placeholder-white:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-white:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-white:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-100:focus::placeholder{
  --placeholder-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-200:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-200:focus::placeholder{
  --placeholder-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-300:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-300:focus::placeholder{
  --placeholder-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-400:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-400:focus::placeholder{
  --placeholder-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-500:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-500:focus::placeholder{
  --placeholder-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-600:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-600:focus::placeholder{
  --placeholder-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-700:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-700:focus::placeholder{
  --placeholder-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-800:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-800:focus::placeholder{
  --placeholder-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-900:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--placeholder-opacity));
}

.focus\:tw-placeholder-gray-900:focus::placeholder{
  --placeholder-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fff5f5;
  color: rgba(255, 245, 245, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fff5f5;
  color: rgba(255, 245, 245, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-100:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fff5f5;
  color: rgba(255, 245, 245, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-200:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fed7d7;
  color: rgba(254, 215, 215, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fed7d7;
  color: rgba(254, 215, 215, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-200:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fed7d7;
  color: rgba(254, 215, 215, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-300:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #feb2b2;
  color: rgba(254, 178, 178, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #feb2b2;
  color: rgba(254, 178, 178, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-300:focus::placeholder{
  --placeholder-opacity: 1;
  color: #feb2b2;
  color: rgba(254, 178, 178, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-400:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fc8181;
  color: rgba(252, 129, 129, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fc8181;
  color: rgba(252, 129, 129, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-400:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fc8181;
  color: rgba(252, 129, 129, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-500:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-500:focus::placeholder{
  --placeholder-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-600:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #e53e3e;
  color: rgba(229, 62, 62, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #e53e3e;
  color: rgba(229, 62, 62, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-600:focus::placeholder{
  --placeholder-opacity: 1;
  color: #e53e3e;
  color: rgba(229, 62, 62, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-700:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #c53030;
  color: rgba(197, 48, 48, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #c53030;
  color: rgba(197, 48, 48, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-700:focus::placeholder{
  --placeholder-opacity: 1;
  color: #c53030;
  color: rgba(197, 48, 48, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-800:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #9b2c2c;
  color: rgba(155, 44, 44, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #9b2c2c;
  color: rgba(155, 44, 44, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-800:focus::placeholder{
  --placeholder-opacity: 1;
  color: #9b2c2c;
  color: rgba(155, 44, 44, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-900:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #742a2a;
  color: rgba(116, 42, 42, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #742a2a;
  color: rgba(116, 42, 42, var(--placeholder-opacity));
}

.focus\:tw-placeholder-red-900:focus::placeholder{
  --placeholder-opacity: 1;
  color: #742a2a;
  color: rgba(116, 42, 42, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fffaf0;
  color: rgba(255, 250, 240, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fffaf0;
  color: rgba(255, 250, 240, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-100:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fffaf0;
  color: rgba(255, 250, 240, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-200:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #feebc8;
  color: rgba(254, 235, 200, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #feebc8;
  color: rgba(254, 235, 200, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-200:focus::placeholder{
  --placeholder-opacity: 1;
  color: #feebc8;
  color: rgba(254, 235, 200, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-300:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fbd38d;
  color: rgba(251, 211, 141, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fbd38d;
  color: rgba(251, 211, 141, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-300:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fbd38d;
  color: rgba(251, 211, 141, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-400:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f6ad55;
  color: rgba(246, 173, 85, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f6ad55;
  color: rgba(246, 173, 85, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-400:focus::placeholder{
  --placeholder-opacity: 1;
  color: #f6ad55;
  color: rgba(246, 173, 85, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-500:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ed8936;
  color: rgba(237, 137, 54, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ed8936;
  color: rgba(237, 137, 54, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-500:focus::placeholder{
  --placeholder-opacity: 1;
  color: #ed8936;
  color: rgba(237, 137, 54, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-600:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #dd6b20;
  color: rgba(221, 107, 32, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #dd6b20;
  color: rgba(221, 107, 32, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-600:focus::placeholder{
  --placeholder-opacity: 1;
  color: #dd6b20;
  color: rgba(221, 107, 32, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-700:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #c05621;
  color: rgba(192, 86, 33, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #c05621;
  color: rgba(192, 86, 33, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-700:focus::placeholder{
  --placeholder-opacity: 1;
  color: #c05621;
  color: rgba(192, 86, 33, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-800:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #9c4221;
  color: rgba(156, 66, 33, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #9c4221;
  color: rgba(156, 66, 33, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-800:focus::placeholder{
  --placeholder-opacity: 1;
  color: #9c4221;
  color: rgba(156, 66, 33, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-900:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #7b341e;
  color: rgba(123, 52, 30, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #7b341e;
  color: rgba(123, 52, 30, var(--placeholder-opacity));
}

.focus\:tw-placeholder-orange-900:focus::placeholder{
  --placeholder-opacity: 1;
  color: #7b341e;
  color: rgba(123, 52, 30, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fffff0;
  color: rgba(255, 255, 240, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fffff0;
  color: rgba(255, 255, 240, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-100:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fffff0;
  color: rgba(255, 255, 240, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-200:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fefcbf;
  color: rgba(254, 252, 191, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fefcbf;
  color: rgba(254, 252, 191, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-200:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fefcbf;
  color: rgba(254, 252, 191, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-300:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #faf089;
  color: rgba(250, 240, 137, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #faf089;
  color: rgba(250, 240, 137, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-300:focus::placeholder{
  --placeholder-opacity: 1;
  color: #faf089;
  color: rgba(250, 240, 137, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-400:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f6e05e;
  color: rgba(246, 224, 94, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f6e05e;
  color: rgba(246, 224, 94, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-400:focus::placeholder{
  --placeholder-opacity: 1;
  color: #f6e05e;
  color: rgba(246, 224, 94, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-500:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ecc94b;
  color: rgba(236, 201, 75, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ecc94b;
  color: rgba(236, 201, 75, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-500:focus::placeholder{
  --placeholder-opacity: 1;
  color: #ecc94b;
  color: rgba(236, 201, 75, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-600:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #d69e2e;
  color: rgba(214, 158, 46, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #d69e2e;
  color: rgba(214, 158, 46, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-600:focus::placeholder{
  --placeholder-opacity: 1;
  color: #d69e2e;
  color: rgba(214, 158, 46, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-700:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #b7791f;
  color: rgba(183, 121, 31, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #b7791f;
  color: rgba(183, 121, 31, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-700:focus::placeholder{
  --placeholder-opacity: 1;
  color: #b7791f;
  color: rgba(183, 121, 31, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-800:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #975a16;
  color: rgba(151, 90, 22, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #975a16;
  color: rgba(151, 90, 22, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-800:focus::placeholder{
  --placeholder-opacity: 1;
  color: #975a16;
  color: rgba(151, 90, 22, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-900:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #744210;
  color: rgba(116, 66, 16, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #744210;
  color: rgba(116, 66, 16, var(--placeholder-opacity));
}

.focus\:tw-placeholder-yellow-900:focus::placeholder{
  --placeholder-opacity: 1;
  color: #744210;
  color: rgba(116, 66, 16, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f0fff4;
  color: rgba(240, 255, 244, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f0fff4;
  color: rgba(240, 255, 244, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-100:focus::placeholder{
  --placeholder-opacity: 1;
  color: #f0fff4;
  color: rgba(240, 255, 244, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-200:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #c6f6d5;
  color: rgba(198, 246, 213, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #c6f6d5;
  color: rgba(198, 246, 213, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-200:focus::placeholder{
  --placeholder-opacity: 1;
  color: #c6f6d5;
  color: rgba(198, 246, 213, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-300:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #9ae6b4;
  color: rgba(154, 230, 180, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #9ae6b4;
  color: rgba(154, 230, 180, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-300:focus::placeholder{
  --placeholder-opacity: 1;
  color: #9ae6b4;
  color: rgba(154, 230, 180, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-400:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #68d391;
  color: rgba(104, 211, 145, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #68d391;
  color: rgba(104, 211, 145, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-400:focus::placeholder{
  --placeholder-opacity: 1;
  color: #68d391;
  color: rgba(104, 211, 145, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-500:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #48bb78;
  color: rgba(72, 187, 120, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #48bb78;
  color: rgba(72, 187, 120, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-500:focus::placeholder{
  --placeholder-opacity: 1;
  color: #48bb78;
  color: rgba(72, 187, 120, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-600:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #38a169;
  color: rgba(56, 161, 105, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #38a169;
  color: rgba(56, 161, 105, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-600:focus::placeholder{
  --placeholder-opacity: 1;
  color: #38a169;
  color: rgba(56, 161, 105, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-700:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2f855a;
  color: rgba(47, 133, 90, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #2f855a;
  color: rgba(47, 133, 90, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-700:focus::placeholder{
  --placeholder-opacity: 1;
  color: #2f855a;
  color: rgba(47, 133, 90, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-800:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #276749;
  color: rgba(39, 103, 73, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #276749;
  color: rgba(39, 103, 73, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-800:focus::placeholder{
  --placeholder-opacity: 1;
  color: #276749;
  color: rgba(39, 103, 73, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-900:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #22543d;
  color: rgba(34, 84, 61, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #22543d;
  color: rgba(34, 84, 61, var(--placeholder-opacity));
}

.focus\:tw-placeholder-green-900:focus::placeholder{
  --placeholder-opacity: 1;
  color: #22543d;
  color: rgba(34, 84, 61, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #e6fffa;
  color: rgba(230, 255, 250, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #e6fffa;
  color: rgba(230, 255, 250, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-100:focus::placeholder{
  --placeholder-opacity: 1;
  color: #e6fffa;
  color: rgba(230, 255, 250, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-200:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #b2f5ea;
  color: rgba(178, 245, 234, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #b2f5ea;
  color: rgba(178, 245, 234, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-200:focus::placeholder{
  --placeholder-opacity: 1;
  color: #b2f5ea;
  color: rgba(178, 245, 234, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-300:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #81e6d9;
  color: rgba(129, 230, 217, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #81e6d9;
  color: rgba(129, 230, 217, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-300:focus::placeholder{
  --placeholder-opacity: 1;
  color: #81e6d9;
  color: rgba(129, 230, 217, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-400:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #4fd1c5;
  color: rgba(79, 209, 197, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #4fd1c5;
  color: rgba(79, 209, 197, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-400:focus::placeholder{
  --placeholder-opacity: 1;
  color: #4fd1c5;
  color: rgba(79, 209, 197, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-500:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #38b2ac;
  color: rgba(56, 178, 172, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #38b2ac;
  color: rgba(56, 178, 172, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-500:focus::placeholder{
  --placeholder-opacity: 1;
  color: #38b2ac;
  color: rgba(56, 178, 172, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-600:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #319795;
  color: rgba(49, 151, 149, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #319795;
  color: rgba(49, 151, 149, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-600:focus::placeholder{
  --placeholder-opacity: 1;
  color: #319795;
  color: rgba(49, 151, 149, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-700:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2c7a7b;
  color: rgba(44, 122, 123, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #2c7a7b;
  color: rgba(44, 122, 123, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-700:focus::placeholder{
  --placeholder-opacity: 1;
  color: #2c7a7b;
  color: rgba(44, 122, 123, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-800:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #285e61;
  color: rgba(40, 94, 97, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #285e61;
  color: rgba(40, 94, 97, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-800:focus::placeholder{
  --placeholder-opacity: 1;
  color: #285e61;
  color: rgba(40, 94, 97, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-900:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #234e52;
  color: rgba(35, 78, 82, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #234e52;
  color: rgba(35, 78, 82, var(--placeholder-opacity));
}

.focus\:tw-placeholder-teal-900:focus::placeholder{
  --placeholder-opacity: 1;
  color: #234e52;
  color: rgba(35, 78, 82, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ebf8ff;
  color: rgba(235, 248, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ebf8ff;
  color: rgba(235, 248, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-100:focus::placeholder{
  --placeholder-opacity: 1;
  color: #ebf8ff;
  color: rgba(235, 248, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-200:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #bee3f8;
  color: rgba(190, 227, 248, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #bee3f8;
  color: rgba(190, 227, 248, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-200:focus::placeholder{
  --placeholder-opacity: 1;
  color: #bee3f8;
  color: rgba(190, 227, 248, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-300:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #90cdf4;
  color: rgba(144, 205, 244, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #90cdf4;
  color: rgba(144, 205, 244, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-300:focus::placeholder{
  --placeholder-opacity: 1;
  color: #90cdf4;
  color: rgba(144, 205, 244, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-400:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #63b3ed;
  color: rgba(99, 179, 237, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #63b3ed;
  color: rgba(99, 179, 237, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-400:focus::placeholder{
  --placeholder-opacity: 1;
  color: #63b3ed;
  color: rgba(99, 179, 237, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-500:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #4299e1;
  color: rgba(66, 153, 225, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #4299e1;
  color: rgba(66, 153, 225, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-500:focus::placeholder{
  --placeholder-opacity: 1;
  color: #4299e1;
  color: rgba(66, 153, 225, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-600:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-600:focus::placeholder{
  --placeholder-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-700:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2b6cb0;
  color: rgba(43, 108, 176, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #2b6cb0;
  color: rgba(43, 108, 176, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-700:focus::placeholder{
  --placeholder-opacity: 1;
  color: #2b6cb0;
  color: rgba(43, 108, 176, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-800:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2c5282;
  color: rgba(44, 82, 130, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #2c5282;
  color: rgba(44, 82, 130, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-800:focus::placeholder{
  --placeholder-opacity: 1;
  color: #2c5282;
  color: rgba(44, 82, 130, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-900:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2a4365;
  color: rgba(42, 67, 101, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #2a4365;
  color: rgba(42, 67, 101, var(--placeholder-opacity));
}

.focus\:tw-placeholder-blue-900:focus::placeholder{
  --placeholder-opacity: 1;
  color: #2a4365;
  color: rgba(42, 67, 101, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ebf4ff;
  color: rgba(235, 244, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ebf4ff;
  color: rgba(235, 244, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-100:focus::placeholder{
  --placeholder-opacity: 1;
  color: #ebf4ff;
  color: rgba(235, 244, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-200:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #c3dafe;
  color: rgba(195, 218, 254, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #c3dafe;
  color: rgba(195, 218, 254, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-200:focus::placeholder{
  --placeholder-opacity: 1;
  color: #c3dafe;
  color: rgba(195, 218, 254, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-300:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #a3bffa;
  color: rgba(163, 191, 250, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #a3bffa;
  color: rgba(163, 191, 250, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-300:focus::placeholder{
  --placeholder-opacity: 1;
  color: #a3bffa;
  color: rgba(163, 191, 250, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-400:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #7f9cf5;
  color: rgba(127, 156, 245, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #7f9cf5;
  color: rgba(127, 156, 245, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-400:focus::placeholder{
  --placeholder-opacity: 1;
  color: #7f9cf5;
  color: rgba(127, 156, 245, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-500:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #667eea;
  color: rgba(102, 126, 234, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #667eea;
  color: rgba(102, 126, 234, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-500:focus::placeholder{
  --placeholder-opacity: 1;
  color: #667eea;
  color: rgba(102, 126, 234, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-600:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #5a67d8;
  color: rgba(90, 103, 216, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #5a67d8;
  color: rgba(90, 103, 216, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-600:focus::placeholder{
  --placeholder-opacity: 1;
  color: #5a67d8;
  color: rgba(90, 103, 216, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-700:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #4c51bf;
  color: rgba(76, 81, 191, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #4c51bf;
  color: rgba(76, 81, 191, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-700:focus::placeholder{
  --placeholder-opacity: 1;
  color: #4c51bf;
  color: rgba(76, 81, 191, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-800:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #434190;
  color: rgba(67, 65, 144, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #434190;
  color: rgba(67, 65, 144, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-800:focus::placeholder{
  --placeholder-opacity: 1;
  color: #434190;
  color: rgba(67, 65, 144, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-900:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #3c366b;
  color: rgba(60, 54, 107, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #3c366b;
  color: rgba(60, 54, 107, var(--placeholder-opacity));
}

.focus\:tw-placeholder-indigo-900:focus::placeholder{
  --placeholder-opacity: 1;
  color: #3c366b;
  color: rgba(60, 54, 107, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #faf5ff;
  color: rgba(250, 245, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #faf5ff;
  color: rgba(250, 245, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-100:focus::placeholder{
  --placeholder-opacity: 1;
  color: #faf5ff;
  color: rgba(250, 245, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-200:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #e9d8fd;
  color: rgba(233, 216, 253, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #e9d8fd;
  color: rgba(233, 216, 253, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-200:focus::placeholder{
  --placeholder-opacity: 1;
  color: #e9d8fd;
  color: rgba(233, 216, 253, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-300:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #d6bcfa;
  color: rgba(214, 188, 250, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #d6bcfa;
  color: rgba(214, 188, 250, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-300:focus::placeholder{
  --placeholder-opacity: 1;
  color: #d6bcfa;
  color: rgba(214, 188, 250, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-400:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #b794f4;
  color: rgba(183, 148, 244, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #b794f4;
  color: rgba(183, 148, 244, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-400:focus::placeholder{
  --placeholder-opacity: 1;
  color: #b794f4;
  color: rgba(183, 148, 244, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-500:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #9f7aea;
  color: rgba(159, 122, 234, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #9f7aea;
  color: rgba(159, 122, 234, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-500:focus::placeholder{
  --placeholder-opacity: 1;
  color: #9f7aea;
  color: rgba(159, 122, 234, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-600:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #805ad5;
  color: rgba(128, 90, 213, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #805ad5;
  color: rgba(128, 90, 213, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-600:focus::placeholder{
  --placeholder-opacity: 1;
  color: #805ad5;
  color: rgba(128, 90, 213, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-700:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #6b46c1;
  color: rgba(107, 70, 193, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #6b46c1;
  color: rgba(107, 70, 193, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-700:focus::placeholder{
  --placeholder-opacity: 1;
  color: #6b46c1;
  color: rgba(107, 70, 193, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-800:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #553c9a;
  color: rgba(85, 60, 154, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #553c9a;
  color: rgba(85, 60, 154, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-800:focus::placeholder{
  --placeholder-opacity: 1;
  color: #553c9a;
  color: rgba(85, 60, 154, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-900:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #44337a;
  color: rgba(68, 51, 122, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #44337a;
  color: rgba(68, 51, 122, var(--placeholder-opacity));
}

.focus\:tw-placeholder-purple-900:focus::placeholder{
  --placeholder-opacity: 1;
  color: #44337a;
  color: rgba(68, 51, 122, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fff5f7;
  color: rgba(255, 245, 247, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fff5f7;
  color: rgba(255, 245, 247, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-100:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fff5f7;
  color: rgba(255, 245, 247, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-200:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fed7e2;
  color: rgba(254, 215, 226, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fed7e2;
  color: rgba(254, 215, 226, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-200:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fed7e2;
  color: rgba(254, 215, 226, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-300:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fbb6ce;
  color: rgba(251, 182, 206, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fbb6ce;
  color: rgba(251, 182, 206, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-300:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fbb6ce;
  color: rgba(251, 182, 206, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-400:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f687b3;
  color: rgba(246, 135, 179, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f687b3;
  color: rgba(246, 135, 179, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-400:focus::placeholder{
  --placeholder-opacity: 1;
  color: #f687b3;
  color: rgba(246, 135, 179, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-500:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ed64a6;
  color: rgba(237, 100, 166, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ed64a6;
  color: rgba(237, 100, 166, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-500:focus::placeholder{
  --placeholder-opacity: 1;
  color: #ed64a6;
  color: rgba(237, 100, 166, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-600:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #d53f8c;
  color: rgba(213, 63, 140, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #d53f8c;
  color: rgba(213, 63, 140, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-600:focus::placeholder{
  --placeholder-opacity: 1;
  color: #d53f8c;
  color: rgba(213, 63, 140, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-700:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #b83280;
  color: rgba(184, 50, 128, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #b83280;
  color: rgba(184, 50, 128, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-700:focus::placeholder{
  --placeholder-opacity: 1;
  color: #b83280;
  color: rgba(184, 50, 128, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-800:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #97266d;
  color: rgba(151, 38, 109, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #97266d;
  color: rgba(151, 38, 109, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-800:focus::placeholder{
  --placeholder-opacity: 1;
  color: #97266d;
  color: rgba(151, 38, 109, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-900:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #702459;
  color: rgba(112, 36, 89, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #702459;
  color: rgba(112, 36, 89, var(--placeholder-opacity));
}

.focus\:tw-placeholder-pink-900:focus::placeholder{
  --placeholder-opacity: 1;
  color: #702459;
  color: rgba(112, 36, 89, var(--placeholder-opacity));
}

.focus\:tw-placeholder-primary-blue:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #1976d2;
  color: rgba(25, 118, 210, var(--placeholder-opacity));
}

.focus\:tw-placeholder-primary-blue:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #1976d2;
  color: rgba(25, 118, 210, var(--placeholder-opacity));
}

.focus\:tw-placeholder-primary-blue:focus::placeholder{
  --placeholder-opacity: 1;
  color: #1976d2;
  color: rgba(25, 118, 210, var(--placeholder-opacity));
}

.focus\:tw-placeholder-primary-blue-dark:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #0c3b69;
  color: rgba(12, 59, 105, var(--placeholder-opacity));
}

.focus\:tw-placeholder-primary-blue-dark:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #0c3b69;
  color: rgba(12, 59, 105, var(--placeholder-opacity));
}

.focus\:tw-placeholder-primary-blue-dark:focus::placeholder{
  --placeholder-opacity: 1;
  color: #0c3b69;
  color: rgba(12, 59, 105, var(--placeholder-opacity));
}

.focus\:tw-placeholder-primary-white:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-primary-white:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-primary-white:focus::placeholder{
  --placeholder-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-0:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #4f4f4f;
  color: rgba(79, 79, 79, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-0:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #4f4f4f;
  color: rgba(79, 79, 79, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-0:focus::placeholder{
  --placeholder-opacity: 1;
  color: #4f4f4f;
  color: rgba(79, 79, 79, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-1:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fcfcfc;
  color: rgba(252, 252, 252, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-1:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #fcfcfc;
  color: rgba(252, 252, 252, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-1:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fcfcfc;
  color: rgba(252, 252, 252, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-5:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-5:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-5:focus::placeholder{
  --placeholder-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-10:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #ededed;
  color: rgba(237, 237, 237, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-10:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #ededed;
  color: rgba(237, 237, 237, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-10:focus::placeholder{
  --placeholder-opacity: 1;
  color: #ededed;
  color: rgba(237, 237, 237, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-50:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-50:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-50:focus::placeholder{
  --placeholder-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-70:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #838383;
  color: rgba(131, 131, 131, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-70:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
  color: #838383;
  color: rgba(131, 131, 131, var(--placeholder-opacity));
}

.focus\:tw-placeholder-font-70:focus::placeholder{
  --placeholder-opacity: 1;
  color: #838383;
  color: rgba(131, 131, 131, var(--placeholder-opacity));
}

.tw-placeholder-opacity-0::-moz-placeholder{
  --placeholder-opacity: 0;
}

.tw-placeholder-opacity-0:-ms-input-placeholder{
  --placeholder-opacity: 0;
}

.tw-placeholder-opacity-0::placeholder{
  --placeholder-opacity: 0;
}

.tw-placeholder-opacity-25::-moz-placeholder{
  --placeholder-opacity: 0.25;
}

.tw-placeholder-opacity-25:-ms-input-placeholder{
  --placeholder-opacity: 0.25;
}

.tw-placeholder-opacity-25::placeholder{
  --placeholder-opacity: 0.25;
}

.tw-placeholder-opacity-50::-moz-placeholder{
  --placeholder-opacity: 0.5;
}

.tw-placeholder-opacity-50:-ms-input-placeholder{
  --placeholder-opacity: 0.5;
}

.tw-placeholder-opacity-50::placeholder{
  --placeholder-opacity: 0.5;
}

.tw-placeholder-opacity-75::-moz-placeholder{
  --placeholder-opacity: 0.75;
}

.tw-placeholder-opacity-75:-ms-input-placeholder{
  --placeholder-opacity: 0.75;
}

.tw-placeholder-opacity-75::placeholder{
  --placeholder-opacity: 0.75;
}

.tw-placeholder-opacity-100::-moz-placeholder{
  --placeholder-opacity: 1;
}

.tw-placeholder-opacity-100:-ms-input-placeholder{
  --placeholder-opacity: 1;
}

.tw-placeholder-opacity-100::placeholder{
  --placeholder-opacity: 1;
}

.focus\:tw-placeholder-opacity-0:focus::-moz-placeholder{
  --placeholder-opacity: 0;
}

.focus\:tw-placeholder-opacity-0:focus:-ms-input-placeholder{
  --placeholder-opacity: 0;
}

.focus\:tw-placeholder-opacity-0:focus::placeholder{
  --placeholder-opacity: 0;
}

.focus\:tw-placeholder-opacity-25:focus::-moz-placeholder{
  --placeholder-opacity: 0.25;
}

.focus\:tw-placeholder-opacity-25:focus:-ms-input-placeholder{
  --placeholder-opacity: 0.25;
}

.focus\:tw-placeholder-opacity-25:focus::placeholder{
  --placeholder-opacity: 0.25;
}

.focus\:tw-placeholder-opacity-50:focus::-moz-placeholder{
  --placeholder-opacity: 0.5;
}

.focus\:tw-placeholder-opacity-50:focus:-ms-input-placeholder{
  --placeholder-opacity: 0.5;
}

.focus\:tw-placeholder-opacity-50:focus::placeholder{
  --placeholder-opacity: 0.5;
}

.focus\:tw-placeholder-opacity-75:focus::-moz-placeholder{
  --placeholder-opacity: 0.75;
}

.focus\:tw-placeholder-opacity-75:focus:-ms-input-placeholder{
  --placeholder-opacity: 0.75;
}

.focus\:tw-placeholder-opacity-75:focus::placeholder{
  --placeholder-opacity: 0.75;
}

.focus\:tw-placeholder-opacity-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
}

.focus\:tw-placeholder-opacity-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1;
}

.focus\:tw-placeholder-opacity-100:focus::placeholder{
  --placeholder-opacity: 1;
}

.tw-pointer-events-none{
  pointer-events: none;
}

.tw-pointer-events-auto{
  pointer-events: auto;
}

.tw-static{
  position: static;
}

.tw-fixed{
  position: fixed;
}

.tw-absolute{
  position: absolute;
}

.tw-relative{
  position: relative;
}

.tw-sticky{
  position: -webkit-sticky;
  position: sticky;
}

.tw-inset-0{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.tw-inset-auto{
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.tw--inset-10px{
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}

.tw-inset-y-0{
  top: 0;
  bottom: 0;
}

.tw-inset-x-0{
  right: 0;
  left: 0;
}

.tw-inset-y-auto{
  top: auto;
  bottom: auto;
}

.tw-inset-x-auto{
  right: auto;
  left: auto;
}

.tw--inset-y-10px{
  top: -10px;
  bottom: -10px;
}

.tw--inset-x-10px{
  right: -10px;
  left: -10px;
}

.tw-top-0{
  top: 0;
}

.tw-right-0{
  right: 0;
}

.tw-bottom-0{
  bottom: 0;
}

.tw-left-0{
  left: 0;
}

.tw-top-auto{
  top: auto;
}

.tw-right-auto{
  right: auto;
}

.tw-bottom-auto{
  bottom: auto;
}

.tw-left-auto{
  left: auto;
}

.tw--top-10px{
  top: -10px;
}

.tw--right-10px{
  right: -10px;
}

.tw--bottom-10px{
  bottom: -10px;
}

.tw--left-10px{
  left: -10px;
}

.tw-resize-none{
  resize: none;
}

.tw-resize-y{
  resize: vertical;
}

.tw-resize-x{
  resize: horizontal;
}

.tw-resize{
  resize: both;
}

.tw-shadow-xs{
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.tw-shadow-sm{
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.tw-shadow{
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.tw-shadow-md{
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.tw-shadow-lg{
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.tw-shadow-xl{
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.tw-shadow-2xl{
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.tw-shadow-inner{
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.tw-shadow-outline{
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.tw-shadow-none{
  box-shadow: none;
}

.tw-shadow-1dp{
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.tw-shadow-2dp{
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.tw-shadow-6dp{
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.hover\:tw-shadow-xs:hover{
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.hover\:tw-shadow-sm:hover{
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.hover\:tw-shadow:hover{
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.hover\:tw-shadow-md:hover{
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.hover\:tw-shadow-lg:hover{
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.hover\:tw-shadow-xl:hover{
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.hover\:tw-shadow-2xl:hover{
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.hover\:tw-shadow-inner:hover{
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.hover\:tw-shadow-outline:hover{
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.hover\:tw-shadow-none:hover{
  box-shadow: none;
}

.hover\:tw-shadow-1dp:hover{
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.hover\:tw-shadow-2dp:hover{
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.hover\:tw-shadow-6dp:hover{
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.focus\:tw-shadow-xs:focus{
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.focus\:tw-shadow-sm:focus{
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.focus\:tw-shadow:focus{
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.focus\:tw-shadow-md:focus{
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.focus\:tw-shadow-lg:focus{
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.focus\:tw-shadow-xl:focus{
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.focus\:tw-shadow-2xl:focus{
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.focus\:tw-shadow-inner:focus{
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.focus\:tw-shadow-outline:focus{
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.focus\:tw-shadow-none:focus{
  box-shadow: none;
}

.focus\:tw-shadow-1dp:focus{
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.focus\:tw-shadow-2dp:focus{
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.focus\:tw-shadow-6dp:focus{
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.tw-fill-current{
  fill: currentColor;
}

.tw-stroke-current{
  stroke: currentColor;
}

.tw-stroke-0{
  stroke-width: 0;
}

.tw-stroke-1{
  stroke-width: 1;
}

.tw-stroke-2{
  stroke-width: 2;
}

.tw-table-auto{
  table-layout: auto;
}

.tw-table-fixed{
  table-layout: fixed;
}

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

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

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

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

.tw-text-transparent{
  color: transparent;
}

.tw-text-current{
  color: currentColor;
}

.tw-text-black{
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.tw-text-white{
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.tw-text-gray-100{
  --text-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--text-opacity));
}

.tw-text-gray-200{
  --text-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--text-opacity));
}

.tw-text-gray-300{
  --text-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--text-opacity));
}

.tw-text-gray-400{
  --text-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--text-opacity));
}

.tw-text-gray-500{
  --text-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--text-opacity));
}

.tw-text-gray-600{
  --text-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--text-opacity));
}

.tw-text-gray-700{
  --text-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--text-opacity));
}

.tw-text-gray-800{
  --text-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--text-opacity));
}

.tw-text-gray-900{
  --text-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--text-opacity));
}

.tw-text-red-100{
  --text-opacity: 1;
  color: #fff5f5;
  color: rgba(255, 245, 245, var(--text-opacity));
}

.tw-text-red-200{
  --text-opacity: 1;
  color: #fed7d7;
  color: rgba(254, 215, 215, var(--text-opacity));
}

.tw-text-red-300{
  --text-opacity: 1;
  color: #feb2b2;
  color: rgba(254, 178, 178, var(--text-opacity));
}

.tw-text-red-400{
  --text-opacity: 1;
  color: #fc8181;
  color: rgba(252, 129, 129, var(--text-opacity));
}

.tw-text-red-500{
  --text-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, var(--text-opacity));
}

.tw-text-red-600{
  --text-opacity: 1;
  color: #e53e3e;
  color: rgba(229, 62, 62, var(--text-opacity));
}

.tw-text-red-700{
  --text-opacity: 1;
  color: #c53030;
  color: rgba(197, 48, 48, var(--text-opacity));
}

.tw-text-red-800{
  --text-opacity: 1;
  color: #9b2c2c;
  color: rgba(155, 44, 44, var(--text-opacity));
}

.tw-text-red-900{
  --text-opacity: 1;
  color: #742a2a;
  color: rgba(116, 42, 42, var(--text-opacity));
}

.tw-text-orange-100{
  --text-opacity: 1;
  color: #fffaf0;
  color: rgba(255, 250, 240, var(--text-opacity));
}

.tw-text-orange-200{
  --text-opacity: 1;
  color: #feebc8;
  color: rgba(254, 235, 200, var(--text-opacity));
}

.tw-text-orange-300{
  --text-opacity: 1;
  color: #fbd38d;
  color: rgba(251, 211, 141, var(--text-opacity));
}

.tw-text-orange-400{
  --text-opacity: 1;
  color: #f6ad55;
  color: rgba(246, 173, 85, var(--text-opacity));
}

.tw-text-orange-500{
  --text-opacity: 1;
  color: #ed8936;
  color: rgba(237, 137, 54, var(--text-opacity));
}

.tw-text-orange-600{
  --text-opacity: 1;
  color: #dd6b20;
  color: rgba(221, 107, 32, var(--text-opacity));
}

.tw-text-orange-700{
  --text-opacity: 1;
  color: #c05621;
  color: rgba(192, 86, 33, var(--text-opacity));
}

.tw-text-orange-800{
  --text-opacity: 1;
  color: #9c4221;
  color: rgba(156, 66, 33, var(--text-opacity));
}

.tw-text-orange-900{
  --text-opacity: 1;
  color: #7b341e;
  color: rgba(123, 52, 30, var(--text-opacity));
}

.tw-text-yellow-100{
  --text-opacity: 1;
  color: #fffff0;
  color: rgba(255, 255, 240, var(--text-opacity));
}

.tw-text-yellow-200{
  --text-opacity: 1;
  color: #fefcbf;
  color: rgba(254, 252, 191, var(--text-opacity));
}

.tw-text-yellow-300{
  --text-opacity: 1;
  color: #faf089;
  color: rgba(250, 240, 137, var(--text-opacity));
}

.tw-text-yellow-400{
  --text-opacity: 1;
  color: #f6e05e;
  color: rgba(246, 224, 94, var(--text-opacity));
}

.tw-text-yellow-500{
  --text-opacity: 1;
  color: #ecc94b;
  color: rgba(236, 201, 75, var(--text-opacity));
}

.tw-text-yellow-600{
  --text-opacity: 1;
  color: #d69e2e;
  color: rgba(214, 158, 46, var(--text-opacity));
}

.tw-text-yellow-700{
  --text-opacity: 1;
  color: #b7791f;
  color: rgba(183, 121, 31, var(--text-opacity));
}

.tw-text-yellow-800{
  --text-opacity: 1;
  color: #975a16;
  color: rgba(151, 90, 22, var(--text-opacity));
}

.tw-text-yellow-900{
  --text-opacity: 1;
  color: #744210;
  color: rgba(116, 66, 16, var(--text-opacity));
}

.tw-text-green-100{
  --text-opacity: 1;
  color: #f0fff4;
  color: rgba(240, 255, 244, var(--text-opacity));
}

.tw-text-green-200{
  --text-opacity: 1;
  color: #c6f6d5;
  color: rgba(198, 246, 213, var(--text-opacity));
}

.tw-text-green-300{
  --text-opacity: 1;
  color: #9ae6b4;
  color: rgba(154, 230, 180, var(--text-opacity));
}

.tw-text-green-400{
  --text-opacity: 1;
  color: #68d391;
  color: rgba(104, 211, 145, var(--text-opacity));
}

.tw-text-green-500{
  --text-opacity: 1;
  color: #48bb78;
  color: rgba(72, 187, 120, var(--text-opacity));
}

.tw-text-green-600{
  --text-opacity: 1;
  color: #38a169;
  color: rgba(56, 161, 105, var(--text-opacity));
}

.tw-text-green-700{
  --text-opacity: 1;
  color: #2f855a;
  color: rgba(47, 133, 90, var(--text-opacity));
}

.tw-text-green-800{
  --text-opacity: 1;
  color: #276749;
  color: rgba(39, 103, 73, var(--text-opacity));
}

.tw-text-green-900{
  --text-opacity: 1;
  color: #22543d;
  color: rgba(34, 84, 61, var(--text-opacity));
}

.tw-text-teal-100{
  --text-opacity: 1;
  color: #e6fffa;
  color: rgba(230, 255, 250, var(--text-opacity));
}

.tw-text-teal-200{
  --text-opacity: 1;
  color: #b2f5ea;
  color: rgba(178, 245, 234, var(--text-opacity));
}

.tw-text-teal-300{
  --text-opacity: 1;
  color: #81e6d9;
  color: rgba(129, 230, 217, var(--text-opacity));
}

.tw-text-teal-400{
  --text-opacity: 1;
  color: #4fd1c5;
  color: rgba(79, 209, 197, var(--text-opacity));
}

.tw-text-teal-500{
  --text-opacity: 1;
  color: #38b2ac;
  color: rgba(56, 178, 172, var(--text-opacity));
}

.tw-text-teal-600{
  --text-opacity: 1;
  color: #319795;
  color: rgba(49, 151, 149, var(--text-opacity));
}

.tw-text-teal-700{
  --text-opacity: 1;
  color: #2c7a7b;
  color: rgba(44, 122, 123, var(--text-opacity));
}

.tw-text-teal-800{
  --text-opacity: 1;
  color: #285e61;
  color: rgba(40, 94, 97, var(--text-opacity));
}

.tw-text-teal-900{
  --text-opacity: 1;
  color: #234e52;
  color: rgba(35, 78, 82, var(--text-opacity));
}

.tw-text-blue-100{
  --text-opacity: 1;
  color: #ebf8ff;
  color: rgba(235, 248, 255, var(--text-opacity));
}

.tw-text-blue-200{
  --text-opacity: 1;
  color: #bee3f8;
  color: rgba(190, 227, 248, var(--text-opacity));
}

.tw-text-blue-300{
  --text-opacity: 1;
  color: #90cdf4;
  color: rgba(144, 205, 244, var(--text-opacity));
}

.tw-text-blue-400{
  --text-opacity: 1;
  color: #63b3ed;
  color: rgba(99, 179, 237, var(--text-opacity));
}

.tw-text-blue-500{
  --text-opacity: 1;
  color: #4299e1;
  color: rgba(66, 153, 225, var(--text-opacity));
}

.tw-text-blue-600{
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity));
}

.tw-text-blue-700{
  --text-opacity: 1;
  color: #2b6cb0;
  color: rgba(43, 108, 176, var(--text-opacity));
}

.tw-text-blue-800{
  --text-opacity: 1;
  color: #2c5282;
  color: rgba(44, 82, 130, var(--text-opacity));
}

.tw-text-blue-900{
  --text-opacity: 1;
  color: #2a4365;
  color: rgba(42, 67, 101, var(--text-opacity));
}

.tw-text-indigo-100{
  --text-opacity: 1;
  color: #ebf4ff;
  color: rgba(235, 244, 255, var(--text-opacity));
}

.tw-text-indigo-200{
  --text-opacity: 1;
  color: #c3dafe;
  color: rgba(195, 218, 254, var(--text-opacity));
}

.tw-text-indigo-300{
  --text-opacity: 1;
  color: #a3bffa;
  color: rgba(163, 191, 250, var(--text-opacity));
}

.tw-text-indigo-400{
  --text-opacity: 1;
  color: #7f9cf5;
  color: rgba(127, 156, 245, var(--text-opacity));
}

.tw-text-indigo-500{
  --text-opacity: 1;
  color: #667eea;
  color: rgba(102, 126, 234, var(--text-opacity));
}

.tw-text-indigo-600{
  --text-opacity: 1;
  color: #5a67d8;
  color: rgba(90, 103, 216, var(--text-opacity));
}

.tw-text-indigo-700{
  --text-opacity: 1;
  color: #4c51bf;
  color: rgba(76, 81, 191, var(--text-opacity));
}

.tw-text-indigo-800{
  --text-opacity: 1;
  color: #434190;
  color: rgba(67, 65, 144, var(--text-opacity));
}

.tw-text-indigo-900{
  --text-opacity: 1;
  color: #3c366b;
  color: rgba(60, 54, 107, var(--text-opacity));
}

.tw-text-purple-100{
  --text-opacity: 1;
  color: #faf5ff;
  color: rgba(250, 245, 255, var(--text-opacity));
}

.tw-text-purple-200{
  --text-opacity: 1;
  color: #e9d8fd;
  color: rgba(233, 216, 253, var(--text-opacity));
}

.tw-text-purple-300{
  --text-opacity: 1;
  color: #d6bcfa;
  color: rgba(214, 188, 250, var(--text-opacity));
}

.tw-text-purple-400{
  --text-opacity: 1;
  color: #b794f4;
  color: rgba(183, 148, 244, var(--text-opacity));
}

.tw-text-purple-500{
  --text-opacity: 1;
  color: #9f7aea;
  color: rgba(159, 122, 234, var(--text-opacity));
}

.tw-text-purple-600{
  --text-opacity: 1;
  color: #805ad5;
  color: rgba(128, 90, 213, var(--text-opacity));
}

.tw-text-purple-700{
  --text-opacity: 1;
  color: #6b46c1;
  color: rgba(107, 70, 193, var(--text-opacity));
}

.tw-text-purple-800{
  --text-opacity: 1;
  color: #553c9a;
  color: rgba(85, 60, 154, var(--text-opacity));
}

.tw-text-purple-900{
  --text-opacity: 1;
  color: #44337a;
  color: rgba(68, 51, 122, var(--text-opacity));
}

.tw-text-pink-100{
  --text-opacity: 1;
  color: #fff5f7;
  color: rgba(255, 245, 247, var(--text-opacity));
}

.tw-text-pink-200{
  --text-opacity: 1;
  color: #fed7e2;
  color: rgba(254, 215, 226, var(--text-opacity));
}

.tw-text-pink-300{
  --text-opacity: 1;
  color: #fbb6ce;
  color: rgba(251, 182, 206, var(--text-opacity));
}

.tw-text-pink-400{
  --text-opacity: 1;
  color: #f687b3;
  color: rgba(246, 135, 179, var(--text-opacity));
}

.tw-text-pink-500{
  --text-opacity: 1;
  color: #ed64a6;
  color: rgba(237, 100, 166, var(--text-opacity));
}

.tw-text-pink-600{
  --text-opacity: 1;
  color: #d53f8c;
  color: rgba(213, 63, 140, var(--text-opacity));
}

.tw-text-pink-700{
  --text-opacity: 1;
  color: #b83280;
  color: rgba(184, 50, 128, var(--text-opacity));
}

.tw-text-pink-800{
  --text-opacity: 1;
  color: #97266d;
  color: rgba(151, 38, 109, var(--text-opacity));
}

.tw-text-pink-900{
  --text-opacity: 1;
  color: #702459;
  color: rgba(112, 36, 89, var(--text-opacity));
}

.tw-text-primary-blue{
  --text-opacity: 1;
  color: #1976d2;
  color: rgba(25, 118, 210, var(--text-opacity));
}

.tw-text-primary-blue-dark{
  --text-opacity: 1;
  color: #0c3b69;
  color: rgba(12, 59, 105, var(--text-opacity));
}

.tw-text-primary-white{
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.tw-text-font-0{
  --text-opacity: 1;
  color: #4f4f4f;
  color: rgba(79, 79, 79, var(--text-opacity));
}

.tw-text-font-1{
  --text-opacity: 1;
  color: #fcfcfc;
  color: rgba(252, 252, 252, var(--text-opacity));
}

.tw-text-font-5{
  --text-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--text-opacity));
}

.tw-text-font-10{
  --text-opacity: 1;
  color: #ededed;
  color: rgba(237, 237, 237, var(--text-opacity));
}

.tw-text-font-50{
  --text-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--text-opacity));
}

.tw-text-font-70{
  --text-opacity: 1;
  color: #838383;
  color: rgba(131, 131, 131, var(--text-opacity));
}

.hover\:tw-text-transparent:hover{
  color: transparent;
}

.hover\:tw-text-current:hover{
  color: currentColor;
}

.hover\:tw-text-black:hover{
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.hover\:tw-text-white:hover{
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.hover\:tw-text-gray-100:hover{
  --text-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--text-opacity));
}

.hover\:tw-text-gray-200:hover{
  --text-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--text-opacity));
}

.hover\:tw-text-gray-300:hover{
  --text-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--text-opacity));
}

.hover\:tw-text-gray-400:hover{
  --text-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--text-opacity));
}

.hover\:tw-text-gray-500:hover{
  --text-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--text-opacity));
}

.hover\:tw-text-gray-600:hover{
  --text-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--text-opacity));
}

.hover\:tw-text-gray-700:hover{
  --text-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--text-opacity));
}

.hover\:tw-text-gray-800:hover{
  --text-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--text-opacity));
}

.hover\:tw-text-gray-900:hover{
  --text-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--text-opacity));
}

.hover\:tw-text-red-100:hover{
  --text-opacity: 1;
  color: #fff5f5;
  color: rgba(255, 245, 245, var(--text-opacity));
}

.hover\:tw-text-red-200:hover{
  --text-opacity: 1;
  color: #fed7d7;
  color: rgba(254, 215, 215, var(--text-opacity));
}

.hover\:tw-text-red-300:hover{
  --text-opacity: 1;
  color: #feb2b2;
  color: rgba(254, 178, 178, var(--text-opacity));
}

.hover\:tw-text-red-400:hover{
  --text-opacity: 1;
  color: #fc8181;
  color: rgba(252, 129, 129, var(--text-opacity));
}

.hover\:tw-text-red-500:hover{
  --text-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, var(--text-opacity));
}

.hover\:tw-text-red-600:hover{
  --text-opacity: 1;
  color: #e53e3e;
  color: rgba(229, 62, 62, var(--text-opacity));
}

.hover\:tw-text-red-700:hover{
  --text-opacity: 1;
  color: #c53030;
  color: rgba(197, 48, 48, var(--text-opacity));
}

.hover\:tw-text-red-800:hover{
  --text-opacity: 1;
  color: #9b2c2c;
  color: rgba(155, 44, 44, var(--text-opacity));
}

.hover\:tw-text-red-900:hover{
  --text-opacity: 1;
  color: #742a2a;
  color: rgba(116, 42, 42, var(--text-opacity));
}

.hover\:tw-text-orange-100:hover{
  --text-opacity: 1;
  color: #fffaf0;
  color: rgba(255, 250, 240, var(--text-opacity));
}

.hover\:tw-text-orange-200:hover{
  --text-opacity: 1;
  color: #feebc8;
  color: rgba(254, 235, 200, var(--text-opacity));
}

.hover\:tw-text-orange-300:hover{
  --text-opacity: 1;
  color: #fbd38d;
  color: rgba(251, 211, 141, var(--text-opacity));
}

.hover\:tw-text-orange-400:hover{
  --text-opacity: 1;
  color: #f6ad55;
  color: rgba(246, 173, 85, var(--text-opacity));
}

.hover\:tw-text-orange-500:hover{
  --text-opacity: 1;
  color: #ed8936;
  color: rgba(237, 137, 54, var(--text-opacity));
}

.hover\:tw-text-orange-600:hover{
  --text-opacity: 1;
  color: #dd6b20;
  color: rgba(221, 107, 32, var(--text-opacity));
}

.hover\:tw-text-orange-700:hover{
  --text-opacity: 1;
  color: #c05621;
  color: rgba(192, 86, 33, var(--text-opacity));
}

.hover\:tw-text-orange-800:hover{
  --text-opacity: 1;
  color: #9c4221;
  color: rgba(156, 66, 33, var(--text-opacity));
}

.hover\:tw-text-orange-900:hover{
  --text-opacity: 1;
  color: #7b341e;
  color: rgba(123, 52, 30, var(--text-opacity));
}

.hover\:tw-text-yellow-100:hover{
  --text-opacity: 1;
  color: #fffff0;
  color: rgba(255, 255, 240, var(--text-opacity));
}

.hover\:tw-text-yellow-200:hover{
  --text-opacity: 1;
  color: #fefcbf;
  color: rgba(254, 252, 191, var(--text-opacity));
}

.hover\:tw-text-yellow-300:hover{
  --text-opacity: 1;
  color: #faf089;
  color: rgba(250, 240, 137, var(--text-opacity));
}

.hover\:tw-text-yellow-400:hover{
  --text-opacity: 1;
  color: #f6e05e;
  color: rgba(246, 224, 94, var(--text-opacity));
}

.hover\:tw-text-yellow-500:hover{
  --text-opacity: 1;
  color: #ecc94b;
  color: rgba(236, 201, 75, var(--text-opacity));
}

.hover\:tw-text-yellow-600:hover{
  --text-opacity: 1;
  color: #d69e2e;
  color: rgba(214, 158, 46, var(--text-opacity));
}

.hover\:tw-text-yellow-700:hover{
  --text-opacity: 1;
  color: #b7791f;
  color: rgba(183, 121, 31, var(--text-opacity));
}

.hover\:tw-text-yellow-800:hover{
  --text-opacity: 1;
  color: #975a16;
  color: rgba(151, 90, 22, var(--text-opacity));
}

.hover\:tw-text-yellow-900:hover{
  --text-opacity: 1;
  color: #744210;
  color: rgba(116, 66, 16, var(--text-opacity));
}

.hover\:tw-text-green-100:hover{
  --text-opacity: 1;
  color: #f0fff4;
  color: rgba(240, 255, 244, var(--text-opacity));
}

.hover\:tw-text-green-200:hover{
  --text-opacity: 1;
  color: #c6f6d5;
  color: rgba(198, 246, 213, var(--text-opacity));
}

.hover\:tw-text-green-300:hover{
  --text-opacity: 1;
  color: #9ae6b4;
  color: rgba(154, 230, 180, var(--text-opacity));
}

.hover\:tw-text-green-400:hover{
  --text-opacity: 1;
  color: #68d391;
  color: rgba(104, 211, 145, var(--text-opacity));
}

.hover\:tw-text-green-500:hover{
  --text-opacity: 1;
  color: #48bb78;
  color: rgba(72, 187, 120, var(--text-opacity));
}

.hover\:tw-text-green-600:hover{
  --text-opacity: 1;
  color: #38a169;
  color: rgba(56, 161, 105, var(--text-opacity));
}

.hover\:tw-text-green-700:hover{
  --text-opacity: 1;
  color: #2f855a;
  color: rgba(47, 133, 90, var(--text-opacity));
}

.hover\:tw-text-green-800:hover{
  --text-opacity: 1;
  color: #276749;
  color: rgba(39, 103, 73, var(--text-opacity));
}

.hover\:tw-text-green-900:hover{
  --text-opacity: 1;
  color: #22543d;
  color: rgba(34, 84, 61, var(--text-opacity));
}

.hover\:tw-text-teal-100:hover{
  --text-opacity: 1;
  color: #e6fffa;
  color: rgba(230, 255, 250, var(--text-opacity));
}

.hover\:tw-text-teal-200:hover{
  --text-opacity: 1;
  color: #b2f5ea;
  color: rgba(178, 245, 234, var(--text-opacity));
}

.hover\:tw-text-teal-300:hover{
  --text-opacity: 1;
  color: #81e6d9;
  color: rgba(129, 230, 217, var(--text-opacity));
}

.hover\:tw-text-teal-400:hover{
  --text-opacity: 1;
  color: #4fd1c5;
  color: rgba(79, 209, 197, var(--text-opacity));
}

.hover\:tw-text-teal-500:hover{
  --text-opacity: 1;
  color: #38b2ac;
  color: rgba(56, 178, 172, var(--text-opacity));
}

.hover\:tw-text-teal-600:hover{
  --text-opacity: 1;
  color: #319795;
  color: rgba(49, 151, 149, var(--text-opacity));
}

.hover\:tw-text-teal-700:hover{
  --text-opacity: 1;
  color: #2c7a7b;
  color: rgba(44, 122, 123, var(--text-opacity));
}

.hover\:tw-text-teal-800:hover{
  --text-opacity: 1;
  color: #285e61;
  color: rgba(40, 94, 97, var(--text-opacity));
}

.hover\:tw-text-teal-900:hover{
  --text-opacity: 1;
  color: #234e52;
  color: rgba(35, 78, 82, var(--text-opacity));
}

.hover\:tw-text-blue-100:hover{
  --text-opacity: 1;
  color: #ebf8ff;
  color: rgba(235, 248, 255, var(--text-opacity));
}

.hover\:tw-text-blue-200:hover{
  --text-opacity: 1;
  color: #bee3f8;
  color: rgba(190, 227, 248, var(--text-opacity));
}

.hover\:tw-text-blue-300:hover{
  --text-opacity: 1;
  color: #90cdf4;
  color: rgba(144, 205, 244, var(--text-opacity));
}

.hover\:tw-text-blue-400:hover{
  --text-opacity: 1;
  color: #63b3ed;
  color: rgba(99, 179, 237, var(--text-opacity));
}

.hover\:tw-text-blue-500:hover{
  --text-opacity: 1;
  color: #4299e1;
  color: rgba(66, 153, 225, var(--text-opacity));
}

.hover\:tw-text-blue-600:hover{
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity));
}

.hover\:tw-text-blue-700:hover{
  --text-opacity: 1;
  color: #2b6cb0;
  color: rgba(43, 108, 176, var(--text-opacity));
}

.hover\:tw-text-blue-800:hover{
  --text-opacity: 1;
  color: #2c5282;
  color: rgba(44, 82, 130, var(--text-opacity));
}

.hover\:tw-text-blue-900:hover{
  --text-opacity: 1;
  color: #2a4365;
  color: rgba(42, 67, 101, var(--text-opacity));
}

.hover\:tw-text-indigo-100:hover{
  --text-opacity: 1;
  color: #ebf4ff;
  color: rgba(235, 244, 255, var(--text-opacity));
}

.hover\:tw-text-indigo-200:hover{
  --text-opacity: 1;
  color: #c3dafe;
  color: rgba(195, 218, 254, var(--text-opacity));
}

.hover\:tw-text-indigo-300:hover{
  --text-opacity: 1;
  color: #a3bffa;
  color: rgba(163, 191, 250, var(--text-opacity));
}

.hover\:tw-text-indigo-400:hover{
  --text-opacity: 1;
  color: #7f9cf5;
  color: rgba(127, 156, 245, var(--text-opacity));
}

.hover\:tw-text-indigo-500:hover{
  --text-opacity: 1;
  color: #667eea;
  color: rgba(102, 126, 234, var(--text-opacity));
}

.hover\:tw-text-indigo-600:hover{
  --text-opacity: 1;
  color: #5a67d8;
  color: rgba(90, 103, 216, var(--text-opacity));
}

.hover\:tw-text-indigo-700:hover{
  --text-opacity: 1;
  color: #4c51bf;
  color: rgba(76, 81, 191, var(--text-opacity));
}

.hover\:tw-text-indigo-800:hover{
  --text-opacity: 1;
  color: #434190;
  color: rgba(67, 65, 144, var(--text-opacity));
}

.hover\:tw-text-indigo-900:hover{
  --text-opacity: 1;
  color: #3c366b;
  color: rgba(60, 54, 107, var(--text-opacity));
}

.hover\:tw-text-purple-100:hover{
  --text-opacity: 1;
  color: #faf5ff;
  color: rgba(250, 245, 255, var(--text-opacity));
}

.hover\:tw-text-purple-200:hover{
  --text-opacity: 1;
  color: #e9d8fd;
  color: rgba(233, 216, 253, var(--text-opacity));
}

.hover\:tw-text-purple-300:hover{
  --text-opacity: 1;
  color: #d6bcfa;
  color: rgba(214, 188, 250, var(--text-opacity));
}

.hover\:tw-text-purple-400:hover{
  --text-opacity: 1;
  color: #b794f4;
  color: rgba(183, 148, 244, var(--text-opacity));
}

.hover\:tw-text-purple-500:hover{
  --text-opacity: 1;
  color: #9f7aea;
  color: rgba(159, 122, 234, var(--text-opacity));
}

.hover\:tw-text-purple-600:hover{
  --text-opacity: 1;
  color: #805ad5;
  color: rgba(128, 90, 213, var(--text-opacity));
}

.hover\:tw-text-purple-700:hover{
  --text-opacity: 1;
  color: #6b46c1;
  color: rgba(107, 70, 193, var(--text-opacity));
}

.hover\:tw-text-purple-800:hover{
  --text-opacity: 1;
  color: #553c9a;
  color: rgba(85, 60, 154, var(--text-opacity));
}

.hover\:tw-text-purple-900:hover{
  --text-opacity: 1;
  color: #44337a;
  color: rgba(68, 51, 122, var(--text-opacity));
}

.hover\:tw-text-pink-100:hover{
  --text-opacity: 1;
  color: #fff5f7;
  color: rgba(255, 245, 247, var(--text-opacity));
}

.hover\:tw-text-pink-200:hover{
  --text-opacity: 1;
  color: #fed7e2;
  color: rgba(254, 215, 226, var(--text-opacity));
}

.hover\:tw-text-pink-300:hover{
  --text-opacity: 1;
  color: #fbb6ce;
  color: rgba(251, 182, 206, var(--text-opacity));
}

.hover\:tw-text-pink-400:hover{
  --text-opacity: 1;
  color: #f687b3;
  color: rgba(246, 135, 179, var(--text-opacity));
}

.hover\:tw-text-pink-500:hover{
  --text-opacity: 1;
  color: #ed64a6;
  color: rgba(237, 100, 166, var(--text-opacity));
}

.hover\:tw-text-pink-600:hover{
  --text-opacity: 1;
  color: #d53f8c;
  color: rgba(213, 63, 140, var(--text-opacity));
}

.hover\:tw-text-pink-700:hover{
  --text-opacity: 1;
  color: #b83280;
  color: rgba(184, 50, 128, var(--text-opacity));
}

.hover\:tw-text-pink-800:hover{
  --text-opacity: 1;
  color: #97266d;
  color: rgba(151, 38, 109, var(--text-opacity));
}

.hover\:tw-text-pink-900:hover{
  --text-opacity: 1;
  color: #702459;
  color: rgba(112, 36, 89, var(--text-opacity));
}

.hover\:tw-text-primary-blue:hover{
  --text-opacity: 1;
  color: #1976d2;
  color: rgba(25, 118, 210, var(--text-opacity));
}

.hover\:tw-text-primary-blue-dark:hover{
  --text-opacity: 1;
  color: #0c3b69;
  color: rgba(12, 59, 105, var(--text-opacity));
}

.hover\:tw-text-primary-white:hover{
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.hover\:tw-text-font-0:hover{
  --text-opacity: 1;
  color: #4f4f4f;
  color: rgba(79, 79, 79, var(--text-opacity));
}

.hover\:tw-text-font-1:hover{
  --text-opacity: 1;
  color: #fcfcfc;
  color: rgba(252, 252, 252, var(--text-opacity));
}

.hover\:tw-text-font-5:hover{
  --text-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--text-opacity));
}

.hover\:tw-text-font-10:hover{
  --text-opacity: 1;
  color: #ededed;
  color: rgba(237, 237, 237, var(--text-opacity));
}

.hover\:tw-text-font-50:hover{
  --text-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--text-opacity));
}

.hover\:tw-text-font-70:hover{
  --text-opacity: 1;
  color: #838383;
  color: rgba(131, 131, 131, var(--text-opacity));
}

.focus\:tw-text-transparent:focus{
  color: transparent;
}

.focus\:tw-text-current:focus{
  color: currentColor;
}

.focus\:tw-text-black:focus{
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.focus\:tw-text-white:focus{
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.focus\:tw-text-gray-100:focus{
  --text-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--text-opacity));
}

.focus\:tw-text-gray-200:focus{
  --text-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--text-opacity));
}

.focus\:tw-text-gray-300:focus{
  --text-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--text-opacity));
}

.focus\:tw-text-gray-400:focus{
  --text-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--text-opacity));
}

.focus\:tw-text-gray-500:focus{
  --text-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--text-opacity));
}

.focus\:tw-text-gray-600:focus{
  --text-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--text-opacity));
}

.focus\:tw-text-gray-700:focus{
  --text-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--text-opacity));
}

.focus\:tw-text-gray-800:focus{
  --text-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--text-opacity));
}

.focus\:tw-text-gray-900:focus{
  --text-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--text-opacity));
}

.focus\:tw-text-red-100:focus{
  --text-opacity: 1;
  color: #fff5f5;
  color: rgba(255, 245, 245, var(--text-opacity));
}

.focus\:tw-text-red-200:focus{
  --text-opacity: 1;
  color: #fed7d7;
  color: rgba(254, 215, 215, var(--text-opacity));
}

.focus\:tw-text-red-300:focus{
  --text-opacity: 1;
  color: #feb2b2;
  color: rgba(254, 178, 178, var(--text-opacity));
}

.focus\:tw-text-red-400:focus{
  --text-opacity: 1;
  color: #fc8181;
  color: rgba(252, 129, 129, var(--text-opacity));
}

.focus\:tw-text-red-500:focus{
  --text-opacity: 1;
  color: #f56565;
  color: rgba(245, 101, 101, var(--text-opacity));
}

.focus\:tw-text-red-600:focus{
  --text-opacity: 1;
  color: #e53e3e;
  color: rgba(229, 62, 62, var(--text-opacity));
}

.focus\:tw-text-red-700:focus{
  --text-opacity: 1;
  color: #c53030;
  color: rgba(197, 48, 48, var(--text-opacity));
}

.focus\:tw-text-red-800:focus{
  --text-opacity: 1;
  color: #9b2c2c;
  color: rgba(155, 44, 44, var(--text-opacity));
}

.focus\:tw-text-red-900:focus{
  --text-opacity: 1;
  color: #742a2a;
  color: rgba(116, 42, 42, var(--text-opacity));
}

.focus\:tw-text-orange-100:focus{
  --text-opacity: 1;
  color: #fffaf0;
  color: rgba(255, 250, 240, var(--text-opacity));
}

.focus\:tw-text-orange-200:focus{
  --text-opacity: 1;
  color: #feebc8;
  color: rgba(254, 235, 200, var(--text-opacity));
}

.focus\:tw-text-orange-300:focus{
  --text-opacity: 1;
  color: #fbd38d;
  color: rgba(251, 211, 141, var(--text-opacity));
}

.focus\:tw-text-orange-400:focus{
  --text-opacity: 1;
  color: #f6ad55;
  color: rgba(246, 173, 85, var(--text-opacity));
}

.focus\:tw-text-orange-500:focus{
  --text-opacity: 1;
  color: #ed8936;
  color: rgba(237, 137, 54, var(--text-opacity));
}

.focus\:tw-text-orange-600:focus{
  --text-opacity: 1;
  color: #dd6b20;
  color: rgba(221, 107, 32, var(--text-opacity));
}

.focus\:tw-text-orange-700:focus{
  --text-opacity: 1;
  color: #c05621;
  color: rgba(192, 86, 33, var(--text-opacity));
}

.focus\:tw-text-orange-800:focus{
  --text-opacity: 1;
  color: #9c4221;
  color: rgba(156, 66, 33, var(--text-opacity));
}

.focus\:tw-text-orange-900:focus{
  --text-opacity: 1;
  color: #7b341e;
  color: rgba(123, 52, 30, var(--text-opacity));
}

.focus\:tw-text-yellow-100:focus{
  --text-opacity: 1;
  color: #fffff0;
  color: rgba(255, 255, 240, var(--text-opacity));
}

.focus\:tw-text-yellow-200:focus{
  --text-opacity: 1;
  color: #fefcbf;
  color: rgba(254, 252, 191, var(--text-opacity));
}

.focus\:tw-text-yellow-300:focus{
  --text-opacity: 1;
  color: #faf089;
  color: rgba(250, 240, 137, var(--text-opacity));
}

.focus\:tw-text-yellow-400:focus{
  --text-opacity: 1;
  color: #f6e05e;
  color: rgba(246, 224, 94, var(--text-opacity));
}

.focus\:tw-text-yellow-500:focus{
  --text-opacity: 1;
  color: #ecc94b;
  color: rgba(236, 201, 75, var(--text-opacity));
}

.focus\:tw-text-yellow-600:focus{
  --text-opacity: 1;
  color: #d69e2e;
  color: rgba(214, 158, 46, var(--text-opacity));
}

.focus\:tw-text-yellow-700:focus{
  --text-opacity: 1;
  color: #b7791f;
  color: rgba(183, 121, 31, var(--text-opacity));
}

.focus\:tw-text-yellow-800:focus{
  --text-opacity: 1;
  color: #975a16;
  color: rgba(151, 90, 22, var(--text-opacity));
}

.focus\:tw-text-yellow-900:focus{
  --text-opacity: 1;
  color: #744210;
  color: rgba(116, 66, 16, var(--text-opacity));
}

.focus\:tw-text-green-100:focus{
  --text-opacity: 1;
  color: #f0fff4;
  color: rgba(240, 255, 244, var(--text-opacity));
}

.focus\:tw-text-green-200:focus{
  --text-opacity: 1;
  color: #c6f6d5;
  color: rgba(198, 246, 213, var(--text-opacity));
}

.focus\:tw-text-green-300:focus{
  --text-opacity: 1;
  color: #9ae6b4;
  color: rgba(154, 230, 180, var(--text-opacity));
}

.focus\:tw-text-green-400:focus{
  --text-opacity: 1;
  color: #68d391;
  color: rgba(104, 211, 145, var(--text-opacity));
}

.focus\:tw-text-green-500:focus{
  --text-opacity: 1;
  color: #48bb78;
  color: rgba(72, 187, 120, var(--text-opacity));
}

.focus\:tw-text-green-600:focus{
  --text-opacity: 1;
  color: #38a169;
  color: rgba(56, 161, 105, var(--text-opacity));
}

.focus\:tw-text-green-700:focus{
  --text-opacity: 1;
  color: #2f855a;
  color: rgba(47, 133, 90, var(--text-opacity));
}

.focus\:tw-text-green-800:focus{
  --text-opacity: 1;
  color: #276749;
  color: rgba(39, 103, 73, var(--text-opacity));
}

.focus\:tw-text-green-900:focus{
  --text-opacity: 1;
  color: #22543d;
  color: rgba(34, 84, 61, var(--text-opacity));
}

.focus\:tw-text-teal-100:focus{
  --text-opacity: 1;
  color: #e6fffa;
  color: rgba(230, 255, 250, var(--text-opacity));
}

.focus\:tw-text-teal-200:focus{
  --text-opacity: 1;
  color: #b2f5ea;
  color: rgba(178, 245, 234, var(--text-opacity));
}

.focus\:tw-text-teal-300:focus{
  --text-opacity: 1;
  color: #81e6d9;
  color: rgba(129, 230, 217, var(--text-opacity));
}

.focus\:tw-text-teal-400:focus{
  --text-opacity: 1;
  color: #4fd1c5;
  color: rgba(79, 209, 197, var(--text-opacity));
}

.focus\:tw-text-teal-500:focus{
  --text-opacity: 1;
  color: #38b2ac;
  color: rgba(56, 178, 172, var(--text-opacity));
}

.focus\:tw-text-teal-600:focus{
  --text-opacity: 1;
  color: #319795;
  color: rgba(49, 151, 149, var(--text-opacity));
}

.focus\:tw-text-teal-700:focus{
  --text-opacity: 1;
  color: #2c7a7b;
  color: rgba(44, 122, 123, var(--text-opacity));
}

.focus\:tw-text-teal-800:focus{
  --text-opacity: 1;
  color: #285e61;
  color: rgba(40, 94, 97, var(--text-opacity));
}

.focus\:tw-text-teal-900:focus{
  --text-opacity: 1;
  color: #234e52;
  color: rgba(35, 78, 82, var(--text-opacity));
}

.focus\:tw-text-blue-100:focus{
  --text-opacity: 1;
  color: #ebf8ff;
  color: rgba(235, 248, 255, var(--text-opacity));
}

.focus\:tw-text-blue-200:focus{
  --text-opacity: 1;
  color: #bee3f8;
  color: rgba(190, 227, 248, var(--text-opacity));
}

.focus\:tw-text-blue-300:focus{
  --text-opacity: 1;
  color: #90cdf4;
  color: rgba(144, 205, 244, var(--text-opacity));
}

.focus\:tw-text-blue-400:focus{
  --text-opacity: 1;
  color: #63b3ed;
  color: rgba(99, 179, 237, var(--text-opacity));
}

.focus\:tw-text-blue-500:focus{
  --text-opacity: 1;
  color: #4299e1;
  color: rgba(66, 153, 225, var(--text-opacity));
}

.focus\:tw-text-blue-600:focus{
  --text-opacity: 1;
  color: #3182ce;
  color: rgba(49, 130, 206, var(--text-opacity));
}

.focus\:tw-text-blue-700:focus{
  --text-opacity: 1;
  color: #2b6cb0;
  color: rgba(43, 108, 176, var(--text-opacity));
}

.focus\:tw-text-blue-800:focus{
  --text-opacity: 1;
  color: #2c5282;
  color: rgba(44, 82, 130, var(--text-opacity));
}

.focus\:tw-text-blue-900:focus{
  --text-opacity: 1;
  color: #2a4365;
  color: rgba(42, 67, 101, var(--text-opacity));
}

.focus\:tw-text-indigo-100:focus{
  --text-opacity: 1;
  color: #ebf4ff;
  color: rgba(235, 244, 255, var(--text-opacity));
}

.focus\:tw-text-indigo-200:focus{
  --text-opacity: 1;
  color: #c3dafe;
  color: rgba(195, 218, 254, var(--text-opacity));
}

.focus\:tw-text-indigo-300:focus{
  --text-opacity: 1;
  color: #a3bffa;
  color: rgba(163, 191, 250, var(--text-opacity));
}

.focus\:tw-text-indigo-400:focus{
  --text-opacity: 1;
  color: #7f9cf5;
  color: rgba(127, 156, 245, var(--text-opacity));
}

.focus\:tw-text-indigo-500:focus{
  --text-opacity: 1;
  color: #667eea;
  color: rgba(102, 126, 234, var(--text-opacity));
}

.focus\:tw-text-indigo-600:focus{
  --text-opacity: 1;
  color: #5a67d8;
  color: rgba(90, 103, 216, var(--text-opacity));
}

.focus\:tw-text-indigo-700:focus{
  --text-opacity: 1;
  color: #4c51bf;
  color: rgba(76, 81, 191, var(--text-opacity));
}

.focus\:tw-text-indigo-800:focus{
  --text-opacity: 1;
  color: #434190;
  color: rgba(67, 65, 144, var(--text-opacity));
}

.focus\:tw-text-indigo-900:focus{
  --text-opacity: 1;
  color: #3c366b;
  color: rgba(60, 54, 107, var(--text-opacity));
}

.focus\:tw-text-purple-100:focus{
  --text-opacity: 1;
  color: #faf5ff;
  color: rgba(250, 245, 255, var(--text-opacity));
}

.focus\:tw-text-purple-200:focus{
  --text-opacity: 1;
  color: #e9d8fd;
  color: rgba(233, 216, 253, var(--text-opacity));
}

.focus\:tw-text-purple-300:focus{
  --text-opacity: 1;
  color: #d6bcfa;
  color: rgba(214, 188, 250, var(--text-opacity));
}

.focus\:tw-text-purple-400:focus{
  --text-opacity: 1;
  color: #b794f4;
  color: rgba(183, 148, 244, var(--text-opacity));
}

.focus\:tw-text-purple-500:focus{
  --text-opacity: 1;
  color: #9f7aea;
  color: rgba(159, 122, 234, var(--text-opacity));
}

.focus\:tw-text-purple-600:focus{
  --text-opacity: 1;
  color: #805ad5;
  color: rgba(128, 90, 213, var(--text-opacity));
}

.focus\:tw-text-purple-700:focus{
  --text-opacity: 1;
  color: #6b46c1;
  color: rgba(107, 70, 193, var(--text-opacity));
}

.focus\:tw-text-purple-800:focus{
  --text-opacity: 1;
  color: #553c9a;
  color: rgba(85, 60, 154, var(--text-opacity));
}

.focus\:tw-text-purple-900:focus{
  --text-opacity: 1;
  color: #44337a;
  color: rgba(68, 51, 122, var(--text-opacity));
}

.focus\:tw-text-pink-100:focus{
  --text-opacity: 1;
  color: #fff5f7;
  color: rgba(255, 245, 247, var(--text-opacity));
}

.focus\:tw-text-pink-200:focus{
  --text-opacity: 1;
  color: #fed7e2;
  color: rgba(254, 215, 226, var(--text-opacity));
}

.focus\:tw-text-pink-300:focus{
  --text-opacity: 1;
  color: #fbb6ce;
  color: rgba(251, 182, 206, var(--text-opacity));
}

.focus\:tw-text-pink-400:focus{
  --text-opacity: 1;
  color: #f687b3;
  color: rgba(246, 135, 179, var(--text-opacity));
}

.focus\:tw-text-pink-500:focus{
  --text-opacity: 1;
  color: #ed64a6;
  color: rgba(237, 100, 166, var(--text-opacity));
}

.focus\:tw-text-pink-600:focus{
  --text-opacity: 1;
  color: #d53f8c;
  color: rgba(213, 63, 140, var(--text-opacity));
}

.focus\:tw-text-pink-700:focus{
  --text-opacity: 1;
  color: #b83280;
  color: rgba(184, 50, 128, var(--text-opacity));
}

.focus\:tw-text-pink-800:focus{
  --text-opacity: 1;
  color: #97266d;
  color: rgba(151, 38, 109, var(--text-opacity));
}

.focus\:tw-text-pink-900:focus{
  --text-opacity: 1;
  color: #702459;
  color: rgba(112, 36, 89, var(--text-opacity));
}

.focus\:tw-text-primary-blue:focus{
  --text-opacity: 1;
  color: #1976d2;
  color: rgba(25, 118, 210, var(--text-opacity));
}

.focus\:tw-text-primary-blue-dark:focus{
  --text-opacity: 1;
  color: #0c3b69;
  color: rgba(12, 59, 105, var(--text-opacity));
}

.focus\:tw-text-primary-white:focus{
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.focus\:tw-text-font-0:focus{
  --text-opacity: 1;
  color: #4f4f4f;
  color: rgba(79, 79, 79, var(--text-opacity));
}

.focus\:tw-text-font-1:focus{
  --text-opacity: 1;
  color: #fcfcfc;
  color: rgba(252, 252, 252, var(--text-opacity));
}

.focus\:tw-text-font-5:focus{
  --text-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--text-opacity));
}

.focus\:tw-text-font-10:focus{
  --text-opacity: 1;
  color: #ededed;
  color: rgba(237, 237, 237, var(--text-opacity));
}

.focus\:tw-text-font-50:focus{
  --text-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--text-opacity));
}

.focus\:tw-text-font-70:focus{
  --text-opacity: 1;
  color: #838383;
  color: rgba(131, 131, 131, var(--text-opacity));
}

.tw-text-opacity-0{
  --text-opacity: 0;
}

.tw-text-opacity-25{
  --text-opacity: 0.25;
}

.tw-text-opacity-50{
  --text-opacity: 0.5;
}

.tw-text-opacity-75{
  --text-opacity: 0.75;
}

.tw-text-opacity-100{
  --text-opacity: 1;
}

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

.hover\:tw-text-opacity-25:hover{
  --text-opacity: 0.25;
}

.hover\:tw-text-opacity-50:hover{
  --text-opacity: 0.5;
}

.hover\:tw-text-opacity-75:hover{
  --text-opacity: 0.75;
}

.hover\:tw-text-opacity-100:hover{
  --text-opacity: 1;
}

.focus\:tw-text-opacity-0:focus{
  --text-opacity: 0;
}

.focus\:tw-text-opacity-25:focus{
  --text-opacity: 0.25;
}

.focus\:tw-text-opacity-50:focus{
  --text-opacity: 0.5;
}

.focus\:tw-text-opacity-75:focus{
  --text-opacity: 0.75;
}

.focus\:tw-text-opacity-100:focus{
  --text-opacity: 1;
}

.tw-italic{
  font-style: italic;
}

.tw-not-italic{
  font-style: normal;
}

.tw-uppercase{
  text-transform: uppercase;
}

.tw-lowercase{
  text-transform: lowercase;
}

.tw-capitalize{
  text-transform: capitalize;
}

.tw-normal-case{
  text-transform: none;
}

.tw-underline{
  text-decoration: underline;
}

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

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

.hover\:tw-underline:hover{
  text-decoration: underline;
}

.hover\:tw-line-through:hover{
  text-decoration: line-through;
}

.hover\:tw-no-underline:hover{
  text-decoration: none;
}

.focus\:tw-underline:focus{
  text-decoration: underline;
}

.focus\:tw-line-through:focus{
  text-decoration: line-through;
}

.focus\:tw-no-underline:focus{
  text-decoration: none;
}

.tw-antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tw-subpixel-antialiased{
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.tw-ordinal, .tw-slashed-zero, .tw-lining-nums, .tw-oldstyle-nums, .tw-proportional-nums, .tw-tabular-nums, .tw-diagonal-fractions, .tw-stacked-fractions{
  --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
  font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
}

.tw-normal-nums{
  font-variant-numeric: normal;
}

.tw-ordinal{
  --font-variant-numeric-ordinal: ordinal;
}

.tw-slashed-zero{
  --font-variant-numeric-slashed-zero: slashed-zero;
}

.tw-lining-nums{
  --font-variant-numeric-figure: lining-nums;
}

.tw-oldstyle-nums{
  --font-variant-numeric-figure: oldstyle-nums;
}

.tw-proportional-nums{
  --font-variant-numeric-spacing: proportional-nums;
}

.tw-tabular-nums{
  --font-variant-numeric-spacing: tabular-nums;
}

.tw-diagonal-fractions{
  --font-variant-numeric-fraction: diagonal-fractions;
}

.tw-stacked-fractions{
  --font-variant-numeric-fraction: stacked-fractions;
}

.tw-tracking-tighter{
  letter-spacing: -0.05em;
}

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

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

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

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

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

.tw-select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tw-select-text{
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.tw-select-all{
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
}

.tw-select-auto{
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

.tw-align-baseline{
  vertical-align: baseline;
}

.tw-align-top{
  vertical-align: top;
}

.tw-align-middle{
  vertical-align: middle;
}

.tw-align-bottom{
  vertical-align: bottom;
}

.tw-align-text-top{
  vertical-align: text-top;
}

.tw-align-text-bottom{
  vertical-align: text-bottom;
}

.tw-visible{
  visibility: visible;
}

.tw-invisible{
  visibility: hidden;
}

.tw-whitespace-normal{
  white-space: normal;
}

.tw-whitespace-no-wrap{
  white-space: nowrap;
}

.tw-whitespace-pre{
  white-space: pre;
}

.tw-whitespace-pre-line{
  white-space: pre-line;
}

.tw-whitespace-pre-wrap{
  white-space: pre-wrap;
}

.tw-break-normal{
  word-wrap: normal;
  overflow-wrap: normal;
  word-break: normal;
}

.tw-break-words{
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.tw-break-all{
  word-break: break-all;
}

.tw-truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tw-w-0{
  width: 0;
}

.tw-w-1{
  width: 0.25rem;
}

.tw-w-2{
  width: 0.5rem;
}

.tw-w-3{
  width: 0.75rem;
}

.tw-w-4{
  width: 1rem;
}

.tw-w-5{
  width: 1.25rem;
}

.tw-w-6{
  width: 1.5rem;
}

.tw-w-8{
  width: 2rem;
}

.tw-w-10{
  width: 2.5rem;
}

.tw-w-12{
  width: 3rem;
}

.tw-w-16{
  width: 4rem;
}

.tw-w-20{
  width: 5rem;
}

.tw-w-24{
  width: 6rem;
}

.tw-w-32{
  width: 8rem;
}

.tw-w-40{
  width: 10rem;
}

.tw-w-48{
  width: 12rem;
}

.tw-w-56{
  width: 14rem;
}

.tw-w-64{
  width: 16rem;
}

.tw-w-auto{
  width: auto;
}

.tw-w-px{
  width: 1px;
}

.tw-w-1\/2{
  width: 50%;
}

.tw-w-1\/3{
  width: 33.333333%;
}

.tw-w-2\/3{
  width: 66.666667%;
}

.tw-w-1\/4{
  width: 25%;
}

.tw-w-2\/4{
  width: 50%;
}

.tw-w-3\/4{
  width: 75%;
}

.tw-w-1\/5{
  width: 20%;
}

.tw-w-2\/5{
  width: 40%;
}

.tw-w-3\/5{
  width: 60%;
}

.tw-w-4\/5{
  width: 80%;
}

.tw-w-1\/6{
  width: 16.666667%;
}

.tw-w-2\/6{
  width: 33.333333%;
}

.tw-w-3\/6{
  width: 50%;
}

.tw-w-4\/6{
  width: 66.666667%;
}

.tw-w-5\/6{
  width: 83.333333%;
}

.tw-w-1\/12{
  width: 8.333333%;
}

.tw-w-2\/12{
  width: 16.666667%;
}

.tw-w-3\/12{
  width: 25%;
}

.tw-w-4\/12{
  width: 33.333333%;
}

.tw-w-5\/12{
  width: 41.666667%;
}

.tw-w-6\/12{
  width: 50%;
}

.tw-w-7\/12{
  width: 58.333333%;
}

.tw-w-8\/12{
  width: 66.666667%;
}

.tw-w-9\/12{
  width: 75%;
}

.tw-w-10\/12{
  width: 83.333333%;
}

.tw-w-11\/12{
  width: 91.666667%;
}

.tw-w-full{
  width: 100%;
}

.tw-w-screen{
  width: 100vw;
}

.tw-w-25px{
  width: 25px;
}

.tw-w-30px{
  width: 30px;
}

.tw-w-35px{
  width: 35px;
}

.tw-w-40px{
  width: 40px;
}

.tw-w-50px{
  width: 50px;
}

.tw-w-60px{
  width: 60px;
}

.tw-w-200px{
  width: 200px;
}

.tw-w-250px{
  width: 250px;
}

.tw-w-265px{
  width: 265px;
}

.tw-w-280px{
  width: 280px;
}

.tw-w-320px{
  width: 320px;
}

.tw-z-0{
  z-index: 0;
}

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

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

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

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

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

.tw-z-auto{
  z-index: auto;
}

.tw-gap-0{
  grid-gap: 0;
  gap: 0;
}

.tw-gap-1{
  grid-gap: 0.25rem;
  gap: 0.25rem;
}

.tw-gap-2{
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.tw-gap-3{
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.tw-gap-4{
  grid-gap: 1rem;
  gap: 1rem;
}

.tw-gap-5{
  grid-gap: 1.25rem;
  gap: 1.25rem;
}

.tw-gap-6{
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.tw-gap-8{
  grid-gap: 2rem;
  gap: 2rem;
}

.tw-gap-10{
  grid-gap: 2.5rem;
  gap: 2.5rem;
}

.tw-gap-12{
  grid-gap: 3rem;
  gap: 3rem;
}

.tw-gap-16{
  grid-gap: 4rem;
  gap: 4rem;
}

.tw-gap-20{
  grid-gap: 5rem;
  gap: 5rem;
}

.tw-gap-24{
  grid-gap: 6rem;
  gap: 6rem;
}

.tw-gap-32{
  grid-gap: 8rem;
  gap: 8rem;
}

.tw-gap-40{
  grid-gap: 10rem;
  gap: 10rem;
}

.tw-gap-48{
  grid-gap: 12rem;
  gap: 12rem;
}

.tw-gap-56{
  grid-gap: 14rem;
  gap: 14rem;
}

.tw-gap-64{
  grid-gap: 16rem;
  gap: 16rem;
}

.tw-gap-px{
  grid-gap: 1px;
  gap: 1px;
}

.tw-col-gap-0{
  grid-column-gap: 0;
  -moz-column-gap: 0;
       column-gap: 0;
}

.tw-col-gap-1{
  grid-column-gap: 0.25rem;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.tw-col-gap-2{
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.tw-col-gap-3{
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.tw-col-gap-4{
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.tw-col-gap-5{
  grid-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.tw-col-gap-6{
  grid-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.tw-col-gap-8{
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.tw-col-gap-10{
  grid-column-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.tw-col-gap-12{
  grid-column-gap: 3rem;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.tw-col-gap-16{
  grid-column-gap: 4rem;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.tw-col-gap-20{
  grid-column-gap: 5rem;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.tw-col-gap-24{
  grid-column-gap: 6rem;
  -moz-column-gap: 6rem;
       column-gap: 6rem;
}

.tw-col-gap-32{
  grid-column-gap: 8rem;
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}

.tw-col-gap-40{
  grid-column-gap: 10rem;
  -moz-column-gap: 10rem;
       column-gap: 10rem;
}

.tw-col-gap-48{
  grid-column-gap: 12rem;
  -moz-column-gap: 12rem;
       column-gap: 12rem;
}

.tw-col-gap-56{
  grid-column-gap: 14rem;
  -moz-column-gap: 14rem;
       column-gap: 14rem;
}

.tw-col-gap-64{
  grid-column-gap: 16rem;
  -moz-column-gap: 16rem;
       column-gap: 16rem;
}

.tw-col-gap-px{
  grid-column-gap: 1px;
  -moz-column-gap: 1px;
       column-gap: 1px;
}

.tw-gap-x-0{
  grid-column-gap: 0;
  -moz-column-gap: 0;
       column-gap: 0;
}

.tw-gap-x-1{
  grid-column-gap: 0.25rem;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.tw-gap-x-2{
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.tw-gap-x-3{
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.tw-gap-x-4{
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.tw-gap-x-5{
  grid-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.tw-gap-x-6{
  grid-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.tw-gap-x-8{
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.tw-gap-x-10{
  grid-column-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.tw-gap-x-12{
  grid-column-gap: 3rem;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.tw-gap-x-16{
  grid-column-gap: 4rem;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.tw-gap-x-20{
  grid-column-gap: 5rem;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.tw-gap-x-24{
  grid-column-gap: 6rem;
  -moz-column-gap: 6rem;
       column-gap: 6rem;
}

.tw-gap-x-32{
  grid-column-gap: 8rem;
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}

.tw-gap-x-40{
  grid-column-gap: 10rem;
  -moz-column-gap: 10rem;
       column-gap: 10rem;
}

.tw-gap-x-48{
  grid-column-gap: 12rem;
  -moz-column-gap: 12rem;
       column-gap: 12rem;
}

.tw-gap-x-56{
  grid-column-gap: 14rem;
  -moz-column-gap: 14rem;
       column-gap: 14rem;
}

.tw-gap-x-64{
  grid-column-gap: 16rem;
  -moz-column-gap: 16rem;
       column-gap: 16rem;
}

.tw-gap-x-px{
  grid-column-gap: 1px;
  -moz-column-gap: 1px;
       column-gap: 1px;
}

.tw-row-gap-0{
  grid-row-gap: 0;
  row-gap: 0;
}

.tw-row-gap-1{
  grid-row-gap: 0.25rem;
  row-gap: 0.25rem;
}

.tw-row-gap-2{
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}

.tw-row-gap-3{
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
}

.tw-row-gap-4{
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

.tw-row-gap-5{
  grid-row-gap: 1.25rem;
  row-gap: 1.25rem;
}

.tw-row-gap-6{
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem;
}

.tw-row-gap-8{
  grid-row-gap: 2rem;
  row-gap: 2rem;
}

.tw-row-gap-10{
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem;
}

.tw-row-gap-12{
  grid-row-gap: 3rem;
  row-gap: 3rem;
}

.tw-row-gap-16{
  grid-row-gap: 4rem;
  row-gap: 4rem;
}

.tw-row-gap-20{
  grid-row-gap: 5rem;
  row-gap: 5rem;
}

.tw-row-gap-24{
  grid-row-gap: 6rem;
  row-gap: 6rem;
}

.tw-row-gap-32{
  grid-row-gap: 8rem;
  row-gap: 8rem;
}

.tw-row-gap-40{
  grid-row-gap: 10rem;
  row-gap: 10rem;
}

.tw-row-gap-48{
  grid-row-gap: 12rem;
  row-gap: 12rem;
}

.tw-row-gap-56{
  grid-row-gap: 14rem;
  row-gap: 14rem;
}

.tw-row-gap-64{
  grid-row-gap: 16rem;
  row-gap: 16rem;
}

.tw-row-gap-px{
  grid-row-gap: 1px;
  row-gap: 1px;
}

.tw-gap-y-0{
  grid-row-gap: 0;
  row-gap: 0;
}

.tw-gap-y-1{
  grid-row-gap: 0.25rem;
  row-gap: 0.25rem;
}

.tw-gap-y-2{
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}

.tw-gap-y-3{
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
}

.tw-gap-y-4{
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

.tw-gap-y-5{
  grid-row-gap: 1.25rem;
  row-gap: 1.25rem;
}

.tw-gap-y-6{
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem;
}

.tw-gap-y-8{
  grid-row-gap: 2rem;
  row-gap: 2rem;
}

.tw-gap-y-10{
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem;
}

.tw-gap-y-12{
  grid-row-gap: 3rem;
  row-gap: 3rem;
}

.tw-gap-y-16{
  grid-row-gap: 4rem;
  row-gap: 4rem;
}

.tw-gap-y-20{
  grid-row-gap: 5rem;
  row-gap: 5rem;
}

.tw-gap-y-24{
  grid-row-gap: 6rem;
  row-gap: 6rem;
}

.tw-gap-y-32{
  grid-row-gap: 8rem;
  row-gap: 8rem;
}

.tw-gap-y-40{
  grid-row-gap: 10rem;
  row-gap: 10rem;
}

.tw-gap-y-48{
  grid-row-gap: 12rem;
  row-gap: 12rem;
}

.tw-gap-y-56{
  grid-row-gap: 14rem;
  row-gap: 14rem;
}

.tw-gap-y-64{
  grid-row-gap: 16rem;
  row-gap: 16rem;
}

.tw-gap-y-px{
  grid-row-gap: 1px;
  row-gap: 1px;
}

.tw-grid-flow-row{
  grid-auto-flow: row;
}

.tw-grid-flow-col{
  grid-auto-flow: column;
}

.tw-grid-flow-row-dense{
  grid-auto-flow: row dense;
}

.tw-grid-flow-col-dense{
  grid-auto-flow: column dense;
}

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

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

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

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

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

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

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

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

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

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

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

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

.tw-grid-cols-none{
  grid-template-columns: none;
}

.tw-auto-cols-auto{
  grid-auto-columns: auto;
}

.tw-auto-cols-min{
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
}

.tw-auto-cols-max{
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}

.tw-auto-cols-fr{
  grid-auto-columns: minmax(0, 1fr);
}

.tw-col-auto{
  grid-column: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.tw-col-span-full{
  grid-column: 1 / -1;
}

.tw-col-start-1{
  grid-column-start: 1;
}

.tw-col-start-2{
  grid-column-start: 2;
}

.tw-col-start-3{
  grid-column-start: 3;
}

.tw-col-start-4{
  grid-column-start: 4;
}

.tw-col-start-5{
  grid-column-start: 5;
}

.tw-col-start-6{
  grid-column-start: 6;
}

.tw-col-start-7{
  grid-column-start: 7;
}

.tw-col-start-8{
  grid-column-start: 8;
}

.tw-col-start-9{
  grid-column-start: 9;
}

.tw-col-start-10{
  grid-column-start: 10;
}

.tw-col-start-11{
  grid-column-start: 11;
}

.tw-col-start-12{
  grid-column-start: 12;
}

.tw-col-start-13{
  grid-column-start: 13;
}

.tw-col-start-auto{
  grid-column-start: auto;
}

.tw-col-end-1{
  grid-column-end: 1;
}

.tw-col-end-2{
  grid-column-end: 2;
}

.tw-col-end-3{
  grid-column-end: 3;
}

.tw-col-end-4{
  grid-column-end: 4;
}

.tw-col-end-5{
  grid-column-end: 5;
}

.tw-col-end-6{
  grid-column-end: 6;
}

.tw-col-end-7{
  grid-column-end: 7;
}

.tw-col-end-8{
  grid-column-end: 8;
}

.tw-col-end-9{
  grid-column-end: 9;
}

.tw-col-end-10{
  grid-column-end: 10;
}

.tw-col-end-11{
  grid-column-end: 11;
}

.tw-col-end-12{
  grid-column-end: 12;
}

.tw-col-end-13{
  grid-column-end: 13;
}

.tw-col-end-auto{
  grid-column-end: auto;
}

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

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

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

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

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

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

.tw-grid-rows-none{
  grid-template-rows: none;
}

.tw-auto-rows-auto{
  grid-auto-rows: auto;
}

.tw-auto-rows-min{
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}

.tw-auto-rows-max{
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}

.tw-auto-rows-fr{
  grid-auto-rows: minmax(0, 1fr);
}

.tw-row-auto{
  grid-row: auto;
}

.tw-row-span-1{
  grid-row: span 1 / span 1;
}

.tw-row-span-2{
  grid-row: span 2 / span 2;
}

.tw-row-span-3{
  grid-row: span 3 / span 3;
}

.tw-row-span-4{
  grid-row: span 4 / span 4;
}

.tw-row-span-5{
  grid-row: span 5 / span 5;
}

.tw-row-span-6{
  grid-row: span 6 / span 6;
}

.tw-row-span-full{
  grid-row: 1 / -1;
}

.tw-row-start-1{
  grid-row-start: 1;
}

.tw-row-start-2{
  grid-row-start: 2;
}

.tw-row-start-3{
  grid-row-start: 3;
}

.tw-row-start-4{
  grid-row-start: 4;
}

.tw-row-start-5{
  grid-row-start: 5;
}

.tw-row-start-6{
  grid-row-start: 6;
}

.tw-row-start-7{
  grid-row-start: 7;
}

.tw-row-start-auto{
  grid-row-start: auto;
}

.tw-row-end-1{
  grid-row-end: 1;
}

.tw-row-end-2{
  grid-row-end: 2;
}

.tw-row-end-3{
  grid-row-end: 3;
}

.tw-row-end-4{
  grid-row-end: 4;
}

.tw-row-end-5{
  grid-row-end: 5;
}

.tw-row-end-6{
  grid-row-end: 6;
}

.tw-row-end-7{
  grid-row-end: 7;
}

.tw-row-end-auto{
  grid-row-end: auto;
}

.tw-transform{
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

.tw-transform-none{
  transform: none;
}

.tw-origin-center{
  transform-origin: center;
}

.tw-origin-top{
  transform-origin: top;
}

.tw-origin-top-right{
  transform-origin: top right;
}

.tw-origin-right{
  transform-origin: right;
}

.tw-origin-bottom-right{
  transform-origin: bottom right;
}

.tw-origin-bottom{
  transform-origin: bottom;
}

.tw-origin-bottom-left{
  transform-origin: bottom left;
}

.tw-origin-left{
  transform-origin: left;
}

.tw-origin-top-left{
  transform-origin: top left;
}

.tw-scale-0{
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.tw-scale-50{
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

.tw-scale-75{
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

.tw-scale-90{
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

.tw-scale-95{
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

.tw-scale-100{
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.tw-scale-105{
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

.tw-scale-110{
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.tw-scale-125{
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

.tw-scale-150{
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.tw-scale-x-0{
  --transform-scale-x: 0;
}

.tw-scale-x-50{
  --transform-scale-x: .5;
}

.tw-scale-x-75{
  --transform-scale-x: .75;
}

.tw-scale-x-90{
  --transform-scale-x: .9;
}

.tw-scale-x-95{
  --transform-scale-x: .95;
}

.tw-scale-x-100{
  --transform-scale-x: 1;
}

.tw-scale-x-105{
  --transform-scale-x: 1.05;
}

.tw-scale-x-110{
  --transform-scale-x: 1.1;
}

.tw-scale-x-125{
  --transform-scale-x: 1.25;
}

.tw-scale-x-150{
  --transform-scale-x: 1.5;
}

.tw-scale-y-0{
  --transform-scale-y: 0;
}

.tw-scale-y-50{
  --transform-scale-y: .5;
}

.tw-scale-y-75{
  --transform-scale-y: .75;
}

.tw-scale-y-90{
  --transform-scale-y: .9;
}

.tw-scale-y-95{
  --transform-scale-y: .95;
}

.tw-scale-y-100{
  --transform-scale-y: 1;
}

.tw-scale-y-105{
  --transform-scale-y: 1.05;
}

.tw-scale-y-110{
  --transform-scale-y: 1.1;
}

.tw-scale-y-125{
  --transform-scale-y: 1.25;
}

.tw-scale-y-150{
  --transform-scale-y: 1.5;
}

.hover\:tw-scale-0:hover{
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.hover\:tw-scale-50:hover{
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

.hover\:tw-scale-75:hover{
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

.hover\:tw-scale-90:hover{
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

.hover\:tw-scale-95:hover{
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

.hover\:tw-scale-100:hover{
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.hover\:tw-scale-105:hover{
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

.hover\:tw-scale-110:hover{
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.hover\:tw-scale-125:hover{
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

.hover\:tw-scale-150:hover{
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.hover\:tw-scale-x-0:hover{
  --transform-scale-x: 0;
}

.hover\:tw-scale-x-50:hover{
  --transform-scale-x: .5;
}

.hover\:tw-scale-x-75:hover{
  --transform-scale-x: .75;
}

.hover\:tw-scale-x-90:hover{
  --transform-scale-x: .9;
}

.hover\:tw-scale-x-95:hover{
  --transform-scale-x: .95;
}

.hover\:tw-scale-x-100:hover{
  --transform-scale-x: 1;
}

.hover\:tw-scale-x-105:hover{
  --transform-scale-x: 1.05;
}

.hover\:tw-scale-x-110:hover{
  --transform-scale-x: 1.1;
}

.hover\:tw-scale-x-125:hover{
  --transform-scale-x: 1.25;
}

.hover\:tw-scale-x-150:hover{
  --transform-scale-x: 1.5;
}

.hover\:tw-scale-y-0:hover{
  --transform-scale-y: 0;
}

.hover\:tw-scale-y-50:hover{
  --transform-scale-y: .5;
}

.hover\:tw-scale-y-75:hover{
  --transform-scale-y: .75;
}

.hover\:tw-scale-y-90:hover{
  --transform-scale-y: .9;
}

.hover\:tw-scale-y-95:hover{
  --transform-scale-y: .95;
}

.hover\:tw-scale-y-100:hover{
  --transform-scale-y: 1;
}

.hover\:tw-scale-y-105:hover{
  --transform-scale-y: 1.05;
}

.hover\:tw-scale-y-110:hover{
  --transform-scale-y: 1.1;
}

.hover\:tw-scale-y-125:hover{
  --transform-scale-y: 1.25;
}

.hover\:tw-scale-y-150:hover{
  --transform-scale-y: 1.5;
}

.focus\:tw-scale-0:focus{
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.focus\:tw-scale-50:focus{
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

.focus\:tw-scale-75:focus{
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

.focus\:tw-scale-90:focus{
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

.focus\:tw-scale-95:focus{
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

.focus\:tw-scale-100:focus{
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.focus\:tw-scale-105:focus{
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

.focus\:tw-scale-110:focus{
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.focus\:tw-scale-125:focus{
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

.focus\:tw-scale-150:focus{
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.focus\:tw-scale-x-0:focus{
  --transform-scale-x: 0;
}

.focus\:tw-scale-x-50:focus{
  --transform-scale-x: .5;
}

.focus\:tw-scale-x-75:focus{
  --transform-scale-x: .75;
}

.focus\:tw-scale-x-90:focus{
  --transform-scale-x: .9;
}

.focus\:tw-scale-x-95:focus{
  --transform-scale-x: .95;
}

.focus\:tw-scale-x-100:focus{
  --transform-scale-x: 1;
}

.focus\:tw-scale-x-105:focus{
  --transform-scale-x: 1.05;
}

.focus\:tw-scale-x-110:focus{
  --transform-scale-x: 1.1;
}

.focus\:tw-scale-x-125:focus{
  --transform-scale-x: 1.25;
}

.focus\:tw-scale-x-150:focus{
  --transform-scale-x: 1.5;
}

.focus\:tw-scale-y-0:focus{
  --transform-scale-y: 0;
}

.focus\:tw-scale-y-50:focus{
  --transform-scale-y: .5;
}

.focus\:tw-scale-y-75:focus{
  --transform-scale-y: .75;
}

.focus\:tw-scale-y-90:focus{
  --transform-scale-y: .9;
}

.focus\:tw-scale-y-95:focus{
  --transform-scale-y: .95;
}

.focus\:tw-scale-y-100:focus{
  --transform-scale-y: 1;
}

.focus\:tw-scale-y-105:focus{
  --transform-scale-y: 1.05;
}

.focus\:tw-scale-y-110:focus{
  --transform-scale-y: 1.1;
}

.focus\:tw-scale-y-125:focus{
  --transform-scale-y: 1.25;
}

.focus\:tw-scale-y-150:focus{
  --transform-scale-y: 1.5;
}

.tw-rotate-0{
  --transform-rotate: 0;
}

.tw-rotate-1{
  --transform-rotate: 1deg;
}

.tw-rotate-2{
  --transform-rotate: 2deg;
}

.tw-rotate-3{
  --transform-rotate: 3deg;
}

.tw-rotate-6{
  --transform-rotate: 6deg;
}

.tw-rotate-12{
  --transform-rotate: 12deg;
}

.tw-rotate-45{
  --transform-rotate: 45deg;
}

.tw-rotate-90{
  --transform-rotate: 90deg;
}

.tw-rotate-180{
  --transform-rotate: 180deg;
}

.tw--rotate-180{
  --transform-rotate: -180deg;
}

.tw--rotate-90{
  --transform-rotate: -90deg;
}

.tw--rotate-45{
  --transform-rotate: -45deg;
}

.tw--rotate-12{
  --transform-rotate: -12deg;
}

.tw--rotate-6{
  --transform-rotate: -6deg;
}

.tw--rotate-3{
  --transform-rotate: -3deg;
}

.tw--rotate-2{
  --transform-rotate: -2deg;
}

.tw--rotate-1{
  --transform-rotate: -1deg;
}

.hover\:tw-rotate-0:hover{
  --transform-rotate: 0;
}

.hover\:tw-rotate-1:hover{
  --transform-rotate: 1deg;
}

.hover\:tw-rotate-2:hover{
  --transform-rotate: 2deg;
}

.hover\:tw-rotate-3:hover{
  --transform-rotate: 3deg;
}

.hover\:tw-rotate-6:hover{
  --transform-rotate: 6deg;
}

.hover\:tw-rotate-12:hover{
  --transform-rotate: 12deg;
}

.hover\:tw-rotate-45:hover{
  --transform-rotate: 45deg;
}

.hover\:tw-rotate-90:hover{
  --transform-rotate: 90deg;
}

.hover\:tw-rotate-180:hover{
  --transform-rotate: 180deg;
}

.hover\:tw--rotate-180:hover{
  --transform-rotate: -180deg;
}

.hover\:tw--rotate-90:hover{
  --transform-rotate: -90deg;
}

.hover\:tw--rotate-45:hover{
  --transform-rotate: -45deg;
}

.hover\:tw--rotate-12:hover{
  --transform-rotate: -12deg;
}

.hover\:tw--rotate-6:hover{
  --transform-rotate: -6deg;
}

.hover\:tw--rotate-3:hover{
  --transform-rotate: -3deg;
}

.hover\:tw--rotate-2:hover{
  --transform-rotate: -2deg;
}

.hover\:tw--rotate-1:hover{
  --transform-rotate: -1deg;
}

.focus\:tw-rotate-0:focus{
  --transform-rotate: 0;
}

.focus\:tw-rotate-1:focus{
  --transform-rotate: 1deg;
}

.focus\:tw-rotate-2:focus{
  --transform-rotate: 2deg;
}

.focus\:tw-rotate-3:focus{
  --transform-rotate: 3deg;
}

.focus\:tw-rotate-6:focus{
  --transform-rotate: 6deg;
}

.focus\:tw-rotate-12:focus{
  --transform-rotate: 12deg;
}

.focus\:tw-rotate-45:focus{
  --transform-rotate: 45deg;
}

.focus\:tw-rotate-90:focus{
  --transform-rotate: 90deg;
}

.focus\:tw-rotate-180:focus{
  --transform-rotate: 180deg;
}

.focus\:tw--rotate-180:focus{
  --transform-rotate: -180deg;
}

.focus\:tw--rotate-90:focus{
  --transform-rotate: -90deg;
}

.focus\:tw--rotate-45:focus{
  --transform-rotate: -45deg;
}

.focus\:tw--rotate-12:focus{
  --transform-rotate: -12deg;
}

.focus\:tw--rotate-6:focus{
  --transform-rotate: -6deg;
}

.focus\:tw--rotate-3:focus{
  --transform-rotate: -3deg;
}

.focus\:tw--rotate-2:focus{
  --transform-rotate: -2deg;
}

.focus\:tw--rotate-1:focus{
  --transform-rotate: -1deg;
}

.tw-translate-x-0{
  --transform-translate-x: 0;
}

.tw-translate-x-1{
  --transform-translate-x: 0.25rem;
}

.tw-translate-x-2{
  --transform-translate-x: 0.5rem;
}

.tw-translate-x-3{
  --transform-translate-x: 0.75rem;
}

.tw-translate-x-4{
  --transform-translate-x: 1rem;
}

.tw-translate-x-5{
  --transform-translate-x: 1.25rem;
}

.tw-translate-x-6{
  --transform-translate-x: 1.5rem;
}

.tw-translate-x-8{
  --transform-translate-x: 2rem;
}

.tw-translate-x-10{
  --transform-translate-x: 2.5rem;
}

.tw-translate-x-12{
  --transform-translate-x: 3rem;
}

.tw-translate-x-16{
  --transform-translate-x: 4rem;
}

.tw-translate-x-20{
  --transform-translate-x: 5rem;
}

.tw-translate-x-24{
  --transform-translate-x: 6rem;
}

.tw-translate-x-32{
  --transform-translate-x: 8rem;
}

.tw-translate-x-40{
  --transform-translate-x: 10rem;
}

.tw-translate-x-48{
  --transform-translate-x: 12rem;
}

.tw-translate-x-56{
  --transform-translate-x: 14rem;
}

.tw-translate-x-64{
  --transform-translate-x: 16rem;
}

.tw-translate-x-px{
  --transform-translate-x: 1px;
}

.tw--translate-x-1{
  --transform-translate-x: -0.25rem;
}

.tw--translate-x-2{
  --transform-translate-x: -0.5rem;
}

.tw--translate-x-3{
  --transform-translate-x: -0.75rem;
}

.tw--translate-x-4{
  --transform-translate-x: -1rem;
}

.tw--translate-x-5{
  --transform-translate-x: -1.25rem;
}

.tw--translate-x-6{
  --transform-translate-x: -1.5rem;
}

.tw--translate-x-8{
  --transform-translate-x: -2rem;
}

.tw--translate-x-10{
  --transform-translate-x: -2.5rem;
}

.tw--translate-x-12{
  --transform-translate-x: -3rem;
}

.tw--translate-x-16{
  --transform-translate-x: -4rem;
}

.tw--translate-x-20{
  --transform-translate-x: -5rem;
}

.tw--translate-x-24{
  --transform-translate-x: -6rem;
}

.tw--translate-x-32{
  --transform-translate-x: -8rem;
}

.tw--translate-x-40{
  --transform-translate-x: -10rem;
}

.tw--translate-x-48{
  --transform-translate-x: -12rem;
}

.tw--translate-x-56{
  --transform-translate-x: -14rem;
}

.tw--translate-x-64{
  --transform-translate-x: -16rem;
}

.tw--translate-x-px{
  --transform-translate-x: -1px;
}

.tw--translate-x-full{
  --transform-translate-x: -100%;
}

.tw--translate-x-1\/2{
  --transform-translate-x: -50%;
}

.tw-translate-x-1\/2{
  --transform-translate-x: 50%;
}

.tw-translate-x-full{
  --transform-translate-x: 100%;
}

.tw-translate-y-0{
  --transform-translate-y: 0;
}

.tw-translate-y-1{
  --transform-translate-y: 0.25rem;
}

.tw-translate-y-2{
  --transform-translate-y: 0.5rem;
}

.tw-translate-y-3{
  --transform-translate-y: 0.75rem;
}

.tw-translate-y-4{
  --transform-translate-y: 1rem;
}

.tw-translate-y-5{
  --transform-translate-y: 1.25rem;
}

.tw-translate-y-6{
  --transform-translate-y: 1.5rem;
}

.tw-translate-y-8{
  --transform-translate-y: 2rem;
}

.tw-translate-y-10{
  --transform-translate-y: 2.5rem;
}

.tw-translate-y-12{
  --transform-translate-y: 3rem;
}

.tw-translate-y-16{
  --transform-translate-y: 4rem;
}

.tw-translate-y-20{
  --transform-translate-y: 5rem;
}

.tw-translate-y-24{
  --transform-translate-y: 6rem;
}

.tw-translate-y-32{
  --transform-translate-y: 8rem;
}

.tw-translate-y-40{
  --transform-translate-y: 10rem;
}

.tw-translate-y-48{
  --transform-translate-y: 12rem;
}

.tw-translate-y-56{
  --transform-translate-y: 14rem;
}

.tw-translate-y-64{
  --transform-translate-y: 16rem;
}

.tw-translate-y-px{
  --transform-translate-y: 1px;
}

.tw--translate-y-1{
  --transform-translate-y: -0.25rem;
}

.tw--translate-y-2{
  --transform-translate-y: -0.5rem;
}

.tw--translate-y-3{
  --transform-translate-y: -0.75rem;
}

.tw--translate-y-4{
  --transform-translate-y: -1rem;
}

.tw--translate-y-5{
  --transform-translate-y: -1.25rem;
}

.tw--translate-y-6{
  --transform-translate-y: -1.5rem;
}

.tw--translate-y-8{
  --transform-translate-y: -2rem;
}

.tw--translate-y-10{
  --transform-translate-y: -2.5rem;
}

.tw--translate-y-12{
  --transform-translate-y: -3rem;
}

.tw--translate-y-16{
  --transform-translate-y: -4rem;
}

.tw--translate-y-20{
  --transform-translate-y: -5rem;
}

.tw--translate-y-24{
  --transform-translate-y: -6rem;
}

.tw--translate-y-32{
  --transform-translate-y: -8rem;
}

.tw--translate-y-40{
  --transform-translate-y: -10rem;
}

.tw--translate-y-48{
  --transform-translate-y: -12rem;
}

.tw--translate-y-56{
  --transform-translate-y: -14rem;
}

.tw--translate-y-64{
  --transform-translate-y: -16rem;
}

.tw--translate-y-px{
  --transform-translate-y: -1px;
}

.tw--translate-y-full{
  --transform-translate-y: -100%;
}

.tw--translate-y-1\/2{
  --transform-translate-y: -50%;
}

.tw-translate-y-1\/2{
  --transform-translate-y: 50%;
}

.tw-translate-y-full{
  --transform-translate-y: 100%;
}

.hover\:tw-translate-x-0:hover{
  --transform-translate-x: 0;
}

.hover\:tw-translate-x-1:hover{
  --transform-translate-x: 0.25rem;
}

.hover\:tw-translate-x-2:hover{
  --transform-translate-x: 0.5rem;
}

.hover\:tw-translate-x-3:hover{
  --transform-translate-x: 0.75rem;
}

.hover\:tw-translate-x-4:hover{
  --transform-translate-x: 1rem;
}

.hover\:tw-translate-x-5:hover{
  --transform-translate-x: 1.25rem;
}

.hover\:tw-translate-x-6:hover{
  --transform-translate-x: 1.5rem;
}

.hover\:tw-translate-x-8:hover{
  --transform-translate-x: 2rem;
}

.hover\:tw-translate-x-10:hover{
  --transform-translate-x: 2.5rem;
}

.hover\:tw-translate-x-12:hover{
  --transform-translate-x: 3rem;
}

.hover\:tw-translate-x-16:hover{
  --transform-translate-x: 4rem;
}

.hover\:tw-translate-x-20:hover{
  --transform-translate-x: 5rem;
}

.hover\:tw-translate-x-24:hover{
  --transform-translate-x: 6rem;
}

.hover\:tw-translate-x-32:hover{
  --transform-translate-x: 8rem;
}

.hover\:tw-translate-x-40:hover{
  --transform-translate-x: 10rem;
}

.hover\:tw-translate-x-48:hover{
  --transform-translate-x: 12rem;
}

.hover\:tw-translate-x-56:hover{
  --transform-translate-x: 14rem;
}

.hover\:tw-translate-x-64:hover{
  --transform-translate-x: 16rem;
}

.hover\:tw-translate-x-px:hover{
  --transform-translate-x: 1px;
}

.hover\:tw--translate-x-1:hover{
  --transform-translate-x: -0.25rem;
}

.hover\:tw--translate-x-2:hover{
  --transform-translate-x: -0.5rem;
}

.hover\:tw--translate-x-3:hover{
  --transform-translate-x: -0.75rem;
}

.hover\:tw--translate-x-4:hover{
  --transform-translate-x: -1rem;
}

.hover\:tw--translate-x-5:hover{
  --transform-translate-x: -1.25rem;
}

.hover\:tw--translate-x-6:hover{
  --transform-translate-x: -1.5rem;
}

.hover\:tw--translate-x-8:hover{
  --transform-translate-x: -2rem;
}

.hover\:tw--translate-x-10:hover{
  --transform-translate-x: -2.5rem;
}

.hover\:tw--translate-x-12:hover{
  --transform-translate-x: -3rem;
}

.hover\:tw--translate-x-16:hover{
  --transform-translate-x: -4rem;
}

.hover\:tw--translate-x-20:hover{
  --transform-translate-x: -5rem;
}

.hover\:tw--translate-x-24:hover{
  --transform-translate-x: -6rem;
}

.hover\:tw--translate-x-32:hover{
  --transform-translate-x: -8rem;
}

.hover\:tw--translate-x-40:hover{
  --transform-translate-x: -10rem;
}

.hover\:tw--translate-x-48:hover{
  --transform-translate-x: -12rem;
}

.hover\:tw--translate-x-56:hover{
  --transform-translate-x: -14rem;
}

.hover\:tw--translate-x-64:hover{
  --transform-translate-x: -16rem;
}

.hover\:tw--translate-x-px:hover{
  --transform-translate-x: -1px;
}

.hover\:tw--translate-x-full:hover{
  --transform-translate-x: -100%;
}

.hover\:tw--translate-x-1\/2:hover{
  --transform-translate-x: -50%;
}

.hover\:tw-translate-x-1\/2:hover{
  --transform-translate-x: 50%;
}

.hover\:tw-translate-x-full:hover{
  --transform-translate-x: 100%;
}

.hover\:tw-translate-y-0:hover{
  --transform-translate-y: 0;
}

.hover\:tw-translate-y-1:hover{
  --transform-translate-y: 0.25rem;
}

.hover\:tw-translate-y-2:hover{
  --transform-translate-y: 0.5rem;
}

.hover\:tw-translate-y-3:hover{
  --transform-translate-y: 0.75rem;
}

.hover\:tw-translate-y-4:hover{
  --transform-translate-y: 1rem;
}

.hover\:tw-translate-y-5:hover{
  --transform-translate-y: 1.25rem;
}

.hover\:tw-translate-y-6:hover{
  --transform-translate-y: 1.5rem;
}

.hover\:tw-translate-y-8:hover{
  --transform-translate-y: 2rem;
}

.hover\:tw-translate-y-10:hover{
  --transform-translate-y: 2.5rem;
}

.hover\:tw-translate-y-12:hover{
  --transform-translate-y: 3rem;
}

.hover\:tw-translate-y-16:hover{
  --transform-translate-y: 4rem;
}

.hover\:tw-translate-y-20:hover{
  --transform-translate-y: 5rem;
}

.hover\:tw-translate-y-24:hover{
  --transform-translate-y: 6rem;
}

.hover\:tw-translate-y-32:hover{
  --transform-translate-y: 8rem;
}

.hover\:tw-translate-y-40:hover{
  --transform-translate-y: 10rem;
}

.hover\:tw-translate-y-48:hover{
  --transform-translate-y: 12rem;
}

.hover\:tw-translate-y-56:hover{
  --transform-translate-y: 14rem;
}

.hover\:tw-translate-y-64:hover{
  --transform-translate-y: 16rem;
}

.hover\:tw-translate-y-px:hover{
  --transform-translate-y: 1px;
}

.hover\:tw--translate-y-1:hover{
  --transform-translate-y: -0.25rem;
}

.hover\:tw--translate-y-2:hover{
  --transform-translate-y: -0.5rem;
}

.hover\:tw--translate-y-3:hover{
  --transform-translate-y: -0.75rem;
}

.hover\:tw--translate-y-4:hover{
  --transform-translate-y: -1rem;
}

.hover\:tw--translate-y-5:hover{
  --transform-translate-y: -1.25rem;
}

.hover\:tw--translate-y-6:hover{
  --transform-translate-y: -1.5rem;
}

.hover\:tw--translate-y-8:hover{
  --transform-translate-y: -2rem;
}

.hover\:tw--translate-y-10:hover{
  --transform-translate-y: -2.5rem;
}

.hover\:tw--translate-y-12:hover{
  --transform-translate-y: -3rem;
}

.hover\:tw--translate-y-16:hover{
  --transform-translate-y: -4rem;
}

.hover\:tw--translate-y-20:hover{
  --transform-translate-y: -5rem;
}

.hover\:tw--translate-y-24:hover{
  --transform-translate-y: -6rem;
}

.hover\:tw--translate-y-32:hover{
  --transform-translate-y: -8rem;
}

.hover\:tw--translate-y-40:hover{
  --transform-translate-y: -10rem;
}

.hover\:tw--translate-y-48:hover{
  --transform-translate-y: -12rem;
}

.hover\:tw--translate-y-56:hover{
  --transform-translate-y: -14rem;
}

.hover\:tw--translate-y-64:hover{
  --transform-translate-y: -16rem;
}

.hover\:tw--translate-y-px:hover{
  --transform-translate-y: -1px;
}

.hover\:tw--translate-y-full:hover{
  --transform-translate-y: -100%;
}

.hover\:tw--translate-y-1\/2:hover{
  --transform-translate-y: -50%;
}

.hover\:tw-translate-y-1\/2:hover{
  --transform-translate-y: 50%;
}

.hover\:tw-translate-y-full:hover{
  --transform-translate-y: 100%;
}

.focus\:tw-translate-x-0:focus{
  --transform-translate-x: 0;
}

.focus\:tw-translate-x-1:focus{
  --transform-translate-x: 0.25rem;
}

.focus\:tw-translate-x-2:focus{
  --transform-translate-x: 0.5rem;
}

.focus\:tw-translate-x-3:focus{
  --transform-translate-x: 0.75rem;
}

.focus\:tw-translate-x-4:focus{
  --transform-translate-x: 1rem;
}

.focus\:tw-translate-x-5:focus{
  --transform-translate-x: 1.25rem;
}

.focus\:tw-translate-x-6:focus{
  --transform-translate-x: 1.5rem;
}

.focus\:tw-translate-x-8:focus{
  --transform-translate-x: 2rem;
}

.focus\:tw-translate-x-10:focus{
  --transform-translate-x: 2.5rem;
}

.focus\:tw-translate-x-12:focus{
  --transform-translate-x: 3rem;
}

.focus\:tw-translate-x-16:focus{
  --transform-translate-x: 4rem;
}

.focus\:tw-translate-x-20:focus{
  --transform-translate-x: 5rem;
}

.focus\:tw-translate-x-24:focus{
  --transform-translate-x: 6rem;
}

.focus\:tw-translate-x-32:focus{
  --transform-translate-x: 8rem;
}

.focus\:tw-translate-x-40:focus{
  --transform-translate-x: 10rem;
}

.focus\:tw-translate-x-48:focus{
  --transform-translate-x: 12rem;
}

.focus\:tw-translate-x-56:focus{
  --transform-translate-x: 14rem;
}

.focus\:tw-translate-x-64:focus{
  --transform-translate-x: 16rem;
}

.focus\:tw-translate-x-px:focus{
  --transform-translate-x: 1px;
}

.focus\:tw--translate-x-1:focus{
  --transform-translate-x: -0.25rem;
}

.focus\:tw--translate-x-2:focus{
  --transform-translate-x: -0.5rem;
}

.focus\:tw--translate-x-3:focus{
  --transform-translate-x: -0.75rem;
}

.focus\:tw--translate-x-4:focus{
  --transform-translate-x: -1rem;
}

.focus\:tw--translate-x-5:focus{
  --transform-translate-x: -1.25rem;
}

.focus\:tw--translate-x-6:focus{
  --transform-translate-x: -1.5rem;
}

.focus\:tw--translate-x-8:focus{
  --transform-translate-x: -2rem;
}

.focus\:tw--translate-x-10:focus{
  --transform-translate-x: -2.5rem;
}

.focus\:tw--translate-x-12:focus{
  --transform-translate-x: -3rem;
}

.focus\:tw--translate-x-16:focus{
  --transform-translate-x: -4rem;
}

.focus\:tw--translate-x-20:focus{
  --transform-translate-x: -5rem;
}

.focus\:tw--translate-x-24:focus{
  --transform-translate-x: -6rem;
}

.focus\:tw--translate-x-32:focus{
  --transform-translate-x: -8rem;
}

.focus\:tw--translate-x-40:focus{
  --transform-translate-x: -10rem;
}

.focus\:tw--translate-x-48:focus{
  --transform-translate-x: -12rem;
}

.focus\:tw--translate-x-56:focus{
  --transform-translate-x: -14rem;
}

.focus\:tw--translate-x-64:focus{
  --transform-translate-x: -16rem;
}

.focus\:tw--translate-x-px:focus{
  --transform-translate-x: -1px;
}

.focus\:tw--translate-x-full:focus{
  --transform-translate-x: -100%;
}

.focus\:tw--translate-x-1\/2:focus{
  --transform-translate-x: -50%;
}

.focus\:tw-translate-x-1\/2:focus{
  --transform-translate-x: 50%;
}

.focus\:tw-translate-x-full:focus{
  --transform-translate-x: 100%;
}

.focus\:tw-translate-y-0:focus{
  --transform-translate-y: 0;
}

.focus\:tw-translate-y-1:focus{
  --transform-translate-y: 0.25rem;
}

.focus\:tw-translate-y-2:focus{
  --transform-translate-y: 0.5rem;
}

.focus\:tw-translate-y-3:focus{
  --transform-translate-y: 0.75rem;
}

.focus\:tw-translate-y-4:focus{
  --transform-translate-y: 1rem;
}

.focus\:tw-translate-y-5:focus{
  --transform-translate-y: 1.25rem;
}

.focus\:tw-translate-y-6:focus{
  --transform-translate-y: 1.5rem;
}

.focus\:tw-translate-y-8:focus{
  --transform-translate-y: 2rem;
}

.focus\:tw-translate-y-10:focus{
  --transform-translate-y: 2.5rem;
}

.focus\:tw-translate-y-12:focus{
  --transform-translate-y: 3rem;
}

.focus\:tw-translate-y-16:focus{
  --transform-translate-y: 4rem;
}

.focus\:tw-translate-y-20:focus{
  --transform-translate-y: 5rem;
}

.focus\:tw-translate-y-24:focus{
  --transform-translate-y: 6rem;
}

.focus\:tw-translate-y-32:focus{
  --transform-translate-y: 8rem;
}

.focus\:tw-translate-y-40:focus{
  --transform-translate-y: 10rem;
}

.focus\:tw-translate-y-48:focus{
  --transform-translate-y: 12rem;
}

.focus\:tw-translate-y-56:focus{
  --transform-translate-y: 14rem;
}

.focus\:tw-translate-y-64:focus{
  --transform-translate-y: 16rem;
}

.focus\:tw-translate-y-px:focus{
  --transform-translate-y: 1px;
}

.focus\:tw--translate-y-1:focus{
  --transform-translate-y: -0.25rem;
}

.focus\:tw--translate-y-2:focus{
  --transform-translate-y: -0.5rem;
}

.focus\:tw--translate-y-3:focus{
  --transform-translate-y: -0.75rem;
}

.focus\:tw--translate-y-4:focus{
  --transform-translate-y: -1rem;
}

.focus\:tw--translate-y-5:focus{
  --transform-translate-y: -1.25rem;
}

.focus\:tw--translate-y-6:focus{
  --transform-translate-y: -1.5rem;
}

.focus\:tw--translate-y-8:focus{
  --transform-translate-y: -2rem;
}

.focus\:tw--translate-y-10:focus{
  --transform-translate-y: -2.5rem;
}

.focus\:tw--translate-y-12:focus{
  --transform-translate-y: -3rem;
}

.focus\:tw--translate-y-16:focus{
  --transform-translate-y: -4rem;
}

.focus\:tw--translate-y-20:focus{
  --transform-translate-y: -5rem;
}

.focus\:tw--translate-y-24:focus{
  --transform-translate-y: -6rem;
}

.focus\:tw--translate-y-32:focus{
  --transform-translate-y: -8rem;
}

.focus\:tw--translate-y-40:focus{
  --transform-translate-y: -10rem;
}

.focus\:tw--translate-y-48:focus{
  --transform-translate-y: -12rem;
}

.focus\:tw--translate-y-56:focus{
  --transform-translate-y: -14rem;
}

.focus\:tw--translate-y-64:focus{
  --transform-translate-y: -16rem;
}

.focus\:tw--translate-y-px:focus{
  --transform-translate-y: -1px;
}

.focus\:tw--translate-y-full:focus{
  --transform-translate-y: -100%;
}

.focus\:tw--translate-y-1\/2:focus{
  --transform-translate-y: -50%;
}

.focus\:tw-translate-y-1\/2:focus{
  --transform-translate-y: 50%;
}

.focus\:tw-translate-y-full:focus{
  --transform-translate-y: 100%;
}

.tw-skew-x-0{
  --transform-skew-x: 0;
}

.tw-skew-x-1{
  --transform-skew-x: 1deg;
}

.tw-skew-x-2{
  --transform-skew-x: 2deg;
}

.tw-skew-x-3{
  --transform-skew-x: 3deg;
}

.tw-skew-x-6{
  --transform-skew-x: 6deg;
}

.tw-skew-x-12{
  --transform-skew-x: 12deg;
}

.tw--skew-x-12{
  --transform-skew-x: -12deg;
}

.tw--skew-x-6{
  --transform-skew-x: -6deg;
}

.tw--skew-x-3{
  --transform-skew-x: -3deg;
}

.tw--skew-x-2{
  --transform-skew-x: -2deg;
}

.tw--skew-x-1{
  --transform-skew-x: -1deg;
}

.tw-skew-y-0{
  --transform-skew-y: 0;
}

.tw-skew-y-1{
  --transform-skew-y: 1deg;
}

.tw-skew-y-2{
  --transform-skew-y: 2deg;
}

.tw-skew-y-3{
  --transform-skew-y: 3deg;
}

.tw-skew-y-6{
  --transform-skew-y: 6deg;
}

.tw-skew-y-12{
  --transform-skew-y: 12deg;
}

.tw--skew-y-12{
  --transform-skew-y: -12deg;
}

.tw--skew-y-6{
  --transform-skew-y: -6deg;
}

.tw--skew-y-3{
  --transform-skew-y: -3deg;
}

.tw--skew-y-2{
  --transform-skew-y: -2deg;
}

.tw--skew-y-1{
  --transform-skew-y: -1deg;
}

.hover\:tw-skew-x-0:hover{
  --transform-skew-x: 0;
}

.hover\:tw-skew-x-1:hover{
  --transform-skew-x: 1deg;
}

.hover\:tw-skew-x-2:hover{
  --transform-skew-x: 2deg;
}

.hover\:tw-skew-x-3:hover{
  --transform-skew-x: 3deg;
}

.hover\:tw-skew-x-6:hover{
  --transform-skew-x: 6deg;
}

.hover\:tw-skew-x-12:hover{
  --transform-skew-x: 12deg;
}

.hover\:tw--skew-x-12:hover{
  --transform-skew-x: -12deg;
}

.hover\:tw--skew-x-6:hover{
  --transform-skew-x: -6deg;
}

.hover\:tw--skew-x-3:hover{
  --transform-skew-x: -3deg;
}

.hover\:tw--skew-x-2:hover{
  --transform-skew-x: -2deg;
}

.hover\:tw--skew-x-1:hover{
  --transform-skew-x: -1deg;
}

.hover\:tw-skew-y-0:hover{
  --transform-skew-y: 0;
}

.hover\:tw-skew-y-1:hover{
  --transform-skew-y: 1deg;
}

.hover\:tw-skew-y-2:hover{
  --transform-skew-y: 2deg;
}

.hover\:tw-skew-y-3:hover{
  --transform-skew-y: 3deg;
}

.hover\:tw-skew-y-6:hover{
  --transform-skew-y: 6deg;
}

.hover\:tw-skew-y-12:hover{
  --transform-skew-y: 12deg;
}

.hover\:tw--skew-y-12:hover{
  --transform-skew-y: -12deg;
}

.hover\:tw--skew-y-6:hover{
  --transform-skew-y: -6deg;
}

.hover\:tw--skew-y-3:hover{
  --transform-skew-y: -3deg;
}

.hover\:tw--skew-y-2:hover{
  --transform-skew-y: -2deg;
}

.hover\:tw--skew-y-1:hover{
  --transform-skew-y: -1deg;
}

.focus\:tw-skew-x-0:focus{
  --transform-skew-x: 0;
}

.focus\:tw-skew-x-1:focus{
  --transform-skew-x: 1deg;
}

.focus\:tw-skew-x-2:focus{
  --transform-skew-x: 2deg;
}

.focus\:tw-skew-x-3:focus{
  --transform-skew-x: 3deg;
}

.focus\:tw-skew-x-6:focus{
  --transform-skew-x: 6deg;
}

.focus\:tw-skew-x-12:focus{
  --transform-skew-x: 12deg;
}

.focus\:tw--skew-x-12:focus{
  --transform-skew-x: -12deg;
}

.focus\:tw--skew-x-6:focus{
  --transform-skew-x: -6deg;
}

.focus\:tw--skew-x-3:focus{
  --transform-skew-x: -3deg;
}

.focus\:tw--skew-x-2:focus{
  --transform-skew-x: -2deg;
}

.focus\:tw--skew-x-1:focus{
  --transform-skew-x: -1deg;
}

.focus\:tw-skew-y-0:focus{
  --transform-skew-y: 0;
}

.focus\:tw-skew-y-1:focus{
  --transform-skew-y: 1deg;
}

.focus\:tw-skew-y-2:focus{
  --transform-skew-y: 2deg;
}

.focus\:tw-skew-y-3:focus{
  --transform-skew-y: 3deg;
}

.focus\:tw-skew-y-6:focus{
  --transform-skew-y: 6deg;
}

.focus\:tw-skew-y-12:focus{
  --transform-skew-y: 12deg;
}

.focus\:tw--skew-y-12:focus{
  --transform-skew-y: -12deg;
}

.focus\:tw--skew-y-6:focus{
  --transform-skew-y: -6deg;
}

.focus\:tw--skew-y-3:focus{
  --transform-skew-y: -3deg;
}

.focus\:tw--skew-y-2:focus{
  --transform-skew-y: -2deg;
}

.focus\:tw--skew-y-1:focus{
  --transform-skew-y: -1deg;
}

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

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

.tw-transition{
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
}

.tw-transition-colors{
  transition-property: background-color, border-color, color, fill, stroke;
}

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

.tw-transition-shadow{
  transition-property: box-shadow;
}

.tw-transition-transform{
  transition-property: transform;
}

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

.tw-ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.tw-ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.tw-ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tw-duration-75{
  transition-duration: 75ms;
}

.tw-duration-100{
  transition-duration: 100ms;
}

.tw-duration-150{
  transition-duration: 150ms;
}

.tw-duration-200{
  transition-duration: 200ms;
}

.tw-duration-300{
  transition-duration: 300ms;
}

.tw-duration-500{
  transition-duration: 500ms;
}

.tw-duration-700{
  transition-duration: 700ms;
}

.tw-duration-1000{
  transition-duration: 1000ms;
}

.tw-delay-75{
  transition-delay: 75ms;
}

.tw-delay-100{
  transition-delay: 100ms;
}

.tw-delay-150{
  transition-delay: 150ms;
}

.tw-delay-200{
  transition-delay: 200ms;
}

.tw-delay-300{
  transition-delay: 300ms;
}

.tw-delay-500{
  transition-delay: 500ms;
}

.tw-delay-700{
  transition-delay: 700ms;
}

.tw-delay-1000{
  transition-delay: 1000ms;
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes pulse{
  50%{
    opacity: .5;
  }
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

@-webkit-keyframes bounce{
  0%, 100%{
    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%{
    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%{
    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%{
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

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

.tw-animate-spin{
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

.tw-animate-ping{
  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
          animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.tw-animate-pulse{
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.tw-animate-bounce{
  -webkit-animation: bounce 1s infinite;
          animation: bounce 1s infinite;
}

/**
 * Helper class for new layout
 */

.new_container {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}

@media screen and (max-width: 1240px) {
  .new_container {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.padding_top_40 {
  padding-top: 40px;
}

.promo_description p {
  margin-bottom: 10px;
}

.thank_you_body {
  background-color: #EEF3FC;
  display: flex;
  justify-content: center;
  align-items: center;
}

.thank_you_body .thank_you_panel {
  max-width: 575px;
  max-height: 248px;
  background: #FFFFFF;
  padding: 80px 64px 80px 72px;
  border-radius: 8px;
  border-left: 8px solid #1A4C92;
}

.thank_you_body .thank_you_panel h2 {
  color: #266DD3;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 16px;
}

.thank_you_body .thank_you_panel p {
  color: #363636;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.tenancy-type-box {
  background-color: #f9f9f9;
  padding: 10px;
}

@media (min-width: 640px){
  .sm\:tw-container{
    width: 100%;
  }

  @media (min-width: 640px){
    .sm\:tw-container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .sm\:tw-container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .sm\:tw-container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .sm\:tw-container{
      max-width: 1280px;
    }
  }

  .sm\:tw-space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .sm\:tw-space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .sm\:tw-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .sm\:tw-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .sm\:tw--space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw--space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .sm\:tw--space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .sm\:tw-space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1;
  }

  .sm\:tw-space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1;
  }

  .sm\:tw-divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .sm\:tw-divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:tw-divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .sm\:tw-divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:tw-divide-y-3 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(3px * var(--divide-y-reverse));
  }

  .sm\:tw-divide-x-3 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(3px * var(--divide-x-reverse));
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:tw-divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .sm\:tw-divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:tw-divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .sm\:tw-divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:tw-divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .sm\:tw-divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:tw-divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1;
  }

  .sm\:tw-divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1;
  }

  .sm\:tw-divide-transparent > :not(template) ~ :not(template){
    border-color: transparent;
  }

  .sm\:tw-divide-current > :not(template) ~ :not(template){
    border-color: currentColor;
  }

  .sm\:tw-divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  .sm\:tw-divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .sm\:tw-divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--divide-opacity));
  }

  .sm\:tw-divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--divide-opacity));
  }

  .sm\:tw-divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--divide-opacity));
  }

  .sm\:tw-divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--divide-opacity));
  }

  .sm\:tw-divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--divide-opacity));
  }

  .sm\:tw-divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--divide-opacity));
  }

  .sm\:tw-divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--divide-opacity));
  }

  .sm\:tw-divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--divide-opacity));
  }

  .sm\:tw-divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--divide-opacity));
  }

  .sm\:tw-divide-red-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--divide-opacity));
  }

  .sm\:tw-divide-red-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--divide-opacity));
  }

  .sm\:tw-divide-red-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--divide-opacity));
  }

  .sm\:tw-divide-red-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--divide-opacity));
  }

  .sm\:tw-divide-red-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--divide-opacity));
  }

  .sm\:tw-divide-red-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--divide-opacity));
  }

  .sm\:tw-divide-red-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--divide-opacity));
  }

  .sm\:tw-divide-red-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--divide-opacity));
  }

  .sm\:tw-divide-red-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--divide-opacity));
  }

  .sm\:tw-divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--divide-opacity));
  }

  .sm\:tw-divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--divide-opacity));
  }

  .sm\:tw-divide-orange-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--divide-opacity));
  }

  .sm\:tw-divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--divide-opacity));
  }

  .sm\:tw-divide-orange-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--divide-opacity));
  }

  .sm\:tw-divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--divide-opacity));
  }

  .sm\:tw-divide-orange-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--divide-opacity));
  }

  .sm\:tw-divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--divide-opacity));
  }

  .sm\:tw-divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--divide-opacity));
  }

  .sm\:tw-divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--divide-opacity));
  }

  .sm\:tw-divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--divide-opacity));
  }

  .sm\:tw-divide-yellow-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--divide-opacity));
  }

  .sm\:tw-divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--divide-opacity));
  }

  .sm\:tw-divide-yellow-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--divide-opacity));
  }

  .sm\:tw-divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--divide-opacity));
  }

  .sm\:tw-divide-yellow-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--divide-opacity));
  }

  .sm\:tw-divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--divide-opacity));
  }

  .sm\:tw-divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--divide-opacity));
  }

  .sm\:tw-divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--divide-opacity));
  }

  .sm\:tw-divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--divide-opacity));
  }

  .sm\:tw-divide-green-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--divide-opacity));
  }

  .sm\:tw-divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--divide-opacity));
  }

  .sm\:tw-divide-green-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--divide-opacity));
  }

  .sm\:tw-divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--divide-opacity));
  }

  .sm\:tw-divide-green-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--divide-opacity));
  }

  .sm\:tw-divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--divide-opacity));
  }

  .sm\:tw-divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--divide-opacity));
  }

  .sm\:tw-divide-teal-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--divide-opacity));
  }

  .sm\:tw-divide-teal-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--divide-opacity));
  }

  .sm\:tw-divide-teal-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--divide-opacity));
  }

  .sm\:tw-divide-teal-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--divide-opacity));
  }

  .sm\:tw-divide-teal-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--divide-opacity));
  }

  .sm\:tw-divide-teal-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--divide-opacity));
  }

  .sm\:tw-divide-teal-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--divide-opacity));
  }

  .sm\:tw-divide-teal-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--divide-opacity));
  }

  .sm\:tw-divide-teal-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--divide-opacity));
  }

  .sm\:tw-divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--divide-opacity));
  }

  .sm\:tw-divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--divide-opacity));
  }

  .sm\:tw-divide-blue-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--divide-opacity));
  }

  .sm\:tw-divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--divide-opacity));
  }

  .sm\:tw-divide-blue-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--divide-opacity));
  }

  .sm\:tw-divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--divide-opacity));
  }

  .sm\:tw-divide-blue-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--divide-opacity));
  }

  .sm\:tw-divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--divide-opacity));
  }

  .sm\:tw-divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--divide-opacity));
  }

  .sm\:tw-divide-indigo-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--divide-opacity));
  }

  .sm\:tw-divide-indigo-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--divide-opacity));
  }

  .sm\:tw-divide-indigo-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--divide-opacity));
  }

  .sm\:tw-divide-indigo-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--divide-opacity));
  }

  .sm\:tw-divide-indigo-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--divide-opacity));
  }

  .sm\:tw-divide-indigo-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--divide-opacity));
  }

  .sm\:tw-divide-indigo-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--divide-opacity));
  }

  .sm\:tw-divide-indigo-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--divide-opacity));
  }

  .sm\:tw-divide-indigo-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--divide-opacity));
  }

  .sm\:tw-divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--divide-opacity));
  }

  .sm\:tw-divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--divide-opacity));
  }

  .sm\:tw-divide-purple-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--divide-opacity));
  }

  .sm\:tw-divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--divide-opacity));
  }

  .sm\:tw-divide-purple-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--divide-opacity));
  }

  .sm\:tw-divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--divide-opacity));
  }

  .sm\:tw-divide-purple-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--divide-opacity));
  }

  .sm\:tw-divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--divide-opacity));
  }

  .sm\:tw-divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--divide-opacity));
  }

  .sm\:tw-divide-pink-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--divide-opacity));
  }

  .sm\:tw-divide-pink-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--divide-opacity));
  }

  .sm\:tw-divide-pink-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--divide-opacity));
  }

  .sm\:tw-divide-pink-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--divide-opacity));
  }

  .sm\:tw-divide-pink-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--divide-opacity));
  }

  .sm\:tw-divide-pink-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--divide-opacity));
  }

  .sm\:tw-divide-pink-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--divide-opacity));
  }

  .sm\:tw-divide-pink-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--divide-opacity));
  }

  .sm\:tw-divide-pink-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--divide-opacity));
  }

  .sm\:tw-divide-primary-blue > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--divide-opacity));
  }

  .sm\:tw-divide-primary-blue-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--divide-opacity));
  }

  .sm\:tw-divide-primary-white > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .sm\:tw-divide-font-0 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--divide-opacity));
  }

  .sm\:tw-divide-font-1 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--divide-opacity));
  }

  .sm\:tw-divide-font-5 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--divide-opacity));
  }

  .sm\:tw-divide-font-10 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--divide-opacity));
  }

  .sm\:tw-divide-font-50 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--divide-opacity));
  }

  .sm\:tw-divide-font-70 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--divide-opacity));
  }

  .sm\:tw-divide-solid > :not(template) ~ :not(template){
    border-style: solid;
  }

  .sm\:tw-divide-dashed > :not(template) ~ :not(template){
    border-style: dashed;
  }

  .sm\:tw-divide-dotted > :not(template) ~ :not(template){
    border-style: dotted;
  }

  .sm\:tw-divide-double > :not(template) ~ :not(template){
    border-style: double;
  }

  .sm\:tw-divide-none > :not(template) ~ :not(template){
    border-style: none;
  }

  .sm\:tw-divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0;
  }

  .sm\:tw-divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25;
  }

  .sm\:tw-divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5;
  }

  .sm\:tw-divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75;
  }

  .sm\:tw-divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
  }

  .sm\:tw-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .sm\:tw-not-sr-only{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .sm\:focus\:tw-sr-only:focus{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .sm\:focus\:tw-not-sr-only:focus{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .sm\:tw-appearance-none{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .sm\:tw-bg-fixed{
    background-attachment: fixed;
  }

  .sm\:tw-bg-local{
    background-attachment: local;
  }

  .sm\:tw-bg-scroll{
    background-attachment: scroll;
  }

  .sm\:tw-bg-clip-border{
    background-clip: border-box;
  }

  .sm\:tw-bg-clip-padding{
    background-clip: padding-box;
  }

  .sm\:tw-bg-clip-content{
    background-clip: content-box;
  }

  .sm\:tw-bg-clip-text{
    -webkit-background-clip: text;
            background-clip: text;
  }

  .sm\:tw-bg-transparent{
    background-color: transparent;
  }

  .sm\:tw-bg-current{
    background-color: currentColor;
  }

  .sm\:tw-bg-black{
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .sm\:tw-bg-white{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:tw-bg-gray-100{
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .sm\:tw-bg-gray-200{
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .sm\:tw-bg-gray-300{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .sm\:tw-bg-gray-400{
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .sm\:tw-bg-gray-500{
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .sm\:tw-bg-gray-600{
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .sm\:tw-bg-gray-700{
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .sm\:tw-bg-gray-800{
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .sm\:tw-bg-gray-900{
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .sm\:tw-bg-red-100{
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }

  .sm\:tw-bg-red-200{
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }

  .sm\:tw-bg-red-300{
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }

  .sm\:tw-bg-red-400{
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }

  .sm\:tw-bg-red-500{
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }

  .sm\:tw-bg-red-600{
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }

  .sm\:tw-bg-red-700{
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }

  .sm\:tw-bg-red-800{
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }

  .sm\:tw-bg-red-900{
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }

  .sm\:tw-bg-orange-100{
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }

  .sm\:tw-bg-orange-200{
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }

  .sm\:tw-bg-orange-300{
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }

  .sm\:tw-bg-orange-400{
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }

  .sm\:tw-bg-orange-500{
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }

  .sm\:tw-bg-orange-600{
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }

  .sm\:tw-bg-orange-700{
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }

  .sm\:tw-bg-orange-800{
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }

  .sm\:tw-bg-orange-900{
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }

  .sm\:tw-bg-yellow-100{
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }

  .sm\:tw-bg-yellow-200{
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }

  .sm\:tw-bg-yellow-300{
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }

  .sm\:tw-bg-yellow-400{
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }

  .sm\:tw-bg-yellow-500{
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }

  .sm\:tw-bg-yellow-600{
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }

  .sm\:tw-bg-yellow-700{
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }

  .sm\:tw-bg-yellow-800{
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }

  .sm\:tw-bg-yellow-900{
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }

  .sm\:tw-bg-green-100{
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }

  .sm\:tw-bg-green-200{
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }

  .sm\:tw-bg-green-300{
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }

  .sm\:tw-bg-green-400{
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }

  .sm\:tw-bg-green-500{
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }

  .sm\:tw-bg-green-600{
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }

  .sm\:tw-bg-green-700{
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }

  .sm\:tw-bg-green-800{
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }

  .sm\:tw-bg-green-900{
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }

  .sm\:tw-bg-teal-100{
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }

  .sm\:tw-bg-teal-200{
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }

  .sm\:tw-bg-teal-300{
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }

  .sm\:tw-bg-teal-400{
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }

  .sm\:tw-bg-teal-500{
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }

  .sm\:tw-bg-teal-600{
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }

  .sm\:tw-bg-teal-700{
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }

  .sm\:tw-bg-teal-800{
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }

  .sm\:tw-bg-teal-900{
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }

  .sm\:tw-bg-blue-100{
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }

  .sm\:tw-bg-blue-200{
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }

  .sm\:tw-bg-blue-300{
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }

  .sm\:tw-bg-blue-400{
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }

  .sm\:tw-bg-blue-500{
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }

  .sm\:tw-bg-blue-600{
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }

  .sm\:tw-bg-blue-700{
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }

  .sm\:tw-bg-blue-800{
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }

  .sm\:tw-bg-blue-900{
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }

  .sm\:tw-bg-indigo-100{
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }

  .sm\:tw-bg-indigo-200{
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }

  .sm\:tw-bg-indigo-300{
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }

  .sm\:tw-bg-indigo-400{
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }

  .sm\:tw-bg-indigo-500{
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }

  .sm\:tw-bg-indigo-600{
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }

  .sm\:tw-bg-indigo-700{
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }

  .sm\:tw-bg-indigo-800{
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }

  .sm\:tw-bg-indigo-900{
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }

  .sm\:tw-bg-purple-100{
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }

  .sm\:tw-bg-purple-200{
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }

  .sm\:tw-bg-purple-300{
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }

  .sm\:tw-bg-purple-400{
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }

  .sm\:tw-bg-purple-500{
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }

  .sm\:tw-bg-purple-600{
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }

  .sm\:tw-bg-purple-700{
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }

  .sm\:tw-bg-purple-800{
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }

  .sm\:tw-bg-purple-900{
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }

  .sm\:tw-bg-pink-100{
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }

  .sm\:tw-bg-pink-200{
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }

  .sm\:tw-bg-pink-300{
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }

  .sm\:tw-bg-pink-400{
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }

  .sm\:tw-bg-pink-500{
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }

  .sm\:tw-bg-pink-600{
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }

  .sm\:tw-bg-pink-700{
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }

  .sm\:tw-bg-pink-800{
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }

  .sm\:tw-bg-pink-900{
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }

  .sm\:tw-bg-primary-blue{
    --bg-opacity: 1;
    background-color: #1976d2;
    background-color: rgba(25, 118, 210, var(--bg-opacity));
  }

  .sm\:tw-bg-primary-blue-dark{
    --bg-opacity: 1;
    background-color: #0c3b69;
    background-color: rgba(12, 59, 105, var(--bg-opacity));
  }

  .sm\:tw-bg-primary-white{
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:tw-bg-font-0{
    --bg-opacity: 1;
    background-color: #4f4f4f;
    background-color: rgba(79, 79, 79, var(--bg-opacity));
  }

  .sm\:tw-bg-font-1{
    --bg-opacity: 1;
    background-color: #fcfcfc;
    background-color: rgba(252, 252, 252, var(--bg-opacity));
  }

  .sm\:tw-bg-font-5{
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

  .sm\:tw-bg-font-10{
    --bg-opacity: 1;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
  }

  .sm\:tw-bg-font-50{
    --bg-opacity: 1;
    background-color: #a7a7a7;
    background-color: rgba(167, 167, 167, var(--bg-opacity));
  }

  .sm\:tw-bg-font-70{
    --bg-opacity: 1;
    background-color: #838383;
    background-color: rgba(131, 131, 131, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-transparent:hover{
    background-color: transparent;
  }

  .sm\:hover\:tw-bg-current:hover{
    background-color: currentColor;
  }

  .sm\:hover\:tw-bg-black:hover{
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-white:hover{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-gray-100:hover{
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-gray-200:hover{
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-gray-300:hover{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-gray-400:hover{
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-gray-500:hover{
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-gray-600:hover{
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-gray-700:hover{
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-gray-800:hover{
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-gray-900:hover{
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-red-100:hover{
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-red-200:hover{
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-red-300:hover{
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-red-400:hover{
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-red-500:hover{
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-red-600:hover{
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-red-700:hover{
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-red-800:hover{
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-red-900:hover{
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-orange-100:hover{
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-orange-200:hover{
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-orange-300:hover{
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-orange-400:hover{
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-orange-500:hover{
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-orange-600:hover{
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-orange-700:hover{
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-orange-800:hover{
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-orange-900:hover{
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-yellow-100:hover{
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-yellow-200:hover{
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-yellow-300:hover{
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-yellow-400:hover{
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-yellow-500:hover{
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-yellow-600:hover{
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-yellow-700:hover{
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-yellow-800:hover{
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-yellow-900:hover{
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-green-100:hover{
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-green-200:hover{
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-green-300:hover{
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-green-400:hover{
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-green-500:hover{
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-green-600:hover{
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-green-700:hover{
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-green-800:hover{
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-green-900:hover{
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-teal-100:hover{
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-teal-200:hover{
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-teal-300:hover{
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-teal-400:hover{
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-teal-500:hover{
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-teal-600:hover{
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-teal-700:hover{
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-teal-800:hover{
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-teal-900:hover{
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-blue-100:hover{
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-blue-200:hover{
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-blue-300:hover{
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-blue-400:hover{
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-blue-500:hover{
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-blue-600:hover{
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-blue-700:hover{
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-blue-800:hover{
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-blue-900:hover{
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-indigo-100:hover{
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-indigo-200:hover{
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-indigo-300:hover{
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-indigo-400:hover{
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-indigo-500:hover{
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-indigo-600:hover{
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-indigo-700:hover{
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-indigo-800:hover{
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-indigo-900:hover{
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-purple-100:hover{
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-purple-200:hover{
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-purple-300:hover{
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-purple-400:hover{
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-purple-500:hover{
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-purple-600:hover{
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-purple-700:hover{
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-purple-800:hover{
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-purple-900:hover{
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-pink-100:hover{
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-pink-200:hover{
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-pink-300:hover{
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-pink-400:hover{
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-pink-500:hover{
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-pink-600:hover{
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-pink-700:hover{
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-pink-800:hover{
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-pink-900:hover{
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-primary-blue:hover{
    --bg-opacity: 1;
    background-color: #1976d2;
    background-color: rgba(25, 118, 210, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-primary-blue-dark:hover{
    --bg-opacity: 1;
    background-color: #0c3b69;
    background-color: rgba(12, 59, 105, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-primary-white:hover{
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-font-0:hover{
    --bg-opacity: 1;
    background-color: #4f4f4f;
    background-color: rgba(79, 79, 79, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-font-1:hover{
    --bg-opacity: 1;
    background-color: #fcfcfc;
    background-color: rgba(252, 252, 252, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-font-5:hover{
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-font-10:hover{
    --bg-opacity: 1;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-font-50:hover{
    --bg-opacity: 1;
    background-color: #a7a7a7;
    background-color: rgba(167, 167, 167, var(--bg-opacity));
  }

  .sm\:hover\:tw-bg-font-70:hover{
    --bg-opacity: 1;
    background-color: #838383;
    background-color: rgba(131, 131, 131, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-transparent:focus{
    background-color: transparent;
  }

  .sm\:focus\:tw-bg-current:focus{
    background-color: currentColor;
  }

  .sm\:focus\:tw-bg-black:focus{
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-white:focus{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-gray-100:focus{
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-gray-200:focus{
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-gray-300:focus{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-gray-400:focus{
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-gray-500:focus{
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-gray-600:focus{
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-gray-700:focus{
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-gray-800:focus{
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-gray-900:focus{
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-red-100:focus{
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-red-200:focus{
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-red-300:focus{
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-red-400:focus{
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-red-500:focus{
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-red-600:focus{
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-red-700:focus{
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-red-800:focus{
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-red-900:focus{
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-orange-100:focus{
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-orange-200:focus{
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-orange-300:focus{
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-orange-400:focus{
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-orange-500:focus{
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-orange-600:focus{
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-orange-700:focus{
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-orange-800:focus{
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-orange-900:focus{
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-yellow-100:focus{
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-yellow-200:focus{
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-yellow-300:focus{
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-yellow-400:focus{
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-yellow-500:focus{
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-yellow-600:focus{
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-yellow-700:focus{
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-yellow-800:focus{
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-yellow-900:focus{
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-green-100:focus{
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-green-200:focus{
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-green-300:focus{
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-green-400:focus{
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-green-500:focus{
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-green-600:focus{
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-green-700:focus{
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-green-800:focus{
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-green-900:focus{
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-teal-100:focus{
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-teal-200:focus{
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-teal-300:focus{
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-teal-400:focus{
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-teal-500:focus{
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-teal-600:focus{
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-teal-700:focus{
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-teal-800:focus{
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-teal-900:focus{
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-blue-100:focus{
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-blue-200:focus{
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-blue-300:focus{
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-blue-400:focus{
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-blue-500:focus{
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-blue-600:focus{
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-blue-700:focus{
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-blue-800:focus{
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-blue-900:focus{
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-indigo-100:focus{
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-indigo-200:focus{
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-indigo-300:focus{
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-indigo-400:focus{
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-indigo-500:focus{
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-indigo-600:focus{
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-indigo-700:focus{
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-indigo-800:focus{
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-indigo-900:focus{
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-purple-100:focus{
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-purple-200:focus{
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-purple-300:focus{
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-purple-400:focus{
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-purple-500:focus{
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-purple-600:focus{
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-purple-700:focus{
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-purple-800:focus{
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-purple-900:focus{
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-pink-100:focus{
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-pink-200:focus{
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-pink-300:focus{
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-pink-400:focus{
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-pink-500:focus{
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-pink-600:focus{
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-pink-700:focus{
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-pink-800:focus{
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-pink-900:focus{
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-primary-blue:focus{
    --bg-opacity: 1;
    background-color: #1976d2;
    background-color: rgba(25, 118, 210, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-primary-blue-dark:focus{
    --bg-opacity: 1;
    background-color: #0c3b69;
    background-color: rgba(12, 59, 105, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-primary-white:focus{
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-font-0:focus{
    --bg-opacity: 1;
    background-color: #4f4f4f;
    background-color: rgba(79, 79, 79, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-font-1:focus{
    --bg-opacity: 1;
    background-color: #fcfcfc;
    background-color: rgba(252, 252, 252, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-font-5:focus{
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-font-10:focus{
    --bg-opacity: 1;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-font-50:focus{
    --bg-opacity: 1;
    background-color: #a7a7a7;
    background-color: rgba(167, 167, 167, var(--bg-opacity));
  }

  .sm\:focus\:tw-bg-font-70:focus{
    --bg-opacity: 1;
    background-color: #838383;
    background-color: rgba(131, 131, 131, var(--bg-opacity));
  }

  .sm\:tw-bg-none{
    background-image: none;
  }

  .sm\:tw-bg-gradient-to-t{
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .sm\:tw-bg-gradient-to-tr{
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .sm\:tw-bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .sm\:tw-bg-gradient-to-br{
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .sm\:tw-bg-gradient-to-b{
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .sm\:tw-bg-gradient-to-bl{
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .sm\:tw-bg-gradient-to-l{
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .sm\:tw-bg-gradient-to-tl{
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .sm\:tw-from-transparent{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:tw-from-current{
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:tw-from-black{
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:tw-from-white{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:tw-from-gray-100{
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .sm\:tw-from-gray-200{
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .sm\:tw-from-gray-300{
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .sm\:tw-from-gray-400{
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .sm\:tw-from-gray-500{
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .sm\:tw-from-gray-600{
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .sm\:tw-from-gray-700{
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .sm\:tw-from-gray-800{
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .sm\:tw-from-gray-900{
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .sm\:tw-from-red-100{
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .sm\:tw-from-red-200{
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .sm\:tw-from-red-300{
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .sm\:tw-from-red-400{
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .sm\:tw-from-red-500{
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .sm\:tw-from-red-600{
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .sm\:tw-from-red-700{
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .sm\:tw-from-red-800{
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .sm\:tw-from-red-900{
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .sm\:tw-from-orange-100{
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .sm\:tw-from-orange-200{
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .sm\:tw-from-orange-300{
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .sm\:tw-from-orange-400{
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .sm\:tw-from-orange-500{
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .sm\:tw-from-orange-600{
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .sm\:tw-from-orange-700{
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .sm\:tw-from-orange-800{
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .sm\:tw-from-orange-900{
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .sm\:tw-from-yellow-100{
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .sm\:tw-from-yellow-200{
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .sm\:tw-from-yellow-300{
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .sm\:tw-from-yellow-400{
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .sm\:tw-from-yellow-500{
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .sm\:tw-from-yellow-600{
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .sm\:tw-from-yellow-700{
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .sm\:tw-from-yellow-800{
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .sm\:tw-from-yellow-900{
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .sm\:tw-from-green-100{
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .sm\:tw-from-green-200{
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .sm\:tw-from-green-300{
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .sm\:tw-from-green-400{
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .sm\:tw-from-green-500{
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .sm\:tw-from-green-600{
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .sm\:tw-from-green-700{
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .sm\:tw-from-green-800{
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .sm\:tw-from-green-900{
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .sm\:tw-from-teal-100{
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .sm\:tw-from-teal-200{
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .sm\:tw-from-teal-300{
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .sm\:tw-from-teal-400{
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .sm\:tw-from-teal-500{
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .sm\:tw-from-teal-600{
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .sm\:tw-from-teal-700{
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .sm\:tw-from-teal-800{
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .sm\:tw-from-teal-900{
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .sm\:tw-from-blue-100{
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .sm\:tw-from-blue-200{
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .sm\:tw-from-blue-300{
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .sm\:tw-from-blue-400{
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .sm\:tw-from-blue-500{
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .sm\:tw-from-blue-600{
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .sm\:tw-from-blue-700{
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .sm\:tw-from-blue-800{
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .sm\:tw-from-blue-900{
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .sm\:tw-from-indigo-100{
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .sm\:tw-from-indigo-200{
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .sm\:tw-from-indigo-300{
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .sm\:tw-from-indigo-400{
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .sm\:tw-from-indigo-500{
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .sm\:tw-from-indigo-600{
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .sm\:tw-from-indigo-700{
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .sm\:tw-from-indigo-800{
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .sm\:tw-from-indigo-900{
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .sm\:tw-from-purple-100{
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .sm\:tw-from-purple-200{
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .sm\:tw-from-purple-300{
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .sm\:tw-from-purple-400{
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .sm\:tw-from-purple-500{
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .sm\:tw-from-purple-600{
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .sm\:tw-from-purple-700{
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .sm\:tw-from-purple-800{
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .sm\:tw-from-purple-900{
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .sm\:tw-from-pink-100{
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .sm\:tw-from-pink-200{
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .sm\:tw-from-pink-300{
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .sm\:tw-from-pink-400{
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .sm\:tw-from-pink-500{
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .sm\:tw-from-pink-600{
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .sm\:tw-from-pink-700{
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .sm\:tw-from-pink-800{
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .sm\:tw-from-pink-900{
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .sm\:tw-from-primary-blue{
    --gradient-from-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .sm\:tw-from-primary-blue-dark{
    --gradient-from-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .sm\:tw-from-primary-white{
    --gradient-from-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:tw-from-font-0{
    --gradient-from-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .sm\:tw-from-font-1{
    --gradient-from-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .sm\:tw-from-font-5{
    --gradient-from-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .sm\:tw-from-font-10{
    --gradient-from-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .sm\:tw-from-font-50{
    --gradient-from-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .sm\:tw-from-font-70{
    --gradient-from-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .sm\:tw-via-transparent{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:tw-via-current{
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:tw-via-black{
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:tw-via-white{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:tw-via-gray-100{
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .sm\:tw-via-gray-200{
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .sm\:tw-via-gray-300{
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .sm\:tw-via-gray-400{
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .sm\:tw-via-gray-500{
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .sm\:tw-via-gray-600{
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .sm\:tw-via-gray-700{
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .sm\:tw-via-gray-800{
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .sm\:tw-via-gray-900{
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .sm\:tw-via-red-100{
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .sm\:tw-via-red-200{
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .sm\:tw-via-red-300{
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .sm\:tw-via-red-400{
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .sm\:tw-via-red-500{
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .sm\:tw-via-red-600{
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .sm\:tw-via-red-700{
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .sm\:tw-via-red-800{
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .sm\:tw-via-red-900{
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .sm\:tw-via-orange-100{
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .sm\:tw-via-orange-200{
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .sm\:tw-via-orange-300{
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .sm\:tw-via-orange-400{
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .sm\:tw-via-orange-500{
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .sm\:tw-via-orange-600{
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .sm\:tw-via-orange-700{
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .sm\:tw-via-orange-800{
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .sm\:tw-via-orange-900{
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .sm\:tw-via-yellow-100{
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .sm\:tw-via-yellow-200{
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .sm\:tw-via-yellow-300{
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .sm\:tw-via-yellow-400{
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .sm\:tw-via-yellow-500{
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .sm\:tw-via-yellow-600{
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .sm\:tw-via-yellow-700{
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .sm\:tw-via-yellow-800{
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .sm\:tw-via-yellow-900{
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .sm\:tw-via-green-100{
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .sm\:tw-via-green-200{
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .sm\:tw-via-green-300{
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .sm\:tw-via-green-400{
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .sm\:tw-via-green-500{
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .sm\:tw-via-green-600{
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .sm\:tw-via-green-700{
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .sm\:tw-via-green-800{
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .sm\:tw-via-green-900{
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .sm\:tw-via-teal-100{
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .sm\:tw-via-teal-200{
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .sm\:tw-via-teal-300{
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .sm\:tw-via-teal-400{
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .sm\:tw-via-teal-500{
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .sm\:tw-via-teal-600{
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .sm\:tw-via-teal-700{
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .sm\:tw-via-teal-800{
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .sm\:tw-via-teal-900{
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .sm\:tw-via-blue-100{
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .sm\:tw-via-blue-200{
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .sm\:tw-via-blue-300{
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .sm\:tw-via-blue-400{
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .sm\:tw-via-blue-500{
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .sm\:tw-via-blue-600{
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .sm\:tw-via-blue-700{
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .sm\:tw-via-blue-800{
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .sm\:tw-via-blue-900{
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .sm\:tw-via-indigo-100{
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .sm\:tw-via-indigo-200{
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .sm\:tw-via-indigo-300{
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .sm\:tw-via-indigo-400{
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .sm\:tw-via-indigo-500{
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .sm\:tw-via-indigo-600{
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .sm\:tw-via-indigo-700{
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .sm\:tw-via-indigo-800{
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .sm\:tw-via-indigo-900{
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .sm\:tw-via-purple-100{
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .sm\:tw-via-purple-200{
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .sm\:tw-via-purple-300{
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .sm\:tw-via-purple-400{
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .sm\:tw-via-purple-500{
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .sm\:tw-via-purple-600{
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .sm\:tw-via-purple-700{
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .sm\:tw-via-purple-800{
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .sm\:tw-via-purple-900{
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .sm\:tw-via-pink-100{
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .sm\:tw-via-pink-200{
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .sm\:tw-via-pink-300{
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .sm\:tw-via-pink-400{
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .sm\:tw-via-pink-500{
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .sm\:tw-via-pink-600{
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .sm\:tw-via-pink-700{
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .sm\:tw-via-pink-800{
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .sm\:tw-via-pink-900{
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .sm\:tw-via-primary-blue{
    --gradient-via-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .sm\:tw-via-primary-blue-dark{
    --gradient-via-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .sm\:tw-via-primary-white{
    --gradient-via-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:tw-via-font-0{
    --gradient-via-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .sm\:tw-via-font-1{
    --gradient-via-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .sm\:tw-via-font-5{
    --gradient-via-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .sm\:tw-via-font-10{
    --gradient-via-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .sm\:tw-via-font-50{
    --gradient-via-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .sm\:tw-via-font-70{
    --gradient-via-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .sm\:tw-to-transparent{
    --gradient-to-color: transparent;
  }

  .sm\:tw-to-current{
    --gradient-to-color: currentColor;
  }

  .sm\:tw-to-black{
    --gradient-to-color: #000;
  }

  .sm\:tw-to-white{
    --gradient-to-color: #fff;
  }

  .sm\:tw-to-gray-100{
    --gradient-to-color: #f7fafc;
  }

  .sm\:tw-to-gray-200{
    --gradient-to-color: #edf2f7;
  }

  .sm\:tw-to-gray-300{
    --gradient-to-color: #e2e8f0;
  }

  .sm\:tw-to-gray-400{
    --gradient-to-color: #cbd5e0;
  }

  .sm\:tw-to-gray-500{
    --gradient-to-color: #a0aec0;
  }

  .sm\:tw-to-gray-600{
    --gradient-to-color: #718096;
  }

  .sm\:tw-to-gray-700{
    --gradient-to-color: #4a5568;
  }

  .sm\:tw-to-gray-800{
    --gradient-to-color: #2d3748;
  }

  .sm\:tw-to-gray-900{
    --gradient-to-color: #1a202c;
  }

  .sm\:tw-to-red-100{
    --gradient-to-color: #fff5f5;
  }

  .sm\:tw-to-red-200{
    --gradient-to-color: #fed7d7;
  }

  .sm\:tw-to-red-300{
    --gradient-to-color: #feb2b2;
  }

  .sm\:tw-to-red-400{
    --gradient-to-color: #fc8181;
  }

  .sm\:tw-to-red-500{
    --gradient-to-color: #f56565;
  }

  .sm\:tw-to-red-600{
    --gradient-to-color: #e53e3e;
  }

  .sm\:tw-to-red-700{
    --gradient-to-color: #c53030;
  }

  .sm\:tw-to-red-800{
    --gradient-to-color: #9b2c2c;
  }

  .sm\:tw-to-red-900{
    --gradient-to-color: #742a2a;
  }

  .sm\:tw-to-orange-100{
    --gradient-to-color: #fffaf0;
  }

  .sm\:tw-to-orange-200{
    --gradient-to-color: #feebc8;
  }

  .sm\:tw-to-orange-300{
    --gradient-to-color: #fbd38d;
  }

  .sm\:tw-to-orange-400{
    --gradient-to-color: #f6ad55;
  }

  .sm\:tw-to-orange-500{
    --gradient-to-color: #ed8936;
  }

  .sm\:tw-to-orange-600{
    --gradient-to-color: #dd6b20;
  }

  .sm\:tw-to-orange-700{
    --gradient-to-color: #c05621;
  }

  .sm\:tw-to-orange-800{
    --gradient-to-color: #9c4221;
  }

  .sm\:tw-to-orange-900{
    --gradient-to-color: #7b341e;
  }

  .sm\:tw-to-yellow-100{
    --gradient-to-color: #fffff0;
  }

  .sm\:tw-to-yellow-200{
    --gradient-to-color: #fefcbf;
  }

  .sm\:tw-to-yellow-300{
    --gradient-to-color: #faf089;
  }

  .sm\:tw-to-yellow-400{
    --gradient-to-color: #f6e05e;
  }

  .sm\:tw-to-yellow-500{
    --gradient-to-color: #ecc94b;
  }

  .sm\:tw-to-yellow-600{
    --gradient-to-color: #d69e2e;
  }

  .sm\:tw-to-yellow-700{
    --gradient-to-color: #b7791f;
  }

  .sm\:tw-to-yellow-800{
    --gradient-to-color: #975a16;
  }

  .sm\:tw-to-yellow-900{
    --gradient-to-color: #744210;
  }

  .sm\:tw-to-green-100{
    --gradient-to-color: #f0fff4;
  }

  .sm\:tw-to-green-200{
    --gradient-to-color: #c6f6d5;
  }

  .sm\:tw-to-green-300{
    --gradient-to-color: #9ae6b4;
  }

  .sm\:tw-to-green-400{
    --gradient-to-color: #68d391;
  }

  .sm\:tw-to-green-500{
    --gradient-to-color: #48bb78;
  }

  .sm\:tw-to-green-600{
    --gradient-to-color: #38a169;
  }

  .sm\:tw-to-green-700{
    --gradient-to-color: #2f855a;
  }

  .sm\:tw-to-green-800{
    --gradient-to-color: #276749;
  }

  .sm\:tw-to-green-900{
    --gradient-to-color: #22543d;
  }

  .sm\:tw-to-teal-100{
    --gradient-to-color: #e6fffa;
  }

  .sm\:tw-to-teal-200{
    --gradient-to-color: #b2f5ea;
  }

  .sm\:tw-to-teal-300{
    --gradient-to-color: #81e6d9;
  }

  .sm\:tw-to-teal-400{
    --gradient-to-color: #4fd1c5;
  }

  .sm\:tw-to-teal-500{
    --gradient-to-color: #38b2ac;
  }

  .sm\:tw-to-teal-600{
    --gradient-to-color: #319795;
  }

  .sm\:tw-to-teal-700{
    --gradient-to-color: #2c7a7b;
  }

  .sm\:tw-to-teal-800{
    --gradient-to-color: #285e61;
  }

  .sm\:tw-to-teal-900{
    --gradient-to-color: #234e52;
  }

  .sm\:tw-to-blue-100{
    --gradient-to-color: #ebf8ff;
  }

  .sm\:tw-to-blue-200{
    --gradient-to-color: #bee3f8;
  }

  .sm\:tw-to-blue-300{
    --gradient-to-color: #90cdf4;
  }

  .sm\:tw-to-blue-400{
    --gradient-to-color: #63b3ed;
  }

  .sm\:tw-to-blue-500{
    --gradient-to-color: #4299e1;
  }

  .sm\:tw-to-blue-600{
    --gradient-to-color: #3182ce;
  }

  .sm\:tw-to-blue-700{
    --gradient-to-color: #2b6cb0;
  }

  .sm\:tw-to-blue-800{
    --gradient-to-color: #2c5282;
  }

  .sm\:tw-to-blue-900{
    --gradient-to-color: #2a4365;
  }

  .sm\:tw-to-indigo-100{
    --gradient-to-color: #ebf4ff;
  }

  .sm\:tw-to-indigo-200{
    --gradient-to-color: #c3dafe;
  }

  .sm\:tw-to-indigo-300{
    --gradient-to-color: #a3bffa;
  }

  .sm\:tw-to-indigo-400{
    --gradient-to-color: #7f9cf5;
  }

  .sm\:tw-to-indigo-500{
    --gradient-to-color: #667eea;
  }

  .sm\:tw-to-indigo-600{
    --gradient-to-color: #5a67d8;
  }

  .sm\:tw-to-indigo-700{
    --gradient-to-color: #4c51bf;
  }

  .sm\:tw-to-indigo-800{
    --gradient-to-color: #434190;
  }

  .sm\:tw-to-indigo-900{
    --gradient-to-color: #3c366b;
  }

  .sm\:tw-to-purple-100{
    --gradient-to-color: #faf5ff;
  }

  .sm\:tw-to-purple-200{
    --gradient-to-color: #e9d8fd;
  }

  .sm\:tw-to-purple-300{
    --gradient-to-color: #d6bcfa;
  }

  .sm\:tw-to-purple-400{
    --gradient-to-color: #b794f4;
  }

  .sm\:tw-to-purple-500{
    --gradient-to-color: #9f7aea;
  }

  .sm\:tw-to-purple-600{
    --gradient-to-color: #805ad5;
  }

  .sm\:tw-to-purple-700{
    --gradient-to-color: #6b46c1;
  }

  .sm\:tw-to-purple-800{
    --gradient-to-color: #553c9a;
  }

  .sm\:tw-to-purple-900{
    --gradient-to-color: #44337a;
  }

  .sm\:tw-to-pink-100{
    --gradient-to-color: #fff5f7;
  }

  .sm\:tw-to-pink-200{
    --gradient-to-color: #fed7e2;
  }

  .sm\:tw-to-pink-300{
    --gradient-to-color: #fbb6ce;
  }

  .sm\:tw-to-pink-400{
    --gradient-to-color: #f687b3;
  }

  .sm\:tw-to-pink-500{
    --gradient-to-color: #ed64a6;
  }

  .sm\:tw-to-pink-600{
    --gradient-to-color: #d53f8c;
  }

  .sm\:tw-to-pink-700{
    --gradient-to-color: #b83280;
  }

  .sm\:tw-to-pink-800{
    --gradient-to-color: #97266d;
  }

  .sm\:tw-to-pink-900{
    --gradient-to-color: #702459;
  }

  .sm\:tw-to-primary-blue{
    --gradient-to-color: #1976d2;
  }

  .sm\:tw-to-primary-blue-dark{
    --gradient-to-color: #0c3b69;
  }

  .sm\:tw-to-primary-white{
    --gradient-to-color: #ffffff;
  }

  .sm\:tw-to-font-0{
    --gradient-to-color: #4f4f4f;
  }

  .sm\:tw-to-font-1{
    --gradient-to-color: #fcfcfc;
  }

  .sm\:tw-to-font-5{
    --gradient-to-color: #f6f6f6;
  }

  .sm\:tw-to-font-10{
    --gradient-to-color: #ededed;
  }

  .sm\:tw-to-font-50{
    --gradient-to-color: #a7a7a7;
  }

  .sm\:tw-to-font-70{
    --gradient-to-color: #838383;
  }

  .sm\:hover\:tw-from-transparent:hover{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:tw-from-current:hover{
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:tw-from-black:hover{
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:tw-from-white:hover{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:tw-from-gray-100:hover{
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .sm\:hover\:tw-from-gray-200:hover{
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .sm\:hover\:tw-from-gray-300:hover{
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .sm\:hover\:tw-from-gray-400:hover{
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .sm\:hover\:tw-from-gray-500:hover{
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .sm\:hover\:tw-from-gray-600:hover{
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .sm\:hover\:tw-from-gray-700:hover{
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .sm\:hover\:tw-from-gray-800:hover{
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .sm\:hover\:tw-from-gray-900:hover{
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .sm\:hover\:tw-from-red-100:hover{
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .sm\:hover\:tw-from-red-200:hover{
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .sm\:hover\:tw-from-red-300:hover{
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .sm\:hover\:tw-from-red-400:hover{
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .sm\:hover\:tw-from-red-500:hover{
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .sm\:hover\:tw-from-red-600:hover{
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .sm\:hover\:tw-from-red-700:hover{
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .sm\:hover\:tw-from-red-800:hover{
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .sm\:hover\:tw-from-red-900:hover{
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .sm\:hover\:tw-from-orange-100:hover{
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .sm\:hover\:tw-from-orange-200:hover{
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .sm\:hover\:tw-from-orange-300:hover{
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .sm\:hover\:tw-from-orange-400:hover{
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .sm\:hover\:tw-from-orange-500:hover{
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .sm\:hover\:tw-from-orange-600:hover{
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .sm\:hover\:tw-from-orange-700:hover{
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .sm\:hover\:tw-from-orange-800:hover{
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .sm\:hover\:tw-from-orange-900:hover{
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .sm\:hover\:tw-from-yellow-100:hover{
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .sm\:hover\:tw-from-yellow-200:hover{
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .sm\:hover\:tw-from-yellow-300:hover{
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .sm\:hover\:tw-from-yellow-400:hover{
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .sm\:hover\:tw-from-yellow-500:hover{
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .sm\:hover\:tw-from-yellow-600:hover{
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .sm\:hover\:tw-from-yellow-700:hover{
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .sm\:hover\:tw-from-yellow-800:hover{
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .sm\:hover\:tw-from-yellow-900:hover{
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .sm\:hover\:tw-from-green-100:hover{
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .sm\:hover\:tw-from-green-200:hover{
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .sm\:hover\:tw-from-green-300:hover{
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .sm\:hover\:tw-from-green-400:hover{
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .sm\:hover\:tw-from-green-500:hover{
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .sm\:hover\:tw-from-green-600:hover{
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .sm\:hover\:tw-from-green-700:hover{
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .sm\:hover\:tw-from-green-800:hover{
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .sm\:hover\:tw-from-green-900:hover{
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .sm\:hover\:tw-from-teal-100:hover{
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .sm\:hover\:tw-from-teal-200:hover{
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .sm\:hover\:tw-from-teal-300:hover{
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .sm\:hover\:tw-from-teal-400:hover{
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .sm\:hover\:tw-from-teal-500:hover{
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .sm\:hover\:tw-from-teal-600:hover{
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .sm\:hover\:tw-from-teal-700:hover{
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .sm\:hover\:tw-from-teal-800:hover{
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .sm\:hover\:tw-from-teal-900:hover{
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .sm\:hover\:tw-from-blue-100:hover{
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .sm\:hover\:tw-from-blue-200:hover{
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .sm\:hover\:tw-from-blue-300:hover{
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .sm\:hover\:tw-from-blue-400:hover{
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .sm\:hover\:tw-from-blue-500:hover{
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .sm\:hover\:tw-from-blue-600:hover{
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .sm\:hover\:tw-from-blue-700:hover{
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .sm\:hover\:tw-from-blue-800:hover{
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .sm\:hover\:tw-from-blue-900:hover{
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .sm\:hover\:tw-from-indigo-100:hover{
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .sm\:hover\:tw-from-indigo-200:hover{
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .sm\:hover\:tw-from-indigo-300:hover{
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .sm\:hover\:tw-from-indigo-400:hover{
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .sm\:hover\:tw-from-indigo-500:hover{
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .sm\:hover\:tw-from-indigo-600:hover{
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .sm\:hover\:tw-from-indigo-700:hover{
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .sm\:hover\:tw-from-indigo-800:hover{
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .sm\:hover\:tw-from-indigo-900:hover{
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .sm\:hover\:tw-from-purple-100:hover{
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .sm\:hover\:tw-from-purple-200:hover{
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .sm\:hover\:tw-from-purple-300:hover{
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .sm\:hover\:tw-from-purple-400:hover{
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .sm\:hover\:tw-from-purple-500:hover{
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .sm\:hover\:tw-from-purple-600:hover{
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .sm\:hover\:tw-from-purple-700:hover{
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .sm\:hover\:tw-from-purple-800:hover{
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .sm\:hover\:tw-from-purple-900:hover{
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .sm\:hover\:tw-from-pink-100:hover{
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .sm\:hover\:tw-from-pink-200:hover{
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .sm\:hover\:tw-from-pink-300:hover{
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .sm\:hover\:tw-from-pink-400:hover{
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .sm\:hover\:tw-from-pink-500:hover{
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .sm\:hover\:tw-from-pink-600:hover{
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .sm\:hover\:tw-from-pink-700:hover{
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .sm\:hover\:tw-from-pink-800:hover{
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .sm\:hover\:tw-from-pink-900:hover{
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .sm\:hover\:tw-from-primary-blue:hover{
    --gradient-from-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .sm\:hover\:tw-from-primary-blue-dark:hover{
    --gradient-from-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .sm\:hover\:tw-from-primary-white:hover{
    --gradient-from-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:tw-from-font-0:hover{
    --gradient-from-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .sm\:hover\:tw-from-font-1:hover{
    --gradient-from-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .sm\:hover\:tw-from-font-5:hover{
    --gradient-from-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .sm\:hover\:tw-from-font-10:hover{
    --gradient-from-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .sm\:hover\:tw-from-font-50:hover{
    --gradient-from-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .sm\:hover\:tw-from-font-70:hover{
    --gradient-from-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .sm\:hover\:tw-via-transparent:hover{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:tw-via-current:hover{
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:tw-via-black:hover{
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:tw-via-white:hover{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:tw-via-gray-100:hover{
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .sm\:hover\:tw-via-gray-200:hover{
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .sm\:hover\:tw-via-gray-300:hover{
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .sm\:hover\:tw-via-gray-400:hover{
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .sm\:hover\:tw-via-gray-500:hover{
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .sm\:hover\:tw-via-gray-600:hover{
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .sm\:hover\:tw-via-gray-700:hover{
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .sm\:hover\:tw-via-gray-800:hover{
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .sm\:hover\:tw-via-gray-900:hover{
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .sm\:hover\:tw-via-red-100:hover{
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .sm\:hover\:tw-via-red-200:hover{
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .sm\:hover\:tw-via-red-300:hover{
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .sm\:hover\:tw-via-red-400:hover{
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .sm\:hover\:tw-via-red-500:hover{
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .sm\:hover\:tw-via-red-600:hover{
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .sm\:hover\:tw-via-red-700:hover{
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .sm\:hover\:tw-via-red-800:hover{
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .sm\:hover\:tw-via-red-900:hover{
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .sm\:hover\:tw-via-orange-100:hover{
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .sm\:hover\:tw-via-orange-200:hover{
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .sm\:hover\:tw-via-orange-300:hover{
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .sm\:hover\:tw-via-orange-400:hover{
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .sm\:hover\:tw-via-orange-500:hover{
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .sm\:hover\:tw-via-orange-600:hover{
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .sm\:hover\:tw-via-orange-700:hover{
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .sm\:hover\:tw-via-orange-800:hover{
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .sm\:hover\:tw-via-orange-900:hover{
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .sm\:hover\:tw-via-yellow-100:hover{
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .sm\:hover\:tw-via-yellow-200:hover{
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .sm\:hover\:tw-via-yellow-300:hover{
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .sm\:hover\:tw-via-yellow-400:hover{
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .sm\:hover\:tw-via-yellow-500:hover{
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .sm\:hover\:tw-via-yellow-600:hover{
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .sm\:hover\:tw-via-yellow-700:hover{
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .sm\:hover\:tw-via-yellow-800:hover{
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .sm\:hover\:tw-via-yellow-900:hover{
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .sm\:hover\:tw-via-green-100:hover{
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .sm\:hover\:tw-via-green-200:hover{
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .sm\:hover\:tw-via-green-300:hover{
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .sm\:hover\:tw-via-green-400:hover{
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .sm\:hover\:tw-via-green-500:hover{
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .sm\:hover\:tw-via-green-600:hover{
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .sm\:hover\:tw-via-green-700:hover{
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .sm\:hover\:tw-via-green-800:hover{
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .sm\:hover\:tw-via-green-900:hover{
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .sm\:hover\:tw-via-teal-100:hover{
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .sm\:hover\:tw-via-teal-200:hover{
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .sm\:hover\:tw-via-teal-300:hover{
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .sm\:hover\:tw-via-teal-400:hover{
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .sm\:hover\:tw-via-teal-500:hover{
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .sm\:hover\:tw-via-teal-600:hover{
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .sm\:hover\:tw-via-teal-700:hover{
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .sm\:hover\:tw-via-teal-800:hover{
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .sm\:hover\:tw-via-teal-900:hover{
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .sm\:hover\:tw-via-blue-100:hover{
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .sm\:hover\:tw-via-blue-200:hover{
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .sm\:hover\:tw-via-blue-300:hover{
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .sm\:hover\:tw-via-blue-400:hover{
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .sm\:hover\:tw-via-blue-500:hover{
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .sm\:hover\:tw-via-blue-600:hover{
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .sm\:hover\:tw-via-blue-700:hover{
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .sm\:hover\:tw-via-blue-800:hover{
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .sm\:hover\:tw-via-blue-900:hover{
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .sm\:hover\:tw-via-indigo-100:hover{
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .sm\:hover\:tw-via-indigo-200:hover{
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .sm\:hover\:tw-via-indigo-300:hover{
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .sm\:hover\:tw-via-indigo-400:hover{
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .sm\:hover\:tw-via-indigo-500:hover{
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .sm\:hover\:tw-via-indigo-600:hover{
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .sm\:hover\:tw-via-indigo-700:hover{
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .sm\:hover\:tw-via-indigo-800:hover{
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .sm\:hover\:tw-via-indigo-900:hover{
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .sm\:hover\:tw-via-purple-100:hover{
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .sm\:hover\:tw-via-purple-200:hover{
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .sm\:hover\:tw-via-purple-300:hover{
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .sm\:hover\:tw-via-purple-400:hover{
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .sm\:hover\:tw-via-purple-500:hover{
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .sm\:hover\:tw-via-purple-600:hover{
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .sm\:hover\:tw-via-purple-700:hover{
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .sm\:hover\:tw-via-purple-800:hover{
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .sm\:hover\:tw-via-purple-900:hover{
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .sm\:hover\:tw-via-pink-100:hover{
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .sm\:hover\:tw-via-pink-200:hover{
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .sm\:hover\:tw-via-pink-300:hover{
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .sm\:hover\:tw-via-pink-400:hover{
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .sm\:hover\:tw-via-pink-500:hover{
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .sm\:hover\:tw-via-pink-600:hover{
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .sm\:hover\:tw-via-pink-700:hover{
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .sm\:hover\:tw-via-pink-800:hover{
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .sm\:hover\:tw-via-pink-900:hover{
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .sm\:hover\:tw-via-primary-blue:hover{
    --gradient-via-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .sm\:hover\:tw-via-primary-blue-dark:hover{
    --gradient-via-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .sm\:hover\:tw-via-primary-white:hover{
    --gradient-via-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:tw-via-font-0:hover{
    --gradient-via-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .sm\:hover\:tw-via-font-1:hover{
    --gradient-via-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .sm\:hover\:tw-via-font-5:hover{
    --gradient-via-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .sm\:hover\:tw-via-font-10:hover{
    --gradient-via-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .sm\:hover\:tw-via-font-50:hover{
    --gradient-via-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .sm\:hover\:tw-via-font-70:hover{
    --gradient-via-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .sm\:hover\:tw-to-transparent:hover{
    --gradient-to-color: transparent;
  }

  .sm\:hover\:tw-to-current:hover{
    --gradient-to-color: currentColor;
  }

  .sm\:hover\:tw-to-black:hover{
    --gradient-to-color: #000;
  }

  .sm\:hover\:tw-to-white:hover{
    --gradient-to-color: #fff;
  }

  .sm\:hover\:tw-to-gray-100:hover{
    --gradient-to-color: #f7fafc;
  }

  .sm\:hover\:tw-to-gray-200:hover{
    --gradient-to-color: #edf2f7;
  }

  .sm\:hover\:tw-to-gray-300:hover{
    --gradient-to-color: #e2e8f0;
  }

  .sm\:hover\:tw-to-gray-400:hover{
    --gradient-to-color: #cbd5e0;
  }

  .sm\:hover\:tw-to-gray-500:hover{
    --gradient-to-color: #a0aec0;
  }

  .sm\:hover\:tw-to-gray-600:hover{
    --gradient-to-color: #718096;
  }

  .sm\:hover\:tw-to-gray-700:hover{
    --gradient-to-color: #4a5568;
  }

  .sm\:hover\:tw-to-gray-800:hover{
    --gradient-to-color: #2d3748;
  }

  .sm\:hover\:tw-to-gray-900:hover{
    --gradient-to-color: #1a202c;
  }

  .sm\:hover\:tw-to-red-100:hover{
    --gradient-to-color: #fff5f5;
  }

  .sm\:hover\:tw-to-red-200:hover{
    --gradient-to-color: #fed7d7;
  }

  .sm\:hover\:tw-to-red-300:hover{
    --gradient-to-color: #feb2b2;
  }

  .sm\:hover\:tw-to-red-400:hover{
    --gradient-to-color: #fc8181;
  }

  .sm\:hover\:tw-to-red-500:hover{
    --gradient-to-color: #f56565;
  }

  .sm\:hover\:tw-to-red-600:hover{
    --gradient-to-color: #e53e3e;
  }

  .sm\:hover\:tw-to-red-700:hover{
    --gradient-to-color: #c53030;
  }

  .sm\:hover\:tw-to-red-800:hover{
    --gradient-to-color: #9b2c2c;
  }

  .sm\:hover\:tw-to-red-900:hover{
    --gradient-to-color: #742a2a;
  }

  .sm\:hover\:tw-to-orange-100:hover{
    --gradient-to-color: #fffaf0;
  }

  .sm\:hover\:tw-to-orange-200:hover{
    --gradient-to-color: #feebc8;
  }

  .sm\:hover\:tw-to-orange-300:hover{
    --gradient-to-color: #fbd38d;
  }

  .sm\:hover\:tw-to-orange-400:hover{
    --gradient-to-color: #f6ad55;
  }

  .sm\:hover\:tw-to-orange-500:hover{
    --gradient-to-color: #ed8936;
  }

  .sm\:hover\:tw-to-orange-600:hover{
    --gradient-to-color: #dd6b20;
  }

  .sm\:hover\:tw-to-orange-700:hover{
    --gradient-to-color: #c05621;
  }

  .sm\:hover\:tw-to-orange-800:hover{
    --gradient-to-color: #9c4221;
  }

  .sm\:hover\:tw-to-orange-900:hover{
    --gradient-to-color: #7b341e;
  }

  .sm\:hover\:tw-to-yellow-100:hover{
    --gradient-to-color: #fffff0;
  }

  .sm\:hover\:tw-to-yellow-200:hover{
    --gradient-to-color: #fefcbf;
  }

  .sm\:hover\:tw-to-yellow-300:hover{
    --gradient-to-color: #faf089;
  }

  .sm\:hover\:tw-to-yellow-400:hover{
    --gradient-to-color: #f6e05e;
  }

  .sm\:hover\:tw-to-yellow-500:hover{
    --gradient-to-color: #ecc94b;
  }

  .sm\:hover\:tw-to-yellow-600:hover{
    --gradient-to-color: #d69e2e;
  }

  .sm\:hover\:tw-to-yellow-700:hover{
    --gradient-to-color: #b7791f;
  }

  .sm\:hover\:tw-to-yellow-800:hover{
    --gradient-to-color: #975a16;
  }

  .sm\:hover\:tw-to-yellow-900:hover{
    --gradient-to-color: #744210;
  }

  .sm\:hover\:tw-to-green-100:hover{
    --gradient-to-color: #f0fff4;
  }

  .sm\:hover\:tw-to-green-200:hover{
    --gradient-to-color: #c6f6d5;
  }

  .sm\:hover\:tw-to-green-300:hover{
    --gradient-to-color: #9ae6b4;
  }

  .sm\:hover\:tw-to-green-400:hover{
    --gradient-to-color: #68d391;
  }

  .sm\:hover\:tw-to-green-500:hover{
    --gradient-to-color: #48bb78;
  }

  .sm\:hover\:tw-to-green-600:hover{
    --gradient-to-color: #38a169;
  }

  .sm\:hover\:tw-to-green-700:hover{
    --gradient-to-color: #2f855a;
  }

  .sm\:hover\:tw-to-green-800:hover{
    --gradient-to-color: #276749;
  }

  .sm\:hover\:tw-to-green-900:hover{
    --gradient-to-color: #22543d;
  }

  .sm\:hover\:tw-to-teal-100:hover{
    --gradient-to-color: #e6fffa;
  }

  .sm\:hover\:tw-to-teal-200:hover{
    --gradient-to-color: #b2f5ea;
  }

  .sm\:hover\:tw-to-teal-300:hover{
    --gradient-to-color: #81e6d9;
  }

  .sm\:hover\:tw-to-teal-400:hover{
    --gradient-to-color: #4fd1c5;
  }

  .sm\:hover\:tw-to-teal-500:hover{
    --gradient-to-color: #38b2ac;
  }

  .sm\:hover\:tw-to-teal-600:hover{
    --gradient-to-color: #319795;
  }

  .sm\:hover\:tw-to-teal-700:hover{
    --gradient-to-color: #2c7a7b;
  }

  .sm\:hover\:tw-to-teal-800:hover{
    --gradient-to-color: #285e61;
  }

  .sm\:hover\:tw-to-teal-900:hover{
    --gradient-to-color: #234e52;
  }

  .sm\:hover\:tw-to-blue-100:hover{
    --gradient-to-color: #ebf8ff;
  }

  .sm\:hover\:tw-to-blue-200:hover{
    --gradient-to-color: #bee3f8;
  }

  .sm\:hover\:tw-to-blue-300:hover{
    --gradient-to-color: #90cdf4;
  }

  .sm\:hover\:tw-to-blue-400:hover{
    --gradient-to-color: #63b3ed;
  }

  .sm\:hover\:tw-to-blue-500:hover{
    --gradient-to-color: #4299e1;
  }

  .sm\:hover\:tw-to-blue-600:hover{
    --gradient-to-color: #3182ce;
  }

  .sm\:hover\:tw-to-blue-700:hover{
    --gradient-to-color: #2b6cb0;
  }

  .sm\:hover\:tw-to-blue-800:hover{
    --gradient-to-color: #2c5282;
  }

  .sm\:hover\:tw-to-blue-900:hover{
    --gradient-to-color: #2a4365;
  }

  .sm\:hover\:tw-to-indigo-100:hover{
    --gradient-to-color: #ebf4ff;
  }

  .sm\:hover\:tw-to-indigo-200:hover{
    --gradient-to-color: #c3dafe;
  }

  .sm\:hover\:tw-to-indigo-300:hover{
    --gradient-to-color: #a3bffa;
  }

  .sm\:hover\:tw-to-indigo-400:hover{
    --gradient-to-color: #7f9cf5;
  }

  .sm\:hover\:tw-to-indigo-500:hover{
    --gradient-to-color: #667eea;
  }

  .sm\:hover\:tw-to-indigo-600:hover{
    --gradient-to-color: #5a67d8;
  }

  .sm\:hover\:tw-to-indigo-700:hover{
    --gradient-to-color: #4c51bf;
  }

  .sm\:hover\:tw-to-indigo-800:hover{
    --gradient-to-color: #434190;
  }

  .sm\:hover\:tw-to-indigo-900:hover{
    --gradient-to-color: #3c366b;
  }

  .sm\:hover\:tw-to-purple-100:hover{
    --gradient-to-color: #faf5ff;
  }

  .sm\:hover\:tw-to-purple-200:hover{
    --gradient-to-color: #e9d8fd;
  }

  .sm\:hover\:tw-to-purple-300:hover{
    --gradient-to-color: #d6bcfa;
  }

  .sm\:hover\:tw-to-purple-400:hover{
    --gradient-to-color: #b794f4;
  }

  .sm\:hover\:tw-to-purple-500:hover{
    --gradient-to-color: #9f7aea;
  }

  .sm\:hover\:tw-to-purple-600:hover{
    --gradient-to-color: #805ad5;
  }

  .sm\:hover\:tw-to-purple-700:hover{
    --gradient-to-color: #6b46c1;
  }

  .sm\:hover\:tw-to-purple-800:hover{
    --gradient-to-color: #553c9a;
  }

  .sm\:hover\:tw-to-purple-900:hover{
    --gradient-to-color: #44337a;
  }

  .sm\:hover\:tw-to-pink-100:hover{
    --gradient-to-color: #fff5f7;
  }

  .sm\:hover\:tw-to-pink-200:hover{
    --gradient-to-color: #fed7e2;
  }

  .sm\:hover\:tw-to-pink-300:hover{
    --gradient-to-color: #fbb6ce;
  }

  .sm\:hover\:tw-to-pink-400:hover{
    --gradient-to-color: #f687b3;
  }

  .sm\:hover\:tw-to-pink-500:hover{
    --gradient-to-color: #ed64a6;
  }

  .sm\:hover\:tw-to-pink-600:hover{
    --gradient-to-color: #d53f8c;
  }

  .sm\:hover\:tw-to-pink-700:hover{
    --gradient-to-color: #b83280;
  }

  .sm\:hover\:tw-to-pink-800:hover{
    --gradient-to-color: #97266d;
  }

  .sm\:hover\:tw-to-pink-900:hover{
    --gradient-to-color: #702459;
  }

  .sm\:hover\:tw-to-primary-blue:hover{
    --gradient-to-color: #1976d2;
  }

  .sm\:hover\:tw-to-primary-blue-dark:hover{
    --gradient-to-color: #0c3b69;
  }

  .sm\:hover\:tw-to-primary-white:hover{
    --gradient-to-color: #ffffff;
  }

  .sm\:hover\:tw-to-font-0:hover{
    --gradient-to-color: #4f4f4f;
  }

  .sm\:hover\:tw-to-font-1:hover{
    --gradient-to-color: #fcfcfc;
  }

  .sm\:hover\:tw-to-font-5:hover{
    --gradient-to-color: #f6f6f6;
  }

  .sm\:hover\:tw-to-font-10:hover{
    --gradient-to-color: #ededed;
  }

  .sm\:hover\:tw-to-font-50:hover{
    --gradient-to-color: #a7a7a7;
  }

  .sm\:hover\:tw-to-font-70:hover{
    --gradient-to-color: #838383;
  }

  .sm\:focus\:tw-from-transparent:focus{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:tw-from-current:focus{
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:tw-from-black:focus{
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:tw-from-white:focus{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:tw-from-gray-100:focus{
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .sm\:focus\:tw-from-gray-200:focus{
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .sm\:focus\:tw-from-gray-300:focus{
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .sm\:focus\:tw-from-gray-400:focus{
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .sm\:focus\:tw-from-gray-500:focus{
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .sm\:focus\:tw-from-gray-600:focus{
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .sm\:focus\:tw-from-gray-700:focus{
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .sm\:focus\:tw-from-gray-800:focus{
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .sm\:focus\:tw-from-gray-900:focus{
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .sm\:focus\:tw-from-red-100:focus{
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .sm\:focus\:tw-from-red-200:focus{
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .sm\:focus\:tw-from-red-300:focus{
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .sm\:focus\:tw-from-red-400:focus{
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .sm\:focus\:tw-from-red-500:focus{
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .sm\:focus\:tw-from-red-600:focus{
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .sm\:focus\:tw-from-red-700:focus{
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .sm\:focus\:tw-from-red-800:focus{
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .sm\:focus\:tw-from-red-900:focus{
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .sm\:focus\:tw-from-orange-100:focus{
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .sm\:focus\:tw-from-orange-200:focus{
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .sm\:focus\:tw-from-orange-300:focus{
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .sm\:focus\:tw-from-orange-400:focus{
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .sm\:focus\:tw-from-orange-500:focus{
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .sm\:focus\:tw-from-orange-600:focus{
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .sm\:focus\:tw-from-orange-700:focus{
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .sm\:focus\:tw-from-orange-800:focus{
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .sm\:focus\:tw-from-orange-900:focus{
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .sm\:focus\:tw-from-yellow-100:focus{
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .sm\:focus\:tw-from-yellow-200:focus{
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .sm\:focus\:tw-from-yellow-300:focus{
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .sm\:focus\:tw-from-yellow-400:focus{
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .sm\:focus\:tw-from-yellow-500:focus{
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .sm\:focus\:tw-from-yellow-600:focus{
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .sm\:focus\:tw-from-yellow-700:focus{
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .sm\:focus\:tw-from-yellow-800:focus{
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .sm\:focus\:tw-from-yellow-900:focus{
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .sm\:focus\:tw-from-green-100:focus{
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .sm\:focus\:tw-from-green-200:focus{
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .sm\:focus\:tw-from-green-300:focus{
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .sm\:focus\:tw-from-green-400:focus{
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .sm\:focus\:tw-from-green-500:focus{
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .sm\:focus\:tw-from-green-600:focus{
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .sm\:focus\:tw-from-green-700:focus{
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .sm\:focus\:tw-from-green-800:focus{
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .sm\:focus\:tw-from-green-900:focus{
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .sm\:focus\:tw-from-teal-100:focus{
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .sm\:focus\:tw-from-teal-200:focus{
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .sm\:focus\:tw-from-teal-300:focus{
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .sm\:focus\:tw-from-teal-400:focus{
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .sm\:focus\:tw-from-teal-500:focus{
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .sm\:focus\:tw-from-teal-600:focus{
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .sm\:focus\:tw-from-teal-700:focus{
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .sm\:focus\:tw-from-teal-800:focus{
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .sm\:focus\:tw-from-teal-900:focus{
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .sm\:focus\:tw-from-blue-100:focus{
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .sm\:focus\:tw-from-blue-200:focus{
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .sm\:focus\:tw-from-blue-300:focus{
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .sm\:focus\:tw-from-blue-400:focus{
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .sm\:focus\:tw-from-blue-500:focus{
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .sm\:focus\:tw-from-blue-600:focus{
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .sm\:focus\:tw-from-blue-700:focus{
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .sm\:focus\:tw-from-blue-800:focus{
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .sm\:focus\:tw-from-blue-900:focus{
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .sm\:focus\:tw-from-indigo-100:focus{
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .sm\:focus\:tw-from-indigo-200:focus{
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .sm\:focus\:tw-from-indigo-300:focus{
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .sm\:focus\:tw-from-indigo-400:focus{
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .sm\:focus\:tw-from-indigo-500:focus{
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .sm\:focus\:tw-from-indigo-600:focus{
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .sm\:focus\:tw-from-indigo-700:focus{
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .sm\:focus\:tw-from-indigo-800:focus{
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .sm\:focus\:tw-from-indigo-900:focus{
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .sm\:focus\:tw-from-purple-100:focus{
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .sm\:focus\:tw-from-purple-200:focus{
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .sm\:focus\:tw-from-purple-300:focus{
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .sm\:focus\:tw-from-purple-400:focus{
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .sm\:focus\:tw-from-purple-500:focus{
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .sm\:focus\:tw-from-purple-600:focus{
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .sm\:focus\:tw-from-purple-700:focus{
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .sm\:focus\:tw-from-purple-800:focus{
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .sm\:focus\:tw-from-purple-900:focus{
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .sm\:focus\:tw-from-pink-100:focus{
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .sm\:focus\:tw-from-pink-200:focus{
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .sm\:focus\:tw-from-pink-300:focus{
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .sm\:focus\:tw-from-pink-400:focus{
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .sm\:focus\:tw-from-pink-500:focus{
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .sm\:focus\:tw-from-pink-600:focus{
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .sm\:focus\:tw-from-pink-700:focus{
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .sm\:focus\:tw-from-pink-800:focus{
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .sm\:focus\:tw-from-pink-900:focus{
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .sm\:focus\:tw-from-primary-blue:focus{
    --gradient-from-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .sm\:focus\:tw-from-primary-blue-dark:focus{
    --gradient-from-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .sm\:focus\:tw-from-primary-white:focus{
    --gradient-from-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:tw-from-font-0:focus{
    --gradient-from-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .sm\:focus\:tw-from-font-1:focus{
    --gradient-from-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .sm\:focus\:tw-from-font-5:focus{
    --gradient-from-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .sm\:focus\:tw-from-font-10:focus{
    --gradient-from-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .sm\:focus\:tw-from-font-50:focus{
    --gradient-from-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .sm\:focus\:tw-from-font-70:focus{
    --gradient-from-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .sm\:focus\:tw-via-transparent:focus{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:tw-via-current:focus{
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:tw-via-black:focus{
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:tw-via-white:focus{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:tw-via-gray-100:focus{
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .sm\:focus\:tw-via-gray-200:focus{
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .sm\:focus\:tw-via-gray-300:focus{
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .sm\:focus\:tw-via-gray-400:focus{
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .sm\:focus\:tw-via-gray-500:focus{
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .sm\:focus\:tw-via-gray-600:focus{
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .sm\:focus\:tw-via-gray-700:focus{
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .sm\:focus\:tw-via-gray-800:focus{
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .sm\:focus\:tw-via-gray-900:focus{
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .sm\:focus\:tw-via-red-100:focus{
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .sm\:focus\:tw-via-red-200:focus{
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .sm\:focus\:tw-via-red-300:focus{
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .sm\:focus\:tw-via-red-400:focus{
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .sm\:focus\:tw-via-red-500:focus{
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .sm\:focus\:tw-via-red-600:focus{
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .sm\:focus\:tw-via-red-700:focus{
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .sm\:focus\:tw-via-red-800:focus{
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .sm\:focus\:tw-via-red-900:focus{
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .sm\:focus\:tw-via-orange-100:focus{
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .sm\:focus\:tw-via-orange-200:focus{
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .sm\:focus\:tw-via-orange-300:focus{
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .sm\:focus\:tw-via-orange-400:focus{
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .sm\:focus\:tw-via-orange-500:focus{
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .sm\:focus\:tw-via-orange-600:focus{
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .sm\:focus\:tw-via-orange-700:focus{
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .sm\:focus\:tw-via-orange-800:focus{
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .sm\:focus\:tw-via-orange-900:focus{
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .sm\:focus\:tw-via-yellow-100:focus{
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .sm\:focus\:tw-via-yellow-200:focus{
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .sm\:focus\:tw-via-yellow-300:focus{
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .sm\:focus\:tw-via-yellow-400:focus{
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .sm\:focus\:tw-via-yellow-500:focus{
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .sm\:focus\:tw-via-yellow-600:focus{
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .sm\:focus\:tw-via-yellow-700:focus{
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .sm\:focus\:tw-via-yellow-800:focus{
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .sm\:focus\:tw-via-yellow-900:focus{
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .sm\:focus\:tw-via-green-100:focus{
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .sm\:focus\:tw-via-green-200:focus{
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .sm\:focus\:tw-via-green-300:focus{
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .sm\:focus\:tw-via-green-400:focus{
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .sm\:focus\:tw-via-green-500:focus{
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .sm\:focus\:tw-via-green-600:focus{
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .sm\:focus\:tw-via-green-700:focus{
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .sm\:focus\:tw-via-green-800:focus{
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .sm\:focus\:tw-via-green-900:focus{
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .sm\:focus\:tw-via-teal-100:focus{
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .sm\:focus\:tw-via-teal-200:focus{
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .sm\:focus\:tw-via-teal-300:focus{
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .sm\:focus\:tw-via-teal-400:focus{
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .sm\:focus\:tw-via-teal-500:focus{
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .sm\:focus\:tw-via-teal-600:focus{
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .sm\:focus\:tw-via-teal-700:focus{
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .sm\:focus\:tw-via-teal-800:focus{
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .sm\:focus\:tw-via-teal-900:focus{
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .sm\:focus\:tw-via-blue-100:focus{
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .sm\:focus\:tw-via-blue-200:focus{
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .sm\:focus\:tw-via-blue-300:focus{
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .sm\:focus\:tw-via-blue-400:focus{
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .sm\:focus\:tw-via-blue-500:focus{
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .sm\:focus\:tw-via-blue-600:focus{
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .sm\:focus\:tw-via-blue-700:focus{
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .sm\:focus\:tw-via-blue-800:focus{
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .sm\:focus\:tw-via-blue-900:focus{
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .sm\:focus\:tw-via-indigo-100:focus{
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .sm\:focus\:tw-via-indigo-200:focus{
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .sm\:focus\:tw-via-indigo-300:focus{
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .sm\:focus\:tw-via-indigo-400:focus{
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .sm\:focus\:tw-via-indigo-500:focus{
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .sm\:focus\:tw-via-indigo-600:focus{
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .sm\:focus\:tw-via-indigo-700:focus{
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .sm\:focus\:tw-via-indigo-800:focus{
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .sm\:focus\:tw-via-indigo-900:focus{
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .sm\:focus\:tw-via-purple-100:focus{
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .sm\:focus\:tw-via-purple-200:focus{
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .sm\:focus\:tw-via-purple-300:focus{
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .sm\:focus\:tw-via-purple-400:focus{
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .sm\:focus\:tw-via-purple-500:focus{
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .sm\:focus\:tw-via-purple-600:focus{
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .sm\:focus\:tw-via-purple-700:focus{
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .sm\:focus\:tw-via-purple-800:focus{
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .sm\:focus\:tw-via-purple-900:focus{
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .sm\:focus\:tw-via-pink-100:focus{
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .sm\:focus\:tw-via-pink-200:focus{
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .sm\:focus\:tw-via-pink-300:focus{
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .sm\:focus\:tw-via-pink-400:focus{
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .sm\:focus\:tw-via-pink-500:focus{
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .sm\:focus\:tw-via-pink-600:focus{
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .sm\:focus\:tw-via-pink-700:focus{
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .sm\:focus\:tw-via-pink-800:focus{
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .sm\:focus\:tw-via-pink-900:focus{
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .sm\:focus\:tw-via-primary-blue:focus{
    --gradient-via-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .sm\:focus\:tw-via-primary-blue-dark:focus{
    --gradient-via-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .sm\:focus\:tw-via-primary-white:focus{
    --gradient-via-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:tw-via-font-0:focus{
    --gradient-via-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .sm\:focus\:tw-via-font-1:focus{
    --gradient-via-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .sm\:focus\:tw-via-font-5:focus{
    --gradient-via-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .sm\:focus\:tw-via-font-10:focus{
    --gradient-via-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .sm\:focus\:tw-via-font-50:focus{
    --gradient-via-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .sm\:focus\:tw-via-font-70:focus{
    --gradient-via-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .sm\:focus\:tw-to-transparent:focus{
    --gradient-to-color: transparent;
  }

  .sm\:focus\:tw-to-current:focus{
    --gradient-to-color: currentColor;
  }

  .sm\:focus\:tw-to-black:focus{
    --gradient-to-color: #000;
  }

  .sm\:focus\:tw-to-white:focus{
    --gradient-to-color: #fff;
  }

  .sm\:focus\:tw-to-gray-100:focus{
    --gradient-to-color: #f7fafc;
  }

  .sm\:focus\:tw-to-gray-200:focus{
    --gradient-to-color: #edf2f7;
  }

  .sm\:focus\:tw-to-gray-300:focus{
    --gradient-to-color: #e2e8f0;
  }

  .sm\:focus\:tw-to-gray-400:focus{
    --gradient-to-color: #cbd5e0;
  }

  .sm\:focus\:tw-to-gray-500:focus{
    --gradient-to-color: #a0aec0;
  }

  .sm\:focus\:tw-to-gray-600:focus{
    --gradient-to-color: #718096;
  }

  .sm\:focus\:tw-to-gray-700:focus{
    --gradient-to-color: #4a5568;
  }

  .sm\:focus\:tw-to-gray-800:focus{
    --gradient-to-color: #2d3748;
  }

  .sm\:focus\:tw-to-gray-900:focus{
    --gradient-to-color: #1a202c;
  }

  .sm\:focus\:tw-to-red-100:focus{
    --gradient-to-color: #fff5f5;
  }

  .sm\:focus\:tw-to-red-200:focus{
    --gradient-to-color: #fed7d7;
  }

  .sm\:focus\:tw-to-red-300:focus{
    --gradient-to-color: #feb2b2;
  }

  .sm\:focus\:tw-to-red-400:focus{
    --gradient-to-color: #fc8181;
  }

  .sm\:focus\:tw-to-red-500:focus{
    --gradient-to-color: #f56565;
  }

  .sm\:focus\:tw-to-red-600:focus{
    --gradient-to-color: #e53e3e;
  }

  .sm\:focus\:tw-to-red-700:focus{
    --gradient-to-color: #c53030;
  }

  .sm\:focus\:tw-to-red-800:focus{
    --gradient-to-color: #9b2c2c;
  }

  .sm\:focus\:tw-to-red-900:focus{
    --gradient-to-color: #742a2a;
  }

  .sm\:focus\:tw-to-orange-100:focus{
    --gradient-to-color: #fffaf0;
  }

  .sm\:focus\:tw-to-orange-200:focus{
    --gradient-to-color: #feebc8;
  }

  .sm\:focus\:tw-to-orange-300:focus{
    --gradient-to-color: #fbd38d;
  }

  .sm\:focus\:tw-to-orange-400:focus{
    --gradient-to-color: #f6ad55;
  }

  .sm\:focus\:tw-to-orange-500:focus{
    --gradient-to-color: #ed8936;
  }

  .sm\:focus\:tw-to-orange-600:focus{
    --gradient-to-color: #dd6b20;
  }

  .sm\:focus\:tw-to-orange-700:focus{
    --gradient-to-color: #c05621;
  }

  .sm\:focus\:tw-to-orange-800:focus{
    --gradient-to-color: #9c4221;
  }

  .sm\:focus\:tw-to-orange-900:focus{
    --gradient-to-color: #7b341e;
  }

  .sm\:focus\:tw-to-yellow-100:focus{
    --gradient-to-color: #fffff0;
  }

  .sm\:focus\:tw-to-yellow-200:focus{
    --gradient-to-color: #fefcbf;
  }

  .sm\:focus\:tw-to-yellow-300:focus{
    --gradient-to-color: #faf089;
  }

  .sm\:focus\:tw-to-yellow-400:focus{
    --gradient-to-color: #f6e05e;
  }

  .sm\:focus\:tw-to-yellow-500:focus{
    --gradient-to-color: #ecc94b;
  }

  .sm\:focus\:tw-to-yellow-600:focus{
    --gradient-to-color: #d69e2e;
  }

  .sm\:focus\:tw-to-yellow-700:focus{
    --gradient-to-color: #b7791f;
  }

  .sm\:focus\:tw-to-yellow-800:focus{
    --gradient-to-color: #975a16;
  }

  .sm\:focus\:tw-to-yellow-900:focus{
    --gradient-to-color: #744210;
  }

  .sm\:focus\:tw-to-green-100:focus{
    --gradient-to-color: #f0fff4;
  }

  .sm\:focus\:tw-to-green-200:focus{
    --gradient-to-color: #c6f6d5;
  }

  .sm\:focus\:tw-to-green-300:focus{
    --gradient-to-color: #9ae6b4;
  }

  .sm\:focus\:tw-to-green-400:focus{
    --gradient-to-color: #68d391;
  }

  .sm\:focus\:tw-to-green-500:focus{
    --gradient-to-color: #48bb78;
  }

  .sm\:focus\:tw-to-green-600:focus{
    --gradient-to-color: #38a169;
  }

  .sm\:focus\:tw-to-green-700:focus{
    --gradient-to-color: #2f855a;
  }

  .sm\:focus\:tw-to-green-800:focus{
    --gradient-to-color: #276749;
  }

  .sm\:focus\:tw-to-green-900:focus{
    --gradient-to-color: #22543d;
  }

  .sm\:focus\:tw-to-teal-100:focus{
    --gradient-to-color: #e6fffa;
  }

  .sm\:focus\:tw-to-teal-200:focus{
    --gradient-to-color: #b2f5ea;
  }

  .sm\:focus\:tw-to-teal-300:focus{
    --gradient-to-color: #81e6d9;
  }

  .sm\:focus\:tw-to-teal-400:focus{
    --gradient-to-color: #4fd1c5;
  }

  .sm\:focus\:tw-to-teal-500:focus{
    --gradient-to-color: #38b2ac;
  }

  .sm\:focus\:tw-to-teal-600:focus{
    --gradient-to-color: #319795;
  }

  .sm\:focus\:tw-to-teal-700:focus{
    --gradient-to-color: #2c7a7b;
  }

  .sm\:focus\:tw-to-teal-800:focus{
    --gradient-to-color: #285e61;
  }

  .sm\:focus\:tw-to-teal-900:focus{
    --gradient-to-color: #234e52;
  }

  .sm\:focus\:tw-to-blue-100:focus{
    --gradient-to-color: #ebf8ff;
  }

  .sm\:focus\:tw-to-blue-200:focus{
    --gradient-to-color: #bee3f8;
  }

  .sm\:focus\:tw-to-blue-300:focus{
    --gradient-to-color: #90cdf4;
  }

  .sm\:focus\:tw-to-blue-400:focus{
    --gradient-to-color: #63b3ed;
  }

  .sm\:focus\:tw-to-blue-500:focus{
    --gradient-to-color: #4299e1;
  }

  .sm\:focus\:tw-to-blue-600:focus{
    --gradient-to-color: #3182ce;
  }

  .sm\:focus\:tw-to-blue-700:focus{
    --gradient-to-color: #2b6cb0;
  }

  .sm\:focus\:tw-to-blue-800:focus{
    --gradient-to-color: #2c5282;
  }

  .sm\:focus\:tw-to-blue-900:focus{
    --gradient-to-color: #2a4365;
  }

  .sm\:focus\:tw-to-indigo-100:focus{
    --gradient-to-color: #ebf4ff;
  }

  .sm\:focus\:tw-to-indigo-200:focus{
    --gradient-to-color: #c3dafe;
  }

  .sm\:focus\:tw-to-indigo-300:focus{
    --gradient-to-color: #a3bffa;
  }

  .sm\:focus\:tw-to-indigo-400:focus{
    --gradient-to-color: #7f9cf5;
  }

  .sm\:focus\:tw-to-indigo-500:focus{
    --gradient-to-color: #667eea;
  }

  .sm\:focus\:tw-to-indigo-600:focus{
    --gradient-to-color: #5a67d8;
  }

  .sm\:focus\:tw-to-indigo-700:focus{
    --gradient-to-color: #4c51bf;
  }

  .sm\:focus\:tw-to-indigo-800:focus{
    --gradient-to-color: #434190;
  }

  .sm\:focus\:tw-to-indigo-900:focus{
    --gradient-to-color: #3c366b;
  }

  .sm\:focus\:tw-to-purple-100:focus{
    --gradient-to-color: #faf5ff;
  }

  .sm\:focus\:tw-to-purple-200:focus{
    --gradient-to-color: #e9d8fd;
  }

  .sm\:focus\:tw-to-purple-300:focus{
    --gradient-to-color: #d6bcfa;
  }

  .sm\:focus\:tw-to-purple-400:focus{
    --gradient-to-color: #b794f4;
  }

  .sm\:focus\:tw-to-purple-500:focus{
    --gradient-to-color: #9f7aea;
  }

  .sm\:focus\:tw-to-purple-600:focus{
    --gradient-to-color: #805ad5;
  }

  .sm\:focus\:tw-to-purple-700:focus{
    --gradient-to-color: #6b46c1;
  }

  .sm\:focus\:tw-to-purple-800:focus{
    --gradient-to-color: #553c9a;
  }

  .sm\:focus\:tw-to-purple-900:focus{
    --gradient-to-color: #44337a;
  }

  .sm\:focus\:tw-to-pink-100:focus{
    --gradient-to-color: #fff5f7;
  }

  .sm\:focus\:tw-to-pink-200:focus{
    --gradient-to-color: #fed7e2;
  }

  .sm\:focus\:tw-to-pink-300:focus{
    --gradient-to-color: #fbb6ce;
  }

  .sm\:focus\:tw-to-pink-400:focus{
    --gradient-to-color: #f687b3;
  }

  .sm\:focus\:tw-to-pink-500:focus{
    --gradient-to-color: #ed64a6;
  }

  .sm\:focus\:tw-to-pink-600:focus{
    --gradient-to-color: #d53f8c;
  }

  .sm\:focus\:tw-to-pink-700:focus{
    --gradient-to-color: #b83280;
  }

  .sm\:focus\:tw-to-pink-800:focus{
    --gradient-to-color: #97266d;
  }

  .sm\:focus\:tw-to-pink-900:focus{
    --gradient-to-color: #702459;
  }

  .sm\:focus\:tw-to-primary-blue:focus{
    --gradient-to-color: #1976d2;
  }

  .sm\:focus\:tw-to-primary-blue-dark:focus{
    --gradient-to-color: #0c3b69;
  }

  .sm\:focus\:tw-to-primary-white:focus{
    --gradient-to-color: #ffffff;
  }

  .sm\:focus\:tw-to-font-0:focus{
    --gradient-to-color: #4f4f4f;
  }

  .sm\:focus\:tw-to-font-1:focus{
    --gradient-to-color: #fcfcfc;
  }

  .sm\:focus\:tw-to-font-5:focus{
    --gradient-to-color: #f6f6f6;
  }

  .sm\:focus\:tw-to-font-10:focus{
    --gradient-to-color: #ededed;
  }

  .sm\:focus\:tw-to-font-50:focus{
    --gradient-to-color: #a7a7a7;
  }

  .sm\:focus\:tw-to-font-70:focus{
    --gradient-to-color: #838383;
  }

  .sm\:tw-bg-opacity-0{
    --bg-opacity: 0;
  }

  .sm\:tw-bg-opacity-25{
    --bg-opacity: 0.25;
  }

  .sm\:tw-bg-opacity-50{
    --bg-opacity: 0.5;
  }

  .sm\:tw-bg-opacity-75{
    --bg-opacity: 0.75;
  }

  .sm\:tw-bg-opacity-100{
    --bg-opacity: 1;
  }

  .sm\:hover\:tw-bg-opacity-0:hover{
    --bg-opacity: 0;
  }

  .sm\:hover\:tw-bg-opacity-25:hover{
    --bg-opacity: 0.25;
  }

  .sm\:hover\:tw-bg-opacity-50:hover{
    --bg-opacity: 0.5;
  }

  .sm\:hover\:tw-bg-opacity-75:hover{
    --bg-opacity: 0.75;
  }

  .sm\:hover\:tw-bg-opacity-100:hover{
    --bg-opacity: 1;
  }

  .sm\:focus\:tw-bg-opacity-0:focus{
    --bg-opacity: 0;
  }

  .sm\:focus\:tw-bg-opacity-25:focus{
    --bg-opacity: 0.25;
  }

  .sm\:focus\:tw-bg-opacity-50:focus{
    --bg-opacity: 0.5;
  }

  .sm\:focus\:tw-bg-opacity-75:focus{
    --bg-opacity: 0.75;
  }

  .sm\:focus\:tw-bg-opacity-100:focus{
    --bg-opacity: 1;
  }

  .sm\:tw-bg-bottom{
    background-position: bottom;
  }

  .sm\:tw-bg-center{
    background-position: center;
  }

  .sm\:tw-bg-left{
    background-position: left;
  }

  .sm\:tw-bg-left-bottom{
    background-position: left bottom;
  }

  .sm\:tw-bg-left-top{
    background-position: left top;
  }

  .sm\:tw-bg-right{
    background-position: right;
  }

  .sm\:tw-bg-right-bottom{
    background-position: right bottom;
  }

  .sm\:tw-bg-right-top{
    background-position: right top;
  }

  .sm\:tw-bg-top{
    background-position: top;
  }

  .sm\:tw-bg-repeat{
    background-repeat: repeat;
  }

  .sm\:tw-bg-no-repeat{
    background-repeat: no-repeat;
  }

  .sm\:tw-bg-repeat-x{
    background-repeat: repeat-x;
  }

  .sm\:tw-bg-repeat-y{
    background-repeat: repeat-y;
  }

  .sm\:tw-bg-repeat-round{
    background-repeat: round;
  }

  .sm\:tw-bg-repeat-space{
    background-repeat: space;
  }

  .sm\:tw-bg-auto{
    background-size: auto;
  }

  .sm\:tw-bg-cover{
    background-size: cover;
  }

  .sm\:tw-bg-contain{
    background-size: contain;
  }

  .sm\:tw-border-collapse{
    border-collapse: collapse;
  }

  .sm\:tw-border-separate{
    border-collapse: separate;
  }

  .sm\:tw-border-transparent{
    border-color: transparent;
  }

  .sm\:tw-border-current{
    border-color: currentColor;
  }

  .sm\:tw-border-black{
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .sm\:tw-border-white{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:tw-border-gray-100{
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .sm\:tw-border-gray-200{
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .sm\:tw-border-gray-300{
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .sm\:tw-border-gray-400{
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .sm\:tw-border-gray-500{
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .sm\:tw-border-gray-600{
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .sm\:tw-border-gray-700{
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .sm\:tw-border-gray-800{
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .sm\:tw-border-gray-900{
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .sm\:tw-border-red-100{
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }

  .sm\:tw-border-red-200{
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }

  .sm\:tw-border-red-300{
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }

  .sm\:tw-border-red-400{
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }

  .sm\:tw-border-red-500{
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }

  .sm\:tw-border-red-600{
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }

  .sm\:tw-border-red-700{
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }

  .sm\:tw-border-red-800{
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }

  .sm\:tw-border-red-900{
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }

  .sm\:tw-border-orange-100{
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }

  .sm\:tw-border-orange-200{
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }

  .sm\:tw-border-orange-300{
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }

  .sm\:tw-border-orange-400{
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }

  .sm\:tw-border-orange-500{
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }

  .sm\:tw-border-orange-600{
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }

  .sm\:tw-border-orange-700{
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }

  .sm\:tw-border-orange-800{
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }

  .sm\:tw-border-orange-900{
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }

  .sm\:tw-border-yellow-100{
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }

  .sm\:tw-border-yellow-200{
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }

  .sm\:tw-border-yellow-300{
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }

  .sm\:tw-border-yellow-400{
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }

  .sm\:tw-border-yellow-500{
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }

  .sm\:tw-border-yellow-600{
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }

  .sm\:tw-border-yellow-700{
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }

  .sm\:tw-border-yellow-800{
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }

  .sm\:tw-border-yellow-900{
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }

  .sm\:tw-border-green-100{
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }

  .sm\:tw-border-green-200{
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }

  .sm\:tw-border-green-300{
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }

  .sm\:tw-border-green-400{
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }

  .sm\:tw-border-green-500{
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }

  .sm\:tw-border-green-600{
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }

  .sm\:tw-border-green-700{
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }

  .sm\:tw-border-green-800{
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }

  .sm\:tw-border-green-900{
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }

  .sm\:tw-border-teal-100{
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }

  .sm\:tw-border-teal-200{
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }

  .sm\:tw-border-teal-300{
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }

  .sm\:tw-border-teal-400{
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }

  .sm\:tw-border-teal-500{
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }

  .sm\:tw-border-teal-600{
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }

  .sm\:tw-border-teal-700{
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }

  .sm\:tw-border-teal-800{
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }

  .sm\:tw-border-teal-900{
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }

  .sm\:tw-border-blue-100{
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }

  .sm\:tw-border-blue-200{
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }

  .sm\:tw-border-blue-300{
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }

  .sm\:tw-border-blue-400{
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }

  .sm\:tw-border-blue-500{
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }

  .sm\:tw-border-blue-600{
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }

  .sm\:tw-border-blue-700{
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }

  .sm\:tw-border-blue-800{
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }

  .sm\:tw-border-blue-900{
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }

  .sm\:tw-border-indigo-100{
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }

  .sm\:tw-border-indigo-200{
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }

  .sm\:tw-border-indigo-300{
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }

  .sm\:tw-border-indigo-400{
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }

  .sm\:tw-border-indigo-500{
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }

  .sm\:tw-border-indigo-600{
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }

  .sm\:tw-border-indigo-700{
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }

  .sm\:tw-border-indigo-800{
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }

  .sm\:tw-border-indigo-900{
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }

  .sm\:tw-border-purple-100{
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }

  .sm\:tw-border-purple-200{
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }

  .sm\:tw-border-purple-300{
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }

  .sm\:tw-border-purple-400{
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }

  .sm\:tw-border-purple-500{
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }

  .sm\:tw-border-purple-600{
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }

  .sm\:tw-border-purple-700{
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }

  .sm\:tw-border-purple-800{
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }

  .sm\:tw-border-purple-900{
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }

  .sm\:tw-border-pink-100{
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }

  .sm\:tw-border-pink-200{
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }

  .sm\:tw-border-pink-300{
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }

  .sm\:tw-border-pink-400{
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }

  .sm\:tw-border-pink-500{
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }

  .sm\:tw-border-pink-600{
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }

  .sm\:tw-border-pink-700{
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }

  .sm\:tw-border-pink-800{
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }

  .sm\:tw-border-pink-900{
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }

  .sm\:tw-border-primary-blue{
    --border-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--border-opacity));
  }

  .sm\:tw-border-primary-blue-dark{
    --border-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--border-opacity));
  }

  .sm\:tw-border-primary-white{
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:tw-border-font-0{
    --border-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--border-opacity));
  }

  .sm\:tw-border-font-1{
    --border-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--border-opacity));
  }

  .sm\:tw-border-font-5{
    --border-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--border-opacity));
  }

  .sm\:tw-border-font-10{
    --border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--border-opacity));
  }

  .sm\:tw-border-font-50{
    --border-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--border-opacity));
  }

  .sm\:tw-border-font-70{
    --border-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--border-opacity));
  }

  .sm\:hover\:tw-border-transparent:hover{
    border-color: transparent;
  }

  .sm\:hover\:tw-border-current:hover{
    border-color: currentColor;
  }

  .sm\:hover\:tw-border-black:hover{
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .sm\:hover\:tw-border-white:hover{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:hover\:tw-border-gray-100:hover{
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .sm\:hover\:tw-border-gray-200:hover{
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .sm\:hover\:tw-border-gray-300:hover{
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .sm\:hover\:tw-border-gray-400:hover{
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .sm\:hover\:tw-border-gray-500:hover{
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .sm\:hover\:tw-border-gray-600:hover{
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .sm\:hover\:tw-border-gray-700:hover{
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .sm\:hover\:tw-border-gray-800:hover{
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .sm\:hover\:tw-border-gray-900:hover{
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .sm\:hover\:tw-border-red-100:hover{
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }

  .sm\:hover\:tw-border-red-200:hover{
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }

  .sm\:hover\:tw-border-red-300:hover{
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }

  .sm\:hover\:tw-border-red-400:hover{
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }

  .sm\:hover\:tw-border-red-500:hover{
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }

  .sm\:hover\:tw-border-red-600:hover{
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }

  .sm\:hover\:tw-border-red-700:hover{
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }

  .sm\:hover\:tw-border-red-800:hover{
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }

  .sm\:hover\:tw-border-red-900:hover{
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }

  .sm\:hover\:tw-border-orange-100:hover{
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }

  .sm\:hover\:tw-border-orange-200:hover{
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }

  .sm\:hover\:tw-border-orange-300:hover{
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }

  .sm\:hover\:tw-border-orange-400:hover{
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }

  .sm\:hover\:tw-border-orange-500:hover{
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }

  .sm\:hover\:tw-border-orange-600:hover{
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }

  .sm\:hover\:tw-border-orange-700:hover{
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }

  .sm\:hover\:tw-border-orange-800:hover{
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }

  .sm\:hover\:tw-border-orange-900:hover{
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }

  .sm\:hover\:tw-border-yellow-100:hover{
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }

  .sm\:hover\:tw-border-yellow-200:hover{
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }

  .sm\:hover\:tw-border-yellow-300:hover{
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }

  .sm\:hover\:tw-border-yellow-400:hover{
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }

  .sm\:hover\:tw-border-yellow-500:hover{
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }

  .sm\:hover\:tw-border-yellow-600:hover{
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }

  .sm\:hover\:tw-border-yellow-700:hover{
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }

  .sm\:hover\:tw-border-yellow-800:hover{
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }

  .sm\:hover\:tw-border-yellow-900:hover{
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }

  .sm\:hover\:tw-border-green-100:hover{
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }

  .sm\:hover\:tw-border-green-200:hover{
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }

  .sm\:hover\:tw-border-green-300:hover{
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }

  .sm\:hover\:tw-border-green-400:hover{
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }

  .sm\:hover\:tw-border-green-500:hover{
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }

  .sm\:hover\:tw-border-green-600:hover{
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }

  .sm\:hover\:tw-border-green-700:hover{
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }

  .sm\:hover\:tw-border-green-800:hover{
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }

  .sm\:hover\:tw-border-green-900:hover{
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }

  .sm\:hover\:tw-border-teal-100:hover{
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }

  .sm\:hover\:tw-border-teal-200:hover{
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }

  .sm\:hover\:tw-border-teal-300:hover{
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }

  .sm\:hover\:tw-border-teal-400:hover{
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }

  .sm\:hover\:tw-border-teal-500:hover{
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }

  .sm\:hover\:tw-border-teal-600:hover{
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }

  .sm\:hover\:tw-border-teal-700:hover{
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }

  .sm\:hover\:tw-border-teal-800:hover{
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }

  .sm\:hover\:tw-border-teal-900:hover{
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }

  .sm\:hover\:tw-border-blue-100:hover{
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }

  .sm\:hover\:tw-border-blue-200:hover{
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }

  .sm\:hover\:tw-border-blue-300:hover{
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }

  .sm\:hover\:tw-border-blue-400:hover{
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }

  .sm\:hover\:tw-border-blue-500:hover{
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }

  .sm\:hover\:tw-border-blue-600:hover{
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }

  .sm\:hover\:tw-border-blue-700:hover{
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }

  .sm\:hover\:tw-border-blue-800:hover{
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }

  .sm\:hover\:tw-border-blue-900:hover{
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }

  .sm\:hover\:tw-border-indigo-100:hover{
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }

  .sm\:hover\:tw-border-indigo-200:hover{
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }

  .sm\:hover\:tw-border-indigo-300:hover{
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }

  .sm\:hover\:tw-border-indigo-400:hover{
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }

  .sm\:hover\:tw-border-indigo-500:hover{
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }

  .sm\:hover\:tw-border-indigo-600:hover{
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }

  .sm\:hover\:tw-border-indigo-700:hover{
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }

  .sm\:hover\:tw-border-indigo-800:hover{
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }

  .sm\:hover\:tw-border-indigo-900:hover{
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }

  .sm\:hover\:tw-border-purple-100:hover{
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }

  .sm\:hover\:tw-border-purple-200:hover{
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }

  .sm\:hover\:tw-border-purple-300:hover{
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }

  .sm\:hover\:tw-border-purple-400:hover{
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }

  .sm\:hover\:tw-border-purple-500:hover{
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }

  .sm\:hover\:tw-border-purple-600:hover{
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }

  .sm\:hover\:tw-border-purple-700:hover{
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }

  .sm\:hover\:tw-border-purple-800:hover{
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }

  .sm\:hover\:tw-border-purple-900:hover{
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }

  .sm\:hover\:tw-border-pink-100:hover{
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }

  .sm\:hover\:tw-border-pink-200:hover{
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }

  .sm\:hover\:tw-border-pink-300:hover{
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }

  .sm\:hover\:tw-border-pink-400:hover{
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }

  .sm\:hover\:tw-border-pink-500:hover{
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }

  .sm\:hover\:tw-border-pink-600:hover{
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }

  .sm\:hover\:tw-border-pink-700:hover{
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }

  .sm\:hover\:tw-border-pink-800:hover{
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }

  .sm\:hover\:tw-border-pink-900:hover{
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }

  .sm\:hover\:tw-border-primary-blue:hover{
    --border-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--border-opacity));
  }

  .sm\:hover\:tw-border-primary-blue-dark:hover{
    --border-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--border-opacity));
  }

  .sm\:hover\:tw-border-primary-white:hover{
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:hover\:tw-border-font-0:hover{
    --border-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--border-opacity));
  }

  .sm\:hover\:tw-border-font-1:hover{
    --border-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--border-opacity));
  }

  .sm\:hover\:tw-border-font-5:hover{
    --border-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--border-opacity));
  }

  .sm\:hover\:tw-border-font-10:hover{
    --border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--border-opacity));
  }

  .sm\:hover\:tw-border-font-50:hover{
    --border-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--border-opacity));
  }

  .sm\:hover\:tw-border-font-70:hover{
    --border-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--border-opacity));
  }

  .sm\:focus\:tw-border-transparent:focus{
    border-color: transparent;
  }

  .sm\:focus\:tw-border-current:focus{
    border-color: currentColor;
  }

  .sm\:focus\:tw-border-black:focus{
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .sm\:focus\:tw-border-white:focus{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:focus\:tw-border-gray-100:focus{
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .sm\:focus\:tw-border-gray-200:focus{
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .sm\:focus\:tw-border-gray-300:focus{
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .sm\:focus\:tw-border-gray-400:focus{
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .sm\:focus\:tw-border-gray-500:focus{
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .sm\:focus\:tw-border-gray-600:focus{
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .sm\:focus\:tw-border-gray-700:focus{
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .sm\:focus\:tw-border-gray-800:focus{
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .sm\:focus\:tw-border-gray-900:focus{
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .sm\:focus\:tw-border-red-100:focus{
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }

  .sm\:focus\:tw-border-red-200:focus{
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }

  .sm\:focus\:tw-border-red-300:focus{
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }

  .sm\:focus\:tw-border-red-400:focus{
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }

  .sm\:focus\:tw-border-red-500:focus{
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }

  .sm\:focus\:tw-border-red-600:focus{
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }

  .sm\:focus\:tw-border-red-700:focus{
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }

  .sm\:focus\:tw-border-red-800:focus{
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }

  .sm\:focus\:tw-border-red-900:focus{
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }

  .sm\:focus\:tw-border-orange-100:focus{
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }

  .sm\:focus\:tw-border-orange-200:focus{
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }

  .sm\:focus\:tw-border-orange-300:focus{
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }

  .sm\:focus\:tw-border-orange-400:focus{
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }

  .sm\:focus\:tw-border-orange-500:focus{
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }

  .sm\:focus\:tw-border-orange-600:focus{
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }

  .sm\:focus\:tw-border-orange-700:focus{
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }

  .sm\:focus\:tw-border-orange-800:focus{
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }

  .sm\:focus\:tw-border-orange-900:focus{
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }

  .sm\:focus\:tw-border-yellow-100:focus{
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }

  .sm\:focus\:tw-border-yellow-200:focus{
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }

  .sm\:focus\:tw-border-yellow-300:focus{
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }

  .sm\:focus\:tw-border-yellow-400:focus{
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }

  .sm\:focus\:tw-border-yellow-500:focus{
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }

  .sm\:focus\:tw-border-yellow-600:focus{
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }

  .sm\:focus\:tw-border-yellow-700:focus{
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }

  .sm\:focus\:tw-border-yellow-800:focus{
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }

  .sm\:focus\:tw-border-yellow-900:focus{
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }

  .sm\:focus\:tw-border-green-100:focus{
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }

  .sm\:focus\:tw-border-green-200:focus{
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }

  .sm\:focus\:tw-border-green-300:focus{
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }

  .sm\:focus\:tw-border-green-400:focus{
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }

  .sm\:focus\:tw-border-green-500:focus{
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }

  .sm\:focus\:tw-border-green-600:focus{
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }

  .sm\:focus\:tw-border-green-700:focus{
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }

  .sm\:focus\:tw-border-green-800:focus{
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }

  .sm\:focus\:tw-border-green-900:focus{
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }

  .sm\:focus\:tw-border-teal-100:focus{
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }

  .sm\:focus\:tw-border-teal-200:focus{
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }

  .sm\:focus\:tw-border-teal-300:focus{
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }

  .sm\:focus\:tw-border-teal-400:focus{
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }

  .sm\:focus\:tw-border-teal-500:focus{
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }

  .sm\:focus\:tw-border-teal-600:focus{
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }

  .sm\:focus\:tw-border-teal-700:focus{
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }

  .sm\:focus\:tw-border-teal-800:focus{
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }

  .sm\:focus\:tw-border-teal-900:focus{
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }

  .sm\:focus\:tw-border-blue-100:focus{
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }

  .sm\:focus\:tw-border-blue-200:focus{
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }

  .sm\:focus\:tw-border-blue-300:focus{
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }

  .sm\:focus\:tw-border-blue-400:focus{
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }

  .sm\:focus\:tw-border-blue-500:focus{
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }

  .sm\:focus\:tw-border-blue-600:focus{
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }

  .sm\:focus\:tw-border-blue-700:focus{
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }

  .sm\:focus\:tw-border-blue-800:focus{
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }

  .sm\:focus\:tw-border-blue-900:focus{
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }

  .sm\:focus\:tw-border-indigo-100:focus{
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }

  .sm\:focus\:tw-border-indigo-200:focus{
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }

  .sm\:focus\:tw-border-indigo-300:focus{
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }

  .sm\:focus\:tw-border-indigo-400:focus{
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }

  .sm\:focus\:tw-border-indigo-500:focus{
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }

  .sm\:focus\:tw-border-indigo-600:focus{
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }

  .sm\:focus\:tw-border-indigo-700:focus{
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }

  .sm\:focus\:tw-border-indigo-800:focus{
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }

  .sm\:focus\:tw-border-indigo-900:focus{
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }

  .sm\:focus\:tw-border-purple-100:focus{
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }

  .sm\:focus\:tw-border-purple-200:focus{
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }

  .sm\:focus\:tw-border-purple-300:focus{
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }

  .sm\:focus\:tw-border-purple-400:focus{
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }

  .sm\:focus\:tw-border-purple-500:focus{
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }

  .sm\:focus\:tw-border-purple-600:focus{
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }

  .sm\:focus\:tw-border-purple-700:focus{
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }

  .sm\:focus\:tw-border-purple-800:focus{
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }

  .sm\:focus\:tw-border-purple-900:focus{
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }

  .sm\:focus\:tw-border-pink-100:focus{
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }

  .sm\:focus\:tw-border-pink-200:focus{
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }

  .sm\:focus\:tw-border-pink-300:focus{
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }

  .sm\:focus\:tw-border-pink-400:focus{
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }

  .sm\:focus\:tw-border-pink-500:focus{
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }

  .sm\:focus\:tw-border-pink-600:focus{
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }

  .sm\:focus\:tw-border-pink-700:focus{
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }

  .sm\:focus\:tw-border-pink-800:focus{
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }

  .sm\:focus\:tw-border-pink-900:focus{
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }

  .sm\:focus\:tw-border-primary-blue:focus{
    --border-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--border-opacity));
  }

  .sm\:focus\:tw-border-primary-blue-dark:focus{
    --border-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--border-opacity));
  }

  .sm\:focus\:tw-border-primary-white:focus{
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:focus\:tw-border-font-0:focus{
    --border-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--border-opacity));
  }

  .sm\:focus\:tw-border-font-1:focus{
    --border-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--border-opacity));
  }

  .sm\:focus\:tw-border-font-5:focus{
    --border-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--border-opacity));
  }

  .sm\:focus\:tw-border-font-10:focus{
    --border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--border-opacity));
  }

  .sm\:focus\:tw-border-font-50:focus{
    --border-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--border-opacity));
  }

  .sm\:focus\:tw-border-font-70:focus{
    --border-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--border-opacity));
  }

  .sm\:tw-border-opacity-0{
    --border-opacity: 0;
  }

  .sm\:tw-border-opacity-25{
    --border-opacity: 0.25;
  }

  .sm\:tw-border-opacity-50{
    --border-opacity: 0.5;
  }

  .sm\:tw-border-opacity-75{
    --border-opacity: 0.75;
  }

  .sm\:tw-border-opacity-100{
    --border-opacity: 1;
  }

  .sm\:hover\:tw-border-opacity-0:hover{
    --border-opacity: 0;
  }

  .sm\:hover\:tw-border-opacity-25:hover{
    --border-opacity: 0.25;
  }

  .sm\:hover\:tw-border-opacity-50:hover{
    --border-opacity: 0.5;
  }

  .sm\:hover\:tw-border-opacity-75:hover{
    --border-opacity: 0.75;
  }

  .sm\:hover\:tw-border-opacity-100:hover{
    --border-opacity: 1;
  }

  .sm\:focus\:tw-border-opacity-0:focus{
    --border-opacity: 0;
  }

  .sm\:focus\:tw-border-opacity-25:focus{
    --border-opacity: 0.25;
  }

  .sm\:focus\:tw-border-opacity-50:focus{
    --border-opacity: 0.5;
  }

  .sm\:focus\:tw-border-opacity-75:focus{
    --border-opacity: 0.75;
  }

  .sm\:focus\:tw-border-opacity-100:focus{
    --border-opacity: 1;
  }

  .sm\:tw-rounded-none{
    border-radius: 0;
  }

  .sm\:tw-rounded-sm{
    border-radius: 0.125rem;
  }

  .sm\:tw-rounded{
    border-radius: 0.25rem;
  }

  .sm\:tw-rounded-md{
    border-radius: 0.375rem;
  }

  .sm\:tw-rounded-lg{
    border-radius: 0.5rem;
  }

  .sm\:tw-rounded-xl{
    border-radius: 0.75rem;
  }

  .sm\:tw-rounded-2xl{
    border-radius: 1rem;
  }

  .sm\:tw-rounded-3xl{
    border-radius: 1.5rem;
  }

  .sm\:tw-rounded-full{
    border-radius: 9999px;
  }

  .sm\:tw-rounded-4px{
    border-radius: 4px;
  }

  .sm\:tw-rounded-t-none{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .sm\:tw-rounded-r-none{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .sm\:tw-rounded-b-none{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sm\:tw-rounded-l-none{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sm\:tw-rounded-t-sm{
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .sm\:tw-rounded-r-sm{
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .sm\:tw-rounded-b-sm{
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .sm\:tw-rounded-l-sm{
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .sm\:tw-rounded-t{
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .sm\:tw-rounded-r{
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .sm\:tw-rounded-b{
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .sm\:tw-rounded-l{
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .sm\:tw-rounded-t-md{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .sm\:tw-rounded-r-md{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .sm\:tw-rounded-b-md{
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:tw-rounded-l-md{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:tw-rounded-t-lg{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .sm\:tw-rounded-r-lg{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .sm\:tw-rounded-b-lg{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:tw-rounded-l-lg{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:tw-rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .sm\:tw-rounded-r-xl{
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .sm\:tw-rounded-b-xl{
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:tw-rounded-l-xl{
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:tw-rounded-t-2xl{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .sm\:tw-rounded-r-2xl{
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .sm\:tw-rounded-b-2xl{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .sm\:tw-rounded-l-2xl{
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .sm\:tw-rounded-t-3xl{
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .sm\:tw-rounded-r-3xl{
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .sm\:tw-rounded-b-3xl{
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .sm\:tw-rounded-l-3xl{
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .sm\:tw-rounded-t-full{
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .sm\:tw-rounded-r-full{
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .sm\:tw-rounded-b-full{
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm\:tw-rounded-l-full{
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm\:tw-rounded-t-4px{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .sm\:tw-rounded-r-4px{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .sm\:tw-rounded-b-4px{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .sm\:tw-rounded-l-4px{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .sm\:tw-rounded-tl-none{
    border-top-left-radius: 0;
  }

  .sm\:tw-rounded-tr-none{
    border-top-right-radius: 0;
  }

  .sm\:tw-rounded-br-none{
    border-bottom-right-radius: 0;
  }

  .sm\:tw-rounded-bl-none{
    border-bottom-left-radius: 0;
  }

  .sm\:tw-rounded-tl-sm{
    border-top-left-radius: 0.125rem;
  }

  .sm\:tw-rounded-tr-sm{
    border-top-right-radius: 0.125rem;
  }

  .sm\:tw-rounded-br-sm{
    border-bottom-right-radius: 0.125rem;
  }

  .sm\:tw-rounded-bl-sm{
    border-bottom-left-radius: 0.125rem;
  }

  .sm\:tw-rounded-tl{
    border-top-left-radius: 0.25rem;
  }

  .sm\:tw-rounded-tr{
    border-top-right-radius: 0.25rem;
  }

  .sm\:tw-rounded-br{
    border-bottom-right-radius: 0.25rem;
  }

  .sm\:tw-rounded-bl{
    border-bottom-left-radius: 0.25rem;
  }

  .sm\:tw-rounded-tl-md{
    border-top-left-radius: 0.375rem;
  }

  .sm\:tw-rounded-tr-md{
    border-top-right-radius: 0.375rem;
  }

  .sm\:tw-rounded-br-md{
    border-bottom-right-radius: 0.375rem;
  }

  .sm\:tw-rounded-bl-md{
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:tw-rounded-tl-lg{
    border-top-left-radius: 0.5rem;
  }

  .sm\:tw-rounded-tr-lg{
    border-top-right-radius: 0.5rem;
  }

  .sm\:tw-rounded-br-lg{
    border-bottom-right-radius: 0.5rem;
  }

  .sm\:tw-rounded-bl-lg{
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:tw-rounded-tl-xl{
    border-top-left-radius: 0.75rem;
  }

  .sm\:tw-rounded-tr-xl{
    border-top-right-radius: 0.75rem;
  }

  .sm\:tw-rounded-br-xl{
    border-bottom-right-radius: 0.75rem;
  }

  .sm\:tw-rounded-bl-xl{
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:tw-rounded-tl-2xl{
    border-top-left-radius: 1rem;
  }

  .sm\:tw-rounded-tr-2xl{
    border-top-right-radius: 1rem;
  }

  .sm\:tw-rounded-br-2xl{
    border-bottom-right-radius: 1rem;
  }

  .sm\:tw-rounded-bl-2xl{
    border-bottom-left-radius: 1rem;
  }

  .sm\:tw-rounded-tl-3xl{
    border-top-left-radius: 1.5rem;
  }

  .sm\:tw-rounded-tr-3xl{
    border-top-right-radius: 1.5rem;
  }

  .sm\:tw-rounded-br-3xl{
    border-bottom-right-radius: 1.5rem;
  }

  .sm\:tw-rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem;
  }

  .sm\:tw-rounded-tl-full{
    border-top-left-radius: 9999px;
  }

  .sm\:tw-rounded-tr-full{
    border-top-right-radius: 9999px;
  }

  .sm\:tw-rounded-br-full{
    border-bottom-right-radius: 9999px;
  }

  .sm\:tw-rounded-bl-full{
    border-bottom-left-radius: 9999px;
  }

  .sm\:tw-rounded-tl-4px{
    border-top-left-radius: 4px;
  }

  .sm\:tw-rounded-tr-4px{
    border-top-right-radius: 4px;
  }

  .sm\:tw-rounded-br-4px{
    border-bottom-right-radius: 4px;
  }

  .sm\:tw-rounded-bl-4px{
    border-bottom-left-radius: 4px;
  }

  .sm\:tw-border-solid{
    border-style: solid;
  }

  .sm\:tw-border-dashed{
    border-style: dashed;
  }

  .sm\:tw-border-dotted{
    border-style: dotted;
  }

  .sm\:tw-border-double{
    border-style: double;
  }

  .sm\:tw-border-none{
    border-style: none;
  }

  .sm\:tw-border-0{
    border-width: 0;
  }

  .sm\:tw-border-2{
    border-width: 2px;
  }

  .sm\:tw-border-3{
    border-width: 3px;
  }

  .sm\:tw-border-4{
    border-width: 4px;
  }

  .sm\:tw-border-8{
    border-width: 8px;
  }

  .sm\:tw-border{
    border-width: 1px;
  }

  .sm\:tw-border-t-0{
    border-top-width: 0;
  }

  .sm\:tw-border-r-0{
    border-right-width: 0;
  }

  .sm\:tw-border-b-0{
    border-bottom-width: 0;
  }

  .sm\:tw-border-l-0{
    border-left-width: 0;
  }

  .sm\:tw-border-t-2{
    border-top-width: 2px;
  }

  .sm\:tw-border-r-2{
    border-right-width: 2px;
  }

  .sm\:tw-border-b-2{
    border-bottom-width: 2px;
  }

  .sm\:tw-border-l-2{
    border-left-width: 2px;
  }

  .sm\:tw-border-t-3{
    border-top-width: 3px;
  }

  .sm\:tw-border-r-3{
    border-right-width: 3px;
  }

  .sm\:tw-border-b-3{
    border-bottom-width: 3px;
  }

  .sm\:tw-border-l-3{
    border-left-width: 3px;
  }

  .sm\:tw-border-t-4{
    border-top-width: 4px;
  }

  .sm\:tw-border-r-4{
    border-right-width: 4px;
  }

  .sm\:tw-border-b-4{
    border-bottom-width: 4px;
  }

  .sm\:tw-border-l-4{
    border-left-width: 4px;
  }

  .sm\:tw-border-t-8{
    border-top-width: 8px;
  }

  .sm\:tw-border-r-8{
    border-right-width: 8px;
  }

  .sm\:tw-border-b-8{
    border-bottom-width: 8px;
  }

  .sm\:tw-border-l-8{
    border-left-width: 8px;
  }

  .sm\:tw-border-t{
    border-top-width: 1px;
  }

  .sm\:tw-border-r{
    border-right-width: 1px;
  }

  .sm\:tw-border-b{
    border-bottom-width: 1px;
  }

  .sm\:tw-border-l{
    border-left-width: 1px;
  }

  .sm\:tw-box-border{
    box-sizing: border-box;
  }

  .sm\:tw-box-content{
    box-sizing: content-box;
  }

  .sm\:tw-cursor-auto{
    cursor: auto;
  }

  .sm\:tw-cursor-default{
    cursor: default;
  }

  .sm\:tw-cursor-pointer{
    cursor: pointer;
  }

  .sm\:tw-cursor-wait{
    cursor: wait;
  }

  .sm\:tw-cursor-text{
    cursor: text;
  }

  .sm\:tw-cursor-move{
    cursor: move;
  }

  .sm\:tw-cursor-not-allowed{
    cursor: not-allowed;
  }

  .sm\:tw-block{
    display: block;
  }

  .sm\:tw-inline-block{
    display: inline-block;
  }

  .sm\:tw-inline{
    display: inline;
  }

  .sm\:tw-flex{
    display: flex;
  }

  .sm\:tw-inline-flex{
    display: inline-flex;
  }

  .sm\:tw-table{
    display: table;
  }

  .sm\:tw-table-caption{
    display: table-caption;
  }

  .sm\:tw-table-cell{
    display: table-cell;
  }

  .sm\:tw-table-column{
    display: table-column;
  }

  .sm\:tw-table-column-group{
    display: table-column-group;
  }

  .sm\:tw-table-footer-group{
    display: table-footer-group;
  }

  .sm\:tw-table-header-group{
    display: table-header-group;
  }

  .sm\:tw-table-row-group{
    display: table-row-group;
  }

  .sm\:tw-table-row{
    display: table-row;
  }

  .sm\:tw-flow-root{
    display: flow-root;
  }

  .sm\:tw-grid{
    display: grid;
  }

  .sm\:tw-inline-grid{
    display: inline-grid;
  }

  .sm\:tw-contents{
    display: contents;
  }

  .sm\:tw-hidden{
    display: none;
  }

  .sm\:tw-flex-row{
    flex-direction: row;
  }

  .sm\:tw-flex-row-reverse{
    flex-direction: row-reverse;
  }

  .sm\:tw-flex-col{
    flex-direction: column;
  }

  .sm\:tw-flex-col-reverse{
    flex-direction: column-reverse;
  }

  .sm\:tw-flex-wrap{
    flex-wrap: wrap;
  }

  .sm\:tw-flex-wrap-reverse{
    flex-wrap: wrap-reverse;
  }

  .sm\:tw-flex-no-wrap{
    flex-wrap: nowrap;
  }

  .sm\:tw-place-items-auto{
    place-items: auto;
  }

  .sm\:tw-place-items-start{
    place-items: start;
  }

  .sm\:tw-place-items-end{
    place-items: end;
  }

  .sm\:tw-place-items-center{
    place-items: center;
  }

  .sm\:tw-place-items-stretch{
    place-items: stretch;
  }

  .sm\:tw-place-content-center{
    place-content: center;
  }

  .sm\:tw-place-content-start{
    place-content: start;
  }

  .sm\:tw-place-content-end{
    place-content: end;
  }

  .sm\:tw-place-content-between{
    place-content: space-between;
  }

  .sm\:tw-place-content-around{
    place-content: space-around;
  }

  .sm\:tw-place-content-evenly{
    place-content: space-evenly;
  }

  .sm\:tw-place-content-stretch{
    place-content: stretch;
  }

  .sm\:tw-place-self-auto{
    place-self: auto;
  }

  .sm\:tw-place-self-start{
    place-self: start;
  }

  .sm\:tw-place-self-end{
    place-self: end;
  }

  .sm\:tw-place-self-center{
    place-self: center;
  }

  .sm\:tw-place-self-stretch{
    place-self: stretch;
  }

  .sm\:tw-items-start{
    align-items: flex-start;
  }

  .sm\:tw-items-end{
    align-items: flex-end;
  }

  .sm\:tw-items-center{
    align-items: center;
  }

  .sm\:tw-items-baseline{
    align-items: baseline;
  }

  .sm\:tw-items-stretch{
    align-items: stretch;
  }

  .sm\:tw-content-center{
    align-content: center;
  }

  .sm\:tw-content-start{
    align-content: flex-start;
  }

  .sm\:tw-content-end{
    align-content: flex-end;
  }

  .sm\:tw-content-between{
    align-content: space-between;
  }

  .sm\:tw-content-around{
    align-content: space-around;
  }

  .sm\:tw-content-evenly{
    align-content: space-evenly;
  }

  .sm\:tw-self-auto{
    align-self: auto;
  }

  .sm\:tw-self-start{
    align-self: flex-start;
  }

  .sm\:tw-self-end{
    align-self: flex-end;
  }

  .sm\:tw-self-center{
    align-self: center;
  }

  .sm\:tw-self-stretch{
    align-self: stretch;
  }

  .sm\:tw-justify-items-auto{
    justify-items: auto;
  }

  .sm\:tw-justify-items-start{
    justify-items: start;
  }

  .sm\:tw-justify-items-end{
    justify-items: end;
  }

  .sm\:tw-justify-items-center{
    justify-items: center;
  }

  .sm\:tw-justify-items-stretch{
    justify-items: stretch;
  }

  .sm\:tw-justify-start{
    justify-content: flex-start;
  }

  .sm\:tw-justify-end{
    justify-content: flex-end;
  }

  .sm\:tw-justify-center{
    justify-content: center;
  }

  .sm\:tw-justify-between{
    justify-content: space-between;
  }

  .sm\:tw-justify-around{
    justify-content: space-around;
  }

  .sm\:tw-justify-evenly{
    justify-content: space-evenly;
  }

  .sm\:tw-justify-self-auto{
    justify-self: auto;
  }

  .sm\:tw-justify-self-start{
    justify-self: start;
  }

  .sm\:tw-justify-self-end{
    justify-self: end;
  }

  .sm\:tw-justify-self-center{
    justify-self: center;
  }

  .sm\:tw-justify-self-stretch{
    justify-self: stretch;
  }

  .sm\:tw-flex-1{
    flex: 1 1 0%;
  }

  .sm\:tw-flex-auto{
    flex: 1 1 auto;
  }

  .sm\:tw-flex-initial{
    flex: 0 1 auto;
  }

  .sm\:tw-flex-none{
    flex: none;
  }

  .sm\:tw-flex-1\/2{
    flex: 1 1 50%;
  }

  .sm\:tw-flex-grow-0{
    flex-grow: 0;
  }

  .sm\:tw-flex-grow{
    flex-grow: 1;
  }

  .sm\:tw-flex-shrink-0{
    flex-shrink: 0;
  }

  .sm\:tw-flex-shrink{
    flex-shrink: 1;
  }

  .sm\:tw-order-1{
    order: 1;
  }

  .sm\:tw-order-2{
    order: 2;
  }

  .sm\:tw-order-3{
    order: 3;
  }

  .sm\:tw-order-4{
    order: 4;
  }

  .sm\:tw-order-5{
    order: 5;
  }

  .sm\:tw-order-6{
    order: 6;
  }

  .sm\:tw-order-7{
    order: 7;
  }

  .sm\:tw-order-8{
    order: 8;
  }

  .sm\:tw-order-9{
    order: 9;
  }

  .sm\:tw-order-10{
    order: 10;
  }

  .sm\:tw-order-11{
    order: 11;
  }

  .sm\:tw-order-12{
    order: 12;
  }

  .sm\:tw-order-first{
    order: -9999;
  }

  .sm\:tw-order-last{
    order: 9999;
  }

  .sm\:tw-order-none{
    order: 0;
  }

  .sm\:tw-float-right{
    float: right;
  }

  .sm\:tw-float-left{
    float: left;
  }

  .sm\:tw-float-none{
    float: none;
  }

  .sm\:tw-clearfix:after{
    content: "";
    display: table;
    clear: both;
  }

  .sm\:tw-clear-left{
    clear: left;
  }

  .sm\:tw-clear-right{
    clear: right;
  }

  .sm\:tw-clear-both{
    clear: both;
  }

  .sm\:tw-clear-none{
    clear: none;
  }

  .sm\:tw-font-sans{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  .sm\:tw-font-serif{
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  }

  .sm\:tw-font-mono{
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  .sm\:tw-font-hairline{
    font-weight: 100;
  }

  .sm\:tw-font-thin{
    font-weight: 200;
  }

  .sm\:tw-font-light{
    font-weight: 300;
  }

  .sm\:tw-font-normal{
    font-weight: 400;
  }

  .sm\:tw-font-medium{
    font-weight: 500;
  }

  .sm\:tw-font-semibold{
    font-weight: 600;
  }

  .sm\:tw-font-bold{
    font-weight: 700;
  }

  .sm\:tw-font-extrabold{
    font-weight: 800;
  }

  .sm\:tw-font-black{
    font-weight: 900;
  }

  .sm\:hover\:tw-font-hairline:hover{
    font-weight: 100;
  }

  .sm\:hover\:tw-font-thin:hover{
    font-weight: 200;
  }

  .sm\:hover\:tw-font-light:hover{
    font-weight: 300;
  }

  .sm\:hover\:tw-font-normal:hover{
    font-weight: 400;
  }

  .sm\:hover\:tw-font-medium:hover{
    font-weight: 500;
  }

  .sm\:hover\:tw-font-semibold:hover{
    font-weight: 600;
  }

  .sm\:hover\:tw-font-bold:hover{
    font-weight: 700;
  }

  .sm\:hover\:tw-font-extrabold:hover{
    font-weight: 800;
  }

  .sm\:hover\:tw-font-black:hover{
    font-weight: 900;
  }

  .sm\:focus\:tw-font-hairline:focus{
    font-weight: 100;
  }

  .sm\:focus\:tw-font-thin:focus{
    font-weight: 200;
  }

  .sm\:focus\:tw-font-light:focus{
    font-weight: 300;
  }

  .sm\:focus\:tw-font-normal:focus{
    font-weight: 400;
  }

  .sm\:focus\:tw-font-medium:focus{
    font-weight: 500;
  }

  .sm\:focus\:tw-font-semibold:focus{
    font-weight: 600;
  }

  .sm\:focus\:tw-font-bold:focus{
    font-weight: 700;
  }

  .sm\:focus\:tw-font-extrabold:focus{
    font-weight: 800;
  }

  .sm\:focus\:tw-font-black:focus{
    font-weight: 900;
  }

  .sm\:tw-h-0{
    height: 0;
  }

  .sm\:tw-h-1{
    height: 0.25rem;
  }

  .sm\:tw-h-2{
    height: 0.5rem;
  }

  .sm\:tw-h-3{
    height: 0.75rem;
  }

  .sm\:tw-h-4{
    height: 1rem;
  }

  .sm\:tw-h-5{
    height: 1.25rem;
  }

  .sm\:tw-h-6{
    height: 1.5rem;
  }

  .sm\:tw-h-8{
    height: 2rem;
  }

  .sm\:tw-h-10{
    height: 2.5rem;
  }

  .sm\:tw-h-12{
    height: 3rem;
  }

  .sm\:tw-h-16{
    height: 4rem;
  }

  .sm\:tw-h-20{
    height: 5rem;
  }

  .sm\:tw-h-24{
    height: 6rem;
  }

  .sm\:tw-h-32{
    height: 8rem;
  }

  .sm\:tw-h-40{
    height: 10rem;
  }

  .sm\:tw-h-48{
    height: 12rem;
  }

  .sm\:tw-h-56{
    height: 14rem;
  }

  .sm\:tw-h-64{
    height: 16rem;
  }

  .sm\:tw-h-auto{
    height: auto;
  }

  .sm\:tw-h-px{
    height: 1px;
  }

  .sm\:tw-h-full{
    height: 100%;
  }

  .sm\:tw-h-screen{
    height: 100vh;
  }

  .sm\:tw-h-25px{
    height: 25px;
  }

  .sm\:tw-h-35px{
    height: 35px;
  }

  .sm\:tw-h-40px{
    height: 40px;
  }

  .sm\:tw-h-45px{
    height: 45px;
  }

  .sm\:tw-h-50px{
    height: 50px;
  }

  .sm\:tw-h-60px{
    height: 60px;
  }

  .sm\:tw-h-65px{
    height: 65px;
  }

  .sm\:tw-h-200px{
    height: 200px;
  }

  .sm\:tw-h-330px{
    height: 330px;
  }

  .sm\:tw-text-xs{
    font-size: 0.75rem;
  }

  .sm\:tw-text-sm{
    font-size: 0.875rem;
  }

  .sm\:tw-text-base{
    font-size: 1rem;
  }

  .sm\:tw-text-lg{
    font-size: 1.125rem;
  }

  .sm\:tw-text-xl{
    font-size: 1.25rem;
  }

  .sm\:tw-text-2xl{
    font-size: 1.5rem;
  }

  .sm\:tw-text-3xl{
    font-size: 1.875rem;
  }

  .sm\:tw-text-4xl{
    font-size: 2.25rem;
  }

  .sm\:tw-text-5xl{
    font-size: 3rem;
  }

  .sm\:tw-text-6xl{
    font-size: 4rem;
  }

  .sm\:tw-text-12px{
    font-size: 12px;
  }

  .sm\:tw-text-14px{
    font-size: 14px;
  }

  .sm\:tw-text-16px{
    font-size: 16px;
  }

  .sm\:tw-text-18px{
    font-size: 18px;
  }

  .sm\:tw-text-20px{
    font-size: 20px;
  }

  .sm\:tw-text-22px{
    font-size: 22px;
  }

  .sm\:tw-text-28px{
    font-size: 28px;
  }

  .sm\:tw-leading-3{
    line-height: .75rem;
  }

  .sm\:tw-leading-4{
    line-height: 1rem;
  }

  .sm\:tw-leading-5{
    line-height: 1.25rem;
  }

  .sm\:tw-leading-6{
    line-height: 1.5rem;
  }

  .sm\:tw-leading-7{
    line-height: 1.75rem;
  }

  .sm\:tw-leading-8{
    line-height: 2rem;
  }

  .sm\:tw-leading-9{
    line-height: 2.25rem;
  }

  .sm\:tw-leading-10{
    line-height: 2.5rem;
  }

  .sm\:tw-leading-none{
    line-height: 1;
  }

  .sm\:tw-leading-tight{
    line-height: 1.25;
  }

  .sm\:tw-leading-snug{
    line-height: 1.375;
  }

  .sm\:tw-leading-normal{
    line-height: 1.5;
  }

  .sm\:tw-leading-relaxed{
    line-height: 1.625;
  }

  .sm\:tw-leading-loose{
    line-height: 2;
  }

  .sm\:tw-list-inside{
    list-style-position: inside;
  }

  .sm\:tw-list-outside{
    list-style-position: outside;
  }

  .sm\:tw-list-none{
    list-style-type: none;
  }

  .sm\:tw-list-disc{
    list-style-type: disc;
  }

  .sm\:tw-list-decimal{
    list-style-type: decimal;
  }

  .sm\:tw-m-0{
    margin: 0;
  }

  .sm\:tw-m-1{
    margin: 0.25rem;
  }

  .sm\:tw-m-2{
    margin: 0.5rem;
  }

  .sm\:tw-m-3{
    margin: 0.75rem;
  }

  .sm\:tw-m-4{
    margin: 1rem;
  }

  .sm\:tw-m-5{
    margin: 1.25rem;
  }

  .sm\:tw-m-6{
    margin: 1.5rem;
  }

  .sm\:tw-m-8{
    margin: 2rem;
  }

  .sm\:tw-m-10{
    margin: 2.5rem;
  }

  .sm\:tw-m-12{
    margin: 3rem;
  }

  .sm\:tw-m-16{
    margin: 4rem;
  }

  .sm\:tw-m-20{
    margin: 5rem;
  }

  .sm\:tw-m-24{
    margin: 6rem;
  }

  .sm\:tw-m-32{
    margin: 8rem;
  }

  .sm\:tw-m-40{
    margin: 10rem;
  }

  .sm\:tw-m-48{
    margin: 12rem;
  }

  .sm\:tw-m-56{
    margin: 14rem;
  }

  .sm\:tw-m-64{
    margin: 16rem;
  }

  .sm\:tw-m-auto{
    margin: auto;
  }

  .sm\:tw-m-px{
    margin: 1px;
  }

  .sm\:tw--m-1{
    margin: -0.25rem;
  }

  .sm\:tw--m-2{
    margin: -0.5rem;
  }

  .sm\:tw--m-3{
    margin: -0.75rem;
  }

  .sm\:tw--m-4{
    margin: -1rem;
  }

  .sm\:tw--m-5{
    margin: -1.25rem;
  }

  .sm\:tw--m-6{
    margin: -1.5rem;
  }

  .sm\:tw--m-8{
    margin: -2rem;
  }

  .sm\:tw--m-10{
    margin: -2.5rem;
  }

  .sm\:tw--m-12{
    margin: -3rem;
  }

  .sm\:tw--m-16{
    margin: -4rem;
  }

  .sm\:tw--m-20{
    margin: -5rem;
  }

  .sm\:tw--m-24{
    margin: -6rem;
  }

  .sm\:tw--m-32{
    margin: -8rem;
  }

  .sm\:tw--m-40{
    margin: -10rem;
  }

  .sm\:tw--m-48{
    margin: -12rem;
  }

  .sm\:tw--m-56{
    margin: -14rem;
  }

  .sm\:tw--m-64{
    margin: -16rem;
  }

  .sm\:tw--m-px{
    margin: -1px;
  }

  .sm\:tw-m-2px{
    margin: 2px;
  }

  .sm\:tw-m-5px{
    margin: 5px;
  }

  .sm\:tw-m-10px{
    margin: 10px;
  }

  .sm\:tw-m-15px{
    margin: 15px;
  }

  .sm\:tw-m-20px{
    margin: 20px;
  }

  .sm\:tw-m-25px{
    margin: 25px;
  }

  .sm\:tw-m-30px{
    margin: 30px;
  }

  .sm\:tw-m-40px{
    margin: 40px;
  }

  .sm\:tw-m-60px{
    margin: 60px;
  }

  .sm\:tw-m-80px{
    margin: 80px;
  }

  .sm\:tw-my-0{
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:tw-mx-0{
    margin-left: 0;
    margin-right: 0;
  }

  .sm\:tw-my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .sm\:tw-mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .sm\:tw-my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .sm\:tw-mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .sm\:tw-my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .sm\:tw-mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .sm\:tw-my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .sm\:tw-mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .sm\:tw-my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .sm\:tw-mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .sm\:tw-my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .sm\:tw-mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:tw-my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:tw-mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .sm\:tw-my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .sm\:tw-mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .sm\:tw-my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .sm\:tw-mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .sm\:tw-my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .sm\:tw-mx-16{
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .sm\:tw-my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .sm\:tw-mx-20{
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .sm\:tw-my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .sm\:tw-mx-24{
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .sm\:tw-my-32{
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .sm\:tw-mx-32{
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .sm\:tw-my-40{
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .sm\:tw-mx-40{
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .sm\:tw-my-48{
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .sm\:tw-mx-48{
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .sm\:tw-my-56{
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .sm\:tw-mx-56{
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .sm\:tw-my-64{
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .sm\:tw-mx-64{
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .sm\:tw-my-auto{
    margin-top: auto;
    margin-bottom: auto;
  }

  .sm\:tw-mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:tw-my-px{
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .sm\:tw-mx-px{
    margin-left: 1px;
    margin-right: 1px;
  }

  .sm\:tw--my-1{
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .sm\:tw--mx-1{
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .sm\:tw--my-2{
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .sm\:tw--mx-2{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .sm\:tw--my-3{
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .sm\:tw--mx-3{
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .sm\:tw--my-4{
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .sm\:tw--mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .sm\:tw--my-5{
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .sm\:tw--mx-5{
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .sm\:tw--my-6{
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .sm\:tw--mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .sm\:tw--my-8{
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .sm\:tw--mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .sm\:tw--my-10{
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .sm\:tw--mx-10{
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .sm\:tw--my-12{
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .sm\:tw--mx-12{
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .sm\:tw--my-16{
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .sm\:tw--mx-16{
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .sm\:tw--my-20{
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .sm\:tw--mx-20{
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .sm\:tw--my-24{
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .sm\:tw--mx-24{
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .sm\:tw--my-32{
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .sm\:tw--mx-32{
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .sm\:tw--my-40{
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .sm\:tw--mx-40{
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .sm\:tw--my-48{
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .sm\:tw--mx-48{
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .sm\:tw--my-56{
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .sm\:tw--mx-56{
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .sm\:tw--my-64{
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .sm\:tw--mx-64{
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .sm\:tw--my-px{
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .sm\:tw--mx-px{
    margin-left: -1px;
    margin-right: -1px;
  }

  .sm\:tw-my-2px{
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .sm\:tw-mx-2px{
    margin-left: 2px;
    margin-right: 2px;
  }

  .sm\:tw-my-5px{
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .sm\:tw-mx-5px{
    margin-left: 5px;
    margin-right: 5px;
  }

  .sm\:tw-my-10px{
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .sm\:tw-mx-10px{
    margin-left: 10px;
    margin-right: 10px;
  }

  .sm\:tw-my-15px{
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .sm\:tw-mx-15px{
    margin-left: 15px;
    margin-right: 15px;
  }

  .sm\:tw-my-20px{
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sm\:tw-mx-20px{
    margin-left: 20px;
    margin-right: 20px;
  }

  .sm\:tw-my-25px{
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .sm\:tw-mx-25px{
    margin-left: 25px;
    margin-right: 25px;
  }

  .sm\:tw-my-30px{
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .sm\:tw-mx-30px{
    margin-left: 30px;
    margin-right: 30px;
  }

  .sm\:tw-my-40px{
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .sm\:tw-mx-40px{
    margin-left: 40px;
    margin-right: 40px;
  }

  .sm\:tw-my-60px{
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .sm\:tw-mx-60px{
    margin-left: 60px;
    margin-right: 60px;
  }

  .sm\:tw-my-80px{
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .sm\:tw-mx-80px{
    margin-left: 80px;
    margin-right: 80px;
  }

  .sm\:tw-mt-0{
    margin-top: 0;
  }

  .sm\:tw-mr-0{
    margin-right: 0;
  }

  .sm\:tw-mb-0{
    margin-bottom: 0;
  }

  .sm\:tw-ml-0{
    margin-left: 0;
  }

  .sm\:tw-mt-1{
    margin-top: 0.25rem;
  }

  .sm\:tw-mr-1{
    margin-right: 0.25rem;
  }

  .sm\:tw-mb-1{
    margin-bottom: 0.25rem;
  }

  .sm\:tw-ml-1{
    margin-left: 0.25rem;
  }

  .sm\:tw-mt-2{
    margin-top: 0.5rem;
  }

  .sm\:tw-mr-2{
    margin-right: 0.5rem;
  }

  .sm\:tw-mb-2{
    margin-bottom: 0.5rem;
  }

  .sm\:tw-ml-2{
    margin-left: 0.5rem;
  }

  .sm\:tw-mt-3{
    margin-top: 0.75rem;
  }

  .sm\:tw-mr-3{
    margin-right: 0.75rem;
  }

  .sm\:tw-mb-3{
    margin-bottom: 0.75rem;
  }

  .sm\:tw-ml-3{
    margin-left: 0.75rem;
  }

  .sm\:tw-mt-4{
    margin-top: 1rem;
  }

  .sm\:tw-mr-4{
    margin-right: 1rem;
  }

  .sm\:tw-mb-4{
    margin-bottom: 1rem;
  }

  .sm\:tw-ml-4{
    margin-left: 1rem;
  }

  .sm\:tw-mt-5{
    margin-top: 1.25rem;
  }

  .sm\:tw-mr-5{
    margin-right: 1.25rem;
  }

  .sm\:tw-mb-5{
    margin-bottom: 1.25rem;
  }

  .sm\:tw-ml-5{
    margin-left: 1.25rem;
  }

  .sm\:tw-mt-6{
    margin-top: 1.5rem;
  }

  .sm\:tw-mr-6{
    margin-right: 1.5rem;
  }

  .sm\:tw-mb-6{
    margin-bottom: 1.5rem;
  }

  .sm\:tw-ml-6{
    margin-left: 1.5rem;
  }

  .sm\:tw-mt-8{
    margin-top: 2rem;
  }

  .sm\:tw-mr-8{
    margin-right: 2rem;
  }

  .sm\:tw-mb-8{
    margin-bottom: 2rem;
  }

  .sm\:tw-ml-8{
    margin-left: 2rem;
  }

  .sm\:tw-mt-10{
    margin-top: 2.5rem;
  }

  .sm\:tw-mr-10{
    margin-right: 2.5rem;
  }

  .sm\:tw-mb-10{
    margin-bottom: 2.5rem;
  }

  .sm\:tw-ml-10{
    margin-left: 2.5rem;
  }

  .sm\:tw-mt-12{
    margin-top: 3rem;
  }

  .sm\:tw-mr-12{
    margin-right: 3rem;
  }

  .sm\:tw-mb-12{
    margin-bottom: 3rem;
  }

  .sm\:tw-ml-12{
    margin-left: 3rem;
  }

  .sm\:tw-mt-16{
    margin-top: 4rem;
  }

  .sm\:tw-mr-16{
    margin-right: 4rem;
  }

  .sm\:tw-mb-16{
    margin-bottom: 4rem;
  }

  .sm\:tw-ml-16{
    margin-left: 4rem;
  }

  .sm\:tw-mt-20{
    margin-top: 5rem;
  }

  .sm\:tw-mr-20{
    margin-right: 5rem;
  }

  .sm\:tw-mb-20{
    margin-bottom: 5rem;
  }

  .sm\:tw-ml-20{
    margin-left: 5rem;
  }

  .sm\:tw-mt-24{
    margin-top: 6rem;
  }

  .sm\:tw-mr-24{
    margin-right: 6rem;
  }

  .sm\:tw-mb-24{
    margin-bottom: 6rem;
  }

  .sm\:tw-ml-24{
    margin-left: 6rem;
  }

  .sm\:tw-mt-32{
    margin-top: 8rem;
  }

  .sm\:tw-mr-32{
    margin-right: 8rem;
  }

  .sm\:tw-mb-32{
    margin-bottom: 8rem;
  }

  .sm\:tw-ml-32{
    margin-left: 8rem;
  }

  .sm\:tw-mt-40{
    margin-top: 10rem;
  }

  .sm\:tw-mr-40{
    margin-right: 10rem;
  }

  .sm\:tw-mb-40{
    margin-bottom: 10rem;
  }

  .sm\:tw-ml-40{
    margin-left: 10rem;
  }

  .sm\:tw-mt-48{
    margin-top: 12rem;
  }

  .sm\:tw-mr-48{
    margin-right: 12rem;
  }

  .sm\:tw-mb-48{
    margin-bottom: 12rem;
  }

  .sm\:tw-ml-48{
    margin-left: 12rem;
  }

  .sm\:tw-mt-56{
    margin-top: 14rem;
  }

  .sm\:tw-mr-56{
    margin-right: 14rem;
  }

  .sm\:tw-mb-56{
    margin-bottom: 14rem;
  }

  .sm\:tw-ml-56{
    margin-left: 14rem;
  }

  .sm\:tw-mt-64{
    margin-top: 16rem;
  }

  .sm\:tw-mr-64{
    margin-right: 16rem;
  }

  .sm\:tw-mb-64{
    margin-bottom: 16rem;
  }

  .sm\:tw-ml-64{
    margin-left: 16rem;
  }

  .sm\:tw-mt-auto{
    margin-top: auto;
  }

  .sm\:tw-mr-auto{
    margin-right: auto;
  }

  .sm\:tw-mb-auto{
    margin-bottom: auto;
  }

  .sm\:tw-ml-auto{
    margin-left: auto;
  }

  .sm\:tw-mt-px{
    margin-top: 1px;
  }

  .sm\:tw-mr-px{
    margin-right: 1px;
  }

  .sm\:tw-mb-px{
    margin-bottom: 1px;
  }

  .sm\:tw-ml-px{
    margin-left: 1px;
  }

  .sm\:tw--mt-1{
    margin-top: -0.25rem;
  }

  .sm\:tw--mr-1{
    margin-right: -0.25rem;
  }

  .sm\:tw--mb-1{
    margin-bottom: -0.25rem;
  }

  .sm\:tw--ml-1{
    margin-left: -0.25rem;
  }

  .sm\:tw--mt-2{
    margin-top: -0.5rem;
  }

  .sm\:tw--mr-2{
    margin-right: -0.5rem;
  }

  .sm\:tw--mb-2{
    margin-bottom: -0.5rem;
  }

  .sm\:tw--ml-2{
    margin-left: -0.5rem;
  }

  .sm\:tw--mt-3{
    margin-top: -0.75rem;
  }

  .sm\:tw--mr-3{
    margin-right: -0.75rem;
  }

  .sm\:tw--mb-3{
    margin-bottom: -0.75rem;
  }

  .sm\:tw--ml-3{
    margin-left: -0.75rem;
  }

  .sm\:tw--mt-4{
    margin-top: -1rem;
  }

  .sm\:tw--mr-4{
    margin-right: -1rem;
  }

  .sm\:tw--mb-4{
    margin-bottom: -1rem;
  }

  .sm\:tw--ml-4{
    margin-left: -1rem;
  }

  .sm\:tw--mt-5{
    margin-top: -1.25rem;
  }

  .sm\:tw--mr-5{
    margin-right: -1.25rem;
  }

  .sm\:tw--mb-5{
    margin-bottom: -1.25rem;
  }

  .sm\:tw--ml-5{
    margin-left: -1.25rem;
  }

  .sm\:tw--mt-6{
    margin-top: -1.5rem;
  }

  .sm\:tw--mr-6{
    margin-right: -1.5rem;
  }

  .sm\:tw--mb-6{
    margin-bottom: -1.5rem;
  }

  .sm\:tw--ml-6{
    margin-left: -1.5rem;
  }

  .sm\:tw--mt-8{
    margin-top: -2rem;
  }

  .sm\:tw--mr-8{
    margin-right: -2rem;
  }

  .sm\:tw--mb-8{
    margin-bottom: -2rem;
  }

  .sm\:tw--ml-8{
    margin-left: -2rem;
  }

  .sm\:tw--mt-10{
    margin-top: -2.5rem;
  }

  .sm\:tw--mr-10{
    margin-right: -2.5rem;
  }

  .sm\:tw--mb-10{
    margin-bottom: -2.5rem;
  }

  .sm\:tw--ml-10{
    margin-left: -2.5rem;
  }

  .sm\:tw--mt-12{
    margin-top: -3rem;
  }

  .sm\:tw--mr-12{
    margin-right: -3rem;
  }

  .sm\:tw--mb-12{
    margin-bottom: -3rem;
  }

  .sm\:tw--ml-12{
    margin-left: -3rem;
  }

  .sm\:tw--mt-16{
    margin-top: -4rem;
  }

  .sm\:tw--mr-16{
    margin-right: -4rem;
  }

  .sm\:tw--mb-16{
    margin-bottom: -4rem;
  }

  .sm\:tw--ml-16{
    margin-left: -4rem;
  }

  .sm\:tw--mt-20{
    margin-top: -5rem;
  }

  .sm\:tw--mr-20{
    margin-right: -5rem;
  }

  .sm\:tw--mb-20{
    margin-bottom: -5rem;
  }

  .sm\:tw--ml-20{
    margin-left: -5rem;
  }

  .sm\:tw--mt-24{
    margin-top: -6rem;
  }

  .sm\:tw--mr-24{
    margin-right: -6rem;
  }

  .sm\:tw--mb-24{
    margin-bottom: -6rem;
  }

  .sm\:tw--ml-24{
    margin-left: -6rem;
  }

  .sm\:tw--mt-32{
    margin-top: -8rem;
  }

  .sm\:tw--mr-32{
    margin-right: -8rem;
  }

  .sm\:tw--mb-32{
    margin-bottom: -8rem;
  }

  .sm\:tw--ml-32{
    margin-left: -8rem;
  }

  .sm\:tw--mt-40{
    margin-top: -10rem;
  }

  .sm\:tw--mr-40{
    margin-right: -10rem;
  }

  .sm\:tw--mb-40{
    margin-bottom: -10rem;
  }

  .sm\:tw--ml-40{
    margin-left: -10rem;
  }

  .sm\:tw--mt-48{
    margin-top: -12rem;
  }

  .sm\:tw--mr-48{
    margin-right: -12rem;
  }

  .sm\:tw--mb-48{
    margin-bottom: -12rem;
  }

  .sm\:tw--ml-48{
    margin-left: -12rem;
  }

  .sm\:tw--mt-56{
    margin-top: -14rem;
  }

  .sm\:tw--mr-56{
    margin-right: -14rem;
  }

  .sm\:tw--mb-56{
    margin-bottom: -14rem;
  }

  .sm\:tw--ml-56{
    margin-left: -14rem;
  }

  .sm\:tw--mt-64{
    margin-top: -16rem;
  }

  .sm\:tw--mr-64{
    margin-right: -16rem;
  }

  .sm\:tw--mb-64{
    margin-bottom: -16rem;
  }

  .sm\:tw--ml-64{
    margin-left: -16rem;
  }

  .sm\:tw--mt-px{
    margin-top: -1px;
  }

  .sm\:tw--mr-px{
    margin-right: -1px;
  }

  .sm\:tw--mb-px{
    margin-bottom: -1px;
  }

  .sm\:tw--ml-px{
    margin-left: -1px;
  }

  .sm\:tw-mt-2px{
    margin-top: 2px;
  }

  .sm\:tw-mr-2px{
    margin-right: 2px;
  }

  .sm\:tw-mb-2px{
    margin-bottom: 2px;
  }

  .sm\:tw-ml-2px{
    margin-left: 2px;
  }

  .sm\:tw-mt-5px{
    margin-top: 5px;
  }

  .sm\:tw-mr-5px{
    margin-right: 5px;
  }

  .sm\:tw-mb-5px{
    margin-bottom: 5px;
  }

  .sm\:tw-ml-5px{
    margin-left: 5px;
  }

  .sm\:tw-mt-10px{
    margin-top: 10px;
  }

  .sm\:tw-mr-10px{
    margin-right: 10px;
  }

  .sm\:tw-mb-10px{
    margin-bottom: 10px;
  }

  .sm\:tw-ml-10px{
    margin-left: 10px;
  }

  .sm\:tw-mt-15px{
    margin-top: 15px;
  }

  .sm\:tw-mr-15px{
    margin-right: 15px;
  }

  .sm\:tw-mb-15px{
    margin-bottom: 15px;
  }

  .sm\:tw-ml-15px{
    margin-left: 15px;
  }

  .sm\:tw-mt-20px{
    margin-top: 20px;
  }

  .sm\:tw-mr-20px{
    margin-right: 20px;
  }

  .sm\:tw-mb-20px{
    margin-bottom: 20px;
  }

  .sm\:tw-ml-20px{
    margin-left: 20px;
  }

  .sm\:tw-mt-25px{
    margin-top: 25px;
  }

  .sm\:tw-mr-25px{
    margin-right: 25px;
  }

  .sm\:tw-mb-25px{
    margin-bottom: 25px;
  }

  .sm\:tw-ml-25px{
    margin-left: 25px;
  }

  .sm\:tw-mt-30px{
    margin-top: 30px;
  }

  .sm\:tw-mr-30px{
    margin-right: 30px;
  }

  .sm\:tw-mb-30px{
    margin-bottom: 30px;
  }

  .sm\:tw-ml-30px{
    margin-left: 30px;
  }

  .sm\:tw-mt-40px{
    margin-top: 40px;
  }

  .sm\:tw-mr-40px{
    margin-right: 40px;
  }

  .sm\:tw-mb-40px{
    margin-bottom: 40px;
  }

  .sm\:tw-ml-40px{
    margin-left: 40px;
  }

  .sm\:tw-mt-60px{
    margin-top: 60px;
  }

  .sm\:tw-mr-60px{
    margin-right: 60px;
  }

  .sm\:tw-mb-60px{
    margin-bottom: 60px;
  }

  .sm\:tw-ml-60px{
    margin-left: 60px;
  }

  .sm\:tw-mt-80px{
    margin-top: 80px;
  }

  .sm\:tw-mr-80px{
    margin-right: 80px;
  }

  .sm\:tw-mb-80px{
    margin-bottom: 80px;
  }

  .sm\:tw-ml-80px{
    margin-left: 80px;
  }

  .sm\:tw-max-h-full{
    max-height: 100%;
  }

  .sm\:tw-max-h-screen{
    max-height: 100vh;
  }

  .sm\:tw-max-w-none{
    max-width: none;
  }

  .sm\:tw-max-w-xs{
    max-width: 20rem;
  }

  .sm\:tw-max-w-sm{
    max-width: 24rem;
  }

  .sm\:tw-max-w-md{
    max-width: 28rem;
  }

  .sm\:tw-max-w-lg{
    max-width: 32rem;
  }

  .sm\:tw-max-w-xl{
    max-width: 36rem;
  }

  .sm\:tw-max-w-2xl{
    max-width: 42rem;
  }

  .sm\:tw-max-w-3xl{
    max-width: 48rem;
  }

  .sm\:tw-max-w-4xl{
    max-width: 56rem;
  }

  .sm\:tw-max-w-5xl{
    max-width: 64rem;
  }

  .sm\:tw-max-w-6xl{
    max-width: 72rem;
  }

  .sm\:tw-max-w-full{
    max-width: 100%;
  }

  .sm\:tw-max-w-screen-sm{
    max-width: 640px;
  }

  .sm\:tw-max-w-screen-md{
    max-width: 768px;
  }

  .sm\:tw-max-w-screen-lg{
    max-width: 1024px;
  }

  .sm\:tw-max-w-screen-xl{
    max-width: 1280px;
  }

  .sm\:tw-min-h-0{
    min-height: 0;
  }

  .sm\:tw-min-h-full{
    min-height: 100%;
  }

  .sm\:tw-min-h-screen{
    min-height: 100vh;
  }

  .sm\:tw-min-w-0{
    min-width: 0;
  }

  .sm\:tw-min-w-full{
    min-width: 100%;
  }

  .sm\:tw-object-contain{
    -o-object-fit: contain;
       object-fit: contain;
  }

  .sm\:tw-object-cover{
    -o-object-fit: cover;
       object-fit: cover;
  }

  .sm\:tw-object-fill{
    -o-object-fit: fill;
       object-fit: fill;
  }

  .sm\:tw-object-none{
    -o-object-fit: none;
       object-fit: none;
  }

  .sm\:tw-object-scale-down{
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .sm\:tw-object-bottom{
    -o-object-position: bottom;
       object-position: bottom;
  }

  .sm\:tw-object-center{
    -o-object-position: center;
       object-position: center;
  }

  .sm\:tw-object-left{
    -o-object-position: left;
       object-position: left;
  }

  .sm\:tw-object-left-bottom{
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .sm\:tw-object-left-top{
    -o-object-position: left top;
       object-position: left top;
  }

  .sm\:tw-object-right{
    -o-object-position: right;
       object-position: right;
  }

  .sm\:tw-object-right-bottom{
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .sm\:tw-object-right-top{
    -o-object-position: right top;
       object-position: right top;
  }

  .sm\:tw-object-top{
    -o-object-position: top;
       object-position: top;
  }

  .sm\:tw-opacity-0{
    opacity: 0;
  }

  .sm\:tw-opacity-25{
    opacity: 0.25;
  }

  .sm\:tw-opacity-50{
    opacity: 0.5;
  }

  .sm\:tw-opacity-75{
    opacity: 0.75;
  }

  .sm\:tw-opacity-100{
    opacity: 1;
  }

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

  .sm\:hover\:tw-opacity-25:hover{
    opacity: 0.25;
  }

  .sm\:hover\:tw-opacity-50:hover{
    opacity: 0.5;
  }

  .sm\:hover\:tw-opacity-75:hover{
    opacity: 0.75;
  }

  .sm\:hover\:tw-opacity-100:hover{
    opacity: 1;
  }

  .sm\:focus\:tw-opacity-0:focus{
    opacity: 0;
  }

  .sm\:focus\:tw-opacity-25:focus{
    opacity: 0.25;
  }

  .sm\:focus\:tw-opacity-50:focus{
    opacity: 0.5;
  }

  .sm\:focus\:tw-opacity-75:focus{
    opacity: 0.75;
  }

  .sm\:focus\:tw-opacity-100:focus{
    opacity: 1;
  }

  .sm\:tw-outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .sm\:tw-outline-white{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .sm\:tw-outline-black{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .sm\:focus\:tw-outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .sm\:focus\:tw-outline-white:focus{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .sm\:focus\:tw-outline-black:focus{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .sm\:tw-overflow-auto{
    overflow: auto;
  }

  .sm\:tw-overflow-hidden{
    overflow: hidden;
  }

  .sm\:tw-overflow-visible{
    overflow: visible;
  }

  .sm\:tw-overflow-scroll{
    overflow: scroll;
  }

  .sm\:tw-overflow-x-auto{
    overflow-x: auto;
  }

  .sm\:tw-overflow-y-auto{
    overflow-y: auto;
  }

  .sm\:tw-overflow-x-hidden{
    overflow-x: hidden;
  }

  .sm\:tw-overflow-y-hidden{
    overflow-y: hidden;
  }

  .sm\:tw-overflow-x-visible{
    overflow-x: visible;
  }

  .sm\:tw-overflow-y-visible{
    overflow-y: visible;
  }

  .sm\:tw-overflow-x-scroll{
    overflow-x: scroll;
  }

  .sm\:tw-overflow-y-scroll{
    overflow-y: scroll;
  }

  .sm\:tw-scrolling-touch{
    -webkit-overflow-scrolling: touch;
  }

  .sm\:tw-scrolling-auto{
    -webkit-overflow-scrolling: auto;
  }

  .sm\:tw-overscroll-auto{
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .sm\:tw-overscroll-contain{
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .sm\:tw-overscroll-none{
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .sm\:tw-overscroll-y-auto{
    overscroll-behavior-y: auto;
  }

  .sm\:tw-overscroll-y-contain{
    overscroll-behavior-y: contain;
  }

  .sm\:tw-overscroll-y-none{
    overscroll-behavior-y: none;
  }

  .sm\:tw-overscroll-x-auto{
    overscroll-behavior-x: auto;
  }

  .sm\:tw-overscroll-x-contain{
    overscroll-behavior-x: contain;
  }

  .sm\:tw-overscroll-x-none{
    overscroll-behavior-x: none;
  }

  .sm\:tw-p-0{
    padding: 0;
  }

  .sm\:tw-p-1{
    padding: 0.25rem;
  }

  .sm\:tw-p-2{
    padding: 0.5rem;
  }

  .sm\:tw-p-3{
    padding: 0.75rem;
  }

  .sm\:tw-p-4{
    padding: 1rem;
  }

  .sm\:tw-p-5{
    padding: 1.25rem;
  }

  .sm\:tw-p-6{
    padding: 1.5rem;
  }

  .sm\:tw-p-8{
    padding: 2rem;
  }

  .sm\:tw-p-10{
    padding: 2.5rem;
  }

  .sm\:tw-p-12{
    padding: 3rem;
  }

  .sm\:tw-p-16{
    padding: 4rem;
  }

  .sm\:tw-p-20{
    padding: 5rem;
  }

  .sm\:tw-p-24{
    padding: 6rem;
  }

  .sm\:tw-p-32{
    padding: 8rem;
  }

  .sm\:tw-p-40{
    padding: 10rem;
  }

  .sm\:tw-p-48{
    padding: 12rem;
  }

  .sm\:tw-p-56{
    padding: 14rem;
  }

  .sm\:tw-p-64{
    padding: 16rem;
  }

  .sm\:tw-p-px{
    padding: 1px;
  }

  .sm\:tw-p-3px{
    padding: 3px;
  }

  .sm\:tw-p-5px{
    padding: 5px;
  }

  .sm\:tw-p-10px{
    padding: 10px;
  }

  .sm\:tw-p-15px{
    padding: 15px;
  }

  .sm\:tw-p-20px{
    padding: 20px;
  }

  .sm\:tw-p-25px{
    padding: 25px;
  }

  .sm\:tw-p-30px{
    padding: 30px;
  }

  .sm\:tw-p-40px{
    padding: 40px;
  }

  .sm\:tw-p-55px{
    padding: 55px;
  }

  .sm\:tw-p-60px{
    padding: 60px;
  }

  .sm\:tw-py-0{
    padding-top: 0;
    padding-bottom: 0;
  }

  .sm\:tw-px-0{
    padding-left: 0;
    padding-right: 0;
  }

  .sm\:tw-py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .sm\:tw-px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .sm\:tw-py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:tw-px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:tw-py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:tw-px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:tw-py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:tw-px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:tw-py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:tw-px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:tw-py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:tw-px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:tw-py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:tw-px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:tw-py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:tw-px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:tw-py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:tw-px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:tw-py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:tw-px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:tw-py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:tw-px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:tw-py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sm\:tw-px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .sm\:tw-py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sm\:tw-px-32{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .sm\:tw-py-40{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .sm\:tw-px-40{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .sm\:tw-py-48{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .sm\:tw-px-48{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .sm\:tw-py-56{
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .sm\:tw-px-56{
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .sm\:tw-py-64{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .sm\:tw-px-64{
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .sm\:tw-py-px{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .sm\:tw-px-px{
    padding-left: 1px;
    padding-right: 1px;
  }

  .sm\:tw-py-3px{
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .sm\:tw-px-3px{
    padding-left: 3px;
    padding-right: 3px;
  }

  .sm\:tw-py-5px{
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .sm\:tw-px-5px{
    padding-left: 5px;
    padding-right: 5px;
  }

  .sm\:tw-py-10px{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sm\:tw-px-10px{
    padding-left: 10px;
    padding-right: 10px;
  }

  .sm\:tw-py-15px{
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .sm\:tw-px-15px{
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm\:tw-py-20px{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sm\:tw-px-20px{
    padding-left: 20px;
    padding-right: 20px;
  }

  .sm\:tw-py-25px{
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .sm\:tw-px-25px{
    padding-left: 25px;
    padding-right: 25px;
  }

  .sm\:tw-py-30px{
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .sm\:tw-px-30px{
    padding-left: 30px;
    padding-right: 30px;
  }

  .sm\:tw-py-40px{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sm\:tw-px-40px{
    padding-left: 40px;
    padding-right: 40px;
  }

  .sm\:tw-py-55px{
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .sm\:tw-px-55px{
    padding-left: 55px;
    padding-right: 55px;
  }

  .sm\:tw-py-60px{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sm\:tw-px-60px{
    padding-left: 60px;
    padding-right: 60px;
  }

  .sm\:tw-pt-0{
    padding-top: 0;
  }

  .sm\:tw-pr-0{
    padding-right: 0;
  }

  .sm\:tw-pb-0{
    padding-bottom: 0;
  }

  .sm\:tw-pl-0{
    padding-left: 0;
  }

  .sm\:tw-pt-1{
    padding-top: 0.25rem;
  }

  .sm\:tw-pr-1{
    padding-right: 0.25rem;
  }

  .sm\:tw-pb-1{
    padding-bottom: 0.25rem;
  }

  .sm\:tw-pl-1{
    padding-left: 0.25rem;
  }

  .sm\:tw-pt-2{
    padding-top: 0.5rem;
  }

  .sm\:tw-pr-2{
    padding-right: 0.5rem;
  }

  .sm\:tw-pb-2{
    padding-bottom: 0.5rem;
  }

  .sm\:tw-pl-2{
    padding-left: 0.5rem;
  }

  .sm\:tw-pt-3{
    padding-top: 0.75rem;
  }

  .sm\:tw-pr-3{
    padding-right: 0.75rem;
  }

  .sm\:tw-pb-3{
    padding-bottom: 0.75rem;
  }

  .sm\:tw-pl-3{
    padding-left: 0.75rem;
  }

  .sm\:tw-pt-4{
    padding-top: 1rem;
  }

  .sm\:tw-pr-4{
    padding-right: 1rem;
  }

  .sm\:tw-pb-4{
    padding-bottom: 1rem;
  }

  .sm\:tw-pl-4{
    padding-left: 1rem;
  }

  .sm\:tw-pt-5{
    padding-top: 1.25rem;
  }

  .sm\:tw-pr-5{
    padding-right: 1.25rem;
  }

  .sm\:tw-pb-5{
    padding-bottom: 1.25rem;
  }

  .sm\:tw-pl-5{
    padding-left: 1.25rem;
  }

  .sm\:tw-pt-6{
    padding-top: 1.5rem;
  }

  .sm\:tw-pr-6{
    padding-right: 1.5rem;
  }

  .sm\:tw-pb-6{
    padding-bottom: 1.5rem;
  }

  .sm\:tw-pl-6{
    padding-left: 1.5rem;
  }

  .sm\:tw-pt-8{
    padding-top: 2rem;
  }

  .sm\:tw-pr-8{
    padding-right: 2rem;
  }

  .sm\:tw-pb-8{
    padding-bottom: 2rem;
  }

  .sm\:tw-pl-8{
    padding-left: 2rem;
  }

  .sm\:tw-pt-10{
    padding-top: 2.5rem;
  }

  .sm\:tw-pr-10{
    padding-right: 2.5rem;
  }

  .sm\:tw-pb-10{
    padding-bottom: 2.5rem;
  }

  .sm\:tw-pl-10{
    padding-left: 2.5rem;
  }

  .sm\:tw-pt-12{
    padding-top: 3rem;
  }

  .sm\:tw-pr-12{
    padding-right: 3rem;
  }

  .sm\:tw-pb-12{
    padding-bottom: 3rem;
  }

  .sm\:tw-pl-12{
    padding-left: 3rem;
  }

  .sm\:tw-pt-16{
    padding-top: 4rem;
  }

  .sm\:tw-pr-16{
    padding-right: 4rem;
  }

  .sm\:tw-pb-16{
    padding-bottom: 4rem;
  }

  .sm\:tw-pl-16{
    padding-left: 4rem;
  }

  .sm\:tw-pt-20{
    padding-top: 5rem;
  }

  .sm\:tw-pr-20{
    padding-right: 5rem;
  }

  .sm\:tw-pb-20{
    padding-bottom: 5rem;
  }

  .sm\:tw-pl-20{
    padding-left: 5rem;
  }

  .sm\:tw-pt-24{
    padding-top: 6rem;
  }

  .sm\:tw-pr-24{
    padding-right: 6rem;
  }

  .sm\:tw-pb-24{
    padding-bottom: 6rem;
  }

  .sm\:tw-pl-24{
    padding-left: 6rem;
  }

  .sm\:tw-pt-32{
    padding-top: 8rem;
  }

  .sm\:tw-pr-32{
    padding-right: 8rem;
  }

  .sm\:tw-pb-32{
    padding-bottom: 8rem;
  }

  .sm\:tw-pl-32{
    padding-left: 8rem;
  }

  .sm\:tw-pt-40{
    padding-top: 10rem;
  }

  .sm\:tw-pr-40{
    padding-right: 10rem;
  }

  .sm\:tw-pb-40{
    padding-bottom: 10rem;
  }

  .sm\:tw-pl-40{
    padding-left: 10rem;
  }

  .sm\:tw-pt-48{
    padding-top: 12rem;
  }

  .sm\:tw-pr-48{
    padding-right: 12rem;
  }

  .sm\:tw-pb-48{
    padding-bottom: 12rem;
  }

  .sm\:tw-pl-48{
    padding-left: 12rem;
  }

  .sm\:tw-pt-56{
    padding-top: 14rem;
  }

  .sm\:tw-pr-56{
    padding-right: 14rem;
  }

  .sm\:tw-pb-56{
    padding-bottom: 14rem;
  }

  .sm\:tw-pl-56{
    padding-left: 14rem;
  }

  .sm\:tw-pt-64{
    padding-top: 16rem;
  }

  .sm\:tw-pr-64{
    padding-right: 16rem;
  }

  .sm\:tw-pb-64{
    padding-bottom: 16rem;
  }

  .sm\:tw-pl-64{
    padding-left: 16rem;
  }

  .sm\:tw-pt-px{
    padding-top: 1px;
  }

  .sm\:tw-pr-px{
    padding-right: 1px;
  }

  .sm\:tw-pb-px{
    padding-bottom: 1px;
  }

  .sm\:tw-pl-px{
    padding-left: 1px;
  }

  .sm\:tw-pt-3px{
    padding-top: 3px;
  }

  .sm\:tw-pr-3px{
    padding-right: 3px;
  }

  .sm\:tw-pb-3px{
    padding-bottom: 3px;
  }

  .sm\:tw-pl-3px{
    padding-left: 3px;
  }

  .sm\:tw-pt-5px{
    padding-top: 5px;
  }

  .sm\:tw-pr-5px{
    padding-right: 5px;
  }

  .sm\:tw-pb-5px{
    padding-bottom: 5px;
  }

  .sm\:tw-pl-5px{
    padding-left: 5px;
  }

  .sm\:tw-pt-10px{
    padding-top: 10px;
  }

  .sm\:tw-pr-10px{
    padding-right: 10px;
  }

  .sm\:tw-pb-10px{
    padding-bottom: 10px;
  }

  .sm\:tw-pl-10px{
    padding-left: 10px;
  }

  .sm\:tw-pt-15px{
    padding-top: 15px;
  }

  .sm\:tw-pr-15px{
    padding-right: 15px;
  }

  .sm\:tw-pb-15px{
    padding-bottom: 15px;
  }

  .sm\:tw-pl-15px{
    padding-left: 15px;
  }

  .sm\:tw-pt-20px{
    padding-top: 20px;
  }

  .sm\:tw-pr-20px{
    padding-right: 20px;
  }

  .sm\:tw-pb-20px{
    padding-bottom: 20px;
  }

  .sm\:tw-pl-20px{
    padding-left: 20px;
  }

  .sm\:tw-pt-25px{
    padding-top: 25px;
  }

  .sm\:tw-pr-25px{
    padding-right: 25px;
  }

  .sm\:tw-pb-25px{
    padding-bottom: 25px;
  }

  .sm\:tw-pl-25px{
    padding-left: 25px;
  }

  .sm\:tw-pt-30px{
    padding-top: 30px;
  }

  .sm\:tw-pr-30px{
    padding-right: 30px;
  }

  .sm\:tw-pb-30px{
    padding-bottom: 30px;
  }

  .sm\:tw-pl-30px{
    padding-left: 30px;
  }

  .sm\:tw-pt-40px{
    padding-top: 40px;
  }

  .sm\:tw-pr-40px{
    padding-right: 40px;
  }

  .sm\:tw-pb-40px{
    padding-bottom: 40px;
  }

  .sm\:tw-pl-40px{
    padding-left: 40px;
  }

  .sm\:tw-pt-55px{
    padding-top: 55px;
  }

  .sm\:tw-pr-55px{
    padding-right: 55px;
  }

  .sm\:tw-pb-55px{
    padding-bottom: 55px;
  }

  .sm\:tw-pl-55px{
    padding-left: 55px;
  }

  .sm\:tw-pt-60px{
    padding-top: 60px;
  }

  .sm\:tw-pr-60px{
    padding-right: 60px;
  }

  .sm\:tw-pb-60px{
    padding-bottom: 60px;
  }

  .sm\:tw-pl-60px{
    padding-left: 60px;
  }

  .sm\:tw-placeholder-transparent::-moz-placeholder{
    color: transparent;
  }

  .sm\:tw-placeholder-transparent:-ms-input-placeholder{
    color: transparent;
  }

  .sm\:tw-placeholder-transparent::placeholder{
    color: transparent;
  }

  .sm\:tw-placeholder-current::-moz-placeholder{
    color: currentColor;
  }

  .sm\:tw-placeholder-current:-ms-input-placeholder{
    color: currentColor;
  }

  .sm\:tw-placeholder-current::placeholder{
    color: currentColor;
  }

  .sm\:tw-placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-black:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-black::placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-white:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-white::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-100::placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-200::placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-300::placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-400::placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-500::placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-600::placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-700::placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-800::placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-gray-900::placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-100::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-200::placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-300::placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-400::placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-500::placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-600::placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-700::placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-800::placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-red-900::placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-100::placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-200::placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-300::placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-400::placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-500::placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-600::placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-700::placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-800::placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-orange-900::placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-100::placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-200::placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-300::placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-400::placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-500::placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-600::placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-700::placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-800::placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-yellow-900::placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-100::placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-200::placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-300::placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-400::placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-500::placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-600::placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-700::placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-800::placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-green-900::placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-100::placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-200::placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-300::placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-400::placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-500::placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-600::placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-700::placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-800::placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-teal-900::placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-100::placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-200::placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-300::placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-400::placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-500::placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-600::placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-700::placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-800::placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-blue-900::placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-100::placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-200::placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-300::placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-400::placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-500::placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-600::placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-700::placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-800::placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-indigo-900::placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-100::placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-200::placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-300::placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-400::placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-500::placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-600::placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-700::placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-800::placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-purple-900::placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-100::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-200::placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-300::placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-400::placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-500::placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-600::placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-700::placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-800::placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-pink-900::placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-primary-blue::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-primary-blue:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-primary-blue::placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-primary-blue-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-primary-blue-dark:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-primary-blue-dark::placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-primary-white::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-primary-white:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-primary-white::placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-0::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-0:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-0::placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-1::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-1:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-1::placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-5::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-5:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-5::placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-10::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-10:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-10::placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-50::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-50:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-50::placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-70::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-70:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-font-70::placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-transparent:focus::-moz-placeholder{
    color: transparent;
  }

  .sm\:focus\:tw-placeholder-transparent:focus:-ms-input-placeholder{
    color: transparent;
  }

  .sm\:focus\:tw-placeholder-transparent:focus::placeholder{
    color: transparent;
  }

  .sm\:focus\:tw-placeholder-current:focus::-moz-placeholder{
    color: currentColor;
  }

  .sm\:focus\:tw-placeholder-current:focus:-ms-input-placeholder{
    color: currentColor;
  }

  .sm\:focus\:tw-placeholder-current:focus::placeholder{
    color: currentColor;
  }

  .sm\:focus\:tw-placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-black:focus::placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-white:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-red-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-orange-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-green-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-teal-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-blue-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-indigo-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-purple-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-pink-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-primary-blue:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-primary-blue:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-primary-blue:focus::placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-primary-blue-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-primary-blue-dark:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-primary-blue-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-primary-white:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-primary-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-primary-white:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-0:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-0:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-1:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-1:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-1:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-5:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-5:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-5:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-10:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-10:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-10:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-50:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-50:focus::placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-70:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-70:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .sm\:focus\:tw-placeholder-font-70:focus::placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .sm\:tw-placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .sm\:tw-placeholder-opacity-0:-ms-input-placeholder{
    --placeholder-opacity: 0;
  }

  .sm\:tw-placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0;
  }

  .sm\:tw-placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .sm\:tw-placeholder-opacity-25:-ms-input-placeholder{
    --placeholder-opacity: 0.25;
  }

  .sm\:tw-placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25;
  }

  .sm\:tw-placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .sm\:tw-placeholder-opacity-50:-ms-input-placeholder{
    --placeholder-opacity: 0.5;
  }

  .sm\:tw-placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5;
  }

  .sm\:tw-placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .sm\:tw-placeholder-opacity-75:-ms-input-placeholder{
    --placeholder-opacity: 0.75;
  }

  .sm\:tw-placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75;
  }

  .sm\:tw-placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .sm\:tw-placeholder-opacity-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
  }

  .sm\:tw-placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1;
  }

  .sm\:focus\:tw-placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .sm\:focus\:tw-placeholder-opacity-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 0;
  }

  .sm\:focus\:tw-placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0;
  }

  .sm\:focus\:tw-placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .sm\:focus\:tw-placeholder-opacity-25:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.25;
  }

  .sm\:focus\:tw-placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25;
  }

  .sm\:focus\:tw-placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .sm\:focus\:tw-placeholder-opacity-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.5;
  }

  .sm\:focus\:tw-placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5;
  }

  .sm\:focus\:tw-placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .sm\:focus\:tw-placeholder-opacity-75:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.75;
  }

  .sm\:focus\:tw-placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75;
  }

  .sm\:focus\:tw-placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .sm\:focus\:tw-placeholder-opacity-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
  }

  .sm\:focus\:tw-placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1;
  }

  .sm\:tw-pointer-events-none{
    pointer-events: none;
  }

  .sm\:tw-pointer-events-auto{
    pointer-events: auto;
  }

  .sm\:tw-static{
    position: static;
  }

  .sm\:tw-fixed{
    position: fixed;
  }

  .sm\:tw-absolute{
    position: absolute;
  }

  .sm\:tw-relative{
    position: relative;
  }

  .sm\:tw-sticky{
    position: -webkit-sticky;
    position: sticky;
  }

  .sm\:tw-inset-0{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .sm\:tw-inset-auto{
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .sm\:tw--inset-10px{
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
  }

  .sm\:tw-inset-y-0{
    top: 0;
    bottom: 0;
  }

  .sm\:tw-inset-x-0{
    right: 0;
    left: 0;
  }

  .sm\:tw-inset-y-auto{
    top: auto;
    bottom: auto;
  }

  .sm\:tw-inset-x-auto{
    right: auto;
    left: auto;
  }

  .sm\:tw--inset-y-10px{
    top: -10px;
    bottom: -10px;
  }

  .sm\:tw--inset-x-10px{
    right: -10px;
    left: -10px;
  }

  .sm\:tw-top-0{
    top: 0;
  }

  .sm\:tw-right-0{
    right: 0;
  }

  .sm\:tw-bottom-0{
    bottom: 0;
  }

  .sm\:tw-left-0{
    left: 0;
  }

  .sm\:tw-top-auto{
    top: auto;
  }

  .sm\:tw-right-auto{
    right: auto;
  }

  .sm\:tw-bottom-auto{
    bottom: auto;
  }

  .sm\:tw-left-auto{
    left: auto;
  }

  .sm\:tw--top-10px{
    top: -10px;
  }

  .sm\:tw--right-10px{
    right: -10px;
  }

  .sm\:tw--bottom-10px{
    bottom: -10px;
  }

  .sm\:tw--left-10px{
    left: -10px;
  }

  .sm\:tw-resize-none{
    resize: none;
  }

  .sm\:tw-resize-y{
    resize: vertical;
  }

  .sm\:tw-resize-x{
    resize: horizontal;
  }

  .sm\:tw-resize{
    resize: both;
  }

  .sm\:tw-shadow-xs{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .sm\:tw-shadow-sm{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .sm\:tw-shadow{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:tw-shadow-md{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .sm\:tw-shadow-lg{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .sm\:tw-shadow-xl{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .sm\:tw-shadow-2xl{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .sm\:tw-shadow-inner{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:tw-shadow-outline{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .sm\:tw-shadow-none{
    box-shadow: none;
  }

  .sm\:tw-shadow-1dp{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

  .sm\:tw-shadow-2dp{
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  }

  .sm\:tw-shadow-6dp{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .sm\:hover\:tw-shadow-xs:hover{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .sm\:hover\:tw-shadow-sm:hover{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .sm\:hover\:tw-shadow:hover{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:hover\:tw-shadow-md:hover{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .sm\:hover\:tw-shadow-lg:hover{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .sm\:hover\:tw-shadow-xl:hover{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .sm\:hover\:tw-shadow-2xl:hover{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .sm\:hover\:tw-shadow-inner:hover{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:hover\:tw-shadow-outline:hover{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .sm\:hover\:tw-shadow-none:hover{
    box-shadow: none;
  }

  .sm\:hover\:tw-shadow-1dp:hover{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

  .sm\:hover\:tw-shadow-2dp:hover{
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  }

  .sm\:hover\:tw-shadow-6dp:hover{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .sm\:focus\:tw-shadow-xs:focus{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .sm\:focus\:tw-shadow-sm:focus{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .sm\:focus\:tw-shadow:focus{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:focus\:tw-shadow-md:focus{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .sm\:focus\:tw-shadow-lg:focus{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .sm\:focus\:tw-shadow-xl:focus{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .sm\:focus\:tw-shadow-2xl:focus{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .sm\:focus\:tw-shadow-inner:focus{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:focus\:tw-shadow-outline:focus{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .sm\:focus\:tw-shadow-none:focus{
    box-shadow: none;
  }

  .sm\:focus\:tw-shadow-1dp:focus{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

  .sm\:focus\:tw-shadow-2dp:focus{
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  }

  .sm\:focus\:tw-shadow-6dp:focus{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .sm\:tw-fill-current{
    fill: currentColor;
  }

  .sm\:tw-stroke-current{
    stroke: currentColor;
  }

  .sm\:tw-stroke-0{
    stroke-width: 0;
  }

  .sm\:tw-stroke-1{
    stroke-width: 1;
  }

  .sm\:tw-stroke-2{
    stroke-width: 2;
  }

  .sm\:tw-table-auto{
    table-layout: auto;
  }

  .sm\:tw-table-fixed{
    table-layout: fixed;
  }

  .sm\:tw-text-left{
    text-align: left;
  }

  .sm\:tw-text-center{
    text-align: center;
  }

  .sm\:tw-text-right{
    text-align: right;
  }

  .sm\:tw-text-justify{
    text-align: justify;
  }

  .sm\:tw-text-transparent{
    color: transparent;
  }

  .sm\:tw-text-current{
    color: currentColor;
  }

  .sm\:tw-text-black{
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .sm\:tw-text-white{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:tw-text-gray-100{
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .sm\:tw-text-gray-200{
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .sm\:tw-text-gray-300{
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .sm\:tw-text-gray-400{
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .sm\:tw-text-gray-500{
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .sm\:tw-text-gray-600{
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .sm\:tw-text-gray-700{
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .sm\:tw-text-gray-800{
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .sm\:tw-text-gray-900{
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .sm\:tw-text-red-100{
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }

  .sm\:tw-text-red-200{
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }

  .sm\:tw-text-red-300{
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }

  .sm\:tw-text-red-400{
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }

  .sm\:tw-text-red-500{
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }

  .sm\:tw-text-red-600{
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }

  .sm\:tw-text-red-700{
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }

  .sm\:tw-text-red-800{
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }

  .sm\:tw-text-red-900{
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }

  .sm\:tw-text-orange-100{
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }

  .sm\:tw-text-orange-200{
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }

  .sm\:tw-text-orange-300{
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }

  .sm\:tw-text-orange-400{
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }

  .sm\:tw-text-orange-500{
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }

  .sm\:tw-text-orange-600{
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }

  .sm\:tw-text-orange-700{
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }

  .sm\:tw-text-orange-800{
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }

  .sm\:tw-text-orange-900{
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }

  .sm\:tw-text-yellow-100{
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }

  .sm\:tw-text-yellow-200{
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }

  .sm\:tw-text-yellow-300{
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }

  .sm\:tw-text-yellow-400{
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }

  .sm\:tw-text-yellow-500{
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }

  .sm\:tw-text-yellow-600{
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }

  .sm\:tw-text-yellow-700{
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }

  .sm\:tw-text-yellow-800{
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }

  .sm\:tw-text-yellow-900{
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }

  .sm\:tw-text-green-100{
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }

  .sm\:tw-text-green-200{
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }

  .sm\:tw-text-green-300{
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }

  .sm\:tw-text-green-400{
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }

  .sm\:tw-text-green-500{
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }

  .sm\:tw-text-green-600{
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }

  .sm\:tw-text-green-700{
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }

  .sm\:tw-text-green-800{
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }

  .sm\:tw-text-green-900{
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }

  .sm\:tw-text-teal-100{
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }

  .sm\:tw-text-teal-200{
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }

  .sm\:tw-text-teal-300{
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }

  .sm\:tw-text-teal-400{
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }

  .sm\:tw-text-teal-500{
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }

  .sm\:tw-text-teal-600{
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }

  .sm\:tw-text-teal-700{
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }

  .sm\:tw-text-teal-800{
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }

  .sm\:tw-text-teal-900{
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }

  .sm\:tw-text-blue-100{
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }

  .sm\:tw-text-blue-200{
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }

  .sm\:tw-text-blue-300{
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }

  .sm\:tw-text-blue-400{
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }

  .sm\:tw-text-blue-500{
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }

  .sm\:tw-text-blue-600{
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }

  .sm\:tw-text-blue-700{
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }

  .sm\:tw-text-blue-800{
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }

  .sm\:tw-text-blue-900{
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }

  .sm\:tw-text-indigo-100{
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }

  .sm\:tw-text-indigo-200{
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }

  .sm\:tw-text-indigo-300{
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }

  .sm\:tw-text-indigo-400{
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }

  .sm\:tw-text-indigo-500{
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }

  .sm\:tw-text-indigo-600{
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }

  .sm\:tw-text-indigo-700{
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }

  .sm\:tw-text-indigo-800{
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }

  .sm\:tw-text-indigo-900{
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }

  .sm\:tw-text-purple-100{
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }

  .sm\:tw-text-purple-200{
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }

  .sm\:tw-text-purple-300{
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }

  .sm\:tw-text-purple-400{
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }

  .sm\:tw-text-purple-500{
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }

  .sm\:tw-text-purple-600{
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }

  .sm\:tw-text-purple-700{
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }

  .sm\:tw-text-purple-800{
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }

  .sm\:tw-text-purple-900{
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }

  .sm\:tw-text-pink-100{
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }

  .sm\:tw-text-pink-200{
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }

  .sm\:tw-text-pink-300{
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }

  .sm\:tw-text-pink-400{
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }

  .sm\:tw-text-pink-500{
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }

  .sm\:tw-text-pink-600{
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }

  .sm\:tw-text-pink-700{
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }

  .sm\:tw-text-pink-800{
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }

  .sm\:tw-text-pink-900{
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }

  .sm\:tw-text-primary-blue{
    --text-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--text-opacity));
  }

  .sm\:tw-text-primary-blue-dark{
    --text-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--text-opacity));
  }

  .sm\:tw-text-primary-white{
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:tw-text-font-0{
    --text-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--text-opacity));
  }

  .sm\:tw-text-font-1{
    --text-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--text-opacity));
  }

  .sm\:tw-text-font-5{
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

  .sm\:tw-text-font-10{
    --text-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--text-opacity));
  }

  .sm\:tw-text-font-50{
    --text-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--text-opacity));
  }

  .sm\:tw-text-font-70{
    --text-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--text-opacity));
  }

  .sm\:hover\:tw-text-transparent:hover{
    color: transparent;
  }

  .sm\:hover\:tw-text-current:hover{
    color: currentColor;
  }

  .sm\:hover\:tw-text-black:hover{
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .sm\:hover\:tw-text-white:hover{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:hover\:tw-text-gray-100:hover{
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .sm\:hover\:tw-text-gray-200:hover{
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .sm\:hover\:tw-text-gray-300:hover{
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .sm\:hover\:tw-text-gray-400:hover{
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .sm\:hover\:tw-text-gray-500:hover{
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .sm\:hover\:tw-text-gray-600:hover{
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .sm\:hover\:tw-text-gray-700:hover{
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .sm\:hover\:tw-text-gray-800:hover{
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .sm\:hover\:tw-text-gray-900:hover{
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .sm\:hover\:tw-text-red-100:hover{
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }

  .sm\:hover\:tw-text-red-200:hover{
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }

  .sm\:hover\:tw-text-red-300:hover{
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }

  .sm\:hover\:tw-text-red-400:hover{
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }

  .sm\:hover\:tw-text-red-500:hover{
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }

  .sm\:hover\:tw-text-red-600:hover{
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }

  .sm\:hover\:tw-text-red-700:hover{
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }

  .sm\:hover\:tw-text-red-800:hover{
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }

  .sm\:hover\:tw-text-red-900:hover{
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }

  .sm\:hover\:tw-text-orange-100:hover{
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }

  .sm\:hover\:tw-text-orange-200:hover{
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }

  .sm\:hover\:tw-text-orange-300:hover{
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }

  .sm\:hover\:tw-text-orange-400:hover{
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }

  .sm\:hover\:tw-text-orange-500:hover{
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }

  .sm\:hover\:tw-text-orange-600:hover{
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }

  .sm\:hover\:tw-text-orange-700:hover{
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }

  .sm\:hover\:tw-text-orange-800:hover{
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }

  .sm\:hover\:tw-text-orange-900:hover{
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }

  .sm\:hover\:tw-text-yellow-100:hover{
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }

  .sm\:hover\:tw-text-yellow-200:hover{
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }

  .sm\:hover\:tw-text-yellow-300:hover{
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }

  .sm\:hover\:tw-text-yellow-400:hover{
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }

  .sm\:hover\:tw-text-yellow-500:hover{
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }

  .sm\:hover\:tw-text-yellow-600:hover{
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }

  .sm\:hover\:tw-text-yellow-700:hover{
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }

  .sm\:hover\:tw-text-yellow-800:hover{
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }

  .sm\:hover\:tw-text-yellow-900:hover{
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }

  .sm\:hover\:tw-text-green-100:hover{
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }

  .sm\:hover\:tw-text-green-200:hover{
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }

  .sm\:hover\:tw-text-green-300:hover{
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }

  .sm\:hover\:tw-text-green-400:hover{
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }

  .sm\:hover\:tw-text-green-500:hover{
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }

  .sm\:hover\:tw-text-green-600:hover{
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }

  .sm\:hover\:tw-text-green-700:hover{
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }

  .sm\:hover\:tw-text-green-800:hover{
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }

  .sm\:hover\:tw-text-green-900:hover{
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }

  .sm\:hover\:tw-text-teal-100:hover{
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }

  .sm\:hover\:tw-text-teal-200:hover{
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }

  .sm\:hover\:tw-text-teal-300:hover{
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }

  .sm\:hover\:tw-text-teal-400:hover{
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }

  .sm\:hover\:tw-text-teal-500:hover{
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }

  .sm\:hover\:tw-text-teal-600:hover{
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }

  .sm\:hover\:tw-text-teal-700:hover{
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }

  .sm\:hover\:tw-text-teal-800:hover{
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }

  .sm\:hover\:tw-text-teal-900:hover{
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }

  .sm\:hover\:tw-text-blue-100:hover{
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }

  .sm\:hover\:tw-text-blue-200:hover{
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }

  .sm\:hover\:tw-text-blue-300:hover{
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }

  .sm\:hover\:tw-text-blue-400:hover{
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }

  .sm\:hover\:tw-text-blue-500:hover{
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }

  .sm\:hover\:tw-text-blue-600:hover{
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }

  .sm\:hover\:tw-text-blue-700:hover{
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }

  .sm\:hover\:tw-text-blue-800:hover{
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }

  .sm\:hover\:tw-text-blue-900:hover{
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }

  .sm\:hover\:tw-text-indigo-100:hover{
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }

  .sm\:hover\:tw-text-indigo-200:hover{
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }

  .sm\:hover\:tw-text-indigo-300:hover{
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }

  .sm\:hover\:tw-text-indigo-400:hover{
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }

  .sm\:hover\:tw-text-indigo-500:hover{
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }

  .sm\:hover\:tw-text-indigo-600:hover{
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }

  .sm\:hover\:tw-text-indigo-700:hover{
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }

  .sm\:hover\:tw-text-indigo-800:hover{
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }

  .sm\:hover\:tw-text-indigo-900:hover{
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }

  .sm\:hover\:tw-text-purple-100:hover{
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }

  .sm\:hover\:tw-text-purple-200:hover{
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }

  .sm\:hover\:tw-text-purple-300:hover{
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }

  .sm\:hover\:tw-text-purple-400:hover{
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }

  .sm\:hover\:tw-text-purple-500:hover{
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }

  .sm\:hover\:tw-text-purple-600:hover{
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }

  .sm\:hover\:tw-text-purple-700:hover{
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }

  .sm\:hover\:tw-text-purple-800:hover{
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }

  .sm\:hover\:tw-text-purple-900:hover{
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }

  .sm\:hover\:tw-text-pink-100:hover{
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }

  .sm\:hover\:tw-text-pink-200:hover{
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }

  .sm\:hover\:tw-text-pink-300:hover{
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }

  .sm\:hover\:tw-text-pink-400:hover{
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }

  .sm\:hover\:tw-text-pink-500:hover{
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }

  .sm\:hover\:tw-text-pink-600:hover{
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }

  .sm\:hover\:tw-text-pink-700:hover{
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }

  .sm\:hover\:tw-text-pink-800:hover{
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }

  .sm\:hover\:tw-text-pink-900:hover{
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }

  .sm\:hover\:tw-text-primary-blue:hover{
    --text-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--text-opacity));
  }

  .sm\:hover\:tw-text-primary-blue-dark:hover{
    --text-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--text-opacity));
  }

  .sm\:hover\:tw-text-primary-white:hover{
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:hover\:tw-text-font-0:hover{
    --text-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--text-opacity));
  }

  .sm\:hover\:tw-text-font-1:hover{
    --text-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--text-opacity));
  }

  .sm\:hover\:tw-text-font-5:hover{
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

  .sm\:hover\:tw-text-font-10:hover{
    --text-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--text-opacity));
  }

  .sm\:hover\:tw-text-font-50:hover{
    --text-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--text-opacity));
  }

  .sm\:hover\:tw-text-font-70:hover{
    --text-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--text-opacity));
  }

  .sm\:focus\:tw-text-transparent:focus{
    color: transparent;
  }

  .sm\:focus\:tw-text-current:focus{
    color: currentColor;
  }

  .sm\:focus\:tw-text-black:focus{
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .sm\:focus\:tw-text-white:focus{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:focus\:tw-text-gray-100:focus{
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .sm\:focus\:tw-text-gray-200:focus{
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .sm\:focus\:tw-text-gray-300:focus{
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .sm\:focus\:tw-text-gray-400:focus{
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .sm\:focus\:tw-text-gray-500:focus{
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .sm\:focus\:tw-text-gray-600:focus{
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .sm\:focus\:tw-text-gray-700:focus{
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .sm\:focus\:tw-text-gray-800:focus{
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .sm\:focus\:tw-text-gray-900:focus{
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .sm\:focus\:tw-text-red-100:focus{
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }

  .sm\:focus\:tw-text-red-200:focus{
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }

  .sm\:focus\:tw-text-red-300:focus{
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }

  .sm\:focus\:tw-text-red-400:focus{
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }

  .sm\:focus\:tw-text-red-500:focus{
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }

  .sm\:focus\:tw-text-red-600:focus{
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }

  .sm\:focus\:tw-text-red-700:focus{
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }

  .sm\:focus\:tw-text-red-800:focus{
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }

  .sm\:focus\:tw-text-red-900:focus{
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }

  .sm\:focus\:tw-text-orange-100:focus{
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }

  .sm\:focus\:tw-text-orange-200:focus{
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }

  .sm\:focus\:tw-text-orange-300:focus{
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }

  .sm\:focus\:tw-text-orange-400:focus{
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }

  .sm\:focus\:tw-text-orange-500:focus{
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }

  .sm\:focus\:tw-text-orange-600:focus{
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }

  .sm\:focus\:tw-text-orange-700:focus{
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }

  .sm\:focus\:tw-text-orange-800:focus{
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }

  .sm\:focus\:tw-text-orange-900:focus{
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }

  .sm\:focus\:tw-text-yellow-100:focus{
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }

  .sm\:focus\:tw-text-yellow-200:focus{
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }

  .sm\:focus\:tw-text-yellow-300:focus{
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }

  .sm\:focus\:tw-text-yellow-400:focus{
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }

  .sm\:focus\:tw-text-yellow-500:focus{
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }

  .sm\:focus\:tw-text-yellow-600:focus{
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }

  .sm\:focus\:tw-text-yellow-700:focus{
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }

  .sm\:focus\:tw-text-yellow-800:focus{
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }

  .sm\:focus\:tw-text-yellow-900:focus{
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }

  .sm\:focus\:tw-text-green-100:focus{
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }

  .sm\:focus\:tw-text-green-200:focus{
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }

  .sm\:focus\:tw-text-green-300:focus{
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }

  .sm\:focus\:tw-text-green-400:focus{
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }

  .sm\:focus\:tw-text-green-500:focus{
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }

  .sm\:focus\:tw-text-green-600:focus{
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }

  .sm\:focus\:tw-text-green-700:focus{
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }

  .sm\:focus\:tw-text-green-800:focus{
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }

  .sm\:focus\:tw-text-green-900:focus{
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }

  .sm\:focus\:tw-text-teal-100:focus{
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }

  .sm\:focus\:tw-text-teal-200:focus{
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }

  .sm\:focus\:tw-text-teal-300:focus{
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }

  .sm\:focus\:tw-text-teal-400:focus{
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }

  .sm\:focus\:tw-text-teal-500:focus{
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }

  .sm\:focus\:tw-text-teal-600:focus{
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }

  .sm\:focus\:tw-text-teal-700:focus{
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }

  .sm\:focus\:tw-text-teal-800:focus{
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }

  .sm\:focus\:tw-text-teal-900:focus{
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }

  .sm\:focus\:tw-text-blue-100:focus{
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }

  .sm\:focus\:tw-text-blue-200:focus{
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }

  .sm\:focus\:tw-text-blue-300:focus{
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }

  .sm\:focus\:tw-text-blue-400:focus{
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }

  .sm\:focus\:tw-text-blue-500:focus{
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }

  .sm\:focus\:tw-text-blue-600:focus{
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }

  .sm\:focus\:tw-text-blue-700:focus{
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }

  .sm\:focus\:tw-text-blue-800:focus{
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }

  .sm\:focus\:tw-text-blue-900:focus{
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }

  .sm\:focus\:tw-text-indigo-100:focus{
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }

  .sm\:focus\:tw-text-indigo-200:focus{
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }

  .sm\:focus\:tw-text-indigo-300:focus{
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }

  .sm\:focus\:tw-text-indigo-400:focus{
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }

  .sm\:focus\:tw-text-indigo-500:focus{
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }

  .sm\:focus\:tw-text-indigo-600:focus{
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }

  .sm\:focus\:tw-text-indigo-700:focus{
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }

  .sm\:focus\:tw-text-indigo-800:focus{
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }

  .sm\:focus\:tw-text-indigo-900:focus{
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }

  .sm\:focus\:tw-text-purple-100:focus{
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }

  .sm\:focus\:tw-text-purple-200:focus{
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }

  .sm\:focus\:tw-text-purple-300:focus{
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }

  .sm\:focus\:tw-text-purple-400:focus{
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }

  .sm\:focus\:tw-text-purple-500:focus{
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }

  .sm\:focus\:tw-text-purple-600:focus{
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }

  .sm\:focus\:tw-text-purple-700:focus{
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }

  .sm\:focus\:tw-text-purple-800:focus{
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }

  .sm\:focus\:tw-text-purple-900:focus{
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }

  .sm\:focus\:tw-text-pink-100:focus{
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }

  .sm\:focus\:tw-text-pink-200:focus{
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }

  .sm\:focus\:tw-text-pink-300:focus{
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }

  .sm\:focus\:tw-text-pink-400:focus{
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }

  .sm\:focus\:tw-text-pink-500:focus{
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }

  .sm\:focus\:tw-text-pink-600:focus{
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }

  .sm\:focus\:tw-text-pink-700:focus{
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }

  .sm\:focus\:tw-text-pink-800:focus{
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }

  .sm\:focus\:tw-text-pink-900:focus{
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }

  .sm\:focus\:tw-text-primary-blue:focus{
    --text-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--text-opacity));
  }

  .sm\:focus\:tw-text-primary-blue-dark:focus{
    --text-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--text-opacity));
  }

  .sm\:focus\:tw-text-primary-white:focus{
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:focus\:tw-text-font-0:focus{
    --text-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--text-opacity));
  }

  .sm\:focus\:tw-text-font-1:focus{
    --text-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--text-opacity));
  }

  .sm\:focus\:tw-text-font-5:focus{
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

  .sm\:focus\:tw-text-font-10:focus{
    --text-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--text-opacity));
  }

  .sm\:focus\:tw-text-font-50:focus{
    --text-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--text-opacity));
  }

  .sm\:focus\:tw-text-font-70:focus{
    --text-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--text-opacity));
  }

  .sm\:tw-text-opacity-0{
    --text-opacity: 0;
  }

  .sm\:tw-text-opacity-25{
    --text-opacity: 0.25;
  }

  .sm\:tw-text-opacity-50{
    --text-opacity: 0.5;
  }

  .sm\:tw-text-opacity-75{
    --text-opacity: 0.75;
  }

  .sm\:tw-text-opacity-100{
    --text-opacity: 1;
  }

  .sm\:hover\:tw-text-opacity-0:hover{
    --text-opacity: 0;
  }

  .sm\:hover\:tw-text-opacity-25:hover{
    --text-opacity: 0.25;
  }

  .sm\:hover\:tw-text-opacity-50:hover{
    --text-opacity: 0.5;
  }

  .sm\:hover\:tw-text-opacity-75:hover{
    --text-opacity: 0.75;
  }

  .sm\:hover\:tw-text-opacity-100:hover{
    --text-opacity: 1;
  }

  .sm\:focus\:tw-text-opacity-0:focus{
    --text-opacity: 0;
  }

  .sm\:focus\:tw-text-opacity-25:focus{
    --text-opacity: 0.25;
  }

  .sm\:focus\:tw-text-opacity-50:focus{
    --text-opacity: 0.5;
  }

  .sm\:focus\:tw-text-opacity-75:focus{
    --text-opacity: 0.75;
  }

  .sm\:focus\:tw-text-opacity-100:focus{
    --text-opacity: 1;
  }

  .sm\:tw-italic{
    font-style: italic;
  }

  .sm\:tw-not-italic{
    font-style: normal;
  }

  .sm\:tw-uppercase{
    text-transform: uppercase;
  }

  .sm\:tw-lowercase{
    text-transform: lowercase;
  }

  .sm\:tw-capitalize{
    text-transform: capitalize;
  }

  .sm\:tw-normal-case{
    text-transform: none;
  }

  .sm\:tw-underline{
    text-decoration: underline;
  }

  .sm\:tw-line-through{
    text-decoration: line-through;
  }

  .sm\:tw-no-underline{
    text-decoration: none;
  }

  .sm\:hover\:tw-underline:hover{
    text-decoration: underline;
  }

  .sm\:hover\:tw-line-through:hover{
    text-decoration: line-through;
  }

  .sm\:hover\:tw-no-underline:hover{
    text-decoration: none;
  }

  .sm\:focus\:tw-underline:focus{
    text-decoration: underline;
  }

  .sm\:focus\:tw-line-through:focus{
    text-decoration: line-through;
  }

  .sm\:focus\:tw-no-underline:focus{
    text-decoration: none;
  }

  .sm\:tw-antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .sm\:tw-subpixel-antialiased{
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .sm\:tw-ordinal, .sm\:tw-slashed-zero, .sm\:tw-lining-nums, .sm\:tw-oldstyle-nums, .sm\:tw-proportional-nums, .sm\:tw-tabular-nums, .sm\:tw-diagonal-fractions, .sm\:tw-stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
  }

  .sm\:tw-normal-nums{
    font-variant-numeric: normal;
  }

  .sm\:tw-ordinal{
    --font-variant-numeric-ordinal: ordinal;
  }

  .sm\:tw-slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .sm\:tw-lining-nums{
    --font-variant-numeric-figure: lining-nums;
  }

  .sm\:tw-oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .sm\:tw-proportional-nums{
    --font-variant-numeric-spacing: proportional-nums;
  }

  .sm\:tw-tabular-nums{
    --font-variant-numeric-spacing: tabular-nums;
  }

  .sm\:tw-diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .sm\:tw-stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .sm\:tw-tracking-tighter{
    letter-spacing: -0.05em;
  }

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

  .sm\:tw-tracking-normal{
    letter-spacing: 0;
  }

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

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

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

  .sm\:tw-select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .sm\:tw-select-text{
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .sm\:tw-select-all{
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .sm\:tw-select-auto{
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .sm\:tw-align-baseline{
    vertical-align: baseline;
  }

  .sm\:tw-align-top{
    vertical-align: top;
  }

  .sm\:tw-align-middle{
    vertical-align: middle;
  }

  .sm\:tw-align-bottom{
    vertical-align: bottom;
  }

  .sm\:tw-align-text-top{
    vertical-align: text-top;
  }

  .sm\:tw-align-text-bottom{
    vertical-align: text-bottom;
  }

  .sm\:tw-visible{
    visibility: visible;
  }

  .sm\:tw-invisible{
    visibility: hidden;
  }

  .sm\:tw-whitespace-normal{
    white-space: normal;
  }

  .sm\:tw-whitespace-no-wrap{
    white-space: nowrap;
  }

  .sm\:tw-whitespace-pre{
    white-space: pre;
  }

  .sm\:tw-whitespace-pre-line{
    white-space: pre-line;
  }

  .sm\:tw-whitespace-pre-wrap{
    white-space: pre-wrap;
  }

  .sm\:tw-break-normal{
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .sm\:tw-break-words{
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .sm\:tw-break-all{
    word-break: break-all;
  }

  .sm\:tw-truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sm\:tw-w-0{
    width: 0;
  }

  .sm\:tw-w-1{
    width: 0.25rem;
  }

  .sm\:tw-w-2{
    width: 0.5rem;
  }

  .sm\:tw-w-3{
    width: 0.75rem;
  }

  .sm\:tw-w-4{
    width: 1rem;
  }

  .sm\:tw-w-5{
    width: 1.25rem;
  }

  .sm\:tw-w-6{
    width: 1.5rem;
  }

  .sm\:tw-w-8{
    width: 2rem;
  }

  .sm\:tw-w-10{
    width: 2.5rem;
  }

  .sm\:tw-w-12{
    width: 3rem;
  }

  .sm\:tw-w-16{
    width: 4rem;
  }

  .sm\:tw-w-20{
    width: 5rem;
  }

  .sm\:tw-w-24{
    width: 6rem;
  }

  .sm\:tw-w-32{
    width: 8rem;
  }

  .sm\:tw-w-40{
    width: 10rem;
  }

  .sm\:tw-w-48{
    width: 12rem;
  }

  .sm\:tw-w-56{
    width: 14rem;
  }

  .sm\:tw-w-64{
    width: 16rem;
  }

  .sm\:tw-w-auto{
    width: auto;
  }

  .sm\:tw-w-px{
    width: 1px;
  }

  .sm\:tw-w-1\/2{
    width: 50%;
  }

  .sm\:tw-w-1\/3{
    width: 33.333333%;
  }

  .sm\:tw-w-2\/3{
    width: 66.666667%;
  }

  .sm\:tw-w-1\/4{
    width: 25%;
  }

  .sm\:tw-w-2\/4{
    width: 50%;
  }

  .sm\:tw-w-3\/4{
    width: 75%;
  }

  .sm\:tw-w-1\/5{
    width: 20%;
  }

  .sm\:tw-w-2\/5{
    width: 40%;
  }

  .sm\:tw-w-3\/5{
    width: 60%;
  }

  .sm\:tw-w-4\/5{
    width: 80%;
  }

  .sm\:tw-w-1\/6{
    width: 16.666667%;
  }

  .sm\:tw-w-2\/6{
    width: 33.333333%;
  }

  .sm\:tw-w-3\/6{
    width: 50%;
  }

  .sm\:tw-w-4\/6{
    width: 66.666667%;
  }

  .sm\:tw-w-5\/6{
    width: 83.333333%;
  }

  .sm\:tw-w-1\/12{
    width: 8.333333%;
  }

  .sm\:tw-w-2\/12{
    width: 16.666667%;
  }

  .sm\:tw-w-3\/12{
    width: 25%;
  }

  .sm\:tw-w-4\/12{
    width: 33.333333%;
  }

  .sm\:tw-w-5\/12{
    width: 41.666667%;
  }

  .sm\:tw-w-6\/12{
    width: 50%;
  }

  .sm\:tw-w-7\/12{
    width: 58.333333%;
  }

  .sm\:tw-w-8\/12{
    width: 66.666667%;
  }

  .sm\:tw-w-9\/12{
    width: 75%;
  }

  .sm\:tw-w-10\/12{
    width: 83.333333%;
  }

  .sm\:tw-w-11\/12{
    width: 91.666667%;
  }

  .sm\:tw-w-full{
    width: 100%;
  }

  .sm\:tw-w-screen{
    width: 100vw;
  }

  .sm\:tw-w-25px{
    width: 25px;
  }

  .sm\:tw-w-30px{
    width: 30px;
  }

  .sm\:tw-w-35px{
    width: 35px;
  }

  .sm\:tw-w-40px{
    width: 40px;
  }

  .sm\:tw-w-50px{
    width: 50px;
  }

  .sm\:tw-w-60px{
    width: 60px;
  }

  .sm\:tw-w-200px{
    width: 200px;
  }

  .sm\:tw-w-250px{
    width: 250px;
  }

  .sm\:tw-w-265px{
    width: 265px;
  }

  .sm\:tw-w-280px{
    width: 280px;
  }

  .sm\:tw-w-320px{
    width: 320px;
  }

  .sm\:tw-z-0{
    z-index: 0;
  }

  .sm\:tw-z-10{
    z-index: 10;
  }

  .sm\:tw-z-20{
    z-index: 20;
  }

  .sm\:tw-z-30{
    z-index: 30;
  }

  .sm\:tw-z-40{
    z-index: 40;
  }

  .sm\:tw-z-50{
    z-index: 50;
  }

  .sm\:tw-z-auto{
    z-index: auto;
  }

  .sm\:tw-gap-0{
    grid-gap: 0;
    gap: 0;
  }

  .sm\:tw-gap-1{
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .sm\:tw-gap-2{
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .sm\:tw-gap-3{
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .sm\:tw-gap-4{
    grid-gap: 1rem;
    gap: 1rem;
  }

  .sm\:tw-gap-5{
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .sm\:tw-gap-6{
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .sm\:tw-gap-8{
    grid-gap: 2rem;
    gap: 2rem;
  }

  .sm\:tw-gap-10{
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .sm\:tw-gap-12{
    grid-gap: 3rem;
    gap: 3rem;
  }

  .sm\:tw-gap-16{
    grid-gap: 4rem;
    gap: 4rem;
  }

  .sm\:tw-gap-20{
    grid-gap: 5rem;
    gap: 5rem;
  }

  .sm\:tw-gap-24{
    grid-gap: 6rem;
    gap: 6rem;
  }

  .sm\:tw-gap-32{
    grid-gap: 8rem;
    gap: 8rem;
  }

  .sm\:tw-gap-40{
    grid-gap: 10rem;
    gap: 10rem;
  }

  .sm\:tw-gap-48{
    grid-gap: 12rem;
    gap: 12rem;
  }

  .sm\:tw-gap-56{
    grid-gap: 14rem;
    gap: 14rem;
  }

  .sm\:tw-gap-64{
    grid-gap: 16rem;
    gap: 16rem;
  }

  .sm\:tw-gap-px{
    grid-gap: 1px;
    gap: 1px;
  }

  .sm\:tw-col-gap-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .sm\:tw-col-gap-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .sm\:tw-col-gap-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .sm\:tw-col-gap-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .sm\:tw-col-gap-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .sm\:tw-col-gap-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .sm\:tw-col-gap-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .sm\:tw-col-gap-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .sm\:tw-col-gap-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .sm\:tw-col-gap-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .sm\:tw-col-gap-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .sm\:tw-col-gap-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .sm\:tw-col-gap-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .sm\:tw-col-gap-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .sm\:tw-col-gap-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .sm\:tw-col-gap-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .sm\:tw-col-gap-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .sm\:tw-col-gap-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .sm\:tw-col-gap-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .sm\:tw-gap-x-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .sm\:tw-gap-x-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .sm\:tw-gap-x-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .sm\:tw-gap-x-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .sm\:tw-gap-x-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .sm\:tw-gap-x-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .sm\:tw-gap-x-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .sm\:tw-gap-x-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .sm\:tw-gap-x-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .sm\:tw-gap-x-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .sm\:tw-gap-x-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .sm\:tw-gap-x-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .sm\:tw-gap-x-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .sm\:tw-gap-x-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .sm\:tw-gap-x-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .sm\:tw-gap-x-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .sm\:tw-gap-x-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .sm\:tw-gap-x-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .sm\:tw-gap-x-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .sm\:tw-row-gap-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .sm\:tw-row-gap-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .sm\:tw-row-gap-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .sm\:tw-row-gap-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .sm\:tw-row-gap-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .sm\:tw-row-gap-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .sm\:tw-row-gap-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .sm\:tw-row-gap-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .sm\:tw-row-gap-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .sm\:tw-row-gap-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .sm\:tw-row-gap-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .sm\:tw-row-gap-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .sm\:tw-row-gap-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .sm\:tw-row-gap-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .sm\:tw-row-gap-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .sm\:tw-row-gap-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .sm\:tw-row-gap-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .sm\:tw-row-gap-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .sm\:tw-row-gap-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .sm\:tw-gap-y-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .sm\:tw-gap-y-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .sm\:tw-gap-y-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .sm\:tw-gap-y-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .sm\:tw-gap-y-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .sm\:tw-gap-y-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .sm\:tw-gap-y-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .sm\:tw-gap-y-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .sm\:tw-gap-y-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .sm\:tw-gap-y-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .sm\:tw-gap-y-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .sm\:tw-gap-y-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .sm\:tw-gap-y-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .sm\:tw-gap-y-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .sm\:tw-gap-y-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .sm\:tw-gap-y-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .sm\:tw-gap-y-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .sm\:tw-gap-y-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .sm\:tw-gap-y-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .sm\:tw-grid-flow-row{
    grid-auto-flow: row;
  }

  .sm\:tw-grid-flow-col{
    grid-auto-flow: column;
  }

  .sm\:tw-grid-flow-row-dense{
    grid-auto-flow: row dense;
  }

  .sm\:tw-grid-flow-col-dense{
    grid-auto-flow: column dense;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .sm\:tw-grid-cols-none{
    grid-template-columns: none;
  }

  .sm\:tw-auto-cols-auto{
    grid-auto-columns: auto;
  }

  .sm\:tw-auto-cols-min{
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .sm\:tw-auto-cols-max{
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .sm\:tw-auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr);
  }

  .sm\:tw-col-auto{
    grid-column: auto;
  }

  .sm\:tw-col-span-1{
    grid-column: span 1 / span 1;
  }

  .sm\:tw-col-span-2{
    grid-column: span 2 / span 2;
  }

  .sm\:tw-col-span-3{
    grid-column: span 3 / span 3;
  }

  .sm\:tw-col-span-4{
    grid-column: span 4 / span 4;
  }

  .sm\:tw-col-span-5{
    grid-column: span 5 / span 5;
  }

  .sm\:tw-col-span-6{
    grid-column: span 6 / span 6;
  }

  .sm\:tw-col-span-7{
    grid-column: span 7 / span 7;
  }

  .sm\:tw-col-span-8{
    grid-column: span 8 / span 8;
  }

  .sm\:tw-col-span-9{
    grid-column: span 9 / span 9;
  }

  .sm\:tw-col-span-10{
    grid-column: span 10 / span 10;
  }

  .sm\:tw-col-span-11{
    grid-column: span 11 / span 11;
  }

  .sm\:tw-col-span-12{
    grid-column: span 12 / span 12;
  }

  .sm\:tw-col-span-full{
    grid-column: 1 / -1;
  }

  .sm\:tw-col-start-1{
    grid-column-start: 1;
  }

  .sm\:tw-col-start-2{
    grid-column-start: 2;
  }

  .sm\:tw-col-start-3{
    grid-column-start: 3;
  }

  .sm\:tw-col-start-4{
    grid-column-start: 4;
  }

  .sm\:tw-col-start-5{
    grid-column-start: 5;
  }

  .sm\:tw-col-start-6{
    grid-column-start: 6;
  }

  .sm\:tw-col-start-7{
    grid-column-start: 7;
  }

  .sm\:tw-col-start-8{
    grid-column-start: 8;
  }

  .sm\:tw-col-start-9{
    grid-column-start: 9;
  }

  .sm\:tw-col-start-10{
    grid-column-start: 10;
  }

  .sm\:tw-col-start-11{
    grid-column-start: 11;
  }

  .sm\:tw-col-start-12{
    grid-column-start: 12;
  }

  .sm\:tw-col-start-13{
    grid-column-start: 13;
  }

  .sm\:tw-col-start-auto{
    grid-column-start: auto;
  }

  .sm\:tw-col-end-1{
    grid-column-end: 1;
  }

  .sm\:tw-col-end-2{
    grid-column-end: 2;
  }

  .sm\:tw-col-end-3{
    grid-column-end: 3;
  }

  .sm\:tw-col-end-4{
    grid-column-end: 4;
  }

  .sm\:tw-col-end-5{
    grid-column-end: 5;
  }

  .sm\:tw-col-end-6{
    grid-column-end: 6;
  }

  .sm\:tw-col-end-7{
    grid-column-end: 7;
  }

  .sm\:tw-col-end-8{
    grid-column-end: 8;
  }

  .sm\:tw-col-end-9{
    grid-column-end: 9;
  }

  .sm\:tw-col-end-10{
    grid-column-end: 10;
  }

  .sm\:tw-col-end-11{
    grid-column-end: 11;
  }

  .sm\:tw-col-end-12{
    grid-column-end: 12;
  }

  .sm\:tw-col-end-13{
    grid-column-end: 13;
  }

  .sm\:tw-col-end-auto{
    grid-column-end: auto;
  }

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

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

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

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

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

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

  .sm\:tw-grid-rows-none{
    grid-template-rows: none;
  }

  .sm\:tw-auto-rows-auto{
    grid-auto-rows: auto;
  }

  .sm\:tw-auto-rows-min{
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .sm\:tw-auto-rows-max{
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .sm\:tw-auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr);
  }

  .sm\:tw-row-auto{
    grid-row: auto;
  }

  .sm\:tw-row-span-1{
    grid-row: span 1 / span 1;
  }

  .sm\:tw-row-span-2{
    grid-row: span 2 / span 2;
  }

  .sm\:tw-row-span-3{
    grid-row: span 3 / span 3;
  }

  .sm\:tw-row-span-4{
    grid-row: span 4 / span 4;
  }

  .sm\:tw-row-span-5{
    grid-row: span 5 / span 5;
  }

  .sm\:tw-row-span-6{
    grid-row: span 6 / span 6;
  }

  .sm\:tw-row-span-full{
    grid-row: 1 / -1;
  }

  .sm\:tw-row-start-1{
    grid-row-start: 1;
  }

  .sm\:tw-row-start-2{
    grid-row-start: 2;
  }

  .sm\:tw-row-start-3{
    grid-row-start: 3;
  }

  .sm\:tw-row-start-4{
    grid-row-start: 4;
  }

  .sm\:tw-row-start-5{
    grid-row-start: 5;
  }

  .sm\:tw-row-start-6{
    grid-row-start: 6;
  }

  .sm\:tw-row-start-7{
    grid-row-start: 7;
  }

  .sm\:tw-row-start-auto{
    grid-row-start: auto;
  }

  .sm\:tw-row-end-1{
    grid-row-end: 1;
  }

  .sm\:tw-row-end-2{
    grid-row-end: 2;
  }

  .sm\:tw-row-end-3{
    grid-row-end: 3;
  }

  .sm\:tw-row-end-4{
    grid-row-end: 4;
  }

  .sm\:tw-row-end-5{
    grid-row-end: 5;
  }

  .sm\:tw-row-end-6{
    grid-row-end: 6;
  }

  .sm\:tw-row-end-7{
    grid-row-end: 7;
  }

  .sm\:tw-row-end-auto{
    grid-row-end: auto;
  }

  .sm\:tw-transform{
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  .sm\:tw-transform-none{
    transform: none;
  }

  .sm\:tw-origin-center{
    transform-origin: center;
  }

  .sm\:tw-origin-top{
    transform-origin: top;
  }

  .sm\:tw-origin-top-right{
    transform-origin: top right;
  }

  .sm\:tw-origin-right{
    transform-origin: right;
  }

  .sm\:tw-origin-bottom-right{
    transform-origin: bottom right;
  }

  .sm\:tw-origin-bottom{
    transform-origin: bottom;
  }

  .sm\:tw-origin-bottom-left{
    transform-origin: bottom left;
  }

  .sm\:tw-origin-left{
    transform-origin: left;
  }

  .sm\:tw-origin-top-left{
    transform-origin: top left;
  }

  .sm\:tw-scale-0{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .sm\:tw-scale-50{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .sm\:tw-scale-75{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .sm\:tw-scale-90{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .sm\:tw-scale-95{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .sm\:tw-scale-100{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .sm\:tw-scale-105{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .sm\:tw-scale-110{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .sm\:tw-scale-125{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .sm\:tw-scale-150{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .sm\:tw-scale-x-0{
    --transform-scale-x: 0;
  }

  .sm\:tw-scale-x-50{
    --transform-scale-x: .5;
  }

  .sm\:tw-scale-x-75{
    --transform-scale-x: .75;
  }

  .sm\:tw-scale-x-90{
    --transform-scale-x: .9;
  }

  .sm\:tw-scale-x-95{
    --transform-scale-x: .95;
  }

  .sm\:tw-scale-x-100{
    --transform-scale-x: 1;
  }

  .sm\:tw-scale-x-105{
    --transform-scale-x: 1.05;
  }

  .sm\:tw-scale-x-110{
    --transform-scale-x: 1.1;
  }

  .sm\:tw-scale-x-125{
    --transform-scale-x: 1.25;
  }

  .sm\:tw-scale-x-150{
    --transform-scale-x: 1.5;
  }

  .sm\:tw-scale-y-0{
    --transform-scale-y: 0;
  }

  .sm\:tw-scale-y-50{
    --transform-scale-y: .5;
  }

  .sm\:tw-scale-y-75{
    --transform-scale-y: .75;
  }

  .sm\:tw-scale-y-90{
    --transform-scale-y: .9;
  }

  .sm\:tw-scale-y-95{
    --transform-scale-y: .95;
  }

  .sm\:tw-scale-y-100{
    --transform-scale-y: 1;
  }

  .sm\:tw-scale-y-105{
    --transform-scale-y: 1.05;
  }

  .sm\:tw-scale-y-110{
    --transform-scale-y: 1.1;
  }

  .sm\:tw-scale-y-125{
    --transform-scale-y: 1.25;
  }

  .sm\:tw-scale-y-150{
    --transform-scale-y: 1.5;
  }

  .sm\:hover\:tw-scale-0:hover{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .sm\:hover\:tw-scale-50:hover{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .sm\:hover\:tw-scale-75:hover{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .sm\:hover\:tw-scale-90:hover{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .sm\:hover\:tw-scale-95:hover{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .sm\:hover\:tw-scale-100:hover{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .sm\:hover\:tw-scale-105:hover{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .sm\:hover\:tw-scale-110:hover{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .sm\:hover\:tw-scale-125:hover{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .sm\:hover\:tw-scale-150:hover{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .sm\:hover\:tw-scale-x-0:hover{
    --transform-scale-x: 0;
  }

  .sm\:hover\:tw-scale-x-50:hover{
    --transform-scale-x: .5;
  }

  .sm\:hover\:tw-scale-x-75:hover{
    --transform-scale-x: .75;
  }

  .sm\:hover\:tw-scale-x-90:hover{
    --transform-scale-x: .9;
  }

  .sm\:hover\:tw-scale-x-95:hover{
    --transform-scale-x: .95;
  }

  .sm\:hover\:tw-scale-x-100:hover{
    --transform-scale-x: 1;
  }

  .sm\:hover\:tw-scale-x-105:hover{
    --transform-scale-x: 1.05;
  }

  .sm\:hover\:tw-scale-x-110:hover{
    --transform-scale-x: 1.1;
  }

  .sm\:hover\:tw-scale-x-125:hover{
    --transform-scale-x: 1.25;
  }

  .sm\:hover\:tw-scale-x-150:hover{
    --transform-scale-x: 1.5;
  }

  .sm\:hover\:tw-scale-y-0:hover{
    --transform-scale-y: 0;
  }

  .sm\:hover\:tw-scale-y-50:hover{
    --transform-scale-y: .5;
  }

  .sm\:hover\:tw-scale-y-75:hover{
    --transform-scale-y: .75;
  }

  .sm\:hover\:tw-scale-y-90:hover{
    --transform-scale-y: .9;
  }

  .sm\:hover\:tw-scale-y-95:hover{
    --transform-scale-y: .95;
  }

  .sm\:hover\:tw-scale-y-100:hover{
    --transform-scale-y: 1;
  }

  .sm\:hover\:tw-scale-y-105:hover{
    --transform-scale-y: 1.05;
  }

  .sm\:hover\:tw-scale-y-110:hover{
    --transform-scale-y: 1.1;
  }

  .sm\:hover\:tw-scale-y-125:hover{
    --transform-scale-y: 1.25;
  }

  .sm\:hover\:tw-scale-y-150:hover{
    --transform-scale-y: 1.5;
  }

  .sm\:focus\:tw-scale-0:focus{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .sm\:focus\:tw-scale-50:focus{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .sm\:focus\:tw-scale-75:focus{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .sm\:focus\:tw-scale-90:focus{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .sm\:focus\:tw-scale-95:focus{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .sm\:focus\:tw-scale-100:focus{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .sm\:focus\:tw-scale-105:focus{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .sm\:focus\:tw-scale-110:focus{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .sm\:focus\:tw-scale-125:focus{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .sm\:focus\:tw-scale-150:focus{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .sm\:focus\:tw-scale-x-0:focus{
    --transform-scale-x: 0;
  }

  .sm\:focus\:tw-scale-x-50:focus{
    --transform-scale-x: .5;
  }

  .sm\:focus\:tw-scale-x-75:focus{
    --transform-scale-x: .75;
  }

  .sm\:focus\:tw-scale-x-90:focus{
    --transform-scale-x: .9;
  }

  .sm\:focus\:tw-scale-x-95:focus{
    --transform-scale-x: .95;
  }

  .sm\:focus\:tw-scale-x-100:focus{
    --transform-scale-x: 1;
  }

  .sm\:focus\:tw-scale-x-105:focus{
    --transform-scale-x: 1.05;
  }

  .sm\:focus\:tw-scale-x-110:focus{
    --transform-scale-x: 1.1;
  }

  .sm\:focus\:tw-scale-x-125:focus{
    --transform-scale-x: 1.25;
  }

  .sm\:focus\:tw-scale-x-150:focus{
    --transform-scale-x: 1.5;
  }

  .sm\:focus\:tw-scale-y-0:focus{
    --transform-scale-y: 0;
  }

  .sm\:focus\:tw-scale-y-50:focus{
    --transform-scale-y: .5;
  }

  .sm\:focus\:tw-scale-y-75:focus{
    --transform-scale-y: .75;
  }

  .sm\:focus\:tw-scale-y-90:focus{
    --transform-scale-y: .9;
  }

  .sm\:focus\:tw-scale-y-95:focus{
    --transform-scale-y: .95;
  }

  .sm\:focus\:tw-scale-y-100:focus{
    --transform-scale-y: 1;
  }

  .sm\:focus\:tw-scale-y-105:focus{
    --transform-scale-y: 1.05;
  }

  .sm\:focus\:tw-scale-y-110:focus{
    --transform-scale-y: 1.1;
  }

  .sm\:focus\:tw-scale-y-125:focus{
    --transform-scale-y: 1.25;
  }

  .sm\:focus\:tw-scale-y-150:focus{
    --transform-scale-y: 1.5;
  }

  .sm\:tw-rotate-0{
    --transform-rotate: 0;
  }

  .sm\:tw-rotate-1{
    --transform-rotate: 1deg;
  }

  .sm\:tw-rotate-2{
    --transform-rotate: 2deg;
  }

  .sm\:tw-rotate-3{
    --transform-rotate: 3deg;
  }

  .sm\:tw-rotate-6{
    --transform-rotate: 6deg;
  }

  .sm\:tw-rotate-12{
    --transform-rotate: 12deg;
  }

  .sm\:tw-rotate-45{
    --transform-rotate: 45deg;
  }

  .sm\:tw-rotate-90{
    --transform-rotate: 90deg;
  }

  .sm\:tw-rotate-180{
    --transform-rotate: 180deg;
  }

  .sm\:tw--rotate-180{
    --transform-rotate: -180deg;
  }

  .sm\:tw--rotate-90{
    --transform-rotate: -90deg;
  }

  .sm\:tw--rotate-45{
    --transform-rotate: -45deg;
  }

  .sm\:tw--rotate-12{
    --transform-rotate: -12deg;
  }

  .sm\:tw--rotate-6{
    --transform-rotate: -6deg;
  }

  .sm\:tw--rotate-3{
    --transform-rotate: -3deg;
  }

  .sm\:tw--rotate-2{
    --transform-rotate: -2deg;
  }

  .sm\:tw--rotate-1{
    --transform-rotate: -1deg;
  }

  .sm\:hover\:tw-rotate-0:hover{
    --transform-rotate: 0;
  }

  .sm\:hover\:tw-rotate-1:hover{
    --transform-rotate: 1deg;
  }

  .sm\:hover\:tw-rotate-2:hover{
    --transform-rotate: 2deg;
  }

  .sm\:hover\:tw-rotate-3:hover{
    --transform-rotate: 3deg;
  }

  .sm\:hover\:tw-rotate-6:hover{
    --transform-rotate: 6deg;
  }

  .sm\:hover\:tw-rotate-12:hover{
    --transform-rotate: 12deg;
  }

  .sm\:hover\:tw-rotate-45:hover{
    --transform-rotate: 45deg;
  }

  .sm\:hover\:tw-rotate-90:hover{
    --transform-rotate: 90deg;
  }

  .sm\:hover\:tw-rotate-180:hover{
    --transform-rotate: 180deg;
  }

  .sm\:hover\:tw--rotate-180:hover{
    --transform-rotate: -180deg;
  }

  .sm\:hover\:tw--rotate-90:hover{
    --transform-rotate: -90deg;
  }

  .sm\:hover\:tw--rotate-45:hover{
    --transform-rotate: -45deg;
  }

  .sm\:hover\:tw--rotate-12:hover{
    --transform-rotate: -12deg;
  }

  .sm\:hover\:tw--rotate-6:hover{
    --transform-rotate: -6deg;
  }

  .sm\:hover\:tw--rotate-3:hover{
    --transform-rotate: -3deg;
  }

  .sm\:hover\:tw--rotate-2:hover{
    --transform-rotate: -2deg;
  }

  .sm\:hover\:tw--rotate-1:hover{
    --transform-rotate: -1deg;
  }

  .sm\:focus\:tw-rotate-0:focus{
    --transform-rotate: 0;
  }

  .sm\:focus\:tw-rotate-1:focus{
    --transform-rotate: 1deg;
  }

  .sm\:focus\:tw-rotate-2:focus{
    --transform-rotate: 2deg;
  }

  .sm\:focus\:tw-rotate-3:focus{
    --transform-rotate: 3deg;
  }

  .sm\:focus\:tw-rotate-6:focus{
    --transform-rotate: 6deg;
  }

  .sm\:focus\:tw-rotate-12:focus{
    --transform-rotate: 12deg;
  }

  .sm\:focus\:tw-rotate-45:focus{
    --transform-rotate: 45deg;
  }

  .sm\:focus\:tw-rotate-90:focus{
    --transform-rotate: 90deg;
  }

  .sm\:focus\:tw-rotate-180:focus{
    --transform-rotate: 180deg;
  }

  .sm\:focus\:tw--rotate-180:focus{
    --transform-rotate: -180deg;
  }

  .sm\:focus\:tw--rotate-90:focus{
    --transform-rotate: -90deg;
  }

  .sm\:focus\:tw--rotate-45:focus{
    --transform-rotate: -45deg;
  }

  .sm\:focus\:tw--rotate-12:focus{
    --transform-rotate: -12deg;
  }

  .sm\:focus\:tw--rotate-6:focus{
    --transform-rotate: -6deg;
  }

  .sm\:focus\:tw--rotate-3:focus{
    --transform-rotate: -3deg;
  }

  .sm\:focus\:tw--rotate-2:focus{
    --transform-rotate: -2deg;
  }

  .sm\:focus\:tw--rotate-1:focus{
    --transform-rotate: -1deg;
  }

  .sm\:tw-translate-x-0{
    --transform-translate-x: 0;
  }

  .sm\:tw-translate-x-1{
    --transform-translate-x: 0.25rem;
  }

  .sm\:tw-translate-x-2{
    --transform-translate-x: 0.5rem;
  }

  .sm\:tw-translate-x-3{
    --transform-translate-x: 0.75rem;
  }

  .sm\:tw-translate-x-4{
    --transform-translate-x: 1rem;
  }

  .sm\:tw-translate-x-5{
    --transform-translate-x: 1.25rem;
  }

  .sm\:tw-translate-x-6{
    --transform-translate-x: 1.5rem;
  }

  .sm\:tw-translate-x-8{
    --transform-translate-x: 2rem;
  }

  .sm\:tw-translate-x-10{
    --transform-translate-x: 2.5rem;
  }

  .sm\:tw-translate-x-12{
    --transform-translate-x: 3rem;
  }

  .sm\:tw-translate-x-16{
    --transform-translate-x: 4rem;
  }

  .sm\:tw-translate-x-20{
    --transform-translate-x: 5rem;
  }

  .sm\:tw-translate-x-24{
    --transform-translate-x: 6rem;
  }

  .sm\:tw-translate-x-32{
    --transform-translate-x: 8rem;
  }

  .sm\:tw-translate-x-40{
    --transform-translate-x: 10rem;
  }

  .sm\:tw-translate-x-48{
    --transform-translate-x: 12rem;
  }

  .sm\:tw-translate-x-56{
    --transform-translate-x: 14rem;
  }

  .sm\:tw-translate-x-64{
    --transform-translate-x: 16rem;
  }

  .sm\:tw-translate-x-px{
    --transform-translate-x: 1px;
  }

  .sm\:tw--translate-x-1{
    --transform-translate-x: -0.25rem;
  }

  .sm\:tw--translate-x-2{
    --transform-translate-x: -0.5rem;
  }

  .sm\:tw--translate-x-3{
    --transform-translate-x: -0.75rem;
  }

  .sm\:tw--translate-x-4{
    --transform-translate-x: -1rem;
  }

  .sm\:tw--translate-x-5{
    --transform-translate-x: -1.25rem;
  }

  .sm\:tw--translate-x-6{
    --transform-translate-x: -1.5rem;
  }

  .sm\:tw--translate-x-8{
    --transform-translate-x: -2rem;
  }

  .sm\:tw--translate-x-10{
    --transform-translate-x: -2.5rem;
  }

  .sm\:tw--translate-x-12{
    --transform-translate-x: -3rem;
  }

  .sm\:tw--translate-x-16{
    --transform-translate-x: -4rem;
  }

  .sm\:tw--translate-x-20{
    --transform-translate-x: -5rem;
  }

  .sm\:tw--translate-x-24{
    --transform-translate-x: -6rem;
  }

  .sm\:tw--translate-x-32{
    --transform-translate-x: -8rem;
  }

  .sm\:tw--translate-x-40{
    --transform-translate-x: -10rem;
  }

  .sm\:tw--translate-x-48{
    --transform-translate-x: -12rem;
  }

  .sm\:tw--translate-x-56{
    --transform-translate-x: -14rem;
  }

  .sm\:tw--translate-x-64{
    --transform-translate-x: -16rem;
  }

  .sm\:tw--translate-x-px{
    --transform-translate-x: -1px;
  }

  .sm\:tw--translate-x-full{
    --transform-translate-x: -100%;
  }

  .sm\:tw--translate-x-1\/2{
    --transform-translate-x: -50%;
  }

  .sm\:tw-translate-x-1\/2{
    --transform-translate-x: 50%;
  }

  .sm\:tw-translate-x-full{
    --transform-translate-x: 100%;
  }

  .sm\:tw-translate-y-0{
    --transform-translate-y: 0;
  }

  .sm\:tw-translate-y-1{
    --transform-translate-y: 0.25rem;
  }

  .sm\:tw-translate-y-2{
    --transform-translate-y: 0.5rem;
  }

  .sm\:tw-translate-y-3{
    --transform-translate-y: 0.75rem;
  }

  .sm\:tw-translate-y-4{
    --transform-translate-y: 1rem;
  }

  .sm\:tw-translate-y-5{
    --transform-translate-y: 1.25rem;
  }

  .sm\:tw-translate-y-6{
    --transform-translate-y: 1.5rem;
  }

  .sm\:tw-translate-y-8{
    --transform-translate-y: 2rem;
  }

  .sm\:tw-translate-y-10{
    --transform-translate-y: 2.5rem;
  }

  .sm\:tw-translate-y-12{
    --transform-translate-y: 3rem;
  }

  .sm\:tw-translate-y-16{
    --transform-translate-y: 4rem;
  }

  .sm\:tw-translate-y-20{
    --transform-translate-y: 5rem;
  }

  .sm\:tw-translate-y-24{
    --transform-translate-y: 6rem;
  }

  .sm\:tw-translate-y-32{
    --transform-translate-y: 8rem;
  }

  .sm\:tw-translate-y-40{
    --transform-translate-y: 10rem;
  }

  .sm\:tw-translate-y-48{
    --transform-translate-y: 12rem;
  }

  .sm\:tw-translate-y-56{
    --transform-translate-y: 14rem;
  }

  .sm\:tw-translate-y-64{
    --transform-translate-y: 16rem;
  }

  .sm\:tw-translate-y-px{
    --transform-translate-y: 1px;
  }

  .sm\:tw--translate-y-1{
    --transform-translate-y: -0.25rem;
  }

  .sm\:tw--translate-y-2{
    --transform-translate-y: -0.5rem;
  }

  .sm\:tw--translate-y-3{
    --transform-translate-y: -0.75rem;
  }

  .sm\:tw--translate-y-4{
    --transform-translate-y: -1rem;
  }

  .sm\:tw--translate-y-5{
    --transform-translate-y: -1.25rem;
  }

  .sm\:tw--translate-y-6{
    --transform-translate-y: -1.5rem;
  }

  .sm\:tw--translate-y-8{
    --transform-translate-y: -2rem;
  }

  .sm\:tw--translate-y-10{
    --transform-translate-y: -2.5rem;
  }

  .sm\:tw--translate-y-12{
    --transform-translate-y: -3rem;
  }

  .sm\:tw--translate-y-16{
    --transform-translate-y: -4rem;
  }

  .sm\:tw--translate-y-20{
    --transform-translate-y: -5rem;
  }

  .sm\:tw--translate-y-24{
    --transform-translate-y: -6rem;
  }

  .sm\:tw--translate-y-32{
    --transform-translate-y: -8rem;
  }

  .sm\:tw--translate-y-40{
    --transform-translate-y: -10rem;
  }

  .sm\:tw--translate-y-48{
    --transform-translate-y: -12rem;
  }

  .sm\:tw--translate-y-56{
    --transform-translate-y: -14rem;
  }

  .sm\:tw--translate-y-64{
    --transform-translate-y: -16rem;
  }

  .sm\:tw--translate-y-px{
    --transform-translate-y: -1px;
  }

  .sm\:tw--translate-y-full{
    --transform-translate-y: -100%;
  }

  .sm\:tw--translate-y-1\/2{
    --transform-translate-y: -50%;
  }

  .sm\:tw-translate-y-1\/2{
    --transform-translate-y: 50%;
  }

  .sm\:tw-translate-y-full{
    --transform-translate-y: 100%;
  }

  .sm\:hover\:tw-translate-x-0:hover{
    --transform-translate-x: 0;
  }

  .sm\:hover\:tw-translate-x-1:hover{
    --transform-translate-x: 0.25rem;
  }

  .sm\:hover\:tw-translate-x-2:hover{
    --transform-translate-x: 0.5rem;
  }

  .sm\:hover\:tw-translate-x-3:hover{
    --transform-translate-x: 0.75rem;
  }

  .sm\:hover\:tw-translate-x-4:hover{
    --transform-translate-x: 1rem;
  }

  .sm\:hover\:tw-translate-x-5:hover{
    --transform-translate-x: 1.25rem;
  }

  .sm\:hover\:tw-translate-x-6:hover{
    --transform-translate-x: 1.5rem;
  }

  .sm\:hover\:tw-translate-x-8:hover{
    --transform-translate-x: 2rem;
  }

  .sm\:hover\:tw-translate-x-10:hover{
    --transform-translate-x: 2.5rem;
  }

  .sm\:hover\:tw-translate-x-12:hover{
    --transform-translate-x: 3rem;
  }

  .sm\:hover\:tw-translate-x-16:hover{
    --transform-translate-x: 4rem;
  }

  .sm\:hover\:tw-translate-x-20:hover{
    --transform-translate-x: 5rem;
  }

  .sm\:hover\:tw-translate-x-24:hover{
    --transform-translate-x: 6rem;
  }

  .sm\:hover\:tw-translate-x-32:hover{
    --transform-translate-x: 8rem;
  }

  .sm\:hover\:tw-translate-x-40:hover{
    --transform-translate-x: 10rem;
  }

  .sm\:hover\:tw-translate-x-48:hover{
    --transform-translate-x: 12rem;
  }

  .sm\:hover\:tw-translate-x-56:hover{
    --transform-translate-x: 14rem;
  }

  .sm\:hover\:tw-translate-x-64:hover{
    --transform-translate-x: 16rem;
  }

  .sm\:hover\:tw-translate-x-px:hover{
    --transform-translate-x: 1px;
  }

  .sm\:hover\:tw--translate-x-1:hover{
    --transform-translate-x: -0.25rem;
  }

  .sm\:hover\:tw--translate-x-2:hover{
    --transform-translate-x: -0.5rem;
  }

  .sm\:hover\:tw--translate-x-3:hover{
    --transform-translate-x: -0.75rem;
  }

  .sm\:hover\:tw--translate-x-4:hover{
    --transform-translate-x: -1rem;
  }

  .sm\:hover\:tw--translate-x-5:hover{
    --transform-translate-x: -1.25rem;
  }

  .sm\:hover\:tw--translate-x-6:hover{
    --transform-translate-x: -1.5rem;
  }

  .sm\:hover\:tw--translate-x-8:hover{
    --transform-translate-x: -2rem;
  }

  .sm\:hover\:tw--translate-x-10:hover{
    --transform-translate-x: -2.5rem;
  }

  .sm\:hover\:tw--translate-x-12:hover{
    --transform-translate-x: -3rem;
  }

  .sm\:hover\:tw--translate-x-16:hover{
    --transform-translate-x: -4rem;
  }

  .sm\:hover\:tw--translate-x-20:hover{
    --transform-translate-x: -5rem;
  }

  .sm\:hover\:tw--translate-x-24:hover{
    --transform-translate-x: -6rem;
  }

  .sm\:hover\:tw--translate-x-32:hover{
    --transform-translate-x: -8rem;
  }

  .sm\:hover\:tw--translate-x-40:hover{
    --transform-translate-x: -10rem;
  }

  .sm\:hover\:tw--translate-x-48:hover{
    --transform-translate-x: -12rem;
  }

  .sm\:hover\:tw--translate-x-56:hover{
    --transform-translate-x: -14rem;
  }

  .sm\:hover\:tw--translate-x-64:hover{
    --transform-translate-x: -16rem;
  }

  .sm\:hover\:tw--translate-x-px:hover{
    --transform-translate-x: -1px;
  }

  .sm\:hover\:tw--translate-x-full:hover{
    --transform-translate-x: -100%;
  }

  .sm\:hover\:tw--translate-x-1\/2:hover{
    --transform-translate-x: -50%;
  }

  .sm\:hover\:tw-translate-x-1\/2:hover{
    --transform-translate-x: 50%;
  }

  .sm\:hover\:tw-translate-x-full:hover{
    --transform-translate-x: 100%;
  }

  .sm\:hover\:tw-translate-y-0:hover{
    --transform-translate-y: 0;
  }

  .sm\:hover\:tw-translate-y-1:hover{
    --transform-translate-y: 0.25rem;
  }

  .sm\:hover\:tw-translate-y-2:hover{
    --transform-translate-y: 0.5rem;
  }

  .sm\:hover\:tw-translate-y-3:hover{
    --transform-translate-y: 0.75rem;
  }

  .sm\:hover\:tw-translate-y-4:hover{
    --transform-translate-y: 1rem;
  }

  .sm\:hover\:tw-translate-y-5:hover{
    --transform-translate-y: 1.25rem;
  }

  .sm\:hover\:tw-translate-y-6:hover{
    --transform-translate-y: 1.5rem;
  }

  .sm\:hover\:tw-translate-y-8:hover{
    --transform-translate-y: 2rem;
  }

  .sm\:hover\:tw-translate-y-10:hover{
    --transform-translate-y: 2.5rem;
  }

  .sm\:hover\:tw-translate-y-12:hover{
    --transform-translate-y: 3rem;
  }

  .sm\:hover\:tw-translate-y-16:hover{
    --transform-translate-y: 4rem;
  }

  .sm\:hover\:tw-translate-y-20:hover{
    --transform-translate-y: 5rem;
  }

  .sm\:hover\:tw-translate-y-24:hover{
    --transform-translate-y: 6rem;
  }

  .sm\:hover\:tw-translate-y-32:hover{
    --transform-translate-y: 8rem;
  }

  .sm\:hover\:tw-translate-y-40:hover{
    --transform-translate-y: 10rem;
  }

  .sm\:hover\:tw-translate-y-48:hover{
    --transform-translate-y: 12rem;
  }

  .sm\:hover\:tw-translate-y-56:hover{
    --transform-translate-y: 14rem;
  }

  .sm\:hover\:tw-translate-y-64:hover{
    --transform-translate-y: 16rem;
  }

  .sm\:hover\:tw-translate-y-px:hover{
    --transform-translate-y: 1px;
  }

  .sm\:hover\:tw--translate-y-1:hover{
    --transform-translate-y: -0.25rem;
  }

  .sm\:hover\:tw--translate-y-2:hover{
    --transform-translate-y: -0.5rem;
  }

  .sm\:hover\:tw--translate-y-3:hover{
    --transform-translate-y: -0.75rem;
  }

  .sm\:hover\:tw--translate-y-4:hover{
    --transform-translate-y: -1rem;
  }

  .sm\:hover\:tw--translate-y-5:hover{
    --transform-translate-y: -1.25rem;
  }

  .sm\:hover\:tw--translate-y-6:hover{
    --transform-translate-y: -1.5rem;
  }

  .sm\:hover\:tw--translate-y-8:hover{
    --transform-translate-y: -2rem;
  }

  .sm\:hover\:tw--translate-y-10:hover{
    --transform-translate-y: -2.5rem;
  }

  .sm\:hover\:tw--translate-y-12:hover{
    --transform-translate-y: -3rem;
  }

  .sm\:hover\:tw--translate-y-16:hover{
    --transform-translate-y: -4rem;
  }

  .sm\:hover\:tw--translate-y-20:hover{
    --transform-translate-y: -5rem;
  }

  .sm\:hover\:tw--translate-y-24:hover{
    --transform-translate-y: -6rem;
  }

  .sm\:hover\:tw--translate-y-32:hover{
    --transform-translate-y: -8rem;
  }

  .sm\:hover\:tw--translate-y-40:hover{
    --transform-translate-y: -10rem;
  }

  .sm\:hover\:tw--translate-y-48:hover{
    --transform-translate-y: -12rem;
  }

  .sm\:hover\:tw--translate-y-56:hover{
    --transform-translate-y: -14rem;
  }

  .sm\:hover\:tw--translate-y-64:hover{
    --transform-translate-y: -16rem;
  }

  .sm\:hover\:tw--translate-y-px:hover{
    --transform-translate-y: -1px;
  }

  .sm\:hover\:tw--translate-y-full:hover{
    --transform-translate-y: -100%;
  }

  .sm\:hover\:tw--translate-y-1\/2:hover{
    --transform-translate-y: -50%;
  }

  .sm\:hover\:tw-translate-y-1\/2:hover{
    --transform-translate-y: 50%;
  }

  .sm\:hover\:tw-translate-y-full:hover{
    --transform-translate-y: 100%;
  }

  .sm\:focus\:tw-translate-x-0:focus{
    --transform-translate-x: 0;
  }

  .sm\:focus\:tw-translate-x-1:focus{
    --transform-translate-x: 0.25rem;
  }

  .sm\:focus\:tw-translate-x-2:focus{
    --transform-translate-x: 0.5rem;
  }

  .sm\:focus\:tw-translate-x-3:focus{
    --transform-translate-x: 0.75rem;
  }

  .sm\:focus\:tw-translate-x-4:focus{
    --transform-translate-x: 1rem;
  }

  .sm\:focus\:tw-translate-x-5:focus{
    --transform-translate-x: 1.25rem;
  }

  .sm\:focus\:tw-translate-x-6:focus{
    --transform-translate-x: 1.5rem;
  }

  .sm\:focus\:tw-translate-x-8:focus{
    --transform-translate-x: 2rem;
  }

  .sm\:focus\:tw-translate-x-10:focus{
    --transform-translate-x: 2.5rem;
  }

  .sm\:focus\:tw-translate-x-12:focus{
    --transform-translate-x: 3rem;
  }

  .sm\:focus\:tw-translate-x-16:focus{
    --transform-translate-x: 4rem;
  }

  .sm\:focus\:tw-translate-x-20:focus{
    --transform-translate-x: 5rem;
  }

  .sm\:focus\:tw-translate-x-24:focus{
    --transform-translate-x: 6rem;
  }

  .sm\:focus\:tw-translate-x-32:focus{
    --transform-translate-x: 8rem;
  }

  .sm\:focus\:tw-translate-x-40:focus{
    --transform-translate-x: 10rem;
  }

  .sm\:focus\:tw-translate-x-48:focus{
    --transform-translate-x: 12rem;
  }

  .sm\:focus\:tw-translate-x-56:focus{
    --transform-translate-x: 14rem;
  }

  .sm\:focus\:tw-translate-x-64:focus{
    --transform-translate-x: 16rem;
  }

  .sm\:focus\:tw-translate-x-px:focus{
    --transform-translate-x: 1px;
  }

  .sm\:focus\:tw--translate-x-1:focus{
    --transform-translate-x: -0.25rem;
  }

  .sm\:focus\:tw--translate-x-2:focus{
    --transform-translate-x: -0.5rem;
  }

  .sm\:focus\:tw--translate-x-3:focus{
    --transform-translate-x: -0.75rem;
  }

  .sm\:focus\:tw--translate-x-4:focus{
    --transform-translate-x: -1rem;
  }

  .sm\:focus\:tw--translate-x-5:focus{
    --transform-translate-x: -1.25rem;
  }

  .sm\:focus\:tw--translate-x-6:focus{
    --transform-translate-x: -1.5rem;
  }

  .sm\:focus\:tw--translate-x-8:focus{
    --transform-translate-x: -2rem;
  }

  .sm\:focus\:tw--translate-x-10:focus{
    --transform-translate-x: -2.5rem;
  }

  .sm\:focus\:tw--translate-x-12:focus{
    --transform-translate-x: -3rem;
  }

  .sm\:focus\:tw--translate-x-16:focus{
    --transform-translate-x: -4rem;
  }

  .sm\:focus\:tw--translate-x-20:focus{
    --transform-translate-x: -5rem;
  }

  .sm\:focus\:tw--translate-x-24:focus{
    --transform-translate-x: -6rem;
  }

  .sm\:focus\:tw--translate-x-32:focus{
    --transform-translate-x: -8rem;
  }

  .sm\:focus\:tw--translate-x-40:focus{
    --transform-translate-x: -10rem;
  }

  .sm\:focus\:tw--translate-x-48:focus{
    --transform-translate-x: -12rem;
  }

  .sm\:focus\:tw--translate-x-56:focus{
    --transform-translate-x: -14rem;
  }

  .sm\:focus\:tw--translate-x-64:focus{
    --transform-translate-x: -16rem;
  }

  .sm\:focus\:tw--translate-x-px:focus{
    --transform-translate-x: -1px;
  }

  .sm\:focus\:tw--translate-x-full:focus{
    --transform-translate-x: -100%;
  }

  .sm\:focus\:tw--translate-x-1\/2:focus{
    --transform-translate-x: -50%;
  }

  .sm\:focus\:tw-translate-x-1\/2:focus{
    --transform-translate-x: 50%;
  }

  .sm\:focus\:tw-translate-x-full:focus{
    --transform-translate-x: 100%;
  }

  .sm\:focus\:tw-translate-y-0:focus{
    --transform-translate-y: 0;
  }

  .sm\:focus\:tw-translate-y-1:focus{
    --transform-translate-y: 0.25rem;
  }

  .sm\:focus\:tw-translate-y-2:focus{
    --transform-translate-y: 0.5rem;
  }

  .sm\:focus\:tw-translate-y-3:focus{
    --transform-translate-y: 0.75rem;
  }

  .sm\:focus\:tw-translate-y-4:focus{
    --transform-translate-y: 1rem;
  }

  .sm\:focus\:tw-translate-y-5:focus{
    --transform-translate-y: 1.25rem;
  }

  .sm\:focus\:tw-translate-y-6:focus{
    --transform-translate-y: 1.5rem;
  }

  .sm\:focus\:tw-translate-y-8:focus{
    --transform-translate-y: 2rem;
  }

  .sm\:focus\:tw-translate-y-10:focus{
    --transform-translate-y: 2.5rem;
  }

  .sm\:focus\:tw-translate-y-12:focus{
    --transform-translate-y: 3rem;
  }

  .sm\:focus\:tw-translate-y-16:focus{
    --transform-translate-y: 4rem;
  }

  .sm\:focus\:tw-translate-y-20:focus{
    --transform-translate-y: 5rem;
  }

  .sm\:focus\:tw-translate-y-24:focus{
    --transform-translate-y: 6rem;
  }

  .sm\:focus\:tw-translate-y-32:focus{
    --transform-translate-y: 8rem;
  }

  .sm\:focus\:tw-translate-y-40:focus{
    --transform-translate-y: 10rem;
  }

  .sm\:focus\:tw-translate-y-48:focus{
    --transform-translate-y: 12rem;
  }

  .sm\:focus\:tw-translate-y-56:focus{
    --transform-translate-y: 14rem;
  }

  .sm\:focus\:tw-translate-y-64:focus{
    --transform-translate-y: 16rem;
  }

  .sm\:focus\:tw-translate-y-px:focus{
    --transform-translate-y: 1px;
  }

  .sm\:focus\:tw--translate-y-1:focus{
    --transform-translate-y: -0.25rem;
  }

  .sm\:focus\:tw--translate-y-2:focus{
    --transform-translate-y: -0.5rem;
  }

  .sm\:focus\:tw--translate-y-3:focus{
    --transform-translate-y: -0.75rem;
  }

  .sm\:focus\:tw--translate-y-4:focus{
    --transform-translate-y: -1rem;
  }

  .sm\:focus\:tw--translate-y-5:focus{
    --transform-translate-y: -1.25rem;
  }

  .sm\:focus\:tw--translate-y-6:focus{
    --transform-translate-y: -1.5rem;
  }

  .sm\:focus\:tw--translate-y-8:focus{
    --transform-translate-y: -2rem;
  }

  .sm\:focus\:tw--translate-y-10:focus{
    --transform-translate-y: -2.5rem;
  }

  .sm\:focus\:tw--translate-y-12:focus{
    --transform-translate-y: -3rem;
  }

  .sm\:focus\:tw--translate-y-16:focus{
    --transform-translate-y: -4rem;
  }

  .sm\:focus\:tw--translate-y-20:focus{
    --transform-translate-y: -5rem;
  }

  .sm\:focus\:tw--translate-y-24:focus{
    --transform-translate-y: -6rem;
  }

  .sm\:focus\:tw--translate-y-32:focus{
    --transform-translate-y: -8rem;
  }

  .sm\:focus\:tw--translate-y-40:focus{
    --transform-translate-y: -10rem;
  }

  .sm\:focus\:tw--translate-y-48:focus{
    --transform-translate-y: -12rem;
  }

  .sm\:focus\:tw--translate-y-56:focus{
    --transform-translate-y: -14rem;
  }

  .sm\:focus\:tw--translate-y-64:focus{
    --transform-translate-y: -16rem;
  }

  .sm\:focus\:tw--translate-y-px:focus{
    --transform-translate-y: -1px;
  }

  .sm\:focus\:tw--translate-y-full:focus{
    --transform-translate-y: -100%;
  }

  .sm\:focus\:tw--translate-y-1\/2:focus{
    --transform-translate-y: -50%;
  }

  .sm\:focus\:tw-translate-y-1\/2:focus{
    --transform-translate-y: 50%;
  }

  .sm\:focus\:tw-translate-y-full:focus{
    --transform-translate-y: 100%;
  }

  .sm\:tw-skew-x-0{
    --transform-skew-x: 0;
  }

  .sm\:tw-skew-x-1{
    --transform-skew-x: 1deg;
  }

  .sm\:tw-skew-x-2{
    --transform-skew-x: 2deg;
  }

  .sm\:tw-skew-x-3{
    --transform-skew-x: 3deg;
  }

  .sm\:tw-skew-x-6{
    --transform-skew-x: 6deg;
  }

  .sm\:tw-skew-x-12{
    --transform-skew-x: 12deg;
  }

  .sm\:tw--skew-x-12{
    --transform-skew-x: -12deg;
  }

  .sm\:tw--skew-x-6{
    --transform-skew-x: -6deg;
  }

  .sm\:tw--skew-x-3{
    --transform-skew-x: -3deg;
  }

  .sm\:tw--skew-x-2{
    --transform-skew-x: -2deg;
  }

  .sm\:tw--skew-x-1{
    --transform-skew-x: -1deg;
  }

  .sm\:tw-skew-y-0{
    --transform-skew-y: 0;
  }

  .sm\:tw-skew-y-1{
    --transform-skew-y: 1deg;
  }

  .sm\:tw-skew-y-2{
    --transform-skew-y: 2deg;
  }

  .sm\:tw-skew-y-3{
    --transform-skew-y: 3deg;
  }

  .sm\:tw-skew-y-6{
    --transform-skew-y: 6deg;
  }

  .sm\:tw-skew-y-12{
    --transform-skew-y: 12deg;
  }

  .sm\:tw--skew-y-12{
    --transform-skew-y: -12deg;
  }

  .sm\:tw--skew-y-6{
    --transform-skew-y: -6deg;
  }

  .sm\:tw--skew-y-3{
    --transform-skew-y: -3deg;
  }

  .sm\:tw--skew-y-2{
    --transform-skew-y: -2deg;
  }

  .sm\:tw--skew-y-1{
    --transform-skew-y: -1deg;
  }

  .sm\:hover\:tw-skew-x-0:hover{
    --transform-skew-x: 0;
  }

  .sm\:hover\:tw-skew-x-1:hover{
    --transform-skew-x: 1deg;
  }

  .sm\:hover\:tw-skew-x-2:hover{
    --transform-skew-x: 2deg;
  }

  .sm\:hover\:tw-skew-x-3:hover{
    --transform-skew-x: 3deg;
  }

  .sm\:hover\:tw-skew-x-6:hover{
    --transform-skew-x: 6deg;
  }

  .sm\:hover\:tw-skew-x-12:hover{
    --transform-skew-x: 12deg;
  }

  .sm\:hover\:tw--skew-x-12:hover{
    --transform-skew-x: -12deg;
  }

  .sm\:hover\:tw--skew-x-6:hover{
    --transform-skew-x: -6deg;
  }

  .sm\:hover\:tw--skew-x-3:hover{
    --transform-skew-x: -3deg;
  }

  .sm\:hover\:tw--skew-x-2:hover{
    --transform-skew-x: -2deg;
  }

  .sm\:hover\:tw--skew-x-1:hover{
    --transform-skew-x: -1deg;
  }

  .sm\:hover\:tw-skew-y-0:hover{
    --transform-skew-y: 0;
  }

  .sm\:hover\:tw-skew-y-1:hover{
    --transform-skew-y: 1deg;
  }

  .sm\:hover\:tw-skew-y-2:hover{
    --transform-skew-y: 2deg;
  }

  .sm\:hover\:tw-skew-y-3:hover{
    --transform-skew-y: 3deg;
  }

  .sm\:hover\:tw-skew-y-6:hover{
    --transform-skew-y: 6deg;
  }

  .sm\:hover\:tw-skew-y-12:hover{
    --transform-skew-y: 12deg;
  }

  .sm\:hover\:tw--skew-y-12:hover{
    --transform-skew-y: -12deg;
  }

  .sm\:hover\:tw--skew-y-6:hover{
    --transform-skew-y: -6deg;
  }

  .sm\:hover\:tw--skew-y-3:hover{
    --transform-skew-y: -3deg;
  }

  .sm\:hover\:tw--skew-y-2:hover{
    --transform-skew-y: -2deg;
  }

  .sm\:hover\:tw--skew-y-1:hover{
    --transform-skew-y: -1deg;
  }

  .sm\:focus\:tw-skew-x-0:focus{
    --transform-skew-x: 0;
  }

  .sm\:focus\:tw-skew-x-1:focus{
    --transform-skew-x: 1deg;
  }

  .sm\:focus\:tw-skew-x-2:focus{
    --transform-skew-x: 2deg;
  }

  .sm\:focus\:tw-skew-x-3:focus{
    --transform-skew-x: 3deg;
  }

  .sm\:focus\:tw-skew-x-6:focus{
    --transform-skew-x: 6deg;
  }

  .sm\:focus\:tw-skew-x-12:focus{
    --transform-skew-x: 12deg;
  }

  .sm\:focus\:tw--skew-x-12:focus{
    --transform-skew-x: -12deg;
  }

  .sm\:focus\:tw--skew-x-6:focus{
    --transform-skew-x: -6deg;
  }

  .sm\:focus\:tw--skew-x-3:focus{
    --transform-skew-x: -3deg;
  }

  .sm\:focus\:tw--skew-x-2:focus{
    --transform-skew-x: -2deg;
  }

  .sm\:focus\:tw--skew-x-1:focus{
    --transform-skew-x: -1deg;
  }

  .sm\:focus\:tw-skew-y-0:focus{
    --transform-skew-y: 0;
  }

  .sm\:focus\:tw-skew-y-1:focus{
    --transform-skew-y: 1deg;
  }

  .sm\:focus\:tw-skew-y-2:focus{
    --transform-skew-y: 2deg;
  }

  .sm\:focus\:tw-skew-y-3:focus{
    --transform-skew-y: 3deg;
  }

  .sm\:focus\:tw-skew-y-6:focus{
    --transform-skew-y: 6deg;
  }

  .sm\:focus\:tw-skew-y-12:focus{
    --transform-skew-y: 12deg;
  }

  .sm\:focus\:tw--skew-y-12:focus{
    --transform-skew-y: -12deg;
  }

  .sm\:focus\:tw--skew-y-6:focus{
    --transform-skew-y: -6deg;
  }

  .sm\:focus\:tw--skew-y-3:focus{
    --transform-skew-y: -3deg;
  }

  .sm\:focus\:tw--skew-y-2:focus{
    --transform-skew-y: -2deg;
  }

  .sm\:focus\:tw--skew-y-1:focus{
    --transform-skew-y: -1deg;
  }

  .sm\:tw-transition-none{
    transition-property: none;
  }

  .sm\:tw-transition-all{
    transition-property: all;
  }

  .sm\:tw-transition{
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .sm\:tw-transition-colors{
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .sm\:tw-transition-opacity{
    transition-property: opacity;
  }

  .sm\:tw-transition-shadow{
    transition-property: box-shadow;
  }

  .sm\:tw-transition-transform{
    transition-property: transform;
  }

  .sm\:tw-ease-linear{
    transition-timing-function: linear;
  }

  .sm\:tw-ease-in{
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .sm\:tw-ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .sm\:tw-ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .sm\:tw-duration-75{
    transition-duration: 75ms;
  }

  .sm\:tw-duration-100{
    transition-duration: 100ms;
  }

  .sm\:tw-duration-150{
    transition-duration: 150ms;
  }

  .sm\:tw-duration-200{
    transition-duration: 200ms;
  }

  .sm\:tw-duration-300{
    transition-duration: 300ms;
  }

  .sm\:tw-duration-500{
    transition-duration: 500ms;
  }

  .sm\:tw-duration-700{
    transition-duration: 700ms;
  }

  .sm\:tw-duration-1000{
    transition-duration: 1000ms;
  }

  .sm\:tw-delay-75{
    transition-delay: 75ms;
  }

  .sm\:tw-delay-100{
    transition-delay: 100ms;
  }

  .sm\:tw-delay-150{
    transition-delay: 150ms;
  }

  .sm\:tw-delay-200{
    transition-delay: 200ms;
  }

  .sm\:tw-delay-300{
    transition-delay: 300ms;
  }

  .sm\:tw-delay-500{
    transition-delay: 500ms;
  }

  .sm\:tw-delay-700{
    transition-delay: 700ms;
  }

  .sm\:tw-delay-1000{
    transition-delay: 1000ms;
  }

  .sm\:tw-animate-none{
    -webkit-animation: none;
            animation: none;
  }

  .sm\:tw-animate-spin{
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }

  .sm\:tw-animate-ping{
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .sm\:tw-animate-pulse{
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .sm\:tw-animate-bounce{
    -webkit-animation: bounce 1s infinite;
            animation: bounce 1s infinite;
  }
}

@media (min-width: 768px){
  .md\:tw-container{
    width: 100%;
  }

  @media (min-width: 640px){
    .md\:tw-container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .md\:tw-container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .md\:tw-container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .md\:tw-container{
      max-width: 1280px;
    }
  }

  .md\:tw-space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .md\:tw-space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .md\:tw-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .md\:tw-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .md\:tw--space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw--space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .md\:tw--space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .md\:tw-space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1;
  }

  .md\:tw-space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1;
  }

  .md\:tw-divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .md\:tw-divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:tw-divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .md\:tw-divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:tw-divide-y-3 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(3px * var(--divide-y-reverse));
  }

  .md\:tw-divide-x-3 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(3px * var(--divide-x-reverse));
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:tw-divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .md\:tw-divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:tw-divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .md\:tw-divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:tw-divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .md\:tw-divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:tw-divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1;
  }

  .md\:tw-divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1;
  }

  .md\:tw-divide-transparent > :not(template) ~ :not(template){
    border-color: transparent;
  }

  .md\:tw-divide-current > :not(template) ~ :not(template){
    border-color: currentColor;
  }

  .md\:tw-divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  .md\:tw-divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .md\:tw-divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--divide-opacity));
  }

  .md\:tw-divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--divide-opacity));
  }

  .md\:tw-divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--divide-opacity));
  }

  .md\:tw-divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--divide-opacity));
  }

  .md\:tw-divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--divide-opacity));
  }

  .md\:tw-divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--divide-opacity));
  }

  .md\:tw-divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--divide-opacity));
  }

  .md\:tw-divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--divide-opacity));
  }

  .md\:tw-divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--divide-opacity));
  }

  .md\:tw-divide-red-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--divide-opacity));
  }

  .md\:tw-divide-red-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--divide-opacity));
  }

  .md\:tw-divide-red-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--divide-opacity));
  }

  .md\:tw-divide-red-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--divide-opacity));
  }

  .md\:tw-divide-red-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--divide-opacity));
  }

  .md\:tw-divide-red-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--divide-opacity));
  }

  .md\:tw-divide-red-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--divide-opacity));
  }

  .md\:tw-divide-red-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--divide-opacity));
  }

  .md\:tw-divide-red-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--divide-opacity));
  }

  .md\:tw-divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--divide-opacity));
  }

  .md\:tw-divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--divide-opacity));
  }

  .md\:tw-divide-orange-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--divide-opacity));
  }

  .md\:tw-divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--divide-opacity));
  }

  .md\:tw-divide-orange-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--divide-opacity));
  }

  .md\:tw-divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--divide-opacity));
  }

  .md\:tw-divide-orange-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--divide-opacity));
  }

  .md\:tw-divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--divide-opacity));
  }

  .md\:tw-divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--divide-opacity));
  }

  .md\:tw-divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--divide-opacity));
  }

  .md\:tw-divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--divide-opacity));
  }

  .md\:tw-divide-yellow-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--divide-opacity));
  }

  .md\:tw-divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--divide-opacity));
  }

  .md\:tw-divide-yellow-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--divide-opacity));
  }

  .md\:tw-divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--divide-opacity));
  }

  .md\:tw-divide-yellow-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--divide-opacity));
  }

  .md\:tw-divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--divide-opacity));
  }

  .md\:tw-divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--divide-opacity));
  }

  .md\:tw-divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--divide-opacity));
  }

  .md\:tw-divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--divide-opacity));
  }

  .md\:tw-divide-green-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--divide-opacity));
  }

  .md\:tw-divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--divide-opacity));
  }

  .md\:tw-divide-green-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--divide-opacity));
  }

  .md\:tw-divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--divide-opacity));
  }

  .md\:tw-divide-green-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--divide-opacity));
  }

  .md\:tw-divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--divide-opacity));
  }

  .md\:tw-divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--divide-opacity));
  }

  .md\:tw-divide-teal-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--divide-opacity));
  }

  .md\:tw-divide-teal-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--divide-opacity));
  }

  .md\:tw-divide-teal-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--divide-opacity));
  }

  .md\:tw-divide-teal-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--divide-opacity));
  }

  .md\:tw-divide-teal-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--divide-opacity));
  }

  .md\:tw-divide-teal-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--divide-opacity));
  }

  .md\:tw-divide-teal-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--divide-opacity));
  }

  .md\:tw-divide-teal-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--divide-opacity));
  }

  .md\:tw-divide-teal-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--divide-opacity));
  }

  .md\:tw-divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--divide-opacity));
  }

  .md\:tw-divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--divide-opacity));
  }

  .md\:tw-divide-blue-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--divide-opacity));
  }

  .md\:tw-divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--divide-opacity));
  }

  .md\:tw-divide-blue-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--divide-opacity));
  }

  .md\:tw-divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--divide-opacity));
  }

  .md\:tw-divide-blue-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--divide-opacity));
  }

  .md\:tw-divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--divide-opacity));
  }

  .md\:tw-divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--divide-opacity));
  }

  .md\:tw-divide-indigo-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--divide-opacity));
  }

  .md\:tw-divide-indigo-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--divide-opacity));
  }

  .md\:tw-divide-indigo-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--divide-opacity));
  }

  .md\:tw-divide-indigo-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--divide-opacity));
  }

  .md\:tw-divide-indigo-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--divide-opacity));
  }

  .md\:tw-divide-indigo-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--divide-opacity));
  }

  .md\:tw-divide-indigo-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--divide-opacity));
  }

  .md\:tw-divide-indigo-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--divide-opacity));
  }

  .md\:tw-divide-indigo-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--divide-opacity));
  }

  .md\:tw-divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--divide-opacity));
  }

  .md\:tw-divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--divide-opacity));
  }

  .md\:tw-divide-purple-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--divide-opacity));
  }

  .md\:tw-divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--divide-opacity));
  }

  .md\:tw-divide-purple-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--divide-opacity));
  }

  .md\:tw-divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--divide-opacity));
  }

  .md\:tw-divide-purple-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--divide-opacity));
  }

  .md\:tw-divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--divide-opacity));
  }

  .md\:tw-divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--divide-opacity));
  }

  .md\:tw-divide-pink-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--divide-opacity));
  }

  .md\:tw-divide-pink-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--divide-opacity));
  }

  .md\:tw-divide-pink-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--divide-opacity));
  }

  .md\:tw-divide-pink-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--divide-opacity));
  }

  .md\:tw-divide-pink-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--divide-opacity));
  }

  .md\:tw-divide-pink-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--divide-opacity));
  }

  .md\:tw-divide-pink-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--divide-opacity));
  }

  .md\:tw-divide-pink-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--divide-opacity));
  }

  .md\:tw-divide-pink-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--divide-opacity));
  }

  .md\:tw-divide-primary-blue > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--divide-opacity));
  }

  .md\:tw-divide-primary-blue-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--divide-opacity));
  }

  .md\:tw-divide-primary-white > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .md\:tw-divide-font-0 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--divide-opacity));
  }

  .md\:tw-divide-font-1 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--divide-opacity));
  }

  .md\:tw-divide-font-5 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--divide-opacity));
  }

  .md\:tw-divide-font-10 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--divide-opacity));
  }

  .md\:tw-divide-font-50 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--divide-opacity));
  }

  .md\:tw-divide-font-70 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--divide-opacity));
  }

  .md\:tw-divide-solid > :not(template) ~ :not(template){
    border-style: solid;
  }

  .md\:tw-divide-dashed > :not(template) ~ :not(template){
    border-style: dashed;
  }

  .md\:tw-divide-dotted > :not(template) ~ :not(template){
    border-style: dotted;
  }

  .md\:tw-divide-double > :not(template) ~ :not(template){
    border-style: double;
  }

  .md\:tw-divide-none > :not(template) ~ :not(template){
    border-style: none;
  }

  .md\:tw-divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0;
  }

  .md\:tw-divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25;
  }

  .md\:tw-divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5;
  }

  .md\:tw-divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75;
  }

  .md\:tw-divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
  }

  .md\:tw-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .md\:tw-not-sr-only{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .md\:focus\:tw-sr-only:focus{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .md\:focus\:tw-not-sr-only:focus{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .md\:tw-appearance-none{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .md\:tw-bg-fixed{
    background-attachment: fixed;
  }

  .md\:tw-bg-local{
    background-attachment: local;
  }

  .md\:tw-bg-scroll{
    background-attachment: scroll;
  }

  .md\:tw-bg-clip-border{
    background-clip: border-box;
  }

  .md\:tw-bg-clip-padding{
    background-clip: padding-box;
  }

  .md\:tw-bg-clip-content{
    background-clip: content-box;
  }

  .md\:tw-bg-clip-text{
    -webkit-background-clip: text;
            background-clip: text;
  }

  .md\:tw-bg-transparent{
    background-color: transparent;
  }

  .md\:tw-bg-current{
    background-color: currentColor;
  }

  .md\:tw-bg-black{
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .md\:tw-bg-white{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:tw-bg-gray-100{
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .md\:tw-bg-gray-200{
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .md\:tw-bg-gray-300{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .md\:tw-bg-gray-400{
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .md\:tw-bg-gray-500{
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .md\:tw-bg-gray-600{
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .md\:tw-bg-gray-700{
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .md\:tw-bg-gray-800{
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .md\:tw-bg-gray-900{
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .md\:tw-bg-red-100{
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }

  .md\:tw-bg-red-200{
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }

  .md\:tw-bg-red-300{
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }

  .md\:tw-bg-red-400{
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }

  .md\:tw-bg-red-500{
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }

  .md\:tw-bg-red-600{
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }

  .md\:tw-bg-red-700{
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }

  .md\:tw-bg-red-800{
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }

  .md\:tw-bg-red-900{
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }

  .md\:tw-bg-orange-100{
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }

  .md\:tw-bg-orange-200{
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }

  .md\:tw-bg-orange-300{
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }

  .md\:tw-bg-orange-400{
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }

  .md\:tw-bg-orange-500{
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }

  .md\:tw-bg-orange-600{
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }

  .md\:tw-bg-orange-700{
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }

  .md\:tw-bg-orange-800{
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }

  .md\:tw-bg-orange-900{
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }

  .md\:tw-bg-yellow-100{
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }

  .md\:tw-bg-yellow-200{
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }

  .md\:tw-bg-yellow-300{
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }

  .md\:tw-bg-yellow-400{
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }

  .md\:tw-bg-yellow-500{
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }

  .md\:tw-bg-yellow-600{
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }

  .md\:tw-bg-yellow-700{
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }

  .md\:tw-bg-yellow-800{
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }

  .md\:tw-bg-yellow-900{
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }

  .md\:tw-bg-green-100{
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }

  .md\:tw-bg-green-200{
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }

  .md\:tw-bg-green-300{
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }

  .md\:tw-bg-green-400{
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }

  .md\:tw-bg-green-500{
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }

  .md\:tw-bg-green-600{
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }

  .md\:tw-bg-green-700{
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }

  .md\:tw-bg-green-800{
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }

  .md\:tw-bg-green-900{
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }

  .md\:tw-bg-teal-100{
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }

  .md\:tw-bg-teal-200{
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }

  .md\:tw-bg-teal-300{
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }

  .md\:tw-bg-teal-400{
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }

  .md\:tw-bg-teal-500{
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }

  .md\:tw-bg-teal-600{
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }

  .md\:tw-bg-teal-700{
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }

  .md\:tw-bg-teal-800{
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }

  .md\:tw-bg-teal-900{
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }

  .md\:tw-bg-blue-100{
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }

  .md\:tw-bg-blue-200{
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }

  .md\:tw-bg-blue-300{
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }

  .md\:tw-bg-blue-400{
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }

  .md\:tw-bg-blue-500{
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }

  .md\:tw-bg-blue-600{
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }

  .md\:tw-bg-blue-700{
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }

  .md\:tw-bg-blue-800{
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }

  .md\:tw-bg-blue-900{
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }

  .md\:tw-bg-indigo-100{
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }

  .md\:tw-bg-indigo-200{
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }

  .md\:tw-bg-indigo-300{
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }

  .md\:tw-bg-indigo-400{
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }

  .md\:tw-bg-indigo-500{
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }

  .md\:tw-bg-indigo-600{
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }

  .md\:tw-bg-indigo-700{
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }

  .md\:tw-bg-indigo-800{
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }

  .md\:tw-bg-indigo-900{
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }

  .md\:tw-bg-purple-100{
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }

  .md\:tw-bg-purple-200{
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }

  .md\:tw-bg-purple-300{
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }

  .md\:tw-bg-purple-400{
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }

  .md\:tw-bg-purple-500{
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }

  .md\:tw-bg-purple-600{
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }

  .md\:tw-bg-purple-700{
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }

  .md\:tw-bg-purple-800{
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }

  .md\:tw-bg-purple-900{
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }

  .md\:tw-bg-pink-100{
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }

  .md\:tw-bg-pink-200{
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }

  .md\:tw-bg-pink-300{
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }

  .md\:tw-bg-pink-400{
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }

  .md\:tw-bg-pink-500{
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }

  .md\:tw-bg-pink-600{
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }

  .md\:tw-bg-pink-700{
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }

  .md\:tw-bg-pink-800{
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }

  .md\:tw-bg-pink-900{
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }

  .md\:tw-bg-primary-blue{
    --bg-opacity: 1;
    background-color: #1976d2;
    background-color: rgba(25, 118, 210, var(--bg-opacity));
  }

  .md\:tw-bg-primary-blue-dark{
    --bg-opacity: 1;
    background-color: #0c3b69;
    background-color: rgba(12, 59, 105, var(--bg-opacity));
  }

  .md\:tw-bg-primary-white{
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:tw-bg-font-0{
    --bg-opacity: 1;
    background-color: #4f4f4f;
    background-color: rgba(79, 79, 79, var(--bg-opacity));
  }

  .md\:tw-bg-font-1{
    --bg-opacity: 1;
    background-color: #fcfcfc;
    background-color: rgba(252, 252, 252, var(--bg-opacity));
  }

  .md\:tw-bg-font-5{
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

  .md\:tw-bg-font-10{
    --bg-opacity: 1;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
  }

  .md\:tw-bg-font-50{
    --bg-opacity: 1;
    background-color: #a7a7a7;
    background-color: rgba(167, 167, 167, var(--bg-opacity));
  }

  .md\:tw-bg-font-70{
    --bg-opacity: 1;
    background-color: #838383;
    background-color: rgba(131, 131, 131, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-transparent:hover{
    background-color: transparent;
  }

  .md\:hover\:tw-bg-current:hover{
    background-color: currentColor;
  }

  .md\:hover\:tw-bg-black:hover{
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-white:hover{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-gray-100:hover{
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-gray-200:hover{
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-gray-300:hover{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-gray-400:hover{
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-gray-500:hover{
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-gray-600:hover{
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-gray-700:hover{
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-gray-800:hover{
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-gray-900:hover{
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-red-100:hover{
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-red-200:hover{
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-red-300:hover{
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-red-400:hover{
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-red-500:hover{
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-red-600:hover{
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-red-700:hover{
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-red-800:hover{
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-red-900:hover{
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-orange-100:hover{
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-orange-200:hover{
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-orange-300:hover{
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-orange-400:hover{
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-orange-500:hover{
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-orange-600:hover{
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-orange-700:hover{
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-orange-800:hover{
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-orange-900:hover{
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-yellow-100:hover{
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-yellow-200:hover{
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-yellow-300:hover{
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-yellow-400:hover{
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-yellow-500:hover{
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-yellow-600:hover{
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-yellow-700:hover{
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-yellow-800:hover{
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-yellow-900:hover{
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-green-100:hover{
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-green-200:hover{
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-green-300:hover{
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-green-400:hover{
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-green-500:hover{
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-green-600:hover{
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-green-700:hover{
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-green-800:hover{
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-green-900:hover{
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-teal-100:hover{
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-teal-200:hover{
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-teal-300:hover{
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-teal-400:hover{
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-teal-500:hover{
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-teal-600:hover{
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-teal-700:hover{
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-teal-800:hover{
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-teal-900:hover{
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-blue-100:hover{
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-blue-200:hover{
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-blue-300:hover{
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-blue-400:hover{
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-blue-500:hover{
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-blue-600:hover{
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-blue-700:hover{
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-blue-800:hover{
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-blue-900:hover{
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-indigo-100:hover{
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-indigo-200:hover{
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-indigo-300:hover{
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-indigo-400:hover{
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-indigo-500:hover{
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-indigo-600:hover{
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-indigo-700:hover{
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-indigo-800:hover{
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-indigo-900:hover{
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-purple-100:hover{
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-purple-200:hover{
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-purple-300:hover{
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-purple-400:hover{
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-purple-500:hover{
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-purple-600:hover{
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-purple-700:hover{
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-purple-800:hover{
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-purple-900:hover{
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-pink-100:hover{
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-pink-200:hover{
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-pink-300:hover{
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-pink-400:hover{
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-pink-500:hover{
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-pink-600:hover{
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-pink-700:hover{
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-pink-800:hover{
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-pink-900:hover{
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-primary-blue:hover{
    --bg-opacity: 1;
    background-color: #1976d2;
    background-color: rgba(25, 118, 210, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-primary-blue-dark:hover{
    --bg-opacity: 1;
    background-color: #0c3b69;
    background-color: rgba(12, 59, 105, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-primary-white:hover{
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-font-0:hover{
    --bg-opacity: 1;
    background-color: #4f4f4f;
    background-color: rgba(79, 79, 79, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-font-1:hover{
    --bg-opacity: 1;
    background-color: #fcfcfc;
    background-color: rgba(252, 252, 252, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-font-5:hover{
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-font-10:hover{
    --bg-opacity: 1;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-font-50:hover{
    --bg-opacity: 1;
    background-color: #a7a7a7;
    background-color: rgba(167, 167, 167, var(--bg-opacity));
  }

  .md\:hover\:tw-bg-font-70:hover{
    --bg-opacity: 1;
    background-color: #838383;
    background-color: rgba(131, 131, 131, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-transparent:focus{
    background-color: transparent;
  }

  .md\:focus\:tw-bg-current:focus{
    background-color: currentColor;
  }

  .md\:focus\:tw-bg-black:focus{
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-white:focus{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-gray-100:focus{
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-gray-200:focus{
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-gray-300:focus{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-gray-400:focus{
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-gray-500:focus{
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-gray-600:focus{
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-gray-700:focus{
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-gray-800:focus{
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-gray-900:focus{
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-red-100:focus{
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-red-200:focus{
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-red-300:focus{
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-red-400:focus{
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-red-500:focus{
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-red-600:focus{
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-red-700:focus{
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-red-800:focus{
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-red-900:focus{
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-orange-100:focus{
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-orange-200:focus{
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-orange-300:focus{
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-orange-400:focus{
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-orange-500:focus{
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-orange-600:focus{
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-orange-700:focus{
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-orange-800:focus{
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-orange-900:focus{
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-yellow-100:focus{
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-yellow-200:focus{
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-yellow-300:focus{
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-yellow-400:focus{
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-yellow-500:focus{
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-yellow-600:focus{
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-yellow-700:focus{
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-yellow-800:focus{
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-yellow-900:focus{
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-green-100:focus{
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-green-200:focus{
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-green-300:focus{
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-green-400:focus{
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-green-500:focus{
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-green-600:focus{
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-green-700:focus{
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-green-800:focus{
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-green-900:focus{
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-teal-100:focus{
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-teal-200:focus{
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-teal-300:focus{
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-teal-400:focus{
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-teal-500:focus{
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-teal-600:focus{
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-teal-700:focus{
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-teal-800:focus{
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-teal-900:focus{
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-blue-100:focus{
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-blue-200:focus{
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-blue-300:focus{
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-blue-400:focus{
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-blue-500:focus{
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-blue-600:focus{
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-blue-700:focus{
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-blue-800:focus{
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-blue-900:focus{
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-indigo-100:focus{
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-indigo-200:focus{
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-indigo-300:focus{
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-indigo-400:focus{
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-indigo-500:focus{
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-indigo-600:focus{
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-indigo-700:focus{
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-indigo-800:focus{
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-indigo-900:focus{
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-purple-100:focus{
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-purple-200:focus{
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-purple-300:focus{
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-purple-400:focus{
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-purple-500:focus{
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-purple-600:focus{
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-purple-700:focus{
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-purple-800:focus{
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-purple-900:focus{
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-pink-100:focus{
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-pink-200:focus{
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-pink-300:focus{
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-pink-400:focus{
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-pink-500:focus{
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-pink-600:focus{
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-pink-700:focus{
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-pink-800:focus{
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-pink-900:focus{
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-primary-blue:focus{
    --bg-opacity: 1;
    background-color: #1976d2;
    background-color: rgba(25, 118, 210, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-primary-blue-dark:focus{
    --bg-opacity: 1;
    background-color: #0c3b69;
    background-color: rgba(12, 59, 105, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-primary-white:focus{
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-font-0:focus{
    --bg-opacity: 1;
    background-color: #4f4f4f;
    background-color: rgba(79, 79, 79, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-font-1:focus{
    --bg-opacity: 1;
    background-color: #fcfcfc;
    background-color: rgba(252, 252, 252, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-font-5:focus{
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-font-10:focus{
    --bg-opacity: 1;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-font-50:focus{
    --bg-opacity: 1;
    background-color: #a7a7a7;
    background-color: rgba(167, 167, 167, var(--bg-opacity));
  }

  .md\:focus\:tw-bg-font-70:focus{
    --bg-opacity: 1;
    background-color: #838383;
    background-color: rgba(131, 131, 131, var(--bg-opacity));
  }

  .md\:tw-bg-none{
    background-image: none;
  }

  .md\:tw-bg-gradient-to-t{
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .md\:tw-bg-gradient-to-tr{
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .md\:tw-bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .md\:tw-bg-gradient-to-br{
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .md\:tw-bg-gradient-to-b{
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .md\:tw-bg-gradient-to-bl{
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .md\:tw-bg-gradient-to-l{
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .md\:tw-bg-gradient-to-tl{
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .md\:tw-from-transparent{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:tw-from-current{
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:tw-from-black{
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:tw-from-white{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:tw-from-gray-100{
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .md\:tw-from-gray-200{
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .md\:tw-from-gray-300{
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .md\:tw-from-gray-400{
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .md\:tw-from-gray-500{
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .md\:tw-from-gray-600{
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .md\:tw-from-gray-700{
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .md\:tw-from-gray-800{
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .md\:tw-from-gray-900{
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .md\:tw-from-red-100{
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .md\:tw-from-red-200{
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .md\:tw-from-red-300{
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .md\:tw-from-red-400{
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .md\:tw-from-red-500{
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .md\:tw-from-red-600{
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .md\:tw-from-red-700{
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .md\:tw-from-red-800{
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .md\:tw-from-red-900{
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .md\:tw-from-orange-100{
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .md\:tw-from-orange-200{
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .md\:tw-from-orange-300{
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .md\:tw-from-orange-400{
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .md\:tw-from-orange-500{
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .md\:tw-from-orange-600{
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .md\:tw-from-orange-700{
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .md\:tw-from-orange-800{
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .md\:tw-from-orange-900{
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .md\:tw-from-yellow-100{
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .md\:tw-from-yellow-200{
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .md\:tw-from-yellow-300{
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .md\:tw-from-yellow-400{
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .md\:tw-from-yellow-500{
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .md\:tw-from-yellow-600{
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .md\:tw-from-yellow-700{
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .md\:tw-from-yellow-800{
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .md\:tw-from-yellow-900{
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .md\:tw-from-green-100{
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .md\:tw-from-green-200{
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .md\:tw-from-green-300{
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .md\:tw-from-green-400{
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .md\:tw-from-green-500{
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .md\:tw-from-green-600{
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .md\:tw-from-green-700{
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .md\:tw-from-green-800{
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .md\:tw-from-green-900{
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .md\:tw-from-teal-100{
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .md\:tw-from-teal-200{
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .md\:tw-from-teal-300{
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .md\:tw-from-teal-400{
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .md\:tw-from-teal-500{
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .md\:tw-from-teal-600{
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .md\:tw-from-teal-700{
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .md\:tw-from-teal-800{
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .md\:tw-from-teal-900{
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .md\:tw-from-blue-100{
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .md\:tw-from-blue-200{
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .md\:tw-from-blue-300{
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .md\:tw-from-blue-400{
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .md\:tw-from-blue-500{
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .md\:tw-from-blue-600{
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .md\:tw-from-blue-700{
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .md\:tw-from-blue-800{
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .md\:tw-from-blue-900{
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .md\:tw-from-indigo-100{
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .md\:tw-from-indigo-200{
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .md\:tw-from-indigo-300{
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .md\:tw-from-indigo-400{
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .md\:tw-from-indigo-500{
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .md\:tw-from-indigo-600{
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .md\:tw-from-indigo-700{
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .md\:tw-from-indigo-800{
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .md\:tw-from-indigo-900{
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .md\:tw-from-purple-100{
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .md\:tw-from-purple-200{
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .md\:tw-from-purple-300{
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .md\:tw-from-purple-400{
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .md\:tw-from-purple-500{
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .md\:tw-from-purple-600{
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .md\:tw-from-purple-700{
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .md\:tw-from-purple-800{
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .md\:tw-from-purple-900{
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .md\:tw-from-pink-100{
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .md\:tw-from-pink-200{
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .md\:tw-from-pink-300{
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .md\:tw-from-pink-400{
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .md\:tw-from-pink-500{
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .md\:tw-from-pink-600{
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .md\:tw-from-pink-700{
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .md\:tw-from-pink-800{
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .md\:tw-from-pink-900{
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .md\:tw-from-primary-blue{
    --gradient-from-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .md\:tw-from-primary-blue-dark{
    --gradient-from-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .md\:tw-from-primary-white{
    --gradient-from-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:tw-from-font-0{
    --gradient-from-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .md\:tw-from-font-1{
    --gradient-from-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .md\:tw-from-font-5{
    --gradient-from-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .md\:tw-from-font-10{
    --gradient-from-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .md\:tw-from-font-50{
    --gradient-from-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .md\:tw-from-font-70{
    --gradient-from-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .md\:tw-via-transparent{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:tw-via-current{
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:tw-via-black{
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:tw-via-white{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:tw-via-gray-100{
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .md\:tw-via-gray-200{
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .md\:tw-via-gray-300{
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .md\:tw-via-gray-400{
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .md\:tw-via-gray-500{
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .md\:tw-via-gray-600{
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .md\:tw-via-gray-700{
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .md\:tw-via-gray-800{
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .md\:tw-via-gray-900{
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .md\:tw-via-red-100{
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .md\:tw-via-red-200{
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .md\:tw-via-red-300{
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .md\:tw-via-red-400{
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .md\:tw-via-red-500{
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .md\:tw-via-red-600{
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .md\:tw-via-red-700{
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .md\:tw-via-red-800{
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .md\:tw-via-red-900{
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .md\:tw-via-orange-100{
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .md\:tw-via-orange-200{
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .md\:tw-via-orange-300{
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .md\:tw-via-orange-400{
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .md\:tw-via-orange-500{
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .md\:tw-via-orange-600{
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .md\:tw-via-orange-700{
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .md\:tw-via-orange-800{
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .md\:tw-via-orange-900{
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .md\:tw-via-yellow-100{
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .md\:tw-via-yellow-200{
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .md\:tw-via-yellow-300{
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .md\:tw-via-yellow-400{
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .md\:tw-via-yellow-500{
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .md\:tw-via-yellow-600{
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .md\:tw-via-yellow-700{
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .md\:tw-via-yellow-800{
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .md\:tw-via-yellow-900{
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .md\:tw-via-green-100{
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .md\:tw-via-green-200{
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .md\:tw-via-green-300{
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .md\:tw-via-green-400{
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .md\:tw-via-green-500{
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .md\:tw-via-green-600{
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .md\:tw-via-green-700{
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .md\:tw-via-green-800{
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .md\:tw-via-green-900{
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .md\:tw-via-teal-100{
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .md\:tw-via-teal-200{
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .md\:tw-via-teal-300{
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .md\:tw-via-teal-400{
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .md\:tw-via-teal-500{
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .md\:tw-via-teal-600{
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .md\:tw-via-teal-700{
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .md\:tw-via-teal-800{
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .md\:tw-via-teal-900{
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .md\:tw-via-blue-100{
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .md\:tw-via-blue-200{
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .md\:tw-via-blue-300{
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .md\:tw-via-blue-400{
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .md\:tw-via-blue-500{
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .md\:tw-via-blue-600{
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .md\:tw-via-blue-700{
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .md\:tw-via-blue-800{
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .md\:tw-via-blue-900{
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .md\:tw-via-indigo-100{
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .md\:tw-via-indigo-200{
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .md\:tw-via-indigo-300{
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .md\:tw-via-indigo-400{
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .md\:tw-via-indigo-500{
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .md\:tw-via-indigo-600{
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .md\:tw-via-indigo-700{
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .md\:tw-via-indigo-800{
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .md\:tw-via-indigo-900{
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .md\:tw-via-purple-100{
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .md\:tw-via-purple-200{
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .md\:tw-via-purple-300{
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .md\:tw-via-purple-400{
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .md\:tw-via-purple-500{
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .md\:tw-via-purple-600{
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .md\:tw-via-purple-700{
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .md\:tw-via-purple-800{
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .md\:tw-via-purple-900{
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .md\:tw-via-pink-100{
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .md\:tw-via-pink-200{
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .md\:tw-via-pink-300{
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .md\:tw-via-pink-400{
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .md\:tw-via-pink-500{
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .md\:tw-via-pink-600{
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .md\:tw-via-pink-700{
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .md\:tw-via-pink-800{
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .md\:tw-via-pink-900{
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .md\:tw-via-primary-blue{
    --gradient-via-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .md\:tw-via-primary-blue-dark{
    --gradient-via-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .md\:tw-via-primary-white{
    --gradient-via-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:tw-via-font-0{
    --gradient-via-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .md\:tw-via-font-1{
    --gradient-via-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .md\:tw-via-font-5{
    --gradient-via-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .md\:tw-via-font-10{
    --gradient-via-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .md\:tw-via-font-50{
    --gradient-via-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .md\:tw-via-font-70{
    --gradient-via-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .md\:tw-to-transparent{
    --gradient-to-color: transparent;
  }

  .md\:tw-to-current{
    --gradient-to-color: currentColor;
  }

  .md\:tw-to-black{
    --gradient-to-color: #000;
  }

  .md\:tw-to-white{
    --gradient-to-color: #fff;
  }

  .md\:tw-to-gray-100{
    --gradient-to-color: #f7fafc;
  }

  .md\:tw-to-gray-200{
    --gradient-to-color: #edf2f7;
  }

  .md\:tw-to-gray-300{
    --gradient-to-color: #e2e8f0;
  }

  .md\:tw-to-gray-400{
    --gradient-to-color: #cbd5e0;
  }

  .md\:tw-to-gray-500{
    --gradient-to-color: #a0aec0;
  }

  .md\:tw-to-gray-600{
    --gradient-to-color: #718096;
  }

  .md\:tw-to-gray-700{
    --gradient-to-color: #4a5568;
  }

  .md\:tw-to-gray-800{
    --gradient-to-color: #2d3748;
  }

  .md\:tw-to-gray-900{
    --gradient-to-color: #1a202c;
  }

  .md\:tw-to-red-100{
    --gradient-to-color: #fff5f5;
  }

  .md\:tw-to-red-200{
    --gradient-to-color: #fed7d7;
  }

  .md\:tw-to-red-300{
    --gradient-to-color: #feb2b2;
  }

  .md\:tw-to-red-400{
    --gradient-to-color: #fc8181;
  }

  .md\:tw-to-red-500{
    --gradient-to-color: #f56565;
  }

  .md\:tw-to-red-600{
    --gradient-to-color: #e53e3e;
  }

  .md\:tw-to-red-700{
    --gradient-to-color: #c53030;
  }

  .md\:tw-to-red-800{
    --gradient-to-color: #9b2c2c;
  }

  .md\:tw-to-red-900{
    --gradient-to-color: #742a2a;
  }

  .md\:tw-to-orange-100{
    --gradient-to-color: #fffaf0;
  }

  .md\:tw-to-orange-200{
    --gradient-to-color: #feebc8;
  }

  .md\:tw-to-orange-300{
    --gradient-to-color: #fbd38d;
  }

  .md\:tw-to-orange-400{
    --gradient-to-color: #f6ad55;
  }

  .md\:tw-to-orange-500{
    --gradient-to-color: #ed8936;
  }

  .md\:tw-to-orange-600{
    --gradient-to-color: #dd6b20;
  }

  .md\:tw-to-orange-700{
    --gradient-to-color: #c05621;
  }

  .md\:tw-to-orange-800{
    --gradient-to-color: #9c4221;
  }

  .md\:tw-to-orange-900{
    --gradient-to-color: #7b341e;
  }

  .md\:tw-to-yellow-100{
    --gradient-to-color: #fffff0;
  }

  .md\:tw-to-yellow-200{
    --gradient-to-color: #fefcbf;
  }

  .md\:tw-to-yellow-300{
    --gradient-to-color: #faf089;
  }

  .md\:tw-to-yellow-400{
    --gradient-to-color: #f6e05e;
  }

  .md\:tw-to-yellow-500{
    --gradient-to-color: #ecc94b;
  }

  .md\:tw-to-yellow-600{
    --gradient-to-color: #d69e2e;
  }

  .md\:tw-to-yellow-700{
    --gradient-to-color: #b7791f;
  }

  .md\:tw-to-yellow-800{
    --gradient-to-color: #975a16;
  }

  .md\:tw-to-yellow-900{
    --gradient-to-color: #744210;
  }

  .md\:tw-to-green-100{
    --gradient-to-color: #f0fff4;
  }

  .md\:tw-to-green-200{
    --gradient-to-color: #c6f6d5;
  }

  .md\:tw-to-green-300{
    --gradient-to-color: #9ae6b4;
  }

  .md\:tw-to-green-400{
    --gradient-to-color: #68d391;
  }

  .md\:tw-to-green-500{
    --gradient-to-color: #48bb78;
  }

  .md\:tw-to-green-600{
    --gradient-to-color: #38a169;
  }

  .md\:tw-to-green-700{
    --gradient-to-color: #2f855a;
  }

  .md\:tw-to-green-800{
    --gradient-to-color: #276749;
  }

  .md\:tw-to-green-900{
    --gradient-to-color: #22543d;
  }

  .md\:tw-to-teal-100{
    --gradient-to-color: #e6fffa;
  }

  .md\:tw-to-teal-200{
    --gradient-to-color: #b2f5ea;
  }

  .md\:tw-to-teal-300{
    --gradient-to-color: #81e6d9;
  }

  .md\:tw-to-teal-400{
    --gradient-to-color: #4fd1c5;
  }

  .md\:tw-to-teal-500{
    --gradient-to-color: #38b2ac;
  }

  .md\:tw-to-teal-600{
    --gradient-to-color: #319795;
  }

  .md\:tw-to-teal-700{
    --gradient-to-color: #2c7a7b;
  }

  .md\:tw-to-teal-800{
    --gradient-to-color: #285e61;
  }

  .md\:tw-to-teal-900{
    --gradient-to-color: #234e52;
  }

  .md\:tw-to-blue-100{
    --gradient-to-color: #ebf8ff;
  }

  .md\:tw-to-blue-200{
    --gradient-to-color: #bee3f8;
  }

  .md\:tw-to-blue-300{
    --gradient-to-color: #90cdf4;
  }

  .md\:tw-to-blue-400{
    --gradient-to-color: #63b3ed;
  }

  .md\:tw-to-blue-500{
    --gradient-to-color: #4299e1;
  }

  .md\:tw-to-blue-600{
    --gradient-to-color: #3182ce;
  }

  .md\:tw-to-blue-700{
    --gradient-to-color: #2b6cb0;
  }

  .md\:tw-to-blue-800{
    --gradient-to-color: #2c5282;
  }

  .md\:tw-to-blue-900{
    --gradient-to-color: #2a4365;
  }

  .md\:tw-to-indigo-100{
    --gradient-to-color: #ebf4ff;
  }

  .md\:tw-to-indigo-200{
    --gradient-to-color: #c3dafe;
  }

  .md\:tw-to-indigo-300{
    --gradient-to-color: #a3bffa;
  }

  .md\:tw-to-indigo-400{
    --gradient-to-color: #7f9cf5;
  }

  .md\:tw-to-indigo-500{
    --gradient-to-color: #667eea;
  }

  .md\:tw-to-indigo-600{
    --gradient-to-color: #5a67d8;
  }

  .md\:tw-to-indigo-700{
    --gradient-to-color: #4c51bf;
  }

  .md\:tw-to-indigo-800{
    --gradient-to-color: #434190;
  }

  .md\:tw-to-indigo-900{
    --gradient-to-color: #3c366b;
  }

  .md\:tw-to-purple-100{
    --gradient-to-color: #faf5ff;
  }

  .md\:tw-to-purple-200{
    --gradient-to-color: #e9d8fd;
  }

  .md\:tw-to-purple-300{
    --gradient-to-color: #d6bcfa;
  }

  .md\:tw-to-purple-400{
    --gradient-to-color: #b794f4;
  }

  .md\:tw-to-purple-500{
    --gradient-to-color: #9f7aea;
  }

  .md\:tw-to-purple-600{
    --gradient-to-color: #805ad5;
  }

  .md\:tw-to-purple-700{
    --gradient-to-color: #6b46c1;
  }

  .md\:tw-to-purple-800{
    --gradient-to-color: #553c9a;
  }

  .md\:tw-to-purple-900{
    --gradient-to-color: #44337a;
  }

  .md\:tw-to-pink-100{
    --gradient-to-color: #fff5f7;
  }

  .md\:tw-to-pink-200{
    --gradient-to-color: #fed7e2;
  }

  .md\:tw-to-pink-300{
    --gradient-to-color: #fbb6ce;
  }

  .md\:tw-to-pink-400{
    --gradient-to-color: #f687b3;
  }

  .md\:tw-to-pink-500{
    --gradient-to-color: #ed64a6;
  }

  .md\:tw-to-pink-600{
    --gradient-to-color: #d53f8c;
  }

  .md\:tw-to-pink-700{
    --gradient-to-color: #b83280;
  }

  .md\:tw-to-pink-800{
    --gradient-to-color: #97266d;
  }

  .md\:tw-to-pink-900{
    --gradient-to-color: #702459;
  }

  .md\:tw-to-primary-blue{
    --gradient-to-color: #1976d2;
  }

  .md\:tw-to-primary-blue-dark{
    --gradient-to-color: #0c3b69;
  }

  .md\:tw-to-primary-white{
    --gradient-to-color: #ffffff;
  }

  .md\:tw-to-font-0{
    --gradient-to-color: #4f4f4f;
  }

  .md\:tw-to-font-1{
    --gradient-to-color: #fcfcfc;
  }

  .md\:tw-to-font-5{
    --gradient-to-color: #f6f6f6;
  }

  .md\:tw-to-font-10{
    --gradient-to-color: #ededed;
  }

  .md\:tw-to-font-50{
    --gradient-to-color: #a7a7a7;
  }

  .md\:tw-to-font-70{
    --gradient-to-color: #838383;
  }

  .md\:hover\:tw-from-transparent:hover{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:tw-from-current:hover{
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:tw-from-black:hover{
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:tw-from-white:hover{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:tw-from-gray-100:hover{
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .md\:hover\:tw-from-gray-200:hover{
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .md\:hover\:tw-from-gray-300:hover{
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .md\:hover\:tw-from-gray-400:hover{
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .md\:hover\:tw-from-gray-500:hover{
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .md\:hover\:tw-from-gray-600:hover{
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .md\:hover\:tw-from-gray-700:hover{
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .md\:hover\:tw-from-gray-800:hover{
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .md\:hover\:tw-from-gray-900:hover{
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .md\:hover\:tw-from-red-100:hover{
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .md\:hover\:tw-from-red-200:hover{
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .md\:hover\:tw-from-red-300:hover{
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .md\:hover\:tw-from-red-400:hover{
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .md\:hover\:tw-from-red-500:hover{
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .md\:hover\:tw-from-red-600:hover{
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .md\:hover\:tw-from-red-700:hover{
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .md\:hover\:tw-from-red-800:hover{
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .md\:hover\:tw-from-red-900:hover{
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .md\:hover\:tw-from-orange-100:hover{
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .md\:hover\:tw-from-orange-200:hover{
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .md\:hover\:tw-from-orange-300:hover{
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .md\:hover\:tw-from-orange-400:hover{
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .md\:hover\:tw-from-orange-500:hover{
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .md\:hover\:tw-from-orange-600:hover{
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .md\:hover\:tw-from-orange-700:hover{
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .md\:hover\:tw-from-orange-800:hover{
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .md\:hover\:tw-from-orange-900:hover{
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .md\:hover\:tw-from-yellow-100:hover{
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .md\:hover\:tw-from-yellow-200:hover{
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .md\:hover\:tw-from-yellow-300:hover{
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .md\:hover\:tw-from-yellow-400:hover{
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .md\:hover\:tw-from-yellow-500:hover{
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .md\:hover\:tw-from-yellow-600:hover{
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .md\:hover\:tw-from-yellow-700:hover{
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .md\:hover\:tw-from-yellow-800:hover{
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .md\:hover\:tw-from-yellow-900:hover{
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .md\:hover\:tw-from-green-100:hover{
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .md\:hover\:tw-from-green-200:hover{
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .md\:hover\:tw-from-green-300:hover{
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .md\:hover\:tw-from-green-400:hover{
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .md\:hover\:tw-from-green-500:hover{
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .md\:hover\:tw-from-green-600:hover{
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .md\:hover\:tw-from-green-700:hover{
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .md\:hover\:tw-from-green-800:hover{
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .md\:hover\:tw-from-green-900:hover{
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .md\:hover\:tw-from-teal-100:hover{
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .md\:hover\:tw-from-teal-200:hover{
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .md\:hover\:tw-from-teal-300:hover{
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .md\:hover\:tw-from-teal-400:hover{
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .md\:hover\:tw-from-teal-500:hover{
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .md\:hover\:tw-from-teal-600:hover{
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .md\:hover\:tw-from-teal-700:hover{
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .md\:hover\:tw-from-teal-800:hover{
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .md\:hover\:tw-from-teal-900:hover{
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .md\:hover\:tw-from-blue-100:hover{
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .md\:hover\:tw-from-blue-200:hover{
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .md\:hover\:tw-from-blue-300:hover{
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .md\:hover\:tw-from-blue-400:hover{
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .md\:hover\:tw-from-blue-500:hover{
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .md\:hover\:tw-from-blue-600:hover{
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .md\:hover\:tw-from-blue-700:hover{
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .md\:hover\:tw-from-blue-800:hover{
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .md\:hover\:tw-from-blue-900:hover{
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .md\:hover\:tw-from-indigo-100:hover{
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .md\:hover\:tw-from-indigo-200:hover{
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .md\:hover\:tw-from-indigo-300:hover{
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .md\:hover\:tw-from-indigo-400:hover{
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .md\:hover\:tw-from-indigo-500:hover{
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .md\:hover\:tw-from-indigo-600:hover{
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .md\:hover\:tw-from-indigo-700:hover{
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .md\:hover\:tw-from-indigo-800:hover{
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .md\:hover\:tw-from-indigo-900:hover{
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .md\:hover\:tw-from-purple-100:hover{
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .md\:hover\:tw-from-purple-200:hover{
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .md\:hover\:tw-from-purple-300:hover{
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .md\:hover\:tw-from-purple-400:hover{
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .md\:hover\:tw-from-purple-500:hover{
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .md\:hover\:tw-from-purple-600:hover{
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .md\:hover\:tw-from-purple-700:hover{
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .md\:hover\:tw-from-purple-800:hover{
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .md\:hover\:tw-from-purple-900:hover{
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .md\:hover\:tw-from-pink-100:hover{
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .md\:hover\:tw-from-pink-200:hover{
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .md\:hover\:tw-from-pink-300:hover{
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .md\:hover\:tw-from-pink-400:hover{
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .md\:hover\:tw-from-pink-500:hover{
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .md\:hover\:tw-from-pink-600:hover{
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .md\:hover\:tw-from-pink-700:hover{
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .md\:hover\:tw-from-pink-800:hover{
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .md\:hover\:tw-from-pink-900:hover{
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .md\:hover\:tw-from-primary-blue:hover{
    --gradient-from-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .md\:hover\:tw-from-primary-blue-dark:hover{
    --gradient-from-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .md\:hover\:tw-from-primary-white:hover{
    --gradient-from-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:tw-from-font-0:hover{
    --gradient-from-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .md\:hover\:tw-from-font-1:hover{
    --gradient-from-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .md\:hover\:tw-from-font-5:hover{
    --gradient-from-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .md\:hover\:tw-from-font-10:hover{
    --gradient-from-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .md\:hover\:tw-from-font-50:hover{
    --gradient-from-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .md\:hover\:tw-from-font-70:hover{
    --gradient-from-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .md\:hover\:tw-via-transparent:hover{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:tw-via-current:hover{
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:tw-via-black:hover{
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:tw-via-white:hover{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:tw-via-gray-100:hover{
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .md\:hover\:tw-via-gray-200:hover{
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .md\:hover\:tw-via-gray-300:hover{
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .md\:hover\:tw-via-gray-400:hover{
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .md\:hover\:tw-via-gray-500:hover{
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .md\:hover\:tw-via-gray-600:hover{
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .md\:hover\:tw-via-gray-700:hover{
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .md\:hover\:tw-via-gray-800:hover{
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .md\:hover\:tw-via-gray-900:hover{
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .md\:hover\:tw-via-red-100:hover{
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .md\:hover\:tw-via-red-200:hover{
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .md\:hover\:tw-via-red-300:hover{
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .md\:hover\:tw-via-red-400:hover{
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .md\:hover\:tw-via-red-500:hover{
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .md\:hover\:tw-via-red-600:hover{
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .md\:hover\:tw-via-red-700:hover{
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .md\:hover\:tw-via-red-800:hover{
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .md\:hover\:tw-via-red-900:hover{
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .md\:hover\:tw-via-orange-100:hover{
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .md\:hover\:tw-via-orange-200:hover{
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .md\:hover\:tw-via-orange-300:hover{
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .md\:hover\:tw-via-orange-400:hover{
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .md\:hover\:tw-via-orange-500:hover{
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .md\:hover\:tw-via-orange-600:hover{
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .md\:hover\:tw-via-orange-700:hover{
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .md\:hover\:tw-via-orange-800:hover{
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .md\:hover\:tw-via-orange-900:hover{
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .md\:hover\:tw-via-yellow-100:hover{
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .md\:hover\:tw-via-yellow-200:hover{
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .md\:hover\:tw-via-yellow-300:hover{
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .md\:hover\:tw-via-yellow-400:hover{
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .md\:hover\:tw-via-yellow-500:hover{
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .md\:hover\:tw-via-yellow-600:hover{
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .md\:hover\:tw-via-yellow-700:hover{
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .md\:hover\:tw-via-yellow-800:hover{
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .md\:hover\:tw-via-yellow-900:hover{
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .md\:hover\:tw-via-green-100:hover{
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .md\:hover\:tw-via-green-200:hover{
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .md\:hover\:tw-via-green-300:hover{
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .md\:hover\:tw-via-green-400:hover{
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .md\:hover\:tw-via-green-500:hover{
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .md\:hover\:tw-via-green-600:hover{
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .md\:hover\:tw-via-green-700:hover{
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .md\:hover\:tw-via-green-800:hover{
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .md\:hover\:tw-via-green-900:hover{
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .md\:hover\:tw-via-teal-100:hover{
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .md\:hover\:tw-via-teal-200:hover{
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .md\:hover\:tw-via-teal-300:hover{
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .md\:hover\:tw-via-teal-400:hover{
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .md\:hover\:tw-via-teal-500:hover{
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .md\:hover\:tw-via-teal-600:hover{
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .md\:hover\:tw-via-teal-700:hover{
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .md\:hover\:tw-via-teal-800:hover{
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .md\:hover\:tw-via-teal-900:hover{
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .md\:hover\:tw-via-blue-100:hover{
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .md\:hover\:tw-via-blue-200:hover{
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .md\:hover\:tw-via-blue-300:hover{
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .md\:hover\:tw-via-blue-400:hover{
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .md\:hover\:tw-via-blue-500:hover{
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .md\:hover\:tw-via-blue-600:hover{
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .md\:hover\:tw-via-blue-700:hover{
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .md\:hover\:tw-via-blue-800:hover{
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .md\:hover\:tw-via-blue-900:hover{
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .md\:hover\:tw-via-indigo-100:hover{
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .md\:hover\:tw-via-indigo-200:hover{
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .md\:hover\:tw-via-indigo-300:hover{
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .md\:hover\:tw-via-indigo-400:hover{
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .md\:hover\:tw-via-indigo-500:hover{
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .md\:hover\:tw-via-indigo-600:hover{
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .md\:hover\:tw-via-indigo-700:hover{
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .md\:hover\:tw-via-indigo-800:hover{
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .md\:hover\:tw-via-indigo-900:hover{
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .md\:hover\:tw-via-purple-100:hover{
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .md\:hover\:tw-via-purple-200:hover{
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .md\:hover\:tw-via-purple-300:hover{
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .md\:hover\:tw-via-purple-400:hover{
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .md\:hover\:tw-via-purple-500:hover{
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .md\:hover\:tw-via-purple-600:hover{
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .md\:hover\:tw-via-purple-700:hover{
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .md\:hover\:tw-via-purple-800:hover{
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .md\:hover\:tw-via-purple-900:hover{
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .md\:hover\:tw-via-pink-100:hover{
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .md\:hover\:tw-via-pink-200:hover{
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .md\:hover\:tw-via-pink-300:hover{
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .md\:hover\:tw-via-pink-400:hover{
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .md\:hover\:tw-via-pink-500:hover{
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .md\:hover\:tw-via-pink-600:hover{
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .md\:hover\:tw-via-pink-700:hover{
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .md\:hover\:tw-via-pink-800:hover{
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .md\:hover\:tw-via-pink-900:hover{
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .md\:hover\:tw-via-primary-blue:hover{
    --gradient-via-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .md\:hover\:tw-via-primary-blue-dark:hover{
    --gradient-via-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .md\:hover\:tw-via-primary-white:hover{
    --gradient-via-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:tw-via-font-0:hover{
    --gradient-via-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .md\:hover\:tw-via-font-1:hover{
    --gradient-via-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .md\:hover\:tw-via-font-5:hover{
    --gradient-via-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .md\:hover\:tw-via-font-10:hover{
    --gradient-via-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .md\:hover\:tw-via-font-50:hover{
    --gradient-via-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .md\:hover\:tw-via-font-70:hover{
    --gradient-via-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .md\:hover\:tw-to-transparent:hover{
    --gradient-to-color: transparent;
  }

  .md\:hover\:tw-to-current:hover{
    --gradient-to-color: currentColor;
  }

  .md\:hover\:tw-to-black:hover{
    --gradient-to-color: #000;
  }

  .md\:hover\:tw-to-white:hover{
    --gradient-to-color: #fff;
  }

  .md\:hover\:tw-to-gray-100:hover{
    --gradient-to-color: #f7fafc;
  }

  .md\:hover\:tw-to-gray-200:hover{
    --gradient-to-color: #edf2f7;
  }

  .md\:hover\:tw-to-gray-300:hover{
    --gradient-to-color: #e2e8f0;
  }

  .md\:hover\:tw-to-gray-400:hover{
    --gradient-to-color: #cbd5e0;
  }

  .md\:hover\:tw-to-gray-500:hover{
    --gradient-to-color: #a0aec0;
  }

  .md\:hover\:tw-to-gray-600:hover{
    --gradient-to-color: #718096;
  }

  .md\:hover\:tw-to-gray-700:hover{
    --gradient-to-color: #4a5568;
  }

  .md\:hover\:tw-to-gray-800:hover{
    --gradient-to-color: #2d3748;
  }

  .md\:hover\:tw-to-gray-900:hover{
    --gradient-to-color: #1a202c;
  }

  .md\:hover\:tw-to-red-100:hover{
    --gradient-to-color: #fff5f5;
  }

  .md\:hover\:tw-to-red-200:hover{
    --gradient-to-color: #fed7d7;
  }

  .md\:hover\:tw-to-red-300:hover{
    --gradient-to-color: #feb2b2;
  }

  .md\:hover\:tw-to-red-400:hover{
    --gradient-to-color: #fc8181;
  }

  .md\:hover\:tw-to-red-500:hover{
    --gradient-to-color: #f56565;
  }

  .md\:hover\:tw-to-red-600:hover{
    --gradient-to-color: #e53e3e;
  }

  .md\:hover\:tw-to-red-700:hover{
    --gradient-to-color: #c53030;
  }

  .md\:hover\:tw-to-red-800:hover{
    --gradient-to-color: #9b2c2c;
  }

  .md\:hover\:tw-to-red-900:hover{
    --gradient-to-color: #742a2a;
  }

  .md\:hover\:tw-to-orange-100:hover{
    --gradient-to-color: #fffaf0;
  }

  .md\:hover\:tw-to-orange-200:hover{
    --gradient-to-color: #feebc8;
  }

  .md\:hover\:tw-to-orange-300:hover{
    --gradient-to-color: #fbd38d;
  }

  .md\:hover\:tw-to-orange-400:hover{
    --gradient-to-color: #f6ad55;
  }

  .md\:hover\:tw-to-orange-500:hover{
    --gradient-to-color: #ed8936;
  }

  .md\:hover\:tw-to-orange-600:hover{
    --gradient-to-color: #dd6b20;
  }

  .md\:hover\:tw-to-orange-700:hover{
    --gradient-to-color: #c05621;
  }

  .md\:hover\:tw-to-orange-800:hover{
    --gradient-to-color: #9c4221;
  }

  .md\:hover\:tw-to-orange-900:hover{
    --gradient-to-color: #7b341e;
  }

  .md\:hover\:tw-to-yellow-100:hover{
    --gradient-to-color: #fffff0;
  }

  .md\:hover\:tw-to-yellow-200:hover{
    --gradient-to-color: #fefcbf;
  }

  .md\:hover\:tw-to-yellow-300:hover{
    --gradient-to-color: #faf089;
  }

  .md\:hover\:tw-to-yellow-400:hover{
    --gradient-to-color: #f6e05e;
  }

  .md\:hover\:tw-to-yellow-500:hover{
    --gradient-to-color: #ecc94b;
  }

  .md\:hover\:tw-to-yellow-600:hover{
    --gradient-to-color: #d69e2e;
  }

  .md\:hover\:tw-to-yellow-700:hover{
    --gradient-to-color: #b7791f;
  }

  .md\:hover\:tw-to-yellow-800:hover{
    --gradient-to-color: #975a16;
  }

  .md\:hover\:tw-to-yellow-900:hover{
    --gradient-to-color: #744210;
  }

  .md\:hover\:tw-to-green-100:hover{
    --gradient-to-color: #f0fff4;
  }

  .md\:hover\:tw-to-green-200:hover{
    --gradient-to-color: #c6f6d5;
  }

  .md\:hover\:tw-to-green-300:hover{
    --gradient-to-color: #9ae6b4;
  }

  .md\:hover\:tw-to-green-400:hover{
    --gradient-to-color: #68d391;
  }

  .md\:hover\:tw-to-green-500:hover{
    --gradient-to-color: #48bb78;
  }

  .md\:hover\:tw-to-green-600:hover{
    --gradient-to-color: #38a169;
  }

  .md\:hover\:tw-to-green-700:hover{
    --gradient-to-color: #2f855a;
  }

  .md\:hover\:tw-to-green-800:hover{
    --gradient-to-color: #276749;
  }

  .md\:hover\:tw-to-green-900:hover{
    --gradient-to-color: #22543d;
  }

  .md\:hover\:tw-to-teal-100:hover{
    --gradient-to-color: #e6fffa;
  }

  .md\:hover\:tw-to-teal-200:hover{
    --gradient-to-color: #b2f5ea;
  }

  .md\:hover\:tw-to-teal-300:hover{
    --gradient-to-color: #81e6d9;
  }

  .md\:hover\:tw-to-teal-400:hover{
    --gradient-to-color: #4fd1c5;
  }

  .md\:hover\:tw-to-teal-500:hover{
    --gradient-to-color: #38b2ac;
  }

  .md\:hover\:tw-to-teal-600:hover{
    --gradient-to-color: #319795;
  }

  .md\:hover\:tw-to-teal-700:hover{
    --gradient-to-color: #2c7a7b;
  }

  .md\:hover\:tw-to-teal-800:hover{
    --gradient-to-color: #285e61;
  }

  .md\:hover\:tw-to-teal-900:hover{
    --gradient-to-color: #234e52;
  }

  .md\:hover\:tw-to-blue-100:hover{
    --gradient-to-color: #ebf8ff;
  }

  .md\:hover\:tw-to-blue-200:hover{
    --gradient-to-color: #bee3f8;
  }

  .md\:hover\:tw-to-blue-300:hover{
    --gradient-to-color: #90cdf4;
  }

  .md\:hover\:tw-to-blue-400:hover{
    --gradient-to-color: #63b3ed;
  }

  .md\:hover\:tw-to-blue-500:hover{
    --gradient-to-color: #4299e1;
  }

  .md\:hover\:tw-to-blue-600:hover{
    --gradient-to-color: #3182ce;
  }

  .md\:hover\:tw-to-blue-700:hover{
    --gradient-to-color: #2b6cb0;
  }

  .md\:hover\:tw-to-blue-800:hover{
    --gradient-to-color: #2c5282;
  }

  .md\:hover\:tw-to-blue-900:hover{
    --gradient-to-color: #2a4365;
  }

  .md\:hover\:tw-to-indigo-100:hover{
    --gradient-to-color: #ebf4ff;
  }

  .md\:hover\:tw-to-indigo-200:hover{
    --gradient-to-color: #c3dafe;
  }

  .md\:hover\:tw-to-indigo-300:hover{
    --gradient-to-color: #a3bffa;
  }

  .md\:hover\:tw-to-indigo-400:hover{
    --gradient-to-color: #7f9cf5;
  }

  .md\:hover\:tw-to-indigo-500:hover{
    --gradient-to-color: #667eea;
  }

  .md\:hover\:tw-to-indigo-600:hover{
    --gradient-to-color: #5a67d8;
  }

  .md\:hover\:tw-to-indigo-700:hover{
    --gradient-to-color: #4c51bf;
  }

  .md\:hover\:tw-to-indigo-800:hover{
    --gradient-to-color: #434190;
  }

  .md\:hover\:tw-to-indigo-900:hover{
    --gradient-to-color: #3c366b;
  }

  .md\:hover\:tw-to-purple-100:hover{
    --gradient-to-color: #faf5ff;
  }

  .md\:hover\:tw-to-purple-200:hover{
    --gradient-to-color: #e9d8fd;
  }

  .md\:hover\:tw-to-purple-300:hover{
    --gradient-to-color: #d6bcfa;
  }

  .md\:hover\:tw-to-purple-400:hover{
    --gradient-to-color: #b794f4;
  }

  .md\:hover\:tw-to-purple-500:hover{
    --gradient-to-color: #9f7aea;
  }

  .md\:hover\:tw-to-purple-600:hover{
    --gradient-to-color: #805ad5;
  }

  .md\:hover\:tw-to-purple-700:hover{
    --gradient-to-color: #6b46c1;
  }

  .md\:hover\:tw-to-purple-800:hover{
    --gradient-to-color: #553c9a;
  }

  .md\:hover\:tw-to-purple-900:hover{
    --gradient-to-color: #44337a;
  }

  .md\:hover\:tw-to-pink-100:hover{
    --gradient-to-color: #fff5f7;
  }

  .md\:hover\:tw-to-pink-200:hover{
    --gradient-to-color: #fed7e2;
  }

  .md\:hover\:tw-to-pink-300:hover{
    --gradient-to-color: #fbb6ce;
  }

  .md\:hover\:tw-to-pink-400:hover{
    --gradient-to-color: #f687b3;
  }

  .md\:hover\:tw-to-pink-500:hover{
    --gradient-to-color: #ed64a6;
  }

  .md\:hover\:tw-to-pink-600:hover{
    --gradient-to-color: #d53f8c;
  }

  .md\:hover\:tw-to-pink-700:hover{
    --gradient-to-color: #b83280;
  }

  .md\:hover\:tw-to-pink-800:hover{
    --gradient-to-color: #97266d;
  }

  .md\:hover\:tw-to-pink-900:hover{
    --gradient-to-color: #702459;
  }

  .md\:hover\:tw-to-primary-blue:hover{
    --gradient-to-color: #1976d2;
  }

  .md\:hover\:tw-to-primary-blue-dark:hover{
    --gradient-to-color: #0c3b69;
  }

  .md\:hover\:tw-to-primary-white:hover{
    --gradient-to-color: #ffffff;
  }

  .md\:hover\:tw-to-font-0:hover{
    --gradient-to-color: #4f4f4f;
  }

  .md\:hover\:tw-to-font-1:hover{
    --gradient-to-color: #fcfcfc;
  }

  .md\:hover\:tw-to-font-5:hover{
    --gradient-to-color: #f6f6f6;
  }

  .md\:hover\:tw-to-font-10:hover{
    --gradient-to-color: #ededed;
  }

  .md\:hover\:tw-to-font-50:hover{
    --gradient-to-color: #a7a7a7;
  }

  .md\:hover\:tw-to-font-70:hover{
    --gradient-to-color: #838383;
  }

  .md\:focus\:tw-from-transparent:focus{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:tw-from-current:focus{
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:tw-from-black:focus{
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:tw-from-white:focus{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:tw-from-gray-100:focus{
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .md\:focus\:tw-from-gray-200:focus{
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .md\:focus\:tw-from-gray-300:focus{
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .md\:focus\:tw-from-gray-400:focus{
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .md\:focus\:tw-from-gray-500:focus{
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .md\:focus\:tw-from-gray-600:focus{
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .md\:focus\:tw-from-gray-700:focus{
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .md\:focus\:tw-from-gray-800:focus{
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .md\:focus\:tw-from-gray-900:focus{
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .md\:focus\:tw-from-red-100:focus{
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .md\:focus\:tw-from-red-200:focus{
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .md\:focus\:tw-from-red-300:focus{
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .md\:focus\:tw-from-red-400:focus{
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .md\:focus\:tw-from-red-500:focus{
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .md\:focus\:tw-from-red-600:focus{
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .md\:focus\:tw-from-red-700:focus{
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .md\:focus\:tw-from-red-800:focus{
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .md\:focus\:tw-from-red-900:focus{
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .md\:focus\:tw-from-orange-100:focus{
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .md\:focus\:tw-from-orange-200:focus{
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .md\:focus\:tw-from-orange-300:focus{
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .md\:focus\:tw-from-orange-400:focus{
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .md\:focus\:tw-from-orange-500:focus{
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .md\:focus\:tw-from-orange-600:focus{
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .md\:focus\:tw-from-orange-700:focus{
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .md\:focus\:tw-from-orange-800:focus{
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .md\:focus\:tw-from-orange-900:focus{
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .md\:focus\:tw-from-yellow-100:focus{
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .md\:focus\:tw-from-yellow-200:focus{
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .md\:focus\:tw-from-yellow-300:focus{
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .md\:focus\:tw-from-yellow-400:focus{
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .md\:focus\:tw-from-yellow-500:focus{
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .md\:focus\:tw-from-yellow-600:focus{
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .md\:focus\:tw-from-yellow-700:focus{
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .md\:focus\:tw-from-yellow-800:focus{
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .md\:focus\:tw-from-yellow-900:focus{
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .md\:focus\:tw-from-green-100:focus{
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .md\:focus\:tw-from-green-200:focus{
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .md\:focus\:tw-from-green-300:focus{
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .md\:focus\:tw-from-green-400:focus{
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .md\:focus\:tw-from-green-500:focus{
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .md\:focus\:tw-from-green-600:focus{
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .md\:focus\:tw-from-green-700:focus{
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .md\:focus\:tw-from-green-800:focus{
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .md\:focus\:tw-from-green-900:focus{
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .md\:focus\:tw-from-teal-100:focus{
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .md\:focus\:tw-from-teal-200:focus{
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .md\:focus\:tw-from-teal-300:focus{
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .md\:focus\:tw-from-teal-400:focus{
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .md\:focus\:tw-from-teal-500:focus{
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .md\:focus\:tw-from-teal-600:focus{
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .md\:focus\:tw-from-teal-700:focus{
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .md\:focus\:tw-from-teal-800:focus{
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .md\:focus\:tw-from-teal-900:focus{
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .md\:focus\:tw-from-blue-100:focus{
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .md\:focus\:tw-from-blue-200:focus{
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .md\:focus\:tw-from-blue-300:focus{
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .md\:focus\:tw-from-blue-400:focus{
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .md\:focus\:tw-from-blue-500:focus{
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .md\:focus\:tw-from-blue-600:focus{
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .md\:focus\:tw-from-blue-700:focus{
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .md\:focus\:tw-from-blue-800:focus{
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .md\:focus\:tw-from-blue-900:focus{
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .md\:focus\:tw-from-indigo-100:focus{
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .md\:focus\:tw-from-indigo-200:focus{
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .md\:focus\:tw-from-indigo-300:focus{
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .md\:focus\:tw-from-indigo-400:focus{
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .md\:focus\:tw-from-indigo-500:focus{
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .md\:focus\:tw-from-indigo-600:focus{
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .md\:focus\:tw-from-indigo-700:focus{
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .md\:focus\:tw-from-indigo-800:focus{
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .md\:focus\:tw-from-indigo-900:focus{
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .md\:focus\:tw-from-purple-100:focus{
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .md\:focus\:tw-from-purple-200:focus{
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .md\:focus\:tw-from-purple-300:focus{
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .md\:focus\:tw-from-purple-400:focus{
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .md\:focus\:tw-from-purple-500:focus{
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .md\:focus\:tw-from-purple-600:focus{
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .md\:focus\:tw-from-purple-700:focus{
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .md\:focus\:tw-from-purple-800:focus{
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .md\:focus\:tw-from-purple-900:focus{
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .md\:focus\:tw-from-pink-100:focus{
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .md\:focus\:tw-from-pink-200:focus{
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .md\:focus\:tw-from-pink-300:focus{
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .md\:focus\:tw-from-pink-400:focus{
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .md\:focus\:tw-from-pink-500:focus{
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .md\:focus\:tw-from-pink-600:focus{
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .md\:focus\:tw-from-pink-700:focus{
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .md\:focus\:tw-from-pink-800:focus{
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .md\:focus\:tw-from-pink-900:focus{
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .md\:focus\:tw-from-primary-blue:focus{
    --gradient-from-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .md\:focus\:tw-from-primary-blue-dark:focus{
    --gradient-from-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .md\:focus\:tw-from-primary-white:focus{
    --gradient-from-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:tw-from-font-0:focus{
    --gradient-from-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .md\:focus\:tw-from-font-1:focus{
    --gradient-from-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .md\:focus\:tw-from-font-5:focus{
    --gradient-from-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .md\:focus\:tw-from-font-10:focus{
    --gradient-from-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .md\:focus\:tw-from-font-50:focus{
    --gradient-from-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .md\:focus\:tw-from-font-70:focus{
    --gradient-from-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .md\:focus\:tw-via-transparent:focus{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:tw-via-current:focus{
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:tw-via-black:focus{
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:tw-via-white:focus{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:tw-via-gray-100:focus{
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .md\:focus\:tw-via-gray-200:focus{
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .md\:focus\:tw-via-gray-300:focus{
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .md\:focus\:tw-via-gray-400:focus{
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .md\:focus\:tw-via-gray-500:focus{
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .md\:focus\:tw-via-gray-600:focus{
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .md\:focus\:tw-via-gray-700:focus{
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .md\:focus\:tw-via-gray-800:focus{
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .md\:focus\:tw-via-gray-900:focus{
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .md\:focus\:tw-via-red-100:focus{
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .md\:focus\:tw-via-red-200:focus{
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .md\:focus\:tw-via-red-300:focus{
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .md\:focus\:tw-via-red-400:focus{
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .md\:focus\:tw-via-red-500:focus{
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .md\:focus\:tw-via-red-600:focus{
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .md\:focus\:tw-via-red-700:focus{
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .md\:focus\:tw-via-red-800:focus{
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .md\:focus\:tw-via-red-900:focus{
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .md\:focus\:tw-via-orange-100:focus{
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .md\:focus\:tw-via-orange-200:focus{
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .md\:focus\:tw-via-orange-300:focus{
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .md\:focus\:tw-via-orange-400:focus{
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .md\:focus\:tw-via-orange-500:focus{
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .md\:focus\:tw-via-orange-600:focus{
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .md\:focus\:tw-via-orange-700:focus{
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .md\:focus\:tw-via-orange-800:focus{
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .md\:focus\:tw-via-orange-900:focus{
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .md\:focus\:tw-via-yellow-100:focus{
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .md\:focus\:tw-via-yellow-200:focus{
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .md\:focus\:tw-via-yellow-300:focus{
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .md\:focus\:tw-via-yellow-400:focus{
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .md\:focus\:tw-via-yellow-500:focus{
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .md\:focus\:tw-via-yellow-600:focus{
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .md\:focus\:tw-via-yellow-700:focus{
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .md\:focus\:tw-via-yellow-800:focus{
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .md\:focus\:tw-via-yellow-900:focus{
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .md\:focus\:tw-via-green-100:focus{
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .md\:focus\:tw-via-green-200:focus{
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .md\:focus\:tw-via-green-300:focus{
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .md\:focus\:tw-via-green-400:focus{
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .md\:focus\:tw-via-green-500:focus{
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .md\:focus\:tw-via-green-600:focus{
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .md\:focus\:tw-via-green-700:focus{
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .md\:focus\:tw-via-green-800:focus{
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .md\:focus\:tw-via-green-900:focus{
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .md\:focus\:tw-via-teal-100:focus{
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .md\:focus\:tw-via-teal-200:focus{
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .md\:focus\:tw-via-teal-300:focus{
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .md\:focus\:tw-via-teal-400:focus{
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .md\:focus\:tw-via-teal-500:focus{
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .md\:focus\:tw-via-teal-600:focus{
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .md\:focus\:tw-via-teal-700:focus{
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .md\:focus\:tw-via-teal-800:focus{
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .md\:focus\:tw-via-teal-900:focus{
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .md\:focus\:tw-via-blue-100:focus{
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .md\:focus\:tw-via-blue-200:focus{
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .md\:focus\:tw-via-blue-300:focus{
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .md\:focus\:tw-via-blue-400:focus{
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .md\:focus\:tw-via-blue-500:focus{
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .md\:focus\:tw-via-blue-600:focus{
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .md\:focus\:tw-via-blue-700:focus{
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .md\:focus\:tw-via-blue-800:focus{
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .md\:focus\:tw-via-blue-900:focus{
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .md\:focus\:tw-via-indigo-100:focus{
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .md\:focus\:tw-via-indigo-200:focus{
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .md\:focus\:tw-via-indigo-300:focus{
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .md\:focus\:tw-via-indigo-400:focus{
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .md\:focus\:tw-via-indigo-500:focus{
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .md\:focus\:tw-via-indigo-600:focus{
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .md\:focus\:tw-via-indigo-700:focus{
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .md\:focus\:tw-via-indigo-800:focus{
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .md\:focus\:tw-via-indigo-900:focus{
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .md\:focus\:tw-via-purple-100:focus{
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .md\:focus\:tw-via-purple-200:focus{
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .md\:focus\:tw-via-purple-300:focus{
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .md\:focus\:tw-via-purple-400:focus{
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .md\:focus\:tw-via-purple-500:focus{
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .md\:focus\:tw-via-purple-600:focus{
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .md\:focus\:tw-via-purple-700:focus{
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .md\:focus\:tw-via-purple-800:focus{
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .md\:focus\:tw-via-purple-900:focus{
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .md\:focus\:tw-via-pink-100:focus{
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .md\:focus\:tw-via-pink-200:focus{
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .md\:focus\:tw-via-pink-300:focus{
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .md\:focus\:tw-via-pink-400:focus{
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .md\:focus\:tw-via-pink-500:focus{
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .md\:focus\:tw-via-pink-600:focus{
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .md\:focus\:tw-via-pink-700:focus{
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .md\:focus\:tw-via-pink-800:focus{
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .md\:focus\:tw-via-pink-900:focus{
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .md\:focus\:tw-via-primary-blue:focus{
    --gradient-via-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .md\:focus\:tw-via-primary-blue-dark:focus{
    --gradient-via-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .md\:focus\:tw-via-primary-white:focus{
    --gradient-via-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:tw-via-font-0:focus{
    --gradient-via-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .md\:focus\:tw-via-font-1:focus{
    --gradient-via-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .md\:focus\:tw-via-font-5:focus{
    --gradient-via-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .md\:focus\:tw-via-font-10:focus{
    --gradient-via-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .md\:focus\:tw-via-font-50:focus{
    --gradient-via-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .md\:focus\:tw-via-font-70:focus{
    --gradient-via-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .md\:focus\:tw-to-transparent:focus{
    --gradient-to-color: transparent;
  }

  .md\:focus\:tw-to-current:focus{
    --gradient-to-color: currentColor;
  }

  .md\:focus\:tw-to-black:focus{
    --gradient-to-color: #000;
  }

  .md\:focus\:tw-to-white:focus{
    --gradient-to-color: #fff;
  }

  .md\:focus\:tw-to-gray-100:focus{
    --gradient-to-color: #f7fafc;
  }

  .md\:focus\:tw-to-gray-200:focus{
    --gradient-to-color: #edf2f7;
  }

  .md\:focus\:tw-to-gray-300:focus{
    --gradient-to-color: #e2e8f0;
  }

  .md\:focus\:tw-to-gray-400:focus{
    --gradient-to-color: #cbd5e0;
  }

  .md\:focus\:tw-to-gray-500:focus{
    --gradient-to-color: #a0aec0;
  }

  .md\:focus\:tw-to-gray-600:focus{
    --gradient-to-color: #718096;
  }

  .md\:focus\:tw-to-gray-700:focus{
    --gradient-to-color: #4a5568;
  }

  .md\:focus\:tw-to-gray-800:focus{
    --gradient-to-color: #2d3748;
  }

  .md\:focus\:tw-to-gray-900:focus{
    --gradient-to-color: #1a202c;
  }

  .md\:focus\:tw-to-red-100:focus{
    --gradient-to-color: #fff5f5;
  }

  .md\:focus\:tw-to-red-200:focus{
    --gradient-to-color: #fed7d7;
  }

  .md\:focus\:tw-to-red-300:focus{
    --gradient-to-color: #feb2b2;
  }

  .md\:focus\:tw-to-red-400:focus{
    --gradient-to-color: #fc8181;
  }

  .md\:focus\:tw-to-red-500:focus{
    --gradient-to-color: #f56565;
  }

  .md\:focus\:tw-to-red-600:focus{
    --gradient-to-color: #e53e3e;
  }

  .md\:focus\:tw-to-red-700:focus{
    --gradient-to-color: #c53030;
  }

  .md\:focus\:tw-to-red-800:focus{
    --gradient-to-color: #9b2c2c;
  }

  .md\:focus\:tw-to-red-900:focus{
    --gradient-to-color: #742a2a;
  }

  .md\:focus\:tw-to-orange-100:focus{
    --gradient-to-color: #fffaf0;
  }

  .md\:focus\:tw-to-orange-200:focus{
    --gradient-to-color: #feebc8;
  }

  .md\:focus\:tw-to-orange-300:focus{
    --gradient-to-color: #fbd38d;
  }

  .md\:focus\:tw-to-orange-400:focus{
    --gradient-to-color: #f6ad55;
  }

  .md\:focus\:tw-to-orange-500:focus{
    --gradient-to-color: #ed8936;
  }

  .md\:focus\:tw-to-orange-600:focus{
    --gradient-to-color: #dd6b20;
  }

  .md\:focus\:tw-to-orange-700:focus{
    --gradient-to-color: #c05621;
  }

  .md\:focus\:tw-to-orange-800:focus{
    --gradient-to-color: #9c4221;
  }

  .md\:focus\:tw-to-orange-900:focus{
    --gradient-to-color: #7b341e;
  }

  .md\:focus\:tw-to-yellow-100:focus{
    --gradient-to-color: #fffff0;
  }

  .md\:focus\:tw-to-yellow-200:focus{
    --gradient-to-color: #fefcbf;
  }

  .md\:focus\:tw-to-yellow-300:focus{
    --gradient-to-color: #faf089;
  }

  .md\:focus\:tw-to-yellow-400:focus{
    --gradient-to-color: #f6e05e;
  }

  .md\:focus\:tw-to-yellow-500:focus{
    --gradient-to-color: #ecc94b;
  }

  .md\:focus\:tw-to-yellow-600:focus{
    --gradient-to-color: #d69e2e;
  }

  .md\:focus\:tw-to-yellow-700:focus{
    --gradient-to-color: #b7791f;
  }

  .md\:focus\:tw-to-yellow-800:focus{
    --gradient-to-color: #975a16;
  }

  .md\:focus\:tw-to-yellow-900:focus{
    --gradient-to-color: #744210;
  }

  .md\:focus\:tw-to-green-100:focus{
    --gradient-to-color: #f0fff4;
  }

  .md\:focus\:tw-to-green-200:focus{
    --gradient-to-color: #c6f6d5;
  }

  .md\:focus\:tw-to-green-300:focus{
    --gradient-to-color: #9ae6b4;
  }

  .md\:focus\:tw-to-green-400:focus{
    --gradient-to-color: #68d391;
  }

  .md\:focus\:tw-to-green-500:focus{
    --gradient-to-color: #48bb78;
  }

  .md\:focus\:tw-to-green-600:focus{
    --gradient-to-color: #38a169;
  }

  .md\:focus\:tw-to-green-700:focus{
    --gradient-to-color: #2f855a;
  }

  .md\:focus\:tw-to-green-800:focus{
    --gradient-to-color: #276749;
  }

  .md\:focus\:tw-to-green-900:focus{
    --gradient-to-color: #22543d;
  }

  .md\:focus\:tw-to-teal-100:focus{
    --gradient-to-color: #e6fffa;
  }

  .md\:focus\:tw-to-teal-200:focus{
    --gradient-to-color: #b2f5ea;
  }

  .md\:focus\:tw-to-teal-300:focus{
    --gradient-to-color: #81e6d9;
  }

  .md\:focus\:tw-to-teal-400:focus{
    --gradient-to-color: #4fd1c5;
  }

  .md\:focus\:tw-to-teal-500:focus{
    --gradient-to-color: #38b2ac;
  }

  .md\:focus\:tw-to-teal-600:focus{
    --gradient-to-color: #319795;
  }

  .md\:focus\:tw-to-teal-700:focus{
    --gradient-to-color: #2c7a7b;
  }

  .md\:focus\:tw-to-teal-800:focus{
    --gradient-to-color: #285e61;
  }

  .md\:focus\:tw-to-teal-900:focus{
    --gradient-to-color: #234e52;
  }

  .md\:focus\:tw-to-blue-100:focus{
    --gradient-to-color: #ebf8ff;
  }

  .md\:focus\:tw-to-blue-200:focus{
    --gradient-to-color: #bee3f8;
  }

  .md\:focus\:tw-to-blue-300:focus{
    --gradient-to-color: #90cdf4;
  }

  .md\:focus\:tw-to-blue-400:focus{
    --gradient-to-color: #63b3ed;
  }

  .md\:focus\:tw-to-blue-500:focus{
    --gradient-to-color: #4299e1;
  }

  .md\:focus\:tw-to-blue-600:focus{
    --gradient-to-color: #3182ce;
  }

  .md\:focus\:tw-to-blue-700:focus{
    --gradient-to-color: #2b6cb0;
  }

  .md\:focus\:tw-to-blue-800:focus{
    --gradient-to-color: #2c5282;
  }

  .md\:focus\:tw-to-blue-900:focus{
    --gradient-to-color: #2a4365;
  }

  .md\:focus\:tw-to-indigo-100:focus{
    --gradient-to-color: #ebf4ff;
  }

  .md\:focus\:tw-to-indigo-200:focus{
    --gradient-to-color: #c3dafe;
  }

  .md\:focus\:tw-to-indigo-300:focus{
    --gradient-to-color: #a3bffa;
  }

  .md\:focus\:tw-to-indigo-400:focus{
    --gradient-to-color: #7f9cf5;
  }

  .md\:focus\:tw-to-indigo-500:focus{
    --gradient-to-color: #667eea;
  }

  .md\:focus\:tw-to-indigo-600:focus{
    --gradient-to-color: #5a67d8;
  }

  .md\:focus\:tw-to-indigo-700:focus{
    --gradient-to-color: #4c51bf;
  }

  .md\:focus\:tw-to-indigo-800:focus{
    --gradient-to-color: #434190;
  }

  .md\:focus\:tw-to-indigo-900:focus{
    --gradient-to-color: #3c366b;
  }

  .md\:focus\:tw-to-purple-100:focus{
    --gradient-to-color: #faf5ff;
  }

  .md\:focus\:tw-to-purple-200:focus{
    --gradient-to-color: #e9d8fd;
  }

  .md\:focus\:tw-to-purple-300:focus{
    --gradient-to-color: #d6bcfa;
  }

  .md\:focus\:tw-to-purple-400:focus{
    --gradient-to-color: #b794f4;
  }

  .md\:focus\:tw-to-purple-500:focus{
    --gradient-to-color: #9f7aea;
  }

  .md\:focus\:tw-to-purple-600:focus{
    --gradient-to-color: #805ad5;
  }

  .md\:focus\:tw-to-purple-700:focus{
    --gradient-to-color: #6b46c1;
  }

  .md\:focus\:tw-to-purple-800:focus{
    --gradient-to-color: #553c9a;
  }

  .md\:focus\:tw-to-purple-900:focus{
    --gradient-to-color: #44337a;
  }

  .md\:focus\:tw-to-pink-100:focus{
    --gradient-to-color: #fff5f7;
  }

  .md\:focus\:tw-to-pink-200:focus{
    --gradient-to-color: #fed7e2;
  }

  .md\:focus\:tw-to-pink-300:focus{
    --gradient-to-color: #fbb6ce;
  }

  .md\:focus\:tw-to-pink-400:focus{
    --gradient-to-color: #f687b3;
  }

  .md\:focus\:tw-to-pink-500:focus{
    --gradient-to-color: #ed64a6;
  }

  .md\:focus\:tw-to-pink-600:focus{
    --gradient-to-color: #d53f8c;
  }

  .md\:focus\:tw-to-pink-700:focus{
    --gradient-to-color: #b83280;
  }

  .md\:focus\:tw-to-pink-800:focus{
    --gradient-to-color: #97266d;
  }

  .md\:focus\:tw-to-pink-900:focus{
    --gradient-to-color: #702459;
  }

  .md\:focus\:tw-to-primary-blue:focus{
    --gradient-to-color: #1976d2;
  }

  .md\:focus\:tw-to-primary-blue-dark:focus{
    --gradient-to-color: #0c3b69;
  }

  .md\:focus\:tw-to-primary-white:focus{
    --gradient-to-color: #ffffff;
  }

  .md\:focus\:tw-to-font-0:focus{
    --gradient-to-color: #4f4f4f;
  }

  .md\:focus\:tw-to-font-1:focus{
    --gradient-to-color: #fcfcfc;
  }

  .md\:focus\:tw-to-font-5:focus{
    --gradient-to-color: #f6f6f6;
  }

  .md\:focus\:tw-to-font-10:focus{
    --gradient-to-color: #ededed;
  }

  .md\:focus\:tw-to-font-50:focus{
    --gradient-to-color: #a7a7a7;
  }

  .md\:focus\:tw-to-font-70:focus{
    --gradient-to-color: #838383;
  }

  .md\:tw-bg-opacity-0{
    --bg-opacity: 0;
  }

  .md\:tw-bg-opacity-25{
    --bg-opacity: 0.25;
  }

  .md\:tw-bg-opacity-50{
    --bg-opacity: 0.5;
  }

  .md\:tw-bg-opacity-75{
    --bg-opacity: 0.75;
  }

  .md\:tw-bg-opacity-100{
    --bg-opacity: 1;
  }

  .md\:hover\:tw-bg-opacity-0:hover{
    --bg-opacity: 0;
  }

  .md\:hover\:tw-bg-opacity-25:hover{
    --bg-opacity: 0.25;
  }

  .md\:hover\:tw-bg-opacity-50:hover{
    --bg-opacity: 0.5;
  }

  .md\:hover\:tw-bg-opacity-75:hover{
    --bg-opacity: 0.75;
  }

  .md\:hover\:tw-bg-opacity-100:hover{
    --bg-opacity: 1;
  }

  .md\:focus\:tw-bg-opacity-0:focus{
    --bg-opacity: 0;
  }

  .md\:focus\:tw-bg-opacity-25:focus{
    --bg-opacity: 0.25;
  }

  .md\:focus\:tw-bg-opacity-50:focus{
    --bg-opacity: 0.5;
  }

  .md\:focus\:tw-bg-opacity-75:focus{
    --bg-opacity: 0.75;
  }

  .md\:focus\:tw-bg-opacity-100:focus{
    --bg-opacity: 1;
  }

  .md\:tw-bg-bottom{
    background-position: bottom;
  }

  .md\:tw-bg-center{
    background-position: center;
  }

  .md\:tw-bg-left{
    background-position: left;
  }

  .md\:tw-bg-left-bottom{
    background-position: left bottom;
  }

  .md\:tw-bg-left-top{
    background-position: left top;
  }

  .md\:tw-bg-right{
    background-position: right;
  }

  .md\:tw-bg-right-bottom{
    background-position: right bottom;
  }

  .md\:tw-bg-right-top{
    background-position: right top;
  }

  .md\:tw-bg-top{
    background-position: top;
  }

  .md\:tw-bg-repeat{
    background-repeat: repeat;
  }

  .md\:tw-bg-no-repeat{
    background-repeat: no-repeat;
  }

  .md\:tw-bg-repeat-x{
    background-repeat: repeat-x;
  }

  .md\:tw-bg-repeat-y{
    background-repeat: repeat-y;
  }

  .md\:tw-bg-repeat-round{
    background-repeat: round;
  }

  .md\:tw-bg-repeat-space{
    background-repeat: space;
  }

  .md\:tw-bg-auto{
    background-size: auto;
  }

  .md\:tw-bg-cover{
    background-size: cover;
  }

  .md\:tw-bg-contain{
    background-size: contain;
  }

  .md\:tw-border-collapse{
    border-collapse: collapse;
  }

  .md\:tw-border-separate{
    border-collapse: separate;
  }

  .md\:tw-border-transparent{
    border-color: transparent;
  }

  .md\:tw-border-current{
    border-color: currentColor;
  }

  .md\:tw-border-black{
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .md\:tw-border-white{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:tw-border-gray-100{
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .md\:tw-border-gray-200{
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .md\:tw-border-gray-300{
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .md\:tw-border-gray-400{
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .md\:tw-border-gray-500{
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .md\:tw-border-gray-600{
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .md\:tw-border-gray-700{
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .md\:tw-border-gray-800{
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .md\:tw-border-gray-900{
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .md\:tw-border-red-100{
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }

  .md\:tw-border-red-200{
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }

  .md\:tw-border-red-300{
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }

  .md\:tw-border-red-400{
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }

  .md\:tw-border-red-500{
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }

  .md\:tw-border-red-600{
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }

  .md\:tw-border-red-700{
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }

  .md\:tw-border-red-800{
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }

  .md\:tw-border-red-900{
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }

  .md\:tw-border-orange-100{
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }

  .md\:tw-border-orange-200{
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }

  .md\:tw-border-orange-300{
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }

  .md\:tw-border-orange-400{
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }

  .md\:tw-border-orange-500{
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }

  .md\:tw-border-orange-600{
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }

  .md\:tw-border-orange-700{
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }

  .md\:tw-border-orange-800{
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }

  .md\:tw-border-orange-900{
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }

  .md\:tw-border-yellow-100{
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }

  .md\:tw-border-yellow-200{
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }

  .md\:tw-border-yellow-300{
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }

  .md\:tw-border-yellow-400{
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }

  .md\:tw-border-yellow-500{
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }

  .md\:tw-border-yellow-600{
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }

  .md\:tw-border-yellow-700{
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }

  .md\:tw-border-yellow-800{
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }

  .md\:tw-border-yellow-900{
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }

  .md\:tw-border-green-100{
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }

  .md\:tw-border-green-200{
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }

  .md\:tw-border-green-300{
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }

  .md\:tw-border-green-400{
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }

  .md\:tw-border-green-500{
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }

  .md\:tw-border-green-600{
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }

  .md\:tw-border-green-700{
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }

  .md\:tw-border-green-800{
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }

  .md\:tw-border-green-900{
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }

  .md\:tw-border-teal-100{
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }

  .md\:tw-border-teal-200{
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }

  .md\:tw-border-teal-300{
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }

  .md\:tw-border-teal-400{
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }

  .md\:tw-border-teal-500{
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }

  .md\:tw-border-teal-600{
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }

  .md\:tw-border-teal-700{
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }

  .md\:tw-border-teal-800{
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }

  .md\:tw-border-teal-900{
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }

  .md\:tw-border-blue-100{
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }

  .md\:tw-border-blue-200{
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }

  .md\:tw-border-blue-300{
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }

  .md\:tw-border-blue-400{
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }

  .md\:tw-border-blue-500{
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }

  .md\:tw-border-blue-600{
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }

  .md\:tw-border-blue-700{
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }

  .md\:tw-border-blue-800{
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }

  .md\:tw-border-blue-900{
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }

  .md\:tw-border-indigo-100{
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }

  .md\:tw-border-indigo-200{
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }

  .md\:tw-border-indigo-300{
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }

  .md\:tw-border-indigo-400{
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }

  .md\:tw-border-indigo-500{
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }

  .md\:tw-border-indigo-600{
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }

  .md\:tw-border-indigo-700{
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }

  .md\:tw-border-indigo-800{
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }

  .md\:tw-border-indigo-900{
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }

  .md\:tw-border-purple-100{
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }

  .md\:tw-border-purple-200{
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }

  .md\:tw-border-purple-300{
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }

  .md\:tw-border-purple-400{
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }

  .md\:tw-border-purple-500{
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }

  .md\:tw-border-purple-600{
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }

  .md\:tw-border-purple-700{
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }

  .md\:tw-border-purple-800{
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }

  .md\:tw-border-purple-900{
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }

  .md\:tw-border-pink-100{
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }

  .md\:tw-border-pink-200{
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }

  .md\:tw-border-pink-300{
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }

  .md\:tw-border-pink-400{
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }

  .md\:tw-border-pink-500{
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }

  .md\:tw-border-pink-600{
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }

  .md\:tw-border-pink-700{
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }

  .md\:tw-border-pink-800{
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }

  .md\:tw-border-pink-900{
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }

  .md\:tw-border-primary-blue{
    --border-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--border-opacity));
  }

  .md\:tw-border-primary-blue-dark{
    --border-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--border-opacity));
  }

  .md\:tw-border-primary-white{
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:tw-border-font-0{
    --border-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--border-opacity));
  }

  .md\:tw-border-font-1{
    --border-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--border-opacity));
  }

  .md\:tw-border-font-5{
    --border-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--border-opacity));
  }

  .md\:tw-border-font-10{
    --border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--border-opacity));
  }

  .md\:tw-border-font-50{
    --border-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--border-opacity));
  }

  .md\:tw-border-font-70{
    --border-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--border-opacity));
  }

  .md\:hover\:tw-border-transparent:hover{
    border-color: transparent;
  }

  .md\:hover\:tw-border-current:hover{
    border-color: currentColor;
  }

  .md\:hover\:tw-border-black:hover{
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .md\:hover\:tw-border-white:hover{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:hover\:tw-border-gray-100:hover{
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .md\:hover\:tw-border-gray-200:hover{
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .md\:hover\:tw-border-gray-300:hover{
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .md\:hover\:tw-border-gray-400:hover{
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .md\:hover\:tw-border-gray-500:hover{
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .md\:hover\:tw-border-gray-600:hover{
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .md\:hover\:tw-border-gray-700:hover{
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .md\:hover\:tw-border-gray-800:hover{
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .md\:hover\:tw-border-gray-900:hover{
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .md\:hover\:tw-border-red-100:hover{
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }

  .md\:hover\:tw-border-red-200:hover{
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }

  .md\:hover\:tw-border-red-300:hover{
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }

  .md\:hover\:tw-border-red-400:hover{
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }

  .md\:hover\:tw-border-red-500:hover{
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }

  .md\:hover\:tw-border-red-600:hover{
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }

  .md\:hover\:tw-border-red-700:hover{
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }

  .md\:hover\:tw-border-red-800:hover{
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }

  .md\:hover\:tw-border-red-900:hover{
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }

  .md\:hover\:tw-border-orange-100:hover{
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }

  .md\:hover\:tw-border-orange-200:hover{
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }

  .md\:hover\:tw-border-orange-300:hover{
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }

  .md\:hover\:tw-border-orange-400:hover{
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }

  .md\:hover\:tw-border-orange-500:hover{
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }

  .md\:hover\:tw-border-orange-600:hover{
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }

  .md\:hover\:tw-border-orange-700:hover{
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }

  .md\:hover\:tw-border-orange-800:hover{
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }

  .md\:hover\:tw-border-orange-900:hover{
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }

  .md\:hover\:tw-border-yellow-100:hover{
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }

  .md\:hover\:tw-border-yellow-200:hover{
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }

  .md\:hover\:tw-border-yellow-300:hover{
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }

  .md\:hover\:tw-border-yellow-400:hover{
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }

  .md\:hover\:tw-border-yellow-500:hover{
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }

  .md\:hover\:tw-border-yellow-600:hover{
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }

  .md\:hover\:tw-border-yellow-700:hover{
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }

  .md\:hover\:tw-border-yellow-800:hover{
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }

  .md\:hover\:tw-border-yellow-900:hover{
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }

  .md\:hover\:tw-border-green-100:hover{
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }

  .md\:hover\:tw-border-green-200:hover{
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }

  .md\:hover\:tw-border-green-300:hover{
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }

  .md\:hover\:tw-border-green-400:hover{
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }

  .md\:hover\:tw-border-green-500:hover{
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }

  .md\:hover\:tw-border-green-600:hover{
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }

  .md\:hover\:tw-border-green-700:hover{
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }

  .md\:hover\:tw-border-green-800:hover{
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }

  .md\:hover\:tw-border-green-900:hover{
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }

  .md\:hover\:tw-border-teal-100:hover{
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }

  .md\:hover\:tw-border-teal-200:hover{
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }

  .md\:hover\:tw-border-teal-300:hover{
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }

  .md\:hover\:tw-border-teal-400:hover{
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }

  .md\:hover\:tw-border-teal-500:hover{
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }

  .md\:hover\:tw-border-teal-600:hover{
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }

  .md\:hover\:tw-border-teal-700:hover{
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }

  .md\:hover\:tw-border-teal-800:hover{
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }

  .md\:hover\:tw-border-teal-900:hover{
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }

  .md\:hover\:tw-border-blue-100:hover{
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }

  .md\:hover\:tw-border-blue-200:hover{
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }

  .md\:hover\:tw-border-blue-300:hover{
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }

  .md\:hover\:tw-border-blue-400:hover{
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }

  .md\:hover\:tw-border-blue-500:hover{
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }

  .md\:hover\:tw-border-blue-600:hover{
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }

  .md\:hover\:tw-border-blue-700:hover{
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }

  .md\:hover\:tw-border-blue-800:hover{
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }

  .md\:hover\:tw-border-blue-900:hover{
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }

  .md\:hover\:tw-border-indigo-100:hover{
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }

  .md\:hover\:tw-border-indigo-200:hover{
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }

  .md\:hover\:tw-border-indigo-300:hover{
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }

  .md\:hover\:tw-border-indigo-400:hover{
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }

  .md\:hover\:tw-border-indigo-500:hover{
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }

  .md\:hover\:tw-border-indigo-600:hover{
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }

  .md\:hover\:tw-border-indigo-700:hover{
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }

  .md\:hover\:tw-border-indigo-800:hover{
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }

  .md\:hover\:tw-border-indigo-900:hover{
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }

  .md\:hover\:tw-border-purple-100:hover{
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }

  .md\:hover\:tw-border-purple-200:hover{
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }

  .md\:hover\:tw-border-purple-300:hover{
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }

  .md\:hover\:tw-border-purple-400:hover{
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }

  .md\:hover\:tw-border-purple-500:hover{
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }

  .md\:hover\:tw-border-purple-600:hover{
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }

  .md\:hover\:tw-border-purple-700:hover{
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }

  .md\:hover\:tw-border-purple-800:hover{
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }

  .md\:hover\:tw-border-purple-900:hover{
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }

  .md\:hover\:tw-border-pink-100:hover{
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }

  .md\:hover\:tw-border-pink-200:hover{
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }

  .md\:hover\:tw-border-pink-300:hover{
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }

  .md\:hover\:tw-border-pink-400:hover{
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }

  .md\:hover\:tw-border-pink-500:hover{
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }

  .md\:hover\:tw-border-pink-600:hover{
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }

  .md\:hover\:tw-border-pink-700:hover{
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }

  .md\:hover\:tw-border-pink-800:hover{
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }

  .md\:hover\:tw-border-pink-900:hover{
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }

  .md\:hover\:tw-border-primary-blue:hover{
    --border-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--border-opacity));
  }

  .md\:hover\:tw-border-primary-blue-dark:hover{
    --border-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--border-opacity));
  }

  .md\:hover\:tw-border-primary-white:hover{
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:hover\:tw-border-font-0:hover{
    --border-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--border-opacity));
  }

  .md\:hover\:tw-border-font-1:hover{
    --border-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--border-opacity));
  }

  .md\:hover\:tw-border-font-5:hover{
    --border-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--border-opacity));
  }

  .md\:hover\:tw-border-font-10:hover{
    --border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--border-opacity));
  }

  .md\:hover\:tw-border-font-50:hover{
    --border-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--border-opacity));
  }

  .md\:hover\:tw-border-font-70:hover{
    --border-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--border-opacity));
  }

  .md\:focus\:tw-border-transparent:focus{
    border-color: transparent;
  }

  .md\:focus\:tw-border-current:focus{
    border-color: currentColor;
  }

  .md\:focus\:tw-border-black:focus{
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .md\:focus\:tw-border-white:focus{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:focus\:tw-border-gray-100:focus{
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .md\:focus\:tw-border-gray-200:focus{
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .md\:focus\:tw-border-gray-300:focus{
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .md\:focus\:tw-border-gray-400:focus{
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .md\:focus\:tw-border-gray-500:focus{
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .md\:focus\:tw-border-gray-600:focus{
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .md\:focus\:tw-border-gray-700:focus{
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .md\:focus\:tw-border-gray-800:focus{
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .md\:focus\:tw-border-gray-900:focus{
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .md\:focus\:tw-border-red-100:focus{
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }

  .md\:focus\:tw-border-red-200:focus{
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }

  .md\:focus\:tw-border-red-300:focus{
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }

  .md\:focus\:tw-border-red-400:focus{
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }

  .md\:focus\:tw-border-red-500:focus{
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }

  .md\:focus\:tw-border-red-600:focus{
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }

  .md\:focus\:tw-border-red-700:focus{
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }

  .md\:focus\:tw-border-red-800:focus{
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }

  .md\:focus\:tw-border-red-900:focus{
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }

  .md\:focus\:tw-border-orange-100:focus{
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }

  .md\:focus\:tw-border-orange-200:focus{
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }

  .md\:focus\:tw-border-orange-300:focus{
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }

  .md\:focus\:tw-border-orange-400:focus{
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }

  .md\:focus\:tw-border-orange-500:focus{
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }

  .md\:focus\:tw-border-orange-600:focus{
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }

  .md\:focus\:tw-border-orange-700:focus{
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }

  .md\:focus\:tw-border-orange-800:focus{
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }

  .md\:focus\:tw-border-orange-900:focus{
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }

  .md\:focus\:tw-border-yellow-100:focus{
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }

  .md\:focus\:tw-border-yellow-200:focus{
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }

  .md\:focus\:tw-border-yellow-300:focus{
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }

  .md\:focus\:tw-border-yellow-400:focus{
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }

  .md\:focus\:tw-border-yellow-500:focus{
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }

  .md\:focus\:tw-border-yellow-600:focus{
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }

  .md\:focus\:tw-border-yellow-700:focus{
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }

  .md\:focus\:tw-border-yellow-800:focus{
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }

  .md\:focus\:tw-border-yellow-900:focus{
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }

  .md\:focus\:tw-border-green-100:focus{
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }

  .md\:focus\:tw-border-green-200:focus{
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }

  .md\:focus\:tw-border-green-300:focus{
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }

  .md\:focus\:tw-border-green-400:focus{
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }

  .md\:focus\:tw-border-green-500:focus{
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }

  .md\:focus\:tw-border-green-600:focus{
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }

  .md\:focus\:tw-border-green-700:focus{
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }

  .md\:focus\:tw-border-green-800:focus{
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }

  .md\:focus\:tw-border-green-900:focus{
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }

  .md\:focus\:tw-border-teal-100:focus{
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }

  .md\:focus\:tw-border-teal-200:focus{
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }

  .md\:focus\:tw-border-teal-300:focus{
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }

  .md\:focus\:tw-border-teal-400:focus{
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }

  .md\:focus\:tw-border-teal-500:focus{
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }

  .md\:focus\:tw-border-teal-600:focus{
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }

  .md\:focus\:tw-border-teal-700:focus{
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }

  .md\:focus\:tw-border-teal-800:focus{
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }

  .md\:focus\:tw-border-teal-900:focus{
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }

  .md\:focus\:tw-border-blue-100:focus{
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }

  .md\:focus\:tw-border-blue-200:focus{
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }

  .md\:focus\:tw-border-blue-300:focus{
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }

  .md\:focus\:tw-border-blue-400:focus{
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }

  .md\:focus\:tw-border-blue-500:focus{
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }

  .md\:focus\:tw-border-blue-600:focus{
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }

  .md\:focus\:tw-border-blue-700:focus{
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }

  .md\:focus\:tw-border-blue-800:focus{
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }

  .md\:focus\:tw-border-blue-900:focus{
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }

  .md\:focus\:tw-border-indigo-100:focus{
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }

  .md\:focus\:tw-border-indigo-200:focus{
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }

  .md\:focus\:tw-border-indigo-300:focus{
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }

  .md\:focus\:tw-border-indigo-400:focus{
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }

  .md\:focus\:tw-border-indigo-500:focus{
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }

  .md\:focus\:tw-border-indigo-600:focus{
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }

  .md\:focus\:tw-border-indigo-700:focus{
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }

  .md\:focus\:tw-border-indigo-800:focus{
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }

  .md\:focus\:tw-border-indigo-900:focus{
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }

  .md\:focus\:tw-border-purple-100:focus{
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }

  .md\:focus\:tw-border-purple-200:focus{
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }

  .md\:focus\:tw-border-purple-300:focus{
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }

  .md\:focus\:tw-border-purple-400:focus{
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }

  .md\:focus\:tw-border-purple-500:focus{
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }

  .md\:focus\:tw-border-purple-600:focus{
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }

  .md\:focus\:tw-border-purple-700:focus{
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }

  .md\:focus\:tw-border-purple-800:focus{
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }

  .md\:focus\:tw-border-purple-900:focus{
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }

  .md\:focus\:tw-border-pink-100:focus{
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }

  .md\:focus\:tw-border-pink-200:focus{
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }

  .md\:focus\:tw-border-pink-300:focus{
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }

  .md\:focus\:tw-border-pink-400:focus{
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }

  .md\:focus\:tw-border-pink-500:focus{
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }

  .md\:focus\:tw-border-pink-600:focus{
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }

  .md\:focus\:tw-border-pink-700:focus{
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }

  .md\:focus\:tw-border-pink-800:focus{
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }

  .md\:focus\:tw-border-pink-900:focus{
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }

  .md\:focus\:tw-border-primary-blue:focus{
    --border-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--border-opacity));
  }

  .md\:focus\:tw-border-primary-blue-dark:focus{
    --border-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--border-opacity));
  }

  .md\:focus\:tw-border-primary-white:focus{
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:focus\:tw-border-font-0:focus{
    --border-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--border-opacity));
  }

  .md\:focus\:tw-border-font-1:focus{
    --border-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--border-opacity));
  }

  .md\:focus\:tw-border-font-5:focus{
    --border-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--border-opacity));
  }

  .md\:focus\:tw-border-font-10:focus{
    --border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--border-opacity));
  }

  .md\:focus\:tw-border-font-50:focus{
    --border-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--border-opacity));
  }

  .md\:focus\:tw-border-font-70:focus{
    --border-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--border-opacity));
  }

  .md\:tw-border-opacity-0{
    --border-opacity: 0;
  }

  .md\:tw-border-opacity-25{
    --border-opacity: 0.25;
  }

  .md\:tw-border-opacity-50{
    --border-opacity: 0.5;
  }

  .md\:tw-border-opacity-75{
    --border-opacity: 0.75;
  }

  .md\:tw-border-opacity-100{
    --border-opacity: 1;
  }

  .md\:hover\:tw-border-opacity-0:hover{
    --border-opacity: 0;
  }

  .md\:hover\:tw-border-opacity-25:hover{
    --border-opacity: 0.25;
  }

  .md\:hover\:tw-border-opacity-50:hover{
    --border-opacity: 0.5;
  }

  .md\:hover\:tw-border-opacity-75:hover{
    --border-opacity: 0.75;
  }

  .md\:hover\:tw-border-opacity-100:hover{
    --border-opacity: 1;
  }

  .md\:focus\:tw-border-opacity-0:focus{
    --border-opacity: 0;
  }

  .md\:focus\:tw-border-opacity-25:focus{
    --border-opacity: 0.25;
  }

  .md\:focus\:tw-border-opacity-50:focus{
    --border-opacity: 0.5;
  }

  .md\:focus\:tw-border-opacity-75:focus{
    --border-opacity: 0.75;
  }

  .md\:focus\:tw-border-opacity-100:focus{
    --border-opacity: 1;
  }

  .md\:tw-rounded-none{
    border-radius: 0;
  }

  .md\:tw-rounded-sm{
    border-radius: 0.125rem;
  }

  .md\:tw-rounded{
    border-radius: 0.25rem;
  }

  .md\:tw-rounded-md{
    border-radius: 0.375rem;
  }

  .md\:tw-rounded-lg{
    border-radius: 0.5rem;
  }

  .md\:tw-rounded-xl{
    border-radius: 0.75rem;
  }

  .md\:tw-rounded-2xl{
    border-radius: 1rem;
  }

  .md\:tw-rounded-3xl{
    border-radius: 1.5rem;
  }

  .md\:tw-rounded-full{
    border-radius: 9999px;
  }

  .md\:tw-rounded-4px{
    border-radius: 4px;
  }

  .md\:tw-rounded-t-none{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .md\:tw-rounded-r-none{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .md\:tw-rounded-b-none{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .md\:tw-rounded-l-none{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .md\:tw-rounded-t-sm{
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .md\:tw-rounded-r-sm{
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .md\:tw-rounded-b-sm{
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .md\:tw-rounded-l-sm{
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .md\:tw-rounded-t{
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .md\:tw-rounded-r{
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .md\:tw-rounded-b{
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .md\:tw-rounded-l{
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .md\:tw-rounded-t-md{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .md\:tw-rounded-r-md{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .md\:tw-rounded-b-md{
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .md\:tw-rounded-l-md{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .md\:tw-rounded-t-lg{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .md\:tw-rounded-r-lg{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .md\:tw-rounded-b-lg{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md\:tw-rounded-l-lg{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md\:tw-rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .md\:tw-rounded-r-xl{
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .md\:tw-rounded-b-xl{
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .md\:tw-rounded-l-xl{
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .md\:tw-rounded-t-2xl{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .md\:tw-rounded-r-2xl{
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .md\:tw-rounded-b-2xl{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .md\:tw-rounded-l-2xl{
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .md\:tw-rounded-t-3xl{
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .md\:tw-rounded-r-3xl{
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .md\:tw-rounded-b-3xl{
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .md\:tw-rounded-l-3xl{
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .md\:tw-rounded-t-full{
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .md\:tw-rounded-r-full{
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .md\:tw-rounded-b-full{
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md\:tw-rounded-l-full{
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md\:tw-rounded-t-4px{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .md\:tw-rounded-r-4px{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .md\:tw-rounded-b-4px{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .md\:tw-rounded-l-4px{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .md\:tw-rounded-tl-none{
    border-top-left-radius: 0;
  }

  .md\:tw-rounded-tr-none{
    border-top-right-radius: 0;
  }

  .md\:tw-rounded-br-none{
    border-bottom-right-radius: 0;
  }

  .md\:tw-rounded-bl-none{
    border-bottom-left-radius: 0;
  }

  .md\:tw-rounded-tl-sm{
    border-top-left-radius: 0.125rem;
  }

  .md\:tw-rounded-tr-sm{
    border-top-right-radius: 0.125rem;
  }

  .md\:tw-rounded-br-sm{
    border-bottom-right-radius: 0.125rem;
  }

  .md\:tw-rounded-bl-sm{
    border-bottom-left-radius: 0.125rem;
  }

  .md\:tw-rounded-tl{
    border-top-left-radius: 0.25rem;
  }

  .md\:tw-rounded-tr{
    border-top-right-radius: 0.25rem;
  }

  .md\:tw-rounded-br{
    border-bottom-right-radius: 0.25rem;
  }

  .md\:tw-rounded-bl{
    border-bottom-left-radius: 0.25rem;
  }

  .md\:tw-rounded-tl-md{
    border-top-left-radius: 0.375rem;
  }

  .md\:tw-rounded-tr-md{
    border-top-right-radius: 0.375rem;
  }

  .md\:tw-rounded-br-md{
    border-bottom-right-radius: 0.375rem;
  }

  .md\:tw-rounded-bl-md{
    border-bottom-left-radius: 0.375rem;
  }

  .md\:tw-rounded-tl-lg{
    border-top-left-radius: 0.5rem;
  }

  .md\:tw-rounded-tr-lg{
    border-top-right-radius: 0.5rem;
  }

  .md\:tw-rounded-br-lg{
    border-bottom-right-radius: 0.5rem;
  }

  .md\:tw-rounded-bl-lg{
    border-bottom-left-radius: 0.5rem;
  }

  .md\:tw-rounded-tl-xl{
    border-top-left-radius: 0.75rem;
  }

  .md\:tw-rounded-tr-xl{
    border-top-right-radius: 0.75rem;
  }

  .md\:tw-rounded-br-xl{
    border-bottom-right-radius: 0.75rem;
  }

  .md\:tw-rounded-bl-xl{
    border-bottom-left-radius: 0.75rem;
  }

  .md\:tw-rounded-tl-2xl{
    border-top-left-radius: 1rem;
  }

  .md\:tw-rounded-tr-2xl{
    border-top-right-radius: 1rem;
  }

  .md\:tw-rounded-br-2xl{
    border-bottom-right-radius: 1rem;
  }

  .md\:tw-rounded-bl-2xl{
    border-bottom-left-radius: 1rem;
  }

  .md\:tw-rounded-tl-3xl{
    border-top-left-radius: 1.5rem;
  }

  .md\:tw-rounded-tr-3xl{
    border-top-right-radius: 1.5rem;
  }

  .md\:tw-rounded-br-3xl{
    border-bottom-right-radius: 1.5rem;
  }

  .md\:tw-rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem;
  }

  .md\:tw-rounded-tl-full{
    border-top-left-radius: 9999px;
  }

  .md\:tw-rounded-tr-full{
    border-top-right-radius: 9999px;
  }

  .md\:tw-rounded-br-full{
    border-bottom-right-radius: 9999px;
  }

  .md\:tw-rounded-bl-full{
    border-bottom-left-radius: 9999px;
  }

  .md\:tw-rounded-tl-4px{
    border-top-left-radius: 4px;
  }

  .md\:tw-rounded-tr-4px{
    border-top-right-radius: 4px;
  }

  .md\:tw-rounded-br-4px{
    border-bottom-right-radius: 4px;
  }

  .md\:tw-rounded-bl-4px{
    border-bottom-left-radius: 4px;
  }

  .md\:tw-border-solid{
    border-style: solid;
  }

  .md\:tw-border-dashed{
    border-style: dashed;
  }

  .md\:tw-border-dotted{
    border-style: dotted;
  }

  .md\:tw-border-double{
    border-style: double;
  }

  .md\:tw-border-none{
    border-style: none;
  }

  .md\:tw-border-0{
    border-width: 0;
  }

  .md\:tw-border-2{
    border-width: 2px;
  }

  .md\:tw-border-3{
    border-width: 3px;
  }

  .md\:tw-border-4{
    border-width: 4px;
  }

  .md\:tw-border-8{
    border-width: 8px;
  }

  .md\:tw-border{
    border-width: 1px;
  }

  .md\:tw-border-t-0{
    border-top-width: 0;
  }

  .md\:tw-border-r-0{
    border-right-width: 0;
  }

  .md\:tw-border-b-0{
    border-bottom-width: 0;
  }

  .md\:tw-border-l-0{
    border-left-width: 0;
  }

  .md\:tw-border-t-2{
    border-top-width: 2px;
  }

  .md\:tw-border-r-2{
    border-right-width: 2px;
  }

  .md\:tw-border-b-2{
    border-bottom-width: 2px;
  }

  .md\:tw-border-l-2{
    border-left-width: 2px;
  }

  .md\:tw-border-t-3{
    border-top-width: 3px;
  }

  .md\:tw-border-r-3{
    border-right-width: 3px;
  }

  .md\:tw-border-b-3{
    border-bottom-width: 3px;
  }

  .md\:tw-border-l-3{
    border-left-width: 3px;
  }

  .md\:tw-border-t-4{
    border-top-width: 4px;
  }

  .md\:tw-border-r-4{
    border-right-width: 4px;
  }

  .md\:tw-border-b-4{
    border-bottom-width: 4px;
  }

  .md\:tw-border-l-4{
    border-left-width: 4px;
  }

  .md\:tw-border-t-8{
    border-top-width: 8px;
  }

  .md\:tw-border-r-8{
    border-right-width: 8px;
  }

  .md\:tw-border-b-8{
    border-bottom-width: 8px;
  }

  .md\:tw-border-l-8{
    border-left-width: 8px;
  }

  .md\:tw-border-t{
    border-top-width: 1px;
  }

  .md\:tw-border-r{
    border-right-width: 1px;
  }

  .md\:tw-border-b{
    border-bottom-width: 1px;
  }

  .md\:tw-border-l{
    border-left-width: 1px;
  }

  .md\:tw-box-border{
    box-sizing: border-box;
  }

  .md\:tw-box-content{
    box-sizing: content-box;
  }

  .md\:tw-cursor-auto{
    cursor: auto;
  }

  .md\:tw-cursor-default{
    cursor: default;
  }

  .md\:tw-cursor-pointer{
    cursor: pointer;
  }

  .md\:tw-cursor-wait{
    cursor: wait;
  }

  .md\:tw-cursor-text{
    cursor: text;
  }

  .md\:tw-cursor-move{
    cursor: move;
  }

  .md\:tw-cursor-not-allowed{
    cursor: not-allowed;
  }

  .md\:tw-block{
    display: block;
  }

  .md\:tw-inline-block{
    display: inline-block;
  }

  .md\:tw-inline{
    display: inline;
  }

  .md\:tw-flex{
    display: flex;
  }

  .md\:tw-inline-flex{
    display: inline-flex;
  }

  .md\:tw-table{
    display: table;
  }

  .md\:tw-table-caption{
    display: table-caption;
  }

  .md\:tw-table-cell{
    display: table-cell;
  }

  .md\:tw-table-column{
    display: table-column;
  }

  .md\:tw-table-column-group{
    display: table-column-group;
  }

  .md\:tw-table-footer-group{
    display: table-footer-group;
  }

  .md\:tw-table-header-group{
    display: table-header-group;
  }

  .md\:tw-table-row-group{
    display: table-row-group;
  }

  .md\:tw-table-row{
    display: table-row;
  }

  .md\:tw-flow-root{
    display: flow-root;
  }

  .md\:tw-grid{
    display: grid;
  }

  .md\:tw-inline-grid{
    display: inline-grid;
  }

  .md\:tw-contents{
    display: contents;
  }

  .md\:tw-hidden{
    display: none;
  }

  .md\:tw-flex-row{
    flex-direction: row;
  }

  .md\:tw-flex-row-reverse{
    flex-direction: row-reverse;
  }

  .md\:tw-flex-col{
    flex-direction: column;
  }

  .md\:tw-flex-col-reverse{
    flex-direction: column-reverse;
  }

  .md\:tw-flex-wrap{
    flex-wrap: wrap;
  }

  .md\:tw-flex-wrap-reverse{
    flex-wrap: wrap-reverse;
  }

  .md\:tw-flex-no-wrap{
    flex-wrap: nowrap;
  }

  .md\:tw-place-items-auto{
    place-items: auto;
  }

  .md\:tw-place-items-start{
    place-items: start;
  }

  .md\:tw-place-items-end{
    place-items: end;
  }

  .md\:tw-place-items-center{
    place-items: center;
  }

  .md\:tw-place-items-stretch{
    place-items: stretch;
  }

  .md\:tw-place-content-center{
    place-content: center;
  }

  .md\:tw-place-content-start{
    place-content: start;
  }

  .md\:tw-place-content-end{
    place-content: end;
  }

  .md\:tw-place-content-between{
    place-content: space-between;
  }

  .md\:tw-place-content-around{
    place-content: space-around;
  }

  .md\:tw-place-content-evenly{
    place-content: space-evenly;
  }

  .md\:tw-place-content-stretch{
    place-content: stretch;
  }

  .md\:tw-place-self-auto{
    place-self: auto;
  }

  .md\:tw-place-self-start{
    place-self: start;
  }

  .md\:tw-place-self-end{
    place-self: end;
  }

  .md\:tw-place-self-center{
    place-self: center;
  }

  .md\:tw-place-self-stretch{
    place-self: stretch;
  }

  .md\:tw-items-start{
    align-items: flex-start;
  }

  .md\:tw-items-end{
    align-items: flex-end;
  }

  .md\:tw-items-center{
    align-items: center;
  }

  .md\:tw-items-baseline{
    align-items: baseline;
  }

  .md\:tw-items-stretch{
    align-items: stretch;
  }

  .md\:tw-content-center{
    align-content: center;
  }

  .md\:tw-content-start{
    align-content: flex-start;
  }

  .md\:tw-content-end{
    align-content: flex-end;
  }

  .md\:tw-content-between{
    align-content: space-between;
  }

  .md\:tw-content-around{
    align-content: space-around;
  }

  .md\:tw-content-evenly{
    align-content: space-evenly;
  }

  .md\:tw-self-auto{
    align-self: auto;
  }

  .md\:tw-self-start{
    align-self: flex-start;
  }

  .md\:tw-self-end{
    align-self: flex-end;
  }

  .md\:tw-self-center{
    align-self: center;
  }

  .md\:tw-self-stretch{
    align-self: stretch;
  }

  .md\:tw-justify-items-auto{
    justify-items: auto;
  }

  .md\:tw-justify-items-start{
    justify-items: start;
  }

  .md\:tw-justify-items-end{
    justify-items: end;
  }

  .md\:tw-justify-items-center{
    justify-items: center;
  }

  .md\:tw-justify-items-stretch{
    justify-items: stretch;
  }

  .md\:tw-justify-start{
    justify-content: flex-start;
  }

  .md\:tw-justify-end{
    justify-content: flex-end;
  }

  .md\:tw-justify-center{
    justify-content: center;
  }

  .md\:tw-justify-between{
    justify-content: space-between;
  }

  .md\:tw-justify-around{
    justify-content: space-around;
  }

  .md\:tw-justify-evenly{
    justify-content: space-evenly;
  }

  .md\:tw-justify-self-auto{
    justify-self: auto;
  }

  .md\:tw-justify-self-start{
    justify-self: start;
  }

  .md\:tw-justify-self-end{
    justify-self: end;
  }

  .md\:tw-justify-self-center{
    justify-self: center;
  }

  .md\:tw-justify-self-stretch{
    justify-self: stretch;
  }

  .md\:tw-flex-1{
    flex: 1 1 0%;
  }

  .md\:tw-flex-auto{
    flex: 1 1 auto;
  }

  .md\:tw-flex-initial{
    flex: 0 1 auto;
  }

  .md\:tw-flex-none{
    flex: none;
  }

  .md\:tw-flex-1\/2{
    flex: 1 1 50%;
  }

  .md\:tw-flex-grow-0{
    flex-grow: 0;
  }

  .md\:tw-flex-grow{
    flex-grow: 1;
  }

  .md\:tw-flex-shrink-0{
    flex-shrink: 0;
  }

  .md\:tw-flex-shrink{
    flex-shrink: 1;
  }

  .md\:tw-order-1{
    order: 1;
  }

  .md\:tw-order-2{
    order: 2;
  }

  .md\:tw-order-3{
    order: 3;
  }

  .md\:tw-order-4{
    order: 4;
  }

  .md\:tw-order-5{
    order: 5;
  }

  .md\:tw-order-6{
    order: 6;
  }

  .md\:tw-order-7{
    order: 7;
  }

  .md\:tw-order-8{
    order: 8;
  }

  .md\:tw-order-9{
    order: 9;
  }

  .md\:tw-order-10{
    order: 10;
  }

  .md\:tw-order-11{
    order: 11;
  }

  .md\:tw-order-12{
    order: 12;
  }

  .md\:tw-order-first{
    order: -9999;
  }

  .md\:tw-order-last{
    order: 9999;
  }

  .md\:tw-order-none{
    order: 0;
  }

  .md\:tw-float-right{
    float: right;
  }

  .md\:tw-float-left{
    float: left;
  }

  .md\:tw-float-none{
    float: none;
  }

  .md\:tw-clearfix:after{
    content: "";
    display: table;
    clear: both;
  }

  .md\:tw-clear-left{
    clear: left;
  }

  .md\:tw-clear-right{
    clear: right;
  }

  .md\:tw-clear-both{
    clear: both;
  }

  .md\:tw-clear-none{
    clear: none;
  }

  .md\:tw-font-sans{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  .md\:tw-font-serif{
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  }

  .md\:tw-font-mono{
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  .md\:tw-font-hairline{
    font-weight: 100;
  }

  .md\:tw-font-thin{
    font-weight: 200;
  }

  .md\:tw-font-light{
    font-weight: 300;
  }

  .md\:tw-font-normal{
    font-weight: 400;
  }

  .md\:tw-font-medium{
    font-weight: 500;
  }

  .md\:tw-font-semibold{
    font-weight: 600;
  }

  .md\:tw-font-bold{
    font-weight: 700;
  }

  .md\:tw-font-extrabold{
    font-weight: 800;
  }

  .md\:tw-font-black{
    font-weight: 900;
  }

  .md\:hover\:tw-font-hairline:hover{
    font-weight: 100;
  }

  .md\:hover\:tw-font-thin:hover{
    font-weight: 200;
  }

  .md\:hover\:tw-font-light:hover{
    font-weight: 300;
  }

  .md\:hover\:tw-font-normal:hover{
    font-weight: 400;
  }

  .md\:hover\:tw-font-medium:hover{
    font-weight: 500;
  }

  .md\:hover\:tw-font-semibold:hover{
    font-weight: 600;
  }

  .md\:hover\:tw-font-bold:hover{
    font-weight: 700;
  }

  .md\:hover\:tw-font-extrabold:hover{
    font-weight: 800;
  }

  .md\:hover\:tw-font-black:hover{
    font-weight: 900;
  }

  .md\:focus\:tw-font-hairline:focus{
    font-weight: 100;
  }

  .md\:focus\:tw-font-thin:focus{
    font-weight: 200;
  }

  .md\:focus\:tw-font-light:focus{
    font-weight: 300;
  }

  .md\:focus\:tw-font-normal:focus{
    font-weight: 400;
  }

  .md\:focus\:tw-font-medium:focus{
    font-weight: 500;
  }

  .md\:focus\:tw-font-semibold:focus{
    font-weight: 600;
  }

  .md\:focus\:tw-font-bold:focus{
    font-weight: 700;
  }

  .md\:focus\:tw-font-extrabold:focus{
    font-weight: 800;
  }

  .md\:focus\:tw-font-black:focus{
    font-weight: 900;
  }

  .md\:tw-h-0{
    height: 0;
  }

  .md\:tw-h-1{
    height: 0.25rem;
  }

  .md\:tw-h-2{
    height: 0.5rem;
  }

  .md\:tw-h-3{
    height: 0.75rem;
  }

  .md\:tw-h-4{
    height: 1rem;
  }

  .md\:tw-h-5{
    height: 1.25rem;
  }

  .md\:tw-h-6{
    height: 1.5rem;
  }

  .md\:tw-h-8{
    height: 2rem;
  }

  .md\:tw-h-10{
    height: 2.5rem;
  }

  .md\:tw-h-12{
    height: 3rem;
  }

  .md\:tw-h-16{
    height: 4rem;
  }

  .md\:tw-h-20{
    height: 5rem;
  }

  .md\:tw-h-24{
    height: 6rem;
  }

  .md\:tw-h-32{
    height: 8rem;
  }

  .md\:tw-h-40{
    height: 10rem;
  }

  .md\:tw-h-48{
    height: 12rem;
  }

  .md\:tw-h-56{
    height: 14rem;
  }

  .md\:tw-h-64{
    height: 16rem;
  }

  .md\:tw-h-auto{
    height: auto;
  }

  .md\:tw-h-px{
    height: 1px;
  }

  .md\:tw-h-full{
    height: 100%;
  }

  .md\:tw-h-screen{
    height: 100vh;
  }

  .md\:tw-h-25px{
    height: 25px;
  }

  .md\:tw-h-35px{
    height: 35px;
  }

  .md\:tw-h-40px{
    height: 40px;
  }

  .md\:tw-h-45px{
    height: 45px;
  }

  .md\:tw-h-50px{
    height: 50px;
  }

  .md\:tw-h-60px{
    height: 60px;
  }

  .md\:tw-h-65px{
    height: 65px;
  }

  .md\:tw-h-200px{
    height: 200px;
  }

  .md\:tw-h-330px{
    height: 330px;
  }

  .md\:tw-text-xs{
    font-size: 0.75rem;
  }

  .md\:tw-text-sm{
    font-size: 0.875rem;
  }

  .md\:tw-text-base{
    font-size: 1rem;
  }

  .md\:tw-text-lg{
    font-size: 1.125rem;
  }

  .md\:tw-text-xl{
    font-size: 1.25rem;
  }

  .md\:tw-text-2xl{
    font-size: 1.5rem;
  }

  .md\:tw-text-3xl{
    font-size: 1.875rem;
  }

  .md\:tw-text-4xl{
    font-size: 2.25rem;
  }

  .md\:tw-text-5xl{
    font-size: 3rem;
  }

  .md\:tw-text-6xl{
    font-size: 4rem;
  }

  .md\:tw-text-12px{
    font-size: 12px;
  }

  .md\:tw-text-14px{
    font-size: 14px;
  }

  .md\:tw-text-16px{
    font-size: 16px;
  }

  .md\:tw-text-18px{
    font-size: 18px;
  }

  .md\:tw-text-20px{
    font-size: 20px;
  }

  .md\:tw-text-22px{
    font-size: 22px;
  }

  .md\:tw-text-28px{
    font-size: 28px;
  }

  .md\:tw-leading-3{
    line-height: .75rem;
  }

  .md\:tw-leading-4{
    line-height: 1rem;
  }

  .md\:tw-leading-5{
    line-height: 1.25rem;
  }

  .md\:tw-leading-6{
    line-height: 1.5rem;
  }

  .md\:tw-leading-7{
    line-height: 1.75rem;
  }

  .md\:tw-leading-8{
    line-height: 2rem;
  }

  .md\:tw-leading-9{
    line-height: 2.25rem;
  }

  .md\:tw-leading-10{
    line-height: 2.5rem;
  }

  .md\:tw-leading-none{
    line-height: 1;
  }

  .md\:tw-leading-tight{
    line-height: 1.25;
  }

  .md\:tw-leading-snug{
    line-height: 1.375;
  }

  .md\:tw-leading-normal{
    line-height: 1.5;
  }

  .md\:tw-leading-relaxed{
    line-height: 1.625;
  }

  .md\:tw-leading-loose{
    line-height: 2;
  }

  .md\:tw-list-inside{
    list-style-position: inside;
  }

  .md\:tw-list-outside{
    list-style-position: outside;
  }

  .md\:tw-list-none{
    list-style-type: none;
  }

  .md\:tw-list-disc{
    list-style-type: disc;
  }

  .md\:tw-list-decimal{
    list-style-type: decimal;
  }

  .md\:tw-m-0{
    margin: 0;
  }

  .md\:tw-m-1{
    margin: 0.25rem;
  }

  .md\:tw-m-2{
    margin: 0.5rem;
  }

  .md\:tw-m-3{
    margin: 0.75rem;
  }

  .md\:tw-m-4{
    margin: 1rem;
  }

  .md\:tw-m-5{
    margin: 1.25rem;
  }

  .md\:tw-m-6{
    margin: 1.5rem;
  }

  .md\:tw-m-8{
    margin: 2rem;
  }

  .md\:tw-m-10{
    margin: 2.5rem;
  }

  .md\:tw-m-12{
    margin: 3rem;
  }

  .md\:tw-m-16{
    margin: 4rem;
  }

  .md\:tw-m-20{
    margin: 5rem;
  }

  .md\:tw-m-24{
    margin: 6rem;
  }

  .md\:tw-m-32{
    margin: 8rem;
  }

  .md\:tw-m-40{
    margin: 10rem;
  }

  .md\:tw-m-48{
    margin: 12rem;
  }

  .md\:tw-m-56{
    margin: 14rem;
  }

  .md\:tw-m-64{
    margin: 16rem;
  }

  .md\:tw-m-auto{
    margin: auto;
  }

  .md\:tw-m-px{
    margin: 1px;
  }

  .md\:tw--m-1{
    margin: -0.25rem;
  }

  .md\:tw--m-2{
    margin: -0.5rem;
  }

  .md\:tw--m-3{
    margin: -0.75rem;
  }

  .md\:tw--m-4{
    margin: -1rem;
  }

  .md\:tw--m-5{
    margin: -1.25rem;
  }

  .md\:tw--m-6{
    margin: -1.5rem;
  }

  .md\:tw--m-8{
    margin: -2rem;
  }

  .md\:tw--m-10{
    margin: -2.5rem;
  }

  .md\:tw--m-12{
    margin: -3rem;
  }

  .md\:tw--m-16{
    margin: -4rem;
  }

  .md\:tw--m-20{
    margin: -5rem;
  }

  .md\:tw--m-24{
    margin: -6rem;
  }

  .md\:tw--m-32{
    margin: -8rem;
  }

  .md\:tw--m-40{
    margin: -10rem;
  }

  .md\:tw--m-48{
    margin: -12rem;
  }

  .md\:tw--m-56{
    margin: -14rem;
  }

  .md\:tw--m-64{
    margin: -16rem;
  }

  .md\:tw--m-px{
    margin: -1px;
  }

  .md\:tw-m-2px{
    margin: 2px;
  }

  .md\:tw-m-5px{
    margin: 5px;
  }

  .md\:tw-m-10px{
    margin: 10px;
  }

  .md\:tw-m-15px{
    margin: 15px;
  }

  .md\:tw-m-20px{
    margin: 20px;
  }

  .md\:tw-m-25px{
    margin: 25px;
  }

  .md\:tw-m-30px{
    margin: 30px;
  }

  .md\:tw-m-40px{
    margin: 40px;
  }

  .md\:tw-m-60px{
    margin: 60px;
  }

  .md\:tw-m-80px{
    margin: 80px;
  }

  .md\:tw-my-0{
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:tw-mx-0{
    margin-left: 0;
    margin-right: 0;
  }

  .md\:tw-my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .md\:tw-mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .md\:tw-my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .md\:tw-mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .md\:tw-my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .md\:tw-mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .md\:tw-my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .md\:tw-mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .md\:tw-my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .md\:tw-mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .md\:tw-my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .md\:tw-mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .md\:tw-my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .md\:tw-mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md\:tw-my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .md\:tw-mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .md\:tw-my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .md\:tw-mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .md\:tw-my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .md\:tw-mx-16{
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .md\:tw-my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .md\:tw-mx-20{
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .md\:tw-my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .md\:tw-mx-24{
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .md\:tw-my-32{
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .md\:tw-mx-32{
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .md\:tw-my-40{
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .md\:tw-mx-40{
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .md\:tw-my-48{
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .md\:tw-mx-48{
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .md\:tw-my-56{
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .md\:tw-mx-56{
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .md\:tw-my-64{
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .md\:tw-mx-64{
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .md\:tw-my-auto{
    margin-top: auto;
    margin-bottom: auto;
  }

  .md\:tw-mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .md\:tw-my-px{
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .md\:tw-mx-px{
    margin-left: 1px;
    margin-right: 1px;
  }

  .md\:tw--my-1{
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .md\:tw--mx-1{
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .md\:tw--my-2{
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .md\:tw--mx-2{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .md\:tw--my-3{
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .md\:tw--mx-3{
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .md\:tw--my-4{
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .md\:tw--mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .md\:tw--my-5{
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .md\:tw--mx-5{
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .md\:tw--my-6{
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .md\:tw--mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .md\:tw--my-8{
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .md\:tw--mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .md\:tw--my-10{
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .md\:tw--mx-10{
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .md\:tw--my-12{
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .md\:tw--mx-12{
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .md\:tw--my-16{
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .md\:tw--mx-16{
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .md\:tw--my-20{
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .md\:tw--mx-20{
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .md\:tw--my-24{
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .md\:tw--mx-24{
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .md\:tw--my-32{
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .md\:tw--mx-32{
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .md\:tw--my-40{
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .md\:tw--mx-40{
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .md\:tw--my-48{
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .md\:tw--mx-48{
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .md\:tw--my-56{
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .md\:tw--mx-56{
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .md\:tw--my-64{
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .md\:tw--mx-64{
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .md\:tw--my-px{
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .md\:tw--mx-px{
    margin-left: -1px;
    margin-right: -1px;
  }

  .md\:tw-my-2px{
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .md\:tw-mx-2px{
    margin-left: 2px;
    margin-right: 2px;
  }

  .md\:tw-my-5px{
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .md\:tw-mx-5px{
    margin-left: 5px;
    margin-right: 5px;
  }

  .md\:tw-my-10px{
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .md\:tw-mx-10px{
    margin-left: 10px;
    margin-right: 10px;
  }

  .md\:tw-my-15px{
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .md\:tw-mx-15px{
    margin-left: 15px;
    margin-right: 15px;
  }

  .md\:tw-my-20px{
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .md\:tw-mx-20px{
    margin-left: 20px;
    margin-right: 20px;
  }

  .md\:tw-my-25px{
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .md\:tw-mx-25px{
    margin-left: 25px;
    margin-right: 25px;
  }

  .md\:tw-my-30px{
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .md\:tw-mx-30px{
    margin-left: 30px;
    margin-right: 30px;
  }

  .md\:tw-my-40px{
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .md\:tw-mx-40px{
    margin-left: 40px;
    margin-right: 40px;
  }

  .md\:tw-my-60px{
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .md\:tw-mx-60px{
    margin-left: 60px;
    margin-right: 60px;
  }

  .md\:tw-my-80px{
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .md\:tw-mx-80px{
    margin-left: 80px;
    margin-right: 80px;
  }

  .md\:tw-mt-0{
    margin-top: 0;
  }

  .md\:tw-mr-0{
    margin-right: 0;
  }

  .md\:tw-mb-0{
    margin-bottom: 0;
  }

  .md\:tw-ml-0{
    margin-left: 0;
  }

  .md\:tw-mt-1{
    margin-top: 0.25rem;
  }

  .md\:tw-mr-1{
    margin-right: 0.25rem;
  }

  .md\:tw-mb-1{
    margin-bottom: 0.25rem;
  }

  .md\:tw-ml-1{
    margin-left: 0.25rem;
  }

  .md\:tw-mt-2{
    margin-top: 0.5rem;
  }

  .md\:tw-mr-2{
    margin-right: 0.5rem;
  }

  .md\:tw-mb-2{
    margin-bottom: 0.5rem;
  }

  .md\:tw-ml-2{
    margin-left: 0.5rem;
  }

  .md\:tw-mt-3{
    margin-top: 0.75rem;
  }

  .md\:tw-mr-3{
    margin-right: 0.75rem;
  }

  .md\:tw-mb-3{
    margin-bottom: 0.75rem;
  }

  .md\:tw-ml-3{
    margin-left: 0.75rem;
  }

  .md\:tw-mt-4{
    margin-top: 1rem;
  }

  .md\:tw-mr-4{
    margin-right: 1rem;
  }

  .md\:tw-mb-4{
    margin-bottom: 1rem;
  }

  .md\:tw-ml-4{
    margin-left: 1rem;
  }

  .md\:tw-mt-5{
    margin-top: 1.25rem;
  }

  .md\:tw-mr-5{
    margin-right: 1.25rem;
  }

  .md\:tw-mb-5{
    margin-bottom: 1.25rem;
  }

  .md\:tw-ml-5{
    margin-left: 1.25rem;
  }

  .md\:tw-mt-6{
    margin-top: 1.5rem;
  }

  .md\:tw-mr-6{
    margin-right: 1.5rem;
  }

  .md\:tw-mb-6{
    margin-bottom: 1.5rem;
  }

  .md\:tw-ml-6{
    margin-left: 1.5rem;
  }

  .md\:tw-mt-8{
    margin-top: 2rem;
  }

  .md\:tw-mr-8{
    margin-right: 2rem;
  }

  .md\:tw-mb-8{
    margin-bottom: 2rem;
  }

  .md\:tw-ml-8{
    margin-left: 2rem;
  }

  .md\:tw-mt-10{
    margin-top: 2.5rem;
  }

  .md\:tw-mr-10{
    margin-right: 2.5rem;
  }

  .md\:tw-mb-10{
    margin-bottom: 2.5rem;
  }

  .md\:tw-ml-10{
    margin-left: 2.5rem;
  }

  .md\:tw-mt-12{
    margin-top: 3rem;
  }

  .md\:tw-mr-12{
    margin-right: 3rem;
  }

  .md\:tw-mb-12{
    margin-bottom: 3rem;
  }

  .md\:tw-ml-12{
    margin-left: 3rem;
  }

  .md\:tw-mt-16{
    margin-top: 4rem;
  }

  .md\:tw-mr-16{
    margin-right: 4rem;
  }

  .md\:tw-mb-16{
    margin-bottom: 4rem;
  }

  .md\:tw-ml-16{
    margin-left: 4rem;
  }

  .md\:tw-mt-20{
    margin-top: 5rem;
  }

  .md\:tw-mr-20{
    margin-right: 5rem;
  }

  .md\:tw-mb-20{
    margin-bottom: 5rem;
  }

  .md\:tw-ml-20{
    margin-left: 5rem;
  }

  .md\:tw-mt-24{
    margin-top: 6rem;
  }

  .md\:tw-mr-24{
    margin-right: 6rem;
  }

  .md\:tw-mb-24{
    margin-bottom: 6rem;
  }

  .md\:tw-ml-24{
    margin-left: 6rem;
  }

  .md\:tw-mt-32{
    margin-top: 8rem;
  }

  .md\:tw-mr-32{
    margin-right: 8rem;
  }

  .md\:tw-mb-32{
    margin-bottom: 8rem;
  }

  .md\:tw-ml-32{
    margin-left: 8rem;
  }

  .md\:tw-mt-40{
    margin-top: 10rem;
  }

  .md\:tw-mr-40{
    margin-right: 10rem;
  }

  .md\:tw-mb-40{
    margin-bottom: 10rem;
  }

  .md\:tw-ml-40{
    margin-left: 10rem;
  }

  .md\:tw-mt-48{
    margin-top: 12rem;
  }

  .md\:tw-mr-48{
    margin-right: 12rem;
  }

  .md\:tw-mb-48{
    margin-bottom: 12rem;
  }

  .md\:tw-ml-48{
    margin-left: 12rem;
  }

  .md\:tw-mt-56{
    margin-top: 14rem;
  }

  .md\:tw-mr-56{
    margin-right: 14rem;
  }

  .md\:tw-mb-56{
    margin-bottom: 14rem;
  }

  .md\:tw-ml-56{
    margin-left: 14rem;
  }

  .md\:tw-mt-64{
    margin-top: 16rem;
  }

  .md\:tw-mr-64{
    margin-right: 16rem;
  }

  .md\:tw-mb-64{
    margin-bottom: 16rem;
  }

  .md\:tw-ml-64{
    margin-left: 16rem;
  }

  .md\:tw-mt-auto{
    margin-top: auto;
  }

  .md\:tw-mr-auto{
    margin-right: auto;
  }

  .md\:tw-mb-auto{
    margin-bottom: auto;
  }

  .md\:tw-ml-auto{
    margin-left: auto;
  }

  .md\:tw-mt-px{
    margin-top: 1px;
  }

  .md\:tw-mr-px{
    margin-right: 1px;
  }

  .md\:tw-mb-px{
    margin-bottom: 1px;
  }

  .md\:tw-ml-px{
    margin-left: 1px;
  }

  .md\:tw--mt-1{
    margin-top: -0.25rem;
  }

  .md\:tw--mr-1{
    margin-right: -0.25rem;
  }

  .md\:tw--mb-1{
    margin-bottom: -0.25rem;
  }

  .md\:tw--ml-1{
    margin-left: -0.25rem;
  }

  .md\:tw--mt-2{
    margin-top: -0.5rem;
  }

  .md\:tw--mr-2{
    margin-right: -0.5rem;
  }

  .md\:tw--mb-2{
    margin-bottom: -0.5rem;
  }

  .md\:tw--ml-2{
    margin-left: -0.5rem;
  }

  .md\:tw--mt-3{
    margin-top: -0.75rem;
  }

  .md\:tw--mr-3{
    margin-right: -0.75rem;
  }

  .md\:tw--mb-3{
    margin-bottom: -0.75rem;
  }

  .md\:tw--ml-3{
    margin-left: -0.75rem;
  }

  .md\:tw--mt-4{
    margin-top: -1rem;
  }

  .md\:tw--mr-4{
    margin-right: -1rem;
  }

  .md\:tw--mb-4{
    margin-bottom: -1rem;
  }

  .md\:tw--ml-4{
    margin-left: -1rem;
  }

  .md\:tw--mt-5{
    margin-top: -1.25rem;
  }

  .md\:tw--mr-5{
    margin-right: -1.25rem;
  }

  .md\:tw--mb-5{
    margin-bottom: -1.25rem;
  }

  .md\:tw--ml-5{
    margin-left: -1.25rem;
  }

  .md\:tw--mt-6{
    margin-top: -1.5rem;
  }

  .md\:tw--mr-6{
    margin-right: -1.5rem;
  }

  .md\:tw--mb-6{
    margin-bottom: -1.5rem;
  }

  .md\:tw--ml-6{
    margin-left: -1.5rem;
  }

  .md\:tw--mt-8{
    margin-top: -2rem;
  }

  .md\:tw--mr-8{
    margin-right: -2rem;
  }

  .md\:tw--mb-8{
    margin-bottom: -2rem;
  }

  .md\:tw--ml-8{
    margin-left: -2rem;
  }

  .md\:tw--mt-10{
    margin-top: -2.5rem;
  }

  .md\:tw--mr-10{
    margin-right: -2.5rem;
  }

  .md\:tw--mb-10{
    margin-bottom: -2.5rem;
  }

  .md\:tw--ml-10{
    margin-left: -2.5rem;
  }

  .md\:tw--mt-12{
    margin-top: -3rem;
  }

  .md\:tw--mr-12{
    margin-right: -3rem;
  }

  .md\:tw--mb-12{
    margin-bottom: -3rem;
  }

  .md\:tw--ml-12{
    margin-left: -3rem;
  }

  .md\:tw--mt-16{
    margin-top: -4rem;
  }

  .md\:tw--mr-16{
    margin-right: -4rem;
  }

  .md\:tw--mb-16{
    margin-bottom: -4rem;
  }

  .md\:tw--ml-16{
    margin-left: -4rem;
  }

  .md\:tw--mt-20{
    margin-top: -5rem;
  }

  .md\:tw--mr-20{
    margin-right: -5rem;
  }

  .md\:tw--mb-20{
    margin-bottom: -5rem;
  }

  .md\:tw--ml-20{
    margin-left: -5rem;
  }

  .md\:tw--mt-24{
    margin-top: -6rem;
  }

  .md\:tw--mr-24{
    margin-right: -6rem;
  }

  .md\:tw--mb-24{
    margin-bottom: -6rem;
  }

  .md\:tw--ml-24{
    margin-left: -6rem;
  }

  .md\:tw--mt-32{
    margin-top: -8rem;
  }

  .md\:tw--mr-32{
    margin-right: -8rem;
  }

  .md\:tw--mb-32{
    margin-bottom: -8rem;
  }

  .md\:tw--ml-32{
    margin-left: -8rem;
  }

  .md\:tw--mt-40{
    margin-top: -10rem;
  }

  .md\:tw--mr-40{
    margin-right: -10rem;
  }

  .md\:tw--mb-40{
    margin-bottom: -10rem;
  }

  .md\:tw--ml-40{
    margin-left: -10rem;
  }

  .md\:tw--mt-48{
    margin-top: -12rem;
  }

  .md\:tw--mr-48{
    margin-right: -12rem;
  }

  .md\:tw--mb-48{
    margin-bottom: -12rem;
  }

  .md\:tw--ml-48{
    margin-left: -12rem;
  }

  .md\:tw--mt-56{
    margin-top: -14rem;
  }

  .md\:tw--mr-56{
    margin-right: -14rem;
  }

  .md\:tw--mb-56{
    margin-bottom: -14rem;
  }

  .md\:tw--ml-56{
    margin-left: -14rem;
  }

  .md\:tw--mt-64{
    margin-top: -16rem;
  }

  .md\:tw--mr-64{
    margin-right: -16rem;
  }

  .md\:tw--mb-64{
    margin-bottom: -16rem;
  }

  .md\:tw--ml-64{
    margin-left: -16rem;
  }

  .md\:tw--mt-px{
    margin-top: -1px;
  }

  .md\:tw--mr-px{
    margin-right: -1px;
  }

  .md\:tw--mb-px{
    margin-bottom: -1px;
  }

  .md\:tw--ml-px{
    margin-left: -1px;
  }

  .md\:tw-mt-2px{
    margin-top: 2px;
  }

  .md\:tw-mr-2px{
    margin-right: 2px;
  }

  .md\:tw-mb-2px{
    margin-bottom: 2px;
  }

  .md\:tw-ml-2px{
    margin-left: 2px;
  }

  .md\:tw-mt-5px{
    margin-top: 5px;
  }

  .md\:tw-mr-5px{
    margin-right: 5px;
  }

  .md\:tw-mb-5px{
    margin-bottom: 5px;
  }

  .md\:tw-ml-5px{
    margin-left: 5px;
  }

  .md\:tw-mt-10px{
    margin-top: 10px;
  }

  .md\:tw-mr-10px{
    margin-right: 10px;
  }

  .md\:tw-mb-10px{
    margin-bottom: 10px;
  }

  .md\:tw-ml-10px{
    margin-left: 10px;
  }

  .md\:tw-mt-15px{
    margin-top: 15px;
  }

  .md\:tw-mr-15px{
    margin-right: 15px;
  }

  .md\:tw-mb-15px{
    margin-bottom: 15px;
  }

  .md\:tw-ml-15px{
    margin-left: 15px;
  }

  .md\:tw-mt-20px{
    margin-top: 20px;
  }

  .md\:tw-mr-20px{
    margin-right: 20px;
  }

  .md\:tw-mb-20px{
    margin-bottom: 20px;
  }

  .md\:tw-ml-20px{
    margin-left: 20px;
  }

  .md\:tw-mt-25px{
    margin-top: 25px;
  }

  .md\:tw-mr-25px{
    margin-right: 25px;
  }

  .md\:tw-mb-25px{
    margin-bottom: 25px;
  }

  .md\:tw-ml-25px{
    margin-left: 25px;
  }

  .md\:tw-mt-30px{
    margin-top: 30px;
  }

  .md\:tw-mr-30px{
    margin-right: 30px;
  }

  .md\:tw-mb-30px{
    margin-bottom: 30px;
  }

  .md\:tw-ml-30px{
    margin-left: 30px;
  }

  .md\:tw-mt-40px{
    margin-top: 40px;
  }

  .md\:tw-mr-40px{
    margin-right: 40px;
  }

  .md\:tw-mb-40px{
    margin-bottom: 40px;
  }

  .md\:tw-ml-40px{
    margin-left: 40px;
  }

  .md\:tw-mt-60px{
    margin-top: 60px;
  }

  .md\:tw-mr-60px{
    margin-right: 60px;
  }

  .md\:tw-mb-60px{
    margin-bottom: 60px;
  }

  .md\:tw-ml-60px{
    margin-left: 60px;
  }

  .md\:tw-mt-80px{
    margin-top: 80px;
  }

  .md\:tw-mr-80px{
    margin-right: 80px;
  }

  .md\:tw-mb-80px{
    margin-bottom: 80px;
  }

  .md\:tw-ml-80px{
    margin-left: 80px;
  }

  .md\:tw-max-h-full{
    max-height: 100%;
  }

  .md\:tw-max-h-screen{
    max-height: 100vh;
  }

  .md\:tw-max-w-none{
    max-width: none;
  }

  .md\:tw-max-w-xs{
    max-width: 20rem;
  }

  .md\:tw-max-w-sm{
    max-width: 24rem;
  }

  .md\:tw-max-w-md{
    max-width: 28rem;
  }

  .md\:tw-max-w-lg{
    max-width: 32rem;
  }

  .md\:tw-max-w-xl{
    max-width: 36rem;
  }

  .md\:tw-max-w-2xl{
    max-width: 42rem;
  }

  .md\:tw-max-w-3xl{
    max-width: 48rem;
  }

  .md\:tw-max-w-4xl{
    max-width: 56rem;
  }

  .md\:tw-max-w-5xl{
    max-width: 64rem;
  }

  .md\:tw-max-w-6xl{
    max-width: 72rem;
  }

  .md\:tw-max-w-full{
    max-width: 100%;
  }

  .md\:tw-max-w-screen-sm{
    max-width: 640px;
  }

  .md\:tw-max-w-screen-md{
    max-width: 768px;
  }

  .md\:tw-max-w-screen-lg{
    max-width: 1024px;
  }

  .md\:tw-max-w-screen-xl{
    max-width: 1280px;
  }

  .md\:tw-min-h-0{
    min-height: 0;
  }

  .md\:tw-min-h-full{
    min-height: 100%;
  }

  .md\:tw-min-h-screen{
    min-height: 100vh;
  }

  .md\:tw-min-w-0{
    min-width: 0;
  }

  .md\:tw-min-w-full{
    min-width: 100%;
  }

  .md\:tw-object-contain{
    -o-object-fit: contain;
       object-fit: contain;
  }

  .md\:tw-object-cover{
    -o-object-fit: cover;
       object-fit: cover;
  }

  .md\:tw-object-fill{
    -o-object-fit: fill;
       object-fit: fill;
  }

  .md\:tw-object-none{
    -o-object-fit: none;
       object-fit: none;
  }

  .md\:tw-object-scale-down{
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .md\:tw-object-bottom{
    -o-object-position: bottom;
       object-position: bottom;
  }

  .md\:tw-object-center{
    -o-object-position: center;
       object-position: center;
  }

  .md\:tw-object-left{
    -o-object-position: left;
       object-position: left;
  }

  .md\:tw-object-left-bottom{
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .md\:tw-object-left-top{
    -o-object-position: left top;
       object-position: left top;
  }

  .md\:tw-object-right{
    -o-object-position: right;
       object-position: right;
  }

  .md\:tw-object-right-bottom{
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .md\:tw-object-right-top{
    -o-object-position: right top;
       object-position: right top;
  }

  .md\:tw-object-top{
    -o-object-position: top;
       object-position: top;
  }

  .md\:tw-opacity-0{
    opacity: 0;
  }

  .md\:tw-opacity-25{
    opacity: 0.25;
  }

  .md\:tw-opacity-50{
    opacity: 0.5;
  }

  .md\:tw-opacity-75{
    opacity: 0.75;
  }

  .md\:tw-opacity-100{
    opacity: 1;
  }

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

  .md\:hover\:tw-opacity-25:hover{
    opacity: 0.25;
  }

  .md\:hover\:tw-opacity-50:hover{
    opacity: 0.5;
  }

  .md\:hover\:tw-opacity-75:hover{
    opacity: 0.75;
  }

  .md\:hover\:tw-opacity-100:hover{
    opacity: 1;
  }

  .md\:focus\:tw-opacity-0:focus{
    opacity: 0;
  }

  .md\:focus\:tw-opacity-25:focus{
    opacity: 0.25;
  }

  .md\:focus\:tw-opacity-50:focus{
    opacity: 0.5;
  }

  .md\:focus\:tw-opacity-75:focus{
    opacity: 0.75;
  }

  .md\:focus\:tw-opacity-100:focus{
    opacity: 1;
  }

  .md\:tw-outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .md\:tw-outline-white{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .md\:tw-outline-black{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .md\:focus\:tw-outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .md\:focus\:tw-outline-white:focus{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .md\:focus\:tw-outline-black:focus{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .md\:tw-overflow-auto{
    overflow: auto;
  }

  .md\:tw-overflow-hidden{
    overflow: hidden;
  }

  .md\:tw-overflow-visible{
    overflow: visible;
  }

  .md\:tw-overflow-scroll{
    overflow: scroll;
  }

  .md\:tw-overflow-x-auto{
    overflow-x: auto;
  }

  .md\:tw-overflow-y-auto{
    overflow-y: auto;
  }

  .md\:tw-overflow-x-hidden{
    overflow-x: hidden;
  }

  .md\:tw-overflow-y-hidden{
    overflow-y: hidden;
  }

  .md\:tw-overflow-x-visible{
    overflow-x: visible;
  }

  .md\:tw-overflow-y-visible{
    overflow-y: visible;
  }

  .md\:tw-overflow-x-scroll{
    overflow-x: scroll;
  }

  .md\:tw-overflow-y-scroll{
    overflow-y: scroll;
  }

  .md\:tw-scrolling-touch{
    -webkit-overflow-scrolling: touch;
  }

  .md\:tw-scrolling-auto{
    -webkit-overflow-scrolling: auto;
  }

  .md\:tw-overscroll-auto{
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .md\:tw-overscroll-contain{
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .md\:tw-overscroll-none{
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .md\:tw-overscroll-y-auto{
    overscroll-behavior-y: auto;
  }

  .md\:tw-overscroll-y-contain{
    overscroll-behavior-y: contain;
  }

  .md\:tw-overscroll-y-none{
    overscroll-behavior-y: none;
  }

  .md\:tw-overscroll-x-auto{
    overscroll-behavior-x: auto;
  }

  .md\:tw-overscroll-x-contain{
    overscroll-behavior-x: contain;
  }

  .md\:tw-overscroll-x-none{
    overscroll-behavior-x: none;
  }

  .md\:tw-p-0{
    padding: 0;
  }

  .md\:tw-p-1{
    padding: 0.25rem;
  }

  .md\:tw-p-2{
    padding: 0.5rem;
  }

  .md\:tw-p-3{
    padding: 0.75rem;
  }

  .md\:tw-p-4{
    padding: 1rem;
  }

  .md\:tw-p-5{
    padding: 1.25rem;
  }

  .md\:tw-p-6{
    padding: 1.5rem;
  }

  .md\:tw-p-8{
    padding: 2rem;
  }

  .md\:tw-p-10{
    padding: 2.5rem;
  }

  .md\:tw-p-12{
    padding: 3rem;
  }

  .md\:tw-p-16{
    padding: 4rem;
  }

  .md\:tw-p-20{
    padding: 5rem;
  }

  .md\:tw-p-24{
    padding: 6rem;
  }

  .md\:tw-p-32{
    padding: 8rem;
  }

  .md\:tw-p-40{
    padding: 10rem;
  }

  .md\:tw-p-48{
    padding: 12rem;
  }

  .md\:tw-p-56{
    padding: 14rem;
  }

  .md\:tw-p-64{
    padding: 16rem;
  }

  .md\:tw-p-px{
    padding: 1px;
  }

  .md\:tw-p-3px{
    padding: 3px;
  }

  .md\:tw-p-5px{
    padding: 5px;
  }

  .md\:tw-p-10px{
    padding: 10px;
  }

  .md\:tw-p-15px{
    padding: 15px;
  }

  .md\:tw-p-20px{
    padding: 20px;
  }

  .md\:tw-p-25px{
    padding: 25px;
  }

  .md\:tw-p-30px{
    padding: 30px;
  }

  .md\:tw-p-40px{
    padding: 40px;
  }

  .md\:tw-p-55px{
    padding: 55px;
  }

  .md\:tw-p-60px{
    padding: 60px;
  }

  .md\:tw-py-0{
    padding-top: 0;
    padding-bottom: 0;
  }

  .md\:tw-px-0{
    padding-left: 0;
    padding-right: 0;
  }

  .md\:tw-py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .md\:tw-px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .md\:tw-py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:tw-px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:tw-py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .md\:tw-px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .md\:tw-py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:tw-px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:tw-py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .md\:tw-px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:tw-py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:tw-px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:tw-py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:tw-px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:tw-py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:tw-px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:tw-py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:tw-px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:tw-py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:tw-px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .md\:tw-py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:tw-px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .md\:tw-py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .md\:tw-px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .md\:tw-py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:tw-px-32{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .md\:tw-py-40{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .md\:tw-px-40{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .md\:tw-py-48{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .md\:tw-px-48{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .md\:tw-py-56{
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .md\:tw-px-56{
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .md\:tw-py-64{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .md\:tw-px-64{
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .md\:tw-py-px{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .md\:tw-px-px{
    padding-left: 1px;
    padding-right: 1px;
  }

  .md\:tw-py-3px{
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .md\:tw-px-3px{
    padding-left: 3px;
    padding-right: 3px;
  }

  .md\:tw-py-5px{
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .md\:tw-px-5px{
    padding-left: 5px;
    padding-right: 5px;
  }

  .md\:tw-py-10px{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .md\:tw-px-10px{
    padding-left: 10px;
    padding-right: 10px;
  }

  .md\:tw-py-15px{
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .md\:tw-px-15px{
    padding-left: 15px;
    padding-right: 15px;
  }

  .md\:tw-py-20px{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .md\:tw-px-20px{
    padding-left: 20px;
    padding-right: 20px;
  }

  .md\:tw-py-25px{
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .md\:tw-px-25px{
    padding-left: 25px;
    padding-right: 25px;
  }

  .md\:tw-py-30px{
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .md\:tw-px-30px{
    padding-left: 30px;
    padding-right: 30px;
  }

  .md\:tw-py-40px{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .md\:tw-px-40px{
    padding-left: 40px;
    padding-right: 40px;
  }

  .md\:tw-py-55px{
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .md\:tw-px-55px{
    padding-left: 55px;
    padding-right: 55px;
  }

  .md\:tw-py-60px{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .md\:tw-px-60px{
    padding-left: 60px;
    padding-right: 60px;
  }

  .md\:tw-pt-0{
    padding-top: 0;
  }

  .md\:tw-pr-0{
    padding-right: 0;
  }

  .md\:tw-pb-0{
    padding-bottom: 0;
  }

  .md\:tw-pl-0{
    padding-left: 0;
  }

  .md\:tw-pt-1{
    padding-top: 0.25rem;
  }

  .md\:tw-pr-1{
    padding-right: 0.25rem;
  }

  .md\:tw-pb-1{
    padding-bottom: 0.25rem;
  }

  .md\:tw-pl-1{
    padding-left: 0.25rem;
  }

  .md\:tw-pt-2{
    padding-top: 0.5rem;
  }

  .md\:tw-pr-2{
    padding-right: 0.5rem;
  }

  .md\:tw-pb-2{
    padding-bottom: 0.5rem;
  }

  .md\:tw-pl-2{
    padding-left: 0.5rem;
  }

  .md\:tw-pt-3{
    padding-top: 0.75rem;
  }

  .md\:tw-pr-3{
    padding-right: 0.75rem;
  }

  .md\:tw-pb-3{
    padding-bottom: 0.75rem;
  }

  .md\:tw-pl-3{
    padding-left: 0.75rem;
  }

  .md\:tw-pt-4{
    padding-top: 1rem;
  }

  .md\:tw-pr-4{
    padding-right: 1rem;
  }

  .md\:tw-pb-4{
    padding-bottom: 1rem;
  }

  .md\:tw-pl-4{
    padding-left: 1rem;
  }

  .md\:tw-pt-5{
    padding-top: 1.25rem;
  }

  .md\:tw-pr-5{
    padding-right: 1.25rem;
  }

  .md\:tw-pb-5{
    padding-bottom: 1.25rem;
  }

  .md\:tw-pl-5{
    padding-left: 1.25rem;
  }

  .md\:tw-pt-6{
    padding-top: 1.5rem;
  }

  .md\:tw-pr-6{
    padding-right: 1.5rem;
  }

  .md\:tw-pb-6{
    padding-bottom: 1.5rem;
  }

  .md\:tw-pl-6{
    padding-left: 1.5rem;
  }

  .md\:tw-pt-8{
    padding-top: 2rem;
  }

  .md\:tw-pr-8{
    padding-right: 2rem;
  }

  .md\:tw-pb-8{
    padding-bottom: 2rem;
  }

  .md\:tw-pl-8{
    padding-left: 2rem;
  }

  .md\:tw-pt-10{
    padding-top: 2.5rem;
  }

  .md\:tw-pr-10{
    padding-right: 2.5rem;
  }

  .md\:tw-pb-10{
    padding-bottom: 2.5rem;
  }

  .md\:tw-pl-10{
    padding-left: 2.5rem;
  }

  .md\:tw-pt-12{
    padding-top: 3rem;
  }

  .md\:tw-pr-12{
    padding-right: 3rem;
  }

  .md\:tw-pb-12{
    padding-bottom: 3rem;
  }

  .md\:tw-pl-12{
    padding-left: 3rem;
  }

  .md\:tw-pt-16{
    padding-top: 4rem;
  }

  .md\:tw-pr-16{
    padding-right: 4rem;
  }

  .md\:tw-pb-16{
    padding-bottom: 4rem;
  }

  .md\:tw-pl-16{
    padding-left: 4rem;
  }

  .md\:tw-pt-20{
    padding-top: 5rem;
  }

  .md\:tw-pr-20{
    padding-right: 5rem;
  }

  .md\:tw-pb-20{
    padding-bottom: 5rem;
  }

  .md\:tw-pl-20{
    padding-left: 5rem;
  }

  .md\:tw-pt-24{
    padding-top: 6rem;
  }

  .md\:tw-pr-24{
    padding-right: 6rem;
  }

  .md\:tw-pb-24{
    padding-bottom: 6rem;
  }

  .md\:tw-pl-24{
    padding-left: 6rem;
  }

  .md\:tw-pt-32{
    padding-top: 8rem;
  }

  .md\:tw-pr-32{
    padding-right: 8rem;
  }

  .md\:tw-pb-32{
    padding-bottom: 8rem;
  }

  .md\:tw-pl-32{
    padding-left: 8rem;
  }

  .md\:tw-pt-40{
    padding-top: 10rem;
  }

  .md\:tw-pr-40{
    padding-right: 10rem;
  }

  .md\:tw-pb-40{
    padding-bottom: 10rem;
  }

  .md\:tw-pl-40{
    padding-left: 10rem;
  }

  .md\:tw-pt-48{
    padding-top: 12rem;
  }

  .md\:tw-pr-48{
    padding-right: 12rem;
  }

  .md\:tw-pb-48{
    padding-bottom: 12rem;
  }

  .md\:tw-pl-48{
    padding-left: 12rem;
  }

  .md\:tw-pt-56{
    padding-top: 14rem;
  }

  .md\:tw-pr-56{
    padding-right: 14rem;
  }

  .md\:tw-pb-56{
    padding-bottom: 14rem;
  }

  .md\:tw-pl-56{
    padding-left: 14rem;
  }

  .md\:tw-pt-64{
    padding-top: 16rem;
  }

  .md\:tw-pr-64{
    padding-right: 16rem;
  }

  .md\:tw-pb-64{
    padding-bottom: 16rem;
  }

  .md\:tw-pl-64{
    padding-left: 16rem;
  }

  .md\:tw-pt-px{
    padding-top: 1px;
  }

  .md\:tw-pr-px{
    padding-right: 1px;
  }

  .md\:tw-pb-px{
    padding-bottom: 1px;
  }

  .md\:tw-pl-px{
    padding-left: 1px;
  }

  .md\:tw-pt-3px{
    padding-top: 3px;
  }

  .md\:tw-pr-3px{
    padding-right: 3px;
  }

  .md\:tw-pb-3px{
    padding-bottom: 3px;
  }

  .md\:tw-pl-3px{
    padding-left: 3px;
  }

  .md\:tw-pt-5px{
    padding-top: 5px;
  }

  .md\:tw-pr-5px{
    padding-right: 5px;
  }

  .md\:tw-pb-5px{
    padding-bottom: 5px;
  }

  .md\:tw-pl-5px{
    padding-left: 5px;
  }

  .md\:tw-pt-10px{
    padding-top: 10px;
  }

  .md\:tw-pr-10px{
    padding-right: 10px;
  }

  .md\:tw-pb-10px{
    padding-bottom: 10px;
  }

  .md\:tw-pl-10px{
    padding-left: 10px;
  }

  .md\:tw-pt-15px{
    padding-top: 15px;
  }

  .md\:tw-pr-15px{
    padding-right: 15px;
  }

  .md\:tw-pb-15px{
    padding-bottom: 15px;
  }

  .md\:tw-pl-15px{
    padding-left: 15px;
  }

  .md\:tw-pt-20px{
    padding-top: 20px;
  }

  .md\:tw-pr-20px{
    padding-right: 20px;
  }

  .md\:tw-pb-20px{
    padding-bottom: 20px;
  }

  .md\:tw-pl-20px{
    padding-left: 20px;
  }

  .md\:tw-pt-25px{
    padding-top: 25px;
  }

  .md\:tw-pr-25px{
    padding-right: 25px;
  }

  .md\:tw-pb-25px{
    padding-bottom: 25px;
  }

  .md\:tw-pl-25px{
    padding-left: 25px;
  }

  .md\:tw-pt-30px{
    padding-top: 30px;
  }

  .md\:tw-pr-30px{
    padding-right: 30px;
  }

  .md\:tw-pb-30px{
    padding-bottom: 30px;
  }

  .md\:tw-pl-30px{
    padding-left: 30px;
  }

  .md\:tw-pt-40px{
    padding-top: 40px;
  }

  .md\:tw-pr-40px{
    padding-right: 40px;
  }

  .md\:tw-pb-40px{
    padding-bottom: 40px;
  }

  .md\:tw-pl-40px{
    padding-left: 40px;
  }

  .md\:tw-pt-55px{
    padding-top: 55px;
  }

  .md\:tw-pr-55px{
    padding-right: 55px;
  }

  .md\:tw-pb-55px{
    padding-bottom: 55px;
  }

  .md\:tw-pl-55px{
    padding-left: 55px;
  }

  .md\:tw-pt-60px{
    padding-top: 60px;
  }

  .md\:tw-pr-60px{
    padding-right: 60px;
  }

  .md\:tw-pb-60px{
    padding-bottom: 60px;
  }

  .md\:tw-pl-60px{
    padding-left: 60px;
  }

  .md\:tw-placeholder-transparent::-moz-placeholder{
    color: transparent;
  }

  .md\:tw-placeholder-transparent:-ms-input-placeholder{
    color: transparent;
  }

  .md\:tw-placeholder-transparent::placeholder{
    color: transparent;
  }

  .md\:tw-placeholder-current::-moz-placeholder{
    color: currentColor;
  }

  .md\:tw-placeholder-current:-ms-input-placeholder{
    color: currentColor;
  }

  .md\:tw-placeholder-current::placeholder{
    color: currentColor;
  }

  .md\:tw-placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-black:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-black::placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-white:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-white::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-100::placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-200::placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-300::placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-400::placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-500::placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-600::placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-700::placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-800::placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-gray-900::placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-100::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-200::placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-300::placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-400::placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-500::placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-600::placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-700::placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-800::placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-red-900::placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-100::placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-200::placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-300::placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-400::placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-500::placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-600::placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-700::placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-800::placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-orange-900::placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-100::placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-200::placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-300::placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-400::placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-500::placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-600::placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-700::placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-800::placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-yellow-900::placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-100::placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-200::placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-300::placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-400::placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-500::placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-600::placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-700::placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-800::placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-green-900::placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-100::placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-200::placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-300::placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-400::placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-500::placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-600::placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-700::placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-800::placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-teal-900::placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-100::placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-200::placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-300::placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-400::placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-500::placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-600::placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-700::placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-800::placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-blue-900::placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-100::placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-200::placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-300::placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-400::placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-500::placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-600::placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-700::placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-800::placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-indigo-900::placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-100::placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-200::placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-300::placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-400::placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-500::placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-600::placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-700::placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-800::placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-purple-900::placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-100::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-200::placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-300::placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-400::placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-500::placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-600::placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-700::placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-800::placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-pink-900::placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-primary-blue::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-primary-blue:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-primary-blue::placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-primary-blue-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-primary-blue-dark:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-primary-blue-dark::placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-primary-white::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-primary-white:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-primary-white::placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-0::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-0:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-0::placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-1::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-1:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-1::placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-5::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-5:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-5::placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-10::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-10:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-10::placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-50::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-50:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-50::placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-70::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-70:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-font-70::placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-transparent:focus::-moz-placeholder{
    color: transparent;
  }

  .md\:focus\:tw-placeholder-transparent:focus:-ms-input-placeholder{
    color: transparent;
  }

  .md\:focus\:tw-placeholder-transparent:focus::placeholder{
    color: transparent;
  }

  .md\:focus\:tw-placeholder-current:focus::-moz-placeholder{
    color: currentColor;
  }

  .md\:focus\:tw-placeholder-current:focus:-ms-input-placeholder{
    color: currentColor;
  }

  .md\:focus\:tw-placeholder-current:focus::placeholder{
    color: currentColor;
  }

  .md\:focus\:tw-placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-black:focus::placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-white:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-red-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-orange-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-green-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-teal-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-blue-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-indigo-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-purple-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-pink-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-primary-blue:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-primary-blue:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-primary-blue:focus::placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-primary-blue-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-primary-blue-dark:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-primary-blue-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-primary-white:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-primary-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-primary-white:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-0:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-0:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-1:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-1:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-1:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-5:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-5:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-5:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-10:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-10:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-10:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-50:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-50:focus::placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-70:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-70:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .md\:focus\:tw-placeholder-font-70:focus::placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .md\:tw-placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .md\:tw-placeholder-opacity-0:-ms-input-placeholder{
    --placeholder-opacity: 0;
  }

  .md\:tw-placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0;
  }

  .md\:tw-placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .md\:tw-placeholder-opacity-25:-ms-input-placeholder{
    --placeholder-opacity: 0.25;
  }

  .md\:tw-placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25;
  }

  .md\:tw-placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .md\:tw-placeholder-opacity-50:-ms-input-placeholder{
    --placeholder-opacity: 0.5;
  }

  .md\:tw-placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5;
  }

  .md\:tw-placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .md\:tw-placeholder-opacity-75:-ms-input-placeholder{
    --placeholder-opacity: 0.75;
  }

  .md\:tw-placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75;
  }

  .md\:tw-placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .md\:tw-placeholder-opacity-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
  }

  .md\:tw-placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1;
  }

  .md\:focus\:tw-placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .md\:focus\:tw-placeholder-opacity-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 0;
  }

  .md\:focus\:tw-placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0;
  }

  .md\:focus\:tw-placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .md\:focus\:tw-placeholder-opacity-25:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.25;
  }

  .md\:focus\:tw-placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25;
  }

  .md\:focus\:tw-placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .md\:focus\:tw-placeholder-opacity-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.5;
  }

  .md\:focus\:tw-placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5;
  }

  .md\:focus\:tw-placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .md\:focus\:tw-placeholder-opacity-75:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.75;
  }

  .md\:focus\:tw-placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75;
  }

  .md\:focus\:tw-placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .md\:focus\:tw-placeholder-opacity-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
  }

  .md\:focus\:tw-placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1;
  }

  .md\:tw-pointer-events-none{
    pointer-events: none;
  }

  .md\:tw-pointer-events-auto{
    pointer-events: auto;
  }

  .md\:tw-static{
    position: static;
  }

  .md\:tw-fixed{
    position: fixed;
  }

  .md\:tw-absolute{
    position: absolute;
  }

  .md\:tw-relative{
    position: relative;
  }

  .md\:tw-sticky{
    position: -webkit-sticky;
    position: sticky;
  }

  .md\:tw-inset-0{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .md\:tw-inset-auto{
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .md\:tw--inset-10px{
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
  }

  .md\:tw-inset-y-0{
    top: 0;
    bottom: 0;
  }

  .md\:tw-inset-x-0{
    right: 0;
    left: 0;
  }

  .md\:tw-inset-y-auto{
    top: auto;
    bottom: auto;
  }

  .md\:tw-inset-x-auto{
    right: auto;
    left: auto;
  }

  .md\:tw--inset-y-10px{
    top: -10px;
    bottom: -10px;
  }

  .md\:tw--inset-x-10px{
    right: -10px;
    left: -10px;
  }

  .md\:tw-top-0{
    top: 0;
  }

  .md\:tw-right-0{
    right: 0;
  }

  .md\:tw-bottom-0{
    bottom: 0;
  }

  .md\:tw-left-0{
    left: 0;
  }

  .md\:tw-top-auto{
    top: auto;
  }

  .md\:tw-right-auto{
    right: auto;
  }

  .md\:tw-bottom-auto{
    bottom: auto;
  }

  .md\:tw-left-auto{
    left: auto;
  }

  .md\:tw--top-10px{
    top: -10px;
  }

  .md\:tw--right-10px{
    right: -10px;
  }

  .md\:tw--bottom-10px{
    bottom: -10px;
  }

  .md\:tw--left-10px{
    left: -10px;
  }

  .md\:tw-resize-none{
    resize: none;
  }

  .md\:tw-resize-y{
    resize: vertical;
  }

  .md\:tw-resize-x{
    resize: horizontal;
  }

  .md\:tw-resize{
    resize: both;
  }

  .md\:tw-shadow-xs{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .md\:tw-shadow-sm{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .md\:tw-shadow{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:tw-shadow-md{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .md\:tw-shadow-lg{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .md\:tw-shadow-xl{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .md\:tw-shadow-2xl{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .md\:tw-shadow-inner{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:tw-shadow-outline{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .md\:tw-shadow-none{
    box-shadow: none;
  }

  .md\:tw-shadow-1dp{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

  .md\:tw-shadow-2dp{
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  }

  .md\:tw-shadow-6dp{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .md\:hover\:tw-shadow-xs:hover{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .md\:hover\:tw-shadow-sm:hover{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .md\:hover\:tw-shadow:hover{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:hover\:tw-shadow-md:hover{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .md\:hover\:tw-shadow-lg:hover{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .md\:hover\:tw-shadow-xl:hover{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .md\:hover\:tw-shadow-2xl:hover{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .md\:hover\:tw-shadow-inner:hover{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:hover\:tw-shadow-outline:hover{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .md\:hover\:tw-shadow-none:hover{
    box-shadow: none;
  }

  .md\:hover\:tw-shadow-1dp:hover{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

  .md\:hover\:tw-shadow-2dp:hover{
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  }

  .md\:hover\:tw-shadow-6dp:hover{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .md\:focus\:tw-shadow-xs:focus{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .md\:focus\:tw-shadow-sm:focus{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .md\:focus\:tw-shadow:focus{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:focus\:tw-shadow-md:focus{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .md\:focus\:tw-shadow-lg:focus{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .md\:focus\:tw-shadow-xl:focus{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .md\:focus\:tw-shadow-2xl:focus{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .md\:focus\:tw-shadow-inner:focus{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:focus\:tw-shadow-outline:focus{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .md\:focus\:tw-shadow-none:focus{
    box-shadow: none;
  }

  .md\:focus\:tw-shadow-1dp:focus{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

  .md\:focus\:tw-shadow-2dp:focus{
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  }

  .md\:focus\:tw-shadow-6dp:focus{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .md\:tw-fill-current{
    fill: currentColor;
  }

  .md\:tw-stroke-current{
    stroke: currentColor;
  }

  .md\:tw-stroke-0{
    stroke-width: 0;
  }

  .md\:tw-stroke-1{
    stroke-width: 1;
  }

  .md\:tw-stroke-2{
    stroke-width: 2;
  }

  .md\:tw-table-auto{
    table-layout: auto;
  }

  .md\:tw-table-fixed{
    table-layout: fixed;
  }

  .md\:tw-text-left{
    text-align: left;
  }

  .md\:tw-text-center{
    text-align: center;
  }

  .md\:tw-text-right{
    text-align: right;
  }

  .md\:tw-text-justify{
    text-align: justify;
  }

  .md\:tw-text-transparent{
    color: transparent;
  }

  .md\:tw-text-current{
    color: currentColor;
  }

  .md\:tw-text-black{
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .md\:tw-text-white{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:tw-text-gray-100{
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .md\:tw-text-gray-200{
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .md\:tw-text-gray-300{
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .md\:tw-text-gray-400{
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .md\:tw-text-gray-500{
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .md\:tw-text-gray-600{
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .md\:tw-text-gray-700{
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .md\:tw-text-gray-800{
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .md\:tw-text-gray-900{
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .md\:tw-text-red-100{
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }

  .md\:tw-text-red-200{
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }

  .md\:tw-text-red-300{
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }

  .md\:tw-text-red-400{
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }

  .md\:tw-text-red-500{
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }

  .md\:tw-text-red-600{
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }

  .md\:tw-text-red-700{
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }

  .md\:tw-text-red-800{
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }

  .md\:tw-text-red-900{
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }

  .md\:tw-text-orange-100{
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }

  .md\:tw-text-orange-200{
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }

  .md\:tw-text-orange-300{
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }

  .md\:tw-text-orange-400{
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }

  .md\:tw-text-orange-500{
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }

  .md\:tw-text-orange-600{
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }

  .md\:tw-text-orange-700{
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }

  .md\:tw-text-orange-800{
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }

  .md\:tw-text-orange-900{
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }

  .md\:tw-text-yellow-100{
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }

  .md\:tw-text-yellow-200{
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }

  .md\:tw-text-yellow-300{
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }

  .md\:tw-text-yellow-400{
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }

  .md\:tw-text-yellow-500{
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }

  .md\:tw-text-yellow-600{
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }

  .md\:tw-text-yellow-700{
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }

  .md\:tw-text-yellow-800{
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }

  .md\:tw-text-yellow-900{
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }

  .md\:tw-text-green-100{
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }

  .md\:tw-text-green-200{
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }

  .md\:tw-text-green-300{
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }

  .md\:tw-text-green-400{
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }

  .md\:tw-text-green-500{
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }

  .md\:tw-text-green-600{
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }

  .md\:tw-text-green-700{
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }

  .md\:tw-text-green-800{
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }

  .md\:tw-text-green-900{
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }

  .md\:tw-text-teal-100{
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }

  .md\:tw-text-teal-200{
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }

  .md\:tw-text-teal-300{
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }

  .md\:tw-text-teal-400{
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }

  .md\:tw-text-teal-500{
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }

  .md\:tw-text-teal-600{
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }

  .md\:tw-text-teal-700{
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }

  .md\:tw-text-teal-800{
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }

  .md\:tw-text-teal-900{
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }

  .md\:tw-text-blue-100{
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }

  .md\:tw-text-blue-200{
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }

  .md\:tw-text-blue-300{
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }

  .md\:tw-text-blue-400{
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }

  .md\:tw-text-blue-500{
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }

  .md\:tw-text-blue-600{
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }

  .md\:tw-text-blue-700{
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }

  .md\:tw-text-blue-800{
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }

  .md\:tw-text-blue-900{
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }

  .md\:tw-text-indigo-100{
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }

  .md\:tw-text-indigo-200{
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }

  .md\:tw-text-indigo-300{
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }

  .md\:tw-text-indigo-400{
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }

  .md\:tw-text-indigo-500{
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }

  .md\:tw-text-indigo-600{
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }

  .md\:tw-text-indigo-700{
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }

  .md\:tw-text-indigo-800{
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }

  .md\:tw-text-indigo-900{
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }

  .md\:tw-text-purple-100{
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }

  .md\:tw-text-purple-200{
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }

  .md\:tw-text-purple-300{
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }

  .md\:tw-text-purple-400{
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }

  .md\:tw-text-purple-500{
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }

  .md\:tw-text-purple-600{
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }

  .md\:tw-text-purple-700{
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }

  .md\:tw-text-purple-800{
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }

  .md\:tw-text-purple-900{
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }

  .md\:tw-text-pink-100{
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }

  .md\:tw-text-pink-200{
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }

  .md\:tw-text-pink-300{
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }

  .md\:tw-text-pink-400{
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }

  .md\:tw-text-pink-500{
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }

  .md\:tw-text-pink-600{
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }

  .md\:tw-text-pink-700{
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }

  .md\:tw-text-pink-800{
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }

  .md\:tw-text-pink-900{
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }

  .md\:tw-text-primary-blue{
    --text-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--text-opacity));
  }

  .md\:tw-text-primary-blue-dark{
    --text-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--text-opacity));
  }

  .md\:tw-text-primary-white{
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:tw-text-font-0{
    --text-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--text-opacity));
  }

  .md\:tw-text-font-1{
    --text-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--text-opacity));
  }

  .md\:tw-text-font-5{
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

  .md\:tw-text-font-10{
    --text-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--text-opacity));
  }

  .md\:tw-text-font-50{
    --text-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--text-opacity));
  }

  .md\:tw-text-font-70{
    --text-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--text-opacity));
  }

  .md\:hover\:tw-text-transparent:hover{
    color: transparent;
  }

  .md\:hover\:tw-text-current:hover{
    color: currentColor;
  }

  .md\:hover\:tw-text-black:hover{
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .md\:hover\:tw-text-white:hover{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:hover\:tw-text-gray-100:hover{
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .md\:hover\:tw-text-gray-200:hover{
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .md\:hover\:tw-text-gray-300:hover{
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .md\:hover\:tw-text-gray-400:hover{
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .md\:hover\:tw-text-gray-500:hover{
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .md\:hover\:tw-text-gray-600:hover{
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .md\:hover\:tw-text-gray-700:hover{
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .md\:hover\:tw-text-gray-800:hover{
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .md\:hover\:tw-text-gray-900:hover{
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .md\:hover\:tw-text-red-100:hover{
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }

  .md\:hover\:tw-text-red-200:hover{
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }

  .md\:hover\:tw-text-red-300:hover{
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }

  .md\:hover\:tw-text-red-400:hover{
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }

  .md\:hover\:tw-text-red-500:hover{
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }

  .md\:hover\:tw-text-red-600:hover{
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }

  .md\:hover\:tw-text-red-700:hover{
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }

  .md\:hover\:tw-text-red-800:hover{
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }

  .md\:hover\:tw-text-red-900:hover{
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }

  .md\:hover\:tw-text-orange-100:hover{
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }

  .md\:hover\:tw-text-orange-200:hover{
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }

  .md\:hover\:tw-text-orange-300:hover{
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }

  .md\:hover\:tw-text-orange-400:hover{
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }

  .md\:hover\:tw-text-orange-500:hover{
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }

  .md\:hover\:tw-text-orange-600:hover{
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }

  .md\:hover\:tw-text-orange-700:hover{
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }

  .md\:hover\:tw-text-orange-800:hover{
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }

  .md\:hover\:tw-text-orange-900:hover{
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }

  .md\:hover\:tw-text-yellow-100:hover{
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }

  .md\:hover\:tw-text-yellow-200:hover{
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }

  .md\:hover\:tw-text-yellow-300:hover{
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }

  .md\:hover\:tw-text-yellow-400:hover{
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }

  .md\:hover\:tw-text-yellow-500:hover{
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }

  .md\:hover\:tw-text-yellow-600:hover{
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }

  .md\:hover\:tw-text-yellow-700:hover{
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }

  .md\:hover\:tw-text-yellow-800:hover{
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }

  .md\:hover\:tw-text-yellow-900:hover{
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }

  .md\:hover\:tw-text-green-100:hover{
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }

  .md\:hover\:tw-text-green-200:hover{
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }

  .md\:hover\:tw-text-green-300:hover{
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }

  .md\:hover\:tw-text-green-400:hover{
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }

  .md\:hover\:tw-text-green-500:hover{
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }

  .md\:hover\:tw-text-green-600:hover{
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }

  .md\:hover\:tw-text-green-700:hover{
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }

  .md\:hover\:tw-text-green-800:hover{
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }

  .md\:hover\:tw-text-green-900:hover{
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }

  .md\:hover\:tw-text-teal-100:hover{
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }

  .md\:hover\:tw-text-teal-200:hover{
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }

  .md\:hover\:tw-text-teal-300:hover{
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }

  .md\:hover\:tw-text-teal-400:hover{
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }

  .md\:hover\:tw-text-teal-500:hover{
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }

  .md\:hover\:tw-text-teal-600:hover{
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }

  .md\:hover\:tw-text-teal-700:hover{
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }

  .md\:hover\:tw-text-teal-800:hover{
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }

  .md\:hover\:tw-text-teal-900:hover{
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }

  .md\:hover\:tw-text-blue-100:hover{
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }

  .md\:hover\:tw-text-blue-200:hover{
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }

  .md\:hover\:tw-text-blue-300:hover{
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }

  .md\:hover\:tw-text-blue-400:hover{
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }

  .md\:hover\:tw-text-blue-500:hover{
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }

  .md\:hover\:tw-text-blue-600:hover{
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }

  .md\:hover\:tw-text-blue-700:hover{
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }

  .md\:hover\:tw-text-blue-800:hover{
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }

  .md\:hover\:tw-text-blue-900:hover{
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }

  .md\:hover\:tw-text-indigo-100:hover{
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }

  .md\:hover\:tw-text-indigo-200:hover{
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }

  .md\:hover\:tw-text-indigo-300:hover{
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }

  .md\:hover\:tw-text-indigo-400:hover{
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }

  .md\:hover\:tw-text-indigo-500:hover{
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }

  .md\:hover\:tw-text-indigo-600:hover{
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }

  .md\:hover\:tw-text-indigo-700:hover{
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }

  .md\:hover\:tw-text-indigo-800:hover{
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }

  .md\:hover\:tw-text-indigo-900:hover{
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }

  .md\:hover\:tw-text-purple-100:hover{
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }

  .md\:hover\:tw-text-purple-200:hover{
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }

  .md\:hover\:tw-text-purple-300:hover{
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }

  .md\:hover\:tw-text-purple-400:hover{
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }

  .md\:hover\:tw-text-purple-500:hover{
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }

  .md\:hover\:tw-text-purple-600:hover{
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }

  .md\:hover\:tw-text-purple-700:hover{
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }

  .md\:hover\:tw-text-purple-800:hover{
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }

  .md\:hover\:tw-text-purple-900:hover{
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }

  .md\:hover\:tw-text-pink-100:hover{
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }

  .md\:hover\:tw-text-pink-200:hover{
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }

  .md\:hover\:tw-text-pink-300:hover{
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }

  .md\:hover\:tw-text-pink-400:hover{
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }

  .md\:hover\:tw-text-pink-500:hover{
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }

  .md\:hover\:tw-text-pink-600:hover{
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }

  .md\:hover\:tw-text-pink-700:hover{
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }

  .md\:hover\:tw-text-pink-800:hover{
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }

  .md\:hover\:tw-text-pink-900:hover{
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }

  .md\:hover\:tw-text-primary-blue:hover{
    --text-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--text-opacity));
  }

  .md\:hover\:tw-text-primary-blue-dark:hover{
    --text-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--text-opacity));
  }

  .md\:hover\:tw-text-primary-white:hover{
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:hover\:tw-text-font-0:hover{
    --text-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--text-opacity));
  }

  .md\:hover\:tw-text-font-1:hover{
    --text-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--text-opacity));
  }

  .md\:hover\:tw-text-font-5:hover{
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

  .md\:hover\:tw-text-font-10:hover{
    --text-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--text-opacity));
  }

  .md\:hover\:tw-text-font-50:hover{
    --text-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--text-opacity));
  }

  .md\:hover\:tw-text-font-70:hover{
    --text-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--text-opacity));
  }

  .md\:focus\:tw-text-transparent:focus{
    color: transparent;
  }

  .md\:focus\:tw-text-current:focus{
    color: currentColor;
  }

  .md\:focus\:tw-text-black:focus{
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .md\:focus\:tw-text-white:focus{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:focus\:tw-text-gray-100:focus{
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .md\:focus\:tw-text-gray-200:focus{
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .md\:focus\:tw-text-gray-300:focus{
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .md\:focus\:tw-text-gray-400:focus{
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .md\:focus\:tw-text-gray-500:focus{
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .md\:focus\:tw-text-gray-600:focus{
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .md\:focus\:tw-text-gray-700:focus{
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .md\:focus\:tw-text-gray-800:focus{
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .md\:focus\:tw-text-gray-900:focus{
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .md\:focus\:tw-text-red-100:focus{
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }

  .md\:focus\:tw-text-red-200:focus{
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }

  .md\:focus\:tw-text-red-300:focus{
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }

  .md\:focus\:tw-text-red-400:focus{
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }

  .md\:focus\:tw-text-red-500:focus{
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }

  .md\:focus\:tw-text-red-600:focus{
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }

  .md\:focus\:tw-text-red-700:focus{
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }

  .md\:focus\:tw-text-red-800:focus{
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }

  .md\:focus\:tw-text-red-900:focus{
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }

  .md\:focus\:tw-text-orange-100:focus{
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }

  .md\:focus\:tw-text-orange-200:focus{
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }

  .md\:focus\:tw-text-orange-300:focus{
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }

  .md\:focus\:tw-text-orange-400:focus{
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }

  .md\:focus\:tw-text-orange-500:focus{
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }

  .md\:focus\:tw-text-orange-600:focus{
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }

  .md\:focus\:tw-text-orange-700:focus{
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }

  .md\:focus\:tw-text-orange-800:focus{
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }

  .md\:focus\:tw-text-orange-900:focus{
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }

  .md\:focus\:tw-text-yellow-100:focus{
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }

  .md\:focus\:tw-text-yellow-200:focus{
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }

  .md\:focus\:tw-text-yellow-300:focus{
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }

  .md\:focus\:tw-text-yellow-400:focus{
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }

  .md\:focus\:tw-text-yellow-500:focus{
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }

  .md\:focus\:tw-text-yellow-600:focus{
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }

  .md\:focus\:tw-text-yellow-700:focus{
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }

  .md\:focus\:tw-text-yellow-800:focus{
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }

  .md\:focus\:tw-text-yellow-900:focus{
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }

  .md\:focus\:tw-text-green-100:focus{
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }

  .md\:focus\:tw-text-green-200:focus{
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }

  .md\:focus\:tw-text-green-300:focus{
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }

  .md\:focus\:tw-text-green-400:focus{
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }

  .md\:focus\:tw-text-green-500:focus{
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }

  .md\:focus\:tw-text-green-600:focus{
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }

  .md\:focus\:tw-text-green-700:focus{
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }

  .md\:focus\:tw-text-green-800:focus{
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }

  .md\:focus\:tw-text-green-900:focus{
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }

  .md\:focus\:tw-text-teal-100:focus{
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }

  .md\:focus\:tw-text-teal-200:focus{
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }

  .md\:focus\:tw-text-teal-300:focus{
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }

  .md\:focus\:tw-text-teal-400:focus{
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }

  .md\:focus\:tw-text-teal-500:focus{
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }

  .md\:focus\:tw-text-teal-600:focus{
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }

  .md\:focus\:tw-text-teal-700:focus{
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }

  .md\:focus\:tw-text-teal-800:focus{
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }

  .md\:focus\:tw-text-teal-900:focus{
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }

  .md\:focus\:tw-text-blue-100:focus{
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }

  .md\:focus\:tw-text-blue-200:focus{
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }

  .md\:focus\:tw-text-blue-300:focus{
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }

  .md\:focus\:tw-text-blue-400:focus{
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }

  .md\:focus\:tw-text-blue-500:focus{
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }

  .md\:focus\:tw-text-blue-600:focus{
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }

  .md\:focus\:tw-text-blue-700:focus{
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }

  .md\:focus\:tw-text-blue-800:focus{
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }

  .md\:focus\:tw-text-blue-900:focus{
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }

  .md\:focus\:tw-text-indigo-100:focus{
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }

  .md\:focus\:tw-text-indigo-200:focus{
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }

  .md\:focus\:tw-text-indigo-300:focus{
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }

  .md\:focus\:tw-text-indigo-400:focus{
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }

  .md\:focus\:tw-text-indigo-500:focus{
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }

  .md\:focus\:tw-text-indigo-600:focus{
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }

  .md\:focus\:tw-text-indigo-700:focus{
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }

  .md\:focus\:tw-text-indigo-800:focus{
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }

  .md\:focus\:tw-text-indigo-900:focus{
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }

  .md\:focus\:tw-text-purple-100:focus{
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }

  .md\:focus\:tw-text-purple-200:focus{
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }

  .md\:focus\:tw-text-purple-300:focus{
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }

  .md\:focus\:tw-text-purple-400:focus{
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }

  .md\:focus\:tw-text-purple-500:focus{
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }

  .md\:focus\:tw-text-purple-600:focus{
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }

  .md\:focus\:tw-text-purple-700:focus{
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }

  .md\:focus\:tw-text-purple-800:focus{
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }

  .md\:focus\:tw-text-purple-900:focus{
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }

  .md\:focus\:tw-text-pink-100:focus{
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }

  .md\:focus\:tw-text-pink-200:focus{
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }

  .md\:focus\:tw-text-pink-300:focus{
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }

  .md\:focus\:tw-text-pink-400:focus{
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }

  .md\:focus\:tw-text-pink-500:focus{
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }

  .md\:focus\:tw-text-pink-600:focus{
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }

  .md\:focus\:tw-text-pink-700:focus{
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }

  .md\:focus\:tw-text-pink-800:focus{
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }

  .md\:focus\:tw-text-pink-900:focus{
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }

  .md\:focus\:tw-text-primary-blue:focus{
    --text-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--text-opacity));
  }

  .md\:focus\:tw-text-primary-blue-dark:focus{
    --text-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--text-opacity));
  }

  .md\:focus\:tw-text-primary-white:focus{
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:focus\:tw-text-font-0:focus{
    --text-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--text-opacity));
  }

  .md\:focus\:tw-text-font-1:focus{
    --text-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--text-opacity));
  }

  .md\:focus\:tw-text-font-5:focus{
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

  .md\:focus\:tw-text-font-10:focus{
    --text-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--text-opacity));
  }

  .md\:focus\:tw-text-font-50:focus{
    --text-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--text-opacity));
  }

  .md\:focus\:tw-text-font-70:focus{
    --text-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--text-opacity));
  }

  .md\:tw-text-opacity-0{
    --text-opacity: 0;
  }

  .md\:tw-text-opacity-25{
    --text-opacity: 0.25;
  }

  .md\:tw-text-opacity-50{
    --text-opacity: 0.5;
  }

  .md\:tw-text-opacity-75{
    --text-opacity: 0.75;
  }

  .md\:tw-text-opacity-100{
    --text-opacity: 1;
  }

  .md\:hover\:tw-text-opacity-0:hover{
    --text-opacity: 0;
  }

  .md\:hover\:tw-text-opacity-25:hover{
    --text-opacity: 0.25;
  }

  .md\:hover\:tw-text-opacity-50:hover{
    --text-opacity: 0.5;
  }

  .md\:hover\:tw-text-opacity-75:hover{
    --text-opacity: 0.75;
  }

  .md\:hover\:tw-text-opacity-100:hover{
    --text-opacity: 1;
  }

  .md\:focus\:tw-text-opacity-0:focus{
    --text-opacity: 0;
  }

  .md\:focus\:tw-text-opacity-25:focus{
    --text-opacity: 0.25;
  }

  .md\:focus\:tw-text-opacity-50:focus{
    --text-opacity: 0.5;
  }

  .md\:focus\:tw-text-opacity-75:focus{
    --text-opacity: 0.75;
  }

  .md\:focus\:tw-text-opacity-100:focus{
    --text-opacity: 1;
  }

  .md\:tw-italic{
    font-style: italic;
  }

  .md\:tw-not-italic{
    font-style: normal;
  }

  .md\:tw-uppercase{
    text-transform: uppercase;
  }

  .md\:tw-lowercase{
    text-transform: lowercase;
  }

  .md\:tw-capitalize{
    text-transform: capitalize;
  }

  .md\:tw-normal-case{
    text-transform: none;
  }

  .md\:tw-underline{
    text-decoration: underline;
  }

  .md\:tw-line-through{
    text-decoration: line-through;
  }

  .md\:tw-no-underline{
    text-decoration: none;
  }

  .md\:hover\:tw-underline:hover{
    text-decoration: underline;
  }

  .md\:hover\:tw-line-through:hover{
    text-decoration: line-through;
  }

  .md\:hover\:tw-no-underline:hover{
    text-decoration: none;
  }

  .md\:focus\:tw-underline:focus{
    text-decoration: underline;
  }

  .md\:focus\:tw-line-through:focus{
    text-decoration: line-through;
  }

  .md\:focus\:tw-no-underline:focus{
    text-decoration: none;
  }

  .md\:tw-antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .md\:tw-subpixel-antialiased{
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .md\:tw-ordinal, .md\:tw-slashed-zero, .md\:tw-lining-nums, .md\:tw-oldstyle-nums, .md\:tw-proportional-nums, .md\:tw-tabular-nums, .md\:tw-diagonal-fractions, .md\:tw-stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
  }

  .md\:tw-normal-nums{
    font-variant-numeric: normal;
  }

  .md\:tw-ordinal{
    --font-variant-numeric-ordinal: ordinal;
  }

  .md\:tw-slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .md\:tw-lining-nums{
    --font-variant-numeric-figure: lining-nums;
  }

  .md\:tw-oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .md\:tw-proportional-nums{
    --font-variant-numeric-spacing: proportional-nums;
  }

  .md\:tw-tabular-nums{
    --font-variant-numeric-spacing: tabular-nums;
  }

  .md\:tw-diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .md\:tw-stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .md\:tw-tracking-tighter{
    letter-spacing: -0.05em;
  }

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

  .md\:tw-tracking-normal{
    letter-spacing: 0;
  }

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

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

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

  .md\:tw-select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .md\:tw-select-text{
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .md\:tw-select-all{
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .md\:tw-select-auto{
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .md\:tw-align-baseline{
    vertical-align: baseline;
  }

  .md\:tw-align-top{
    vertical-align: top;
  }

  .md\:tw-align-middle{
    vertical-align: middle;
  }

  .md\:tw-align-bottom{
    vertical-align: bottom;
  }

  .md\:tw-align-text-top{
    vertical-align: text-top;
  }

  .md\:tw-align-text-bottom{
    vertical-align: text-bottom;
  }

  .md\:tw-visible{
    visibility: visible;
  }

  .md\:tw-invisible{
    visibility: hidden;
  }

  .md\:tw-whitespace-normal{
    white-space: normal;
  }

  .md\:tw-whitespace-no-wrap{
    white-space: nowrap;
  }

  .md\:tw-whitespace-pre{
    white-space: pre;
  }

  .md\:tw-whitespace-pre-line{
    white-space: pre-line;
  }

  .md\:tw-whitespace-pre-wrap{
    white-space: pre-wrap;
  }

  .md\:tw-break-normal{
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .md\:tw-break-words{
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .md\:tw-break-all{
    word-break: break-all;
  }

  .md\:tw-truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .md\:tw-w-0{
    width: 0;
  }

  .md\:tw-w-1{
    width: 0.25rem;
  }

  .md\:tw-w-2{
    width: 0.5rem;
  }

  .md\:tw-w-3{
    width: 0.75rem;
  }

  .md\:tw-w-4{
    width: 1rem;
  }

  .md\:tw-w-5{
    width: 1.25rem;
  }

  .md\:tw-w-6{
    width: 1.5rem;
  }

  .md\:tw-w-8{
    width: 2rem;
  }

  .md\:tw-w-10{
    width: 2.5rem;
  }

  .md\:tw-w-12{
    width: 3rem;
  }

  .md\:tw-w-16{
    width: 4rem;
  }

  .md\:tw-w-20{
    width: 5rem;
  }

  .md\:tw-w-24{
    width: 6rem;
  }

  .md\:tw-w-32{
    width: 8rem;
  }

  .md\:tw-w-40{
    width: 10rem;
  }

  .md\:tw-w-48{
    width: 12rem;
  }

  .md\:tw-w-56{
    width: 14rem;
  }

  .md\:tw-w-64{
    width: 16rem;
  }

  .md\:tw-w-auto{
    width: auto;
  }

  .md\:tw-w-px{
    width: 1px;
  }

  .md\:tw-w-1\/2{
    width: 50%;
  }

  .md\:tw-w-1\/3{
    width: 33.333333%;
  }

  .md\:tw-w-2\/3{
    width: 66.666667%;
  }

  .md\:tw-w-1\/4{
    width: 25%;
  }

  .md\:tw-w-2\/4{
    width: 50%;
  }

  .md\:tw-w-3\/4{
    width: 75%;
  }

  .md\:tw-w-1\/5{
    width: 20%;
  }

  .md\:tw-w-2\/5{
    width: 40%;
  }

  .md\:tw-w-3\/5{
    width: 60%;
  }

  .md\:tw-w-4\/5{
    width: 80%;
  }

  .md\:tw-w-1\/6{
    width: 16.666667%;
  }

  .md\:tw-w-2\/6{
    width: 33.333333%;
  }

  .md\:tw-w-3\/6{
    width: 50%;
  }

  .md\:tw-w-4\/6{
    width: 66.666667%;
  }

  .md\:tw-w-5\/6{
    width: 83.333333%;
  }

  .md\:tw-w-1\/12{
    width: 8.333333%;
  }

  .md\:tw-w-2\/12{
    width: 16.666667%;
  }

  .md\:tw-w-3\/12{
    width: 25%;
  }

  .md\:tw-w-4\/12{
    width: 33.333333%;
  }

  .md\:tw-w-5\/12{
    width: 41.666667%;
  }

  .md\:tw-w-6\/12{
    width: 50%;
  }

  .md\:tw-w-7\/12{
    width: 58.333333%;
  }

  .md\:tw-w-8\/12{
    width: 66.666667%;
  }

  .md\:tw-w-9\/12{
    width: 75%;
  }

  .md\:tw-w-10\/12{
    width: 83.333333%;
  }

  .md\:tw-w-11\/12{
    width: 91.666667%;
  }

  .md\:tw-w-full{
    width: 100%;
  }

  .md\:tw-w-screen{
    width: 100vw;
  }

  .md\:tw-w-25px{
    width: 25px;
  }

  .md\:tw-w-30px{
    width: 30px;
  }

  .md\:tw-w-35px{
    width: 35px;
  }

  .md\:tw-w-40px{
    width: 40px;
  }

  .md\:tw-w-50px{
    width: 50px;
  }

  .md\:tw-w-60px{
    width: 60px;
  }

  .md\:tw-w-200px{
    width: 200px;
  }

  .md\:tw-w-250px{
    width: 250px;
  }

  .md\:tw-w-265px{
    width: 265px;
  }

  .md\:tw-w-280px{
    width: 280px;
  }

  .md\:tw-w-320px{
    width: 320px;
  }

  .md\:tw-z-0{
    z-index: 0;
  }

  .md\:tw-z-10{
    z-index: 10;
  }

  .md\:tw-z-20{
    z-index: 20;
  }

  .md\:tw-z-30{
    z-index: 30;
  }

  .md\:tw-z-40{
    z-index: 40;
  }

  .md\:tw-z-50{
    z-index: 50;
  }

  .md\:tw-z-auto{
    z-index: auto;
  }

  .md\:tw-gap-0{
    grid-gap: 0;
    gap: 0;
  }

  .md\:tw-gap-1{
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .md\:tw-gap-2{
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .md\:tw-gap-3{
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .md\:tw-gap-4{
    grid-gap: 1rem;
    gap: 1rem;
  }

  .md\:tw-gap-5{
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .md\:tw-gap-6{
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .md\:tw-gap-8{
    grid-gap: 2rem;
    gap: 2rem;
  }

  .md\:tw-gap-10{
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .md\:tw-gap-12{
    grid-gap: 3rem;
    gap: 3rem;
  }

  .md\:tw-gap-16{
    grid-gap: 4rem;
    gap: 4rem;
  }

  .md\:tw-gap-20{
    grid-gap: 5rem;
    gap: 5rem;
  }

  .md\:tw-gap-24{
    grid-gap: 6rem;
    gap: 6rem;
  }

  .md\:tw-gap-32{
    grid-gap: 8rem;
    gap: 8rem;
  }

  .md\:tw-gap-40{
    grid-gap: 10rem;
    gap: 10rem;
  }

  .md\:tw-gap-48{
    grid-gap: 12rem;
    gap: 12rem;
  }

  .md\:tw-gap-56{
    grid-gap: 14rem;
    gap: 14rem;
  }

  .md\:tw-gap-64{
    grid-gap: 16rem;
    gap: 16rem;
  }

  .md\:tw-gap-px{
    grid-gap: 1px;
    gap: 1px;
  }

  .md\:tw-col-gap-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .md\:tw-col-gap-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .md\:tw-col-gap-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .md\:tw-col-gap-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .md\:tw-col-gap-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .md\:tw-col-gap-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .md\:tw-col-gap-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .md\:tw-col-gap-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .md\:tw-col-gap-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .md\:tw-col-gap-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .md\:tw-col-gap-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .md\:tw-col-gap-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .md\:tw-col-gap-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .md\:tw-col-gap-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .md\:tw-col-gap-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .md\:tw-col-gap-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .md\:tw-col-gap-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .md\:tw-col-gap-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .md\:tw-col-gap-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .md\:tw-gap-x-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .md\:tw-gap-x-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .md\:tw-gap-x-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .md\:tw-gap-x-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .md\:tw-gap-x-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .md\:tw-gap-x-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .md\:tw-gap-x-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .md\:tw-gap-x-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .md\:tw-gap-x-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .md\:tw-gap-x-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .md\:tw-gap-x-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .md\:tw-gap-x-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .md\:tw-gap-x-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .md\:tw-gap-x-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .md\:tw-gap-x-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .md\:tw-gap-x-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .md\:tw-gap-x-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .md\:tw-gap-x-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .md\:tw-gap-x-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .md\:tw-row-gap-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .md\:tw-row-gap-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .md\:tw-row-gap-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .md\:tw-row-gap-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .md\:tw-row-gap-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .md\:tw-row-gap-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .md\:tw-row-gap-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .md\:tw-row-gap-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .md\:tw-row-gap-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .md\:tw-row-gap-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .md\:tw-row-gap-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .md\:tw-row-gap-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .md\:tw-row-gap-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .md\:tw-row-gap-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .md\:tw-row-gap-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .md\:tw-row-gap-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .md\:tw-row-gap-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .md\:tw-row-gap-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .md\:tw-row-gap-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .md\:tw-gap-y-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .md\:tw-gap-y-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .md\:tw-gap-y-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .md\:tw-gap-y-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .md\:tw-gap-y-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .md\:tw-gap-y-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .md\:tw-gap-y-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .md\:tw-gap-y-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .md\:tw-gap-y-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .md\:tw-gap-y-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .md\:tw-gap-y-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .md\:tw-gap-y-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .md\:tw-gap-y-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .md\:tw-gap-y-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .md\:tw-gap-y-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .md\:tw-gap-y-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .md\:tw-gap-y-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .md\:tw-gap-y-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .md\:tw-gap-y-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .md\:tw-grid-flow-row{
    grid-auto-flow: row;
  }

  .md\:tw-grid-flow-col{
    grid-auto-flow: column;
  }

  .md\:tw-grid-flow-row-dense{
    grid-auto-flow: row dense;
  }

  .md\:tw-grid-flow-col-dense{
    grid-auto-flow: column dense;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .md\:tw-grid-cols-none{
    grid-template-columns: none;
  }

  .md\:tw-auto-cols-auto{
    grid-auto-columns: auto;
  }

  .md\:tw-auto-cols-min{
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .md\:tw-auto-cols-max{
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .md\:tw-auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr);
  }

  .md\:tw-col-auto{
    grid-column: auto;
  }

  .md\:tw-col-span-1{
    grid-column: span 1 / span 1;
  }

  .md\:tw-col-span-2{
    grid-column: span 2 / span 2;
  }

  .md\:tw-col-span-3{
    grid-column: span 3 / span 3;
  }

  .md\:tw-col-span-4{
    grid-column: span 4 / span 4;
  }

  .md\:tw-col-span-5{
    grid-column: span 5 / span 5;
  }

  .md\:tw-col-span-6{
    grid-column: span 6 / span 6;
  }

  .md\:tw-col-span-7{
    grid-column: span 7 / span 7;
  }

  .md\:tw-col-span-8{
    grid-column: span 8 / span 8;
  }

  .md\:tw-col-span-9{
    grid-column: span 9 / span 9;
  }

  .md\:tw-col-span-10{
    grid-column: span 10 / span 10;
  }

  .md\:tw-col-span-11{
    grid-column: span 11 / span 11;
  }

  .md\:tw-col-span-12{
    grid-column: span 12 / span 12;
  }

  .md\:tw-col-span-full{
    grid-column: 1 / -1;
  }

  .md\:tw-col-start-1{
    grid-column-start: 1;
  }

  .md\:tw-col-start-2{
    grid-column-start: 2;
  }

  .md\:tw-col-start-3{
    grid-column-start: 3;
  }

  .md\:tw-col-start-4{
    grid-column-start: 4;
  }

  .md\:tw-col-start-5{
    grid-column-start: 5;
  }

  .md\:tw-col-start-6{
    grid-column-start: 6;
  }

  .md\:tw-col-start-7{
    grid-column-start: 7;
  }

  .md\:tw-col-start-8{
    grid-column-start: 8;
  }

  .md\:tw-col-start-9{
    grid-column-start: 9;
  }

  .md\:tw-col-start-10{
    grid-column-start: 10;
  }

  .md\:tw-col-start-11{
    grid-column-start: 11;
  }

  .md\:tw-col-start-12{
    grid-column-start: 12;
  }

  .md\:tw-col-start-13{
    grid-column-start: 13;
  }

  .md\:tw-col-start-auto{
    grid-column-start: auto;
  }

  .md\:tw-col-end-1{
    grid-column-end: 1;
  }

  .md\:tw-col-end-2{
    grid-column-end: 2;
  }

  .md\:tw-col-end-3{
    grid-column-end: 3;
  }

  .md\:tw-col-end-4{
    grid-column-end: 4;
  }

  .md\:tw-col-end-5{
    grid-column-end: 5;
  }

  .md\:tw-col-end-6{
    grid-column-end: 6;
  }

  .md\:tw-col-end-7{
    grid-column-end: 7;
  }

  .md\:tw-col-end-8{
    grid-column-end: 8;
  }

  .md\:tw-col-end-9{
    grid-column-end: 9;
  }

  .md\:tw-col-end-10{
    grid-column-end: 10;
  }

  .md\:tw-col-end-11{
    grid-column-end: 11;
  }

  .md\:tw-col-end-12{
    grid-column-end: 12;
  }

  .md\:tw-col-end-13{
    grid-column-end: 13;
  }

  .md\:tw-col-end-auto{
    grid-column-end: auto;
  }

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

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

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

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

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

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

  .md\:tw-grid-rows-none{
    grid-template-rows: none;
  }

  .md\:tw-auto-rows-auto{
    grid-auto-rows: auto;
  }

  .md\:tw-auto-rows-min{
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .md\:tw-auto-rows-max{
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .md\:tw-auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr);
  }

  .md\:tw-row-auto{
    grid-row: auto;
  }

  .md\:tw-row-span-1{
    grid-row: span 1 / span 1;
  }

  .md\:tw-row-span-2{
    grid-row: span 2 / span 2;
  }

  .md\:tw-row-span-3{
    grid-row: span 3 / span 3;
  }

  .md\:tw-row-span-4{
    grid-row: span 4 / span 4;
  }

  .md\:tw-row-span-5{
    grid-row: span 5 / span 5;
  }

  .md\:tw-row-span-6{
    grid-row: span 6 / span 6;
  }

  .md\:tw-row-span-full{
    grid-row: 1 / -1;
  }

  .md\:tw-row-start-1{
    grid-row-start: 1;
  }

  .md\:tw-row-start-2{
    grid-row-start: 2;
  }

  .md\:tw-row-start-3{
    grid-row-start: 3;
  }

  .md\:tw-row-start-4{
    grid-row-start: 4;
  }

  .md\:tw-row-start-5{
    grid-row-start: 5;
  }

  .md\:tw-row-start-6{
    grid-row-start: 6;
  }

  .md\:tw-row-start-7{
    grid-row-start: 7;
  }

  .md\:tw-row-start-auto{
    grid-row-start: auto;
  }

  .md\:tw-row-end-1{
    grid-row-end: 1;
  }

  .md\:tw-row-end-2{
    grid-row-end: 2;
  }

  .md\:tw-row-end-3{
    grid-row-end: 3;
  }

  .md\:tw-row-end-4{
    grid-row-end: 4;
  }

  .md\:tw-row-end-5{
    grid-row-end: 5;
  }

  .md\:tw-row-end-6{
    grid-row-end: 6;
  }

  .md\:tw-row-end-7{
    grid-row-end: 7;
  }

  .md\:tw-row-end-auto{
    grid-row-end: auto;
  }

  .md\:tw-transform{
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  .md\:tw-transform-none{
    transform: none;
  }

  .md\:tw-origin-center{
    transform-origin: center;
  }

  .md\:tw-origin-top{
    transform-origin: top;
  }

  .md\:tw-origin-top-right{
    transform-origin: top right;
  }

  .md\:tw-origin-right{
    transform-origin: right;
  }

  .md\:tw-origin-bottom-right{
    transform-origin: bottom right;
  }

  .md\:tw-origin-bottom{
    transform-origin: bottom;
  }

  .md\:tw-origin-bottom-left{
    transform-origin: bottom left;
  }

  .md\:tw-origin-left{
    transform-origin: left;
  }

  .md\:tw-origin-top-left{
    transform-origin: top left;
  }

  .md\:tw-scale-0{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .md\:tw-scale-50{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .md\:tw-scale-75{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .md\:tw-scale-90{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .md\:tw-scale-95{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .md\:tw-scale-100{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .md\:tw-scale-105{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .md\:tw-scale-110{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .md\:tw-scale-125{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .md\:tw-scale-150{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .md\:tw-scale-x-0{
    --transform-scale-x: 0;
  }

  .md\:tw-scale-x-50{
    --transform-scale-x: .5;
  }

  .md\:tw-scale-x-75{
    --transform-scale-x: .75;
  }

  .md\:tw-scale-x-90{
    --transform-scale-x: .9;
  }

  .md\:tw-scale-x-95{
    --transform-scale-x: .95;
  }

  .md\:tw-scale-x-100{
    --transform-scale-x: 1;
  }

  .md\:tw-scale-x-105{
    --transform-scale-x: 1.05;
  }

  .md\:tw-scale-x-110{
    --transform-scale-x: 1.1;
  }

  .md\:tw-scale-x-125{
    --transform-scale-x: 1.25;
  }

  .md\:tw-scale-x-150{
    --transform-scale-x: 1.5;
  }

  .md\:tw-scale-y-0{
    --transform-scale-y: 0;
  }

  .md\:tw-scale-y-50{
    --transform-scale-y: .5;
  }

  .md\:tw-scale-y-75{
    --transform-scale-y: .75;
  }

  .md\:tw-scale-y-90{
    --transform-scale-y: .9;
  }

  .md\:tw-scale-y-95{
    --transform-scale-y: .95;
  }

  .md\:tw-scale-y-100{
    --transform-scale-y: 1;
  }

  .md\:tw-scale-y-105{
    --transform-scale-y: 1.05;
  }

  .md\:tw-scale-y-110{
    --transform-scale-y: 1.1;
  }

  .md\:tw-scale-y-125{
    --transform-scale-y: 1.25;
  }

  .md\:tw-scale-y-150{
    --transform-scale-y: 1.5;
  }

  .md\:hover\:tw-scale-0:hover{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .md\:hover\:tw-scale-50:hover{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .md\:hover\:tw-scale-75:hover{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .md\:hover\:tw-scale-90:hover{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .md\:hover\:tw-scale-95:hover{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .md\:hover\:tw-scale-100:hover{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .md\:hover\:tw-scale-105:hover{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .md\:hover\:tw-scale-110:hover{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .md\:hover\:tw-scale-125:hover{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .md\:hover\:tw-scale-150:hover{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .md\:hover\:tw-scale-x-0:hover{
    --transform-scale-x: 0;
  }

  .md\:hover\:tw-scale-x-50:hover{
    --transform-scale-x: .5;
  }

  .md\:hover\:tw-scale-x-75:hover{
    --transform-scale-x: .75;
  }

  .md\:hover\:tw-scale-x-90:hover{
    --transform-scale-x: .9;
  }

  .md\:hover\:tw-scale-x-95:hover{
    --transform-scale-x: .95;
  }

  .md\:hover\:tw-scale-x-100:hover{
    --transform-scale-x: 1;
  }

  .md\:hover\:tw-scale-x-105:hover{
    --transform-scale-x: 1.05;
  }

  .md\:hover\:tw-scale-x-110:hover{
    --transform-scale-x: 1.1;
  }

  .md\:hover\:tw-scale-x-125:hover{
    --transform-scale-x: 1.25;
  }

  .md\:hover\:tw-scale-x-150:hover{
    --transform-scale-x: 1.5;
  }

  .md\:hover\:tw-scale-y-0:hover{
    --transform-scale-y: 0;
  }

  .md\:hover\:tw-scale-y-50:hover{
    --transform-scale-y: .5;
  }

  .md\:hover\:tw-scale-y-75:hover{
    --transform-scale-y: .75;
  }

  .md\:hover\:tw-scale-y-90:hover{
    --transform-scale-y: .9;
  }

  .md\:hover\:tw-scale-y-95:hover{
    --transform-scale-y: .95;
  }

  .md\:hover\:tw-scale-y-100:hover{
    --transform-scale-y: 1;
  }

  .md\:hover\:tw-scale-y-105:hover{
    --transform-scale-y: 1.05;
  }

  .md\:hover\:tw-scale-y-110:hover{
    --transform-scale-y: 1.1;
  }

  .md\:hover\:tw-scale-y-125:hover{
    --transform-scale-y: 1.25;
  }

  .md\:hover\:tw-scale-y-150:hover{
    --transform-scale-y: 1.5;
  }

  .md\:focus\:tw-scale-0:focus{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .md\:focus\:tw-scale-50:focus{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .md\:focus\:tw-scale-75:focus{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .md\:focus\:tw-scale-90:focus{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .md\:focus\:tw-scale-95:focus{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .md\:focus\:tw-scale-100:focus{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .md\:focus\:tw-scale-105:focus{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .md\:focus\:tw-scale-110:focus{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .md\:focus\:tw-scale-125:focus{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .md\:focus\:tw-scale-150:focus{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .md\:focus\:tw-scale-x-0:focus{
    --transform-scale-x: 0;
  }

  .md\:focus\:tw-scale-x-50:focus{
    --transform-scale-x: .5;
  }

  .md\:focus\:tw-scale-x-75:focus{
    --transform-scale-x: .75;
  }

  .md\:focus\:tw-scale-x-90:focus{
    --transform-scale-x: .9;
  }

  .md\:focus\:tw-scale-x-95:focus{
    --transform-scale-x: .95;
  }

  .md\:focus\:tw-scale-x-100:focus{
    --transform-scale-x: 1;
  }

  .md\:focus\:tw-scale-x-105:focus{
    --transform-scale-x: 1.05;
  }

  .md\:focus\:tw-scale-x-110:focus{
    --transform-scale-x: 1.1;
  }

  .md\:focus\:tw-scale-x-125:focus{
    --transform-scale-x: 1.25;
  }

  .md\:focus\:tw-scale-x-150:focus{
    --transform-scale-x: 1.5;
  }

  .md\:focus\:tw-scale-y-0:focus{
    --transform-scale-y: 0;
  }

  .md\:focus\:tw-scale-y-50:focus{
    --transform-scale-y: .5;
  }

  .md\:focus\:tw-scale-y-75:focus{
    --transform-scale-y: .75;
  }

  .md\:focus\:tw-scale-y-90:focus{
    --transform-scale-y: .9;
  }

  .md\:focus\:tw-scale-y-95:focus{
    --transform-scale-y: .95;
  }

  .md\:focus\:tw-scale-y-100:focus{
    --transform-scale-y: 1;
  }

  .md\:focus\:tw-scale-y-105:focus{
    --transform-scale-y: 1.05;
  }

  .md\:focus\:tw-scale-y-110:focus{
    --transform-scale-y: 1.1;
  }

  .md\:focus\:tw-scale-y-125:focus{
    --transform-scale-y: 1.25;
  }

  .md\:focus\:tw-scale-y-150:focus{
    --transform-scale-y: 1.5;
  }

  .md\:tw-rotate-0{
    --transform-rotate: 0;
  }

  .md\:tw-rotate-1{
    --transform-rotate: 1deg;
  }

  .md\:tw-rotate-2{
    --transform-rotate: 2deg;
  }

  .md\:tw-rotate-3{
    --transform-rotate: 3deg;
  }

  .md\:tw-rotate-6{
    --transform-rotate: 6deg;
  }

  .md\:tw-rotate-12{
    --transform-rotate: 12deg;
  }

  .md\:tw-rotate-45{
    --transform-rotate: 45deg;
  }

  .md\:tw-rotate-90{
    --transform-rotate: 90deg;
  }

  .md\:tw-rotate-180{
    --transform-rotate: 180deg;
  }

  .md\:tw--rotate-180{
    --transform-rotate: -180deg;
  }

  .md\:tw--rotate-90{
    --transform-rotate: -90deg;
  }

  .md\:tw--rotate-45{
    --transform-rotate: -45deg;
  }

  .md\:tw--rotate-12{
    --transform-rotate: -12deg;
  }

  .md\:tw--rotate-6{
    --transform-rotate: -6deg;
  }

  .md\:tw--rotate-3{
    --transform-rotate: -3deg;
  }

  .md\:tw--rotate-2{
    --transform-rotate: -2deg;
  }

  .md\:tw--rotate-1{
    --transform-rotate: -1deg;
  }

  .md\:hover\:tw-rotate-0:hover{
    --transform-rotate: 0;
  }

  .md\:hover\:tw-rotate-1:hover{
    --transform-rotate: 1deg;
  }

  .md\:hover\:tw-rotate-2:hover{
    --transform-rotate: 2deg;
  }

  .md\:hover\:tw-rotate-3:hover{
    --transform-rotate: 3deg;
  }

  .md\:hover\:tw-rotate-6:hover{
    --transform-rotate: 6deg;
  }

  .md\:hover\:tw-rotate-12:hover{
    --transform-rotate: 12deg;
  }

  .md\:hover\:tw-rotate-45:hover{
    --transform-rotate: 45deg;
  }

  .md\:hover\:tw-rotate-90:hover{
    --transform-rotate: 90deg;
  }

  .md\:hover\:tw-rotate-180:hover{
    --transform-rotate: 180deg;
  }

  .md\:hover\:tw--rotate-180:hover{
    --transform-rotate: -180deg;
  }

  .md\:hover\:tw--rotate-90:hover{
    --transform-rotate: -90deg;
  }

  .md\:hover\:tw--rotate-45:hover{
    --transform-rotate: -45deg;
  }

  .md\:hover\:tw--rotate-12:hover{
    --transform-rotate: -12deg;
  }

  .md\:hover\:tw--rotate-6:hover{
    --transform-rotate: -6deg;
  }

  .md\:hover\:tw--rotate-3:hover{
    --transform-rotate: -3deg;
  }

  .md\:hover\:tw--rotate-2:hover{
    --transform-rotate: -2deg;
  }

  .md\:hover\:tw--rotate-1:hover{
    --transform-rotate: -1deg;
  }

  .md\:focus\:tw-rotate-0:focus{
    --transform-rotate: 0;
  }

  .md\:focus\:tw-rotate-1:focus{
    --transform-rotate: 1deg;
  }

  .md\:focus\:tw-rotate-2:focus{
    --transform-rotate: 2deg;
  }

  .md\:focus\:tw-rotate-3:focus{
    --transform-rotate: 3deg;
  }

  .md\:focus\:tw-rotate-6:focus{
    --transform-rotate: 6deg;
  }

  .md\:focus\:tw-rotate-12:focus{
    --transform-rotate: 12deg;
  }

  .md\:focus\:tw-rotate-45:focus{
    --transform-rotate: 45deg;
  }

  .md\:focus\:tw-rotate-90:focus{
    --transform-rotate: 90deg;
  }

  .md\:focus\:tw-rotate-180:focus{
    --transform-rotate: 180deg;
  }

  .md\:focus\:tw--rotate-180:focus{
    --transform-rotate: -180deg;
  }

  .md\:focus\:tw--rotate-90:focus{
    --transform-rotate: -90deg;
  }

  .md\:focus\:tw--rotate-45:focus{
    --transform-rotate: -45deg;
  }

  .md\:focus\:tw--rotate-12:focus{
    --transform-rotate: -12deg;
  }

  .md\:focus\:tw--rotate-6:focus{
    --transform-rotate: -6deg;
  }

  .md\:focus\:tw--rotate-3:focus{
    --transform-rotate: -3deg;
  }

  .md\:focus\:tw--rotate-2:focus{
    --transform-rotate: -2deg;
  }

  .md\:focus\:tw--rotate-1:focus{
    --transform-rotate: -1deg;
  }

  .md\:tw-translate-x-0{
    --transform-translate-x: 0;
  }

  .md\:tw-translate-x-1{
    --transform-translate-x: 0.25rem;
  }

  .md\:tw-translate-x-2{
    --transform-translate-x: 0.5rem;
  }

  .md\:tw-translate-x-3{
    --transform-translate-x: 0.75rem;
  }

  .md\:tw-translate-x-4{
    --transform-translate-x: 1rem;
  }

  .md\:tw-translate-x-5{
    --transform-translate-x: 1.25rem;
  }

  .md\:tw-translate-x-6{
    --transform-translate-x: 1.5rem;
  }

  .md\:tw-translate-x-8{
    --transform-translate-x: 2rem;
  }

  .md\:tw-translate-x-10{
    --transform-translate-x: 2.5rem;
  }

  .md\:tw-translate-x-12{
    --transform-translate-x: 3rem;
  }

  .md\:tw-translate-x-16{
    --transform-translate-x: 4rem;
  }

  .md\:tw-translate-x-20{
    --transform-translate-x: 5rem;
  }

  .md\:tw-translate-x-24{
    --transform-translate-x: 6rem;
  }

  .md\:tw-translate-x-32{
    --transform-translate-x: 8rem;
  }

  .md\:tw-translate-x-40{
    --transform-translate-x: 10rem;
  }

  .md\:tw-translate-x-48{
    --transform-translate-x: 12rem;
  }

  .md\:tw-translate-x-56{
    --transform-translate-x: 14rem;
  }

  .md\:tw-translate-x-64{
    --transform-translate-x: 16rem;
  }

  .md\:tw-translate-x-px{
    --transform-translate-x: 1px;
  }

  .md\:tw--translate-x-1{
    --transform-translate-x: -0.25rem;
  }

  .md\:tw--translate-x-2{
    --transform-translate-x: -0.5rem;
  }

  .md\:tw--translate-x-3{
    --transform-translate-x: -0.75rem;
  }

  .md\:tw--translate-x-4{
    --transform-translate-x: -1rem;
  }

  .md\:tw--translate-x-5{
    --transform-translate-x: -1.25rem;
  }

  .md\:tw--translate-x-6{
    --transform-translate-x: -1.5rem;
  }

  .md\:tw--translate-x-8{
    --transform-translate-x: -2rem;
  }

  .md\:tw--translate-x-10{
    --transform-translate-x: -2.5rem;
  }

  .md\:tw--translate-x-12{
    --transform-translate-x: -3rem;
  }

  .md\:tw--translate-x-16{
    --transform-translate-x: -4rem;
  }

  .md\:tw--translate-x-20{
    --transform-translate-x: -5rem;
  }

  .md\:tw--translate-x-24{
    --transform-translate-x: -6rem;
  }

  .md\:tw--translate-x-32{
    --transform-translate-x: -8rem;
  }

  .md\:tw--translate-x-40{
    --transform-translate-x: -10rem;
  }

  .md\:tw--translate-x-48{
    --transform-translate-x: -12rem;
  }

  .md\:tw--translate-x-56{
    --transform-translate-x: -14rem;
  }

  .md\:tw--translate-x-64{
    --transform-translate-x: -16rem;
  }

  .md\:tw--translate-x-px{
    --transform-translate-x: -1px;
  }

  .md\:tw--translate-x-full{
    --transform-translate-x: -100%;
  }

  .md\:tw--translate-x-1\/2{
    --transform-translate-x: -50%;
  }

  .md\:tw-translate-x-1\/2{
    --transform-translate-x: 50%;
  }

  .md\:tw-translate-x-full{
    --transform-translate-x: 100%;
  }

  .md\:tw-translate-y-0{
    --transform-translate-y: 0;
  }

  .md\:tw-translate-y-1{
    --transform-translate-y: 0.25rem;
  }

  .md\:tw-translate-y-2{
    --transform-translate-y: 0.5rem;
  }

  .md\:tw-translate-y-3{
    --transform-translate-y: 0.75rem;
  }

  .md\:tw-translate-y-4{
    --transform-translate-y: 1rem;
  }

  .md\:tw-translate-y-5{
    --transform-translate-y: 1.25rem;
  }

  .md\:tw-translate-y-6{
    --transform-translate-y: 1.5rem;
  }

  .md\:tw-translate-y-8{
    --transform-translate-y: 2rem;
  }

  .md\:tw-translate-y-10{
    --transform-translate-y: 2.5rem;
  }

  .md\:tw-translate-y-12{
    --transform-translate-y: 3rem;
  }

  .md\:tw-translate-y-16{
    --transform-translate-y: 4rem;
  }

  .md\:tw-translate-y-20{
    --transform-translate-y: 5rem;
  }

  .md\:tw-translate-y-24{
    --transform-translate-y: 6rem;
  }

  .md\:tw-translate-y-32{
    --transform-translate-y: 8rem;
  }

  .md\:tw-translate-y-40{
    --transform-translate-y: 10rem;
  }

  .md\:tw-translate-y-48{
    --transform-translate-y: 12rem;
  }

  .md\:tw-translate-y-56{
    --transform-translate-y: 14rem;
  }

  .md\:tw-translate-y-64{
    --transform-translate-y: 16rem;
  }

  .md\:tw-translate-y-px{
    --transform-translate-y: 1px;
  }

  .md\:tw--translate-y-1{
    --transform-translate-y: -0.25rem;
  }

  .md\:tw--translate-y-2{
    --transform-translate-y: -0.5rem;
  }

  .md\:tw--translate-y-3{
    --transform-translate-y: -0.75rem;
  }

  .md\:tw--translate-y-4{
    --transform-translate-y: -1rem;
  }

  .md\:tw--translate-y-5{
    --transform-translate-y: -1.25rem;
  }

  .md\:tw--translate-y-6{
    --transform-translate-y: -1.5rem;
  }

  .md\:tw--translate-y-8{
    --transform-translate-y: -2rem;
  }

  .md\:tw--translate-y-10{
    --transform-translate-y: -2.5rem;
  }

  .md\:tw--translate-y-12{
    --transform-translate-y: -3rem;
  }

  .md\:tw--translate-y-16{
    --transform-translate-y: -4rem;
  }

  .md\:tw--translate-y-20{
    --transform-translate-y: -5rem;
  }

  .md\:tw--translate-y-24{
    --transform-translate-y: -6rem;
  }

  .md\:tw--translate-y-32{
    --transform-translate-y: -8rem;
  }

  .md\:tw--translate-y-40{
    --transform-translate-y: -10rem;
  }

  .md\:tw--translate-y-48{
    --transform-translate-y: -12rem;
  }

  .md\:tw--translate-y-56{
    --transform-translate-y: -14rem;
  }

  .md\:tw--translate-y-64{
    --transform-translate-y: -16rem;
  }

  .md\:tw--translate-y-px{
    --transform-translate-y: -1px;
  }

  .md\:tw--translate-y-full{
    --transform-translate-y: -100%;
  }

  .md\:tw--translate-y-1\/2{
    --transform-translate-y: -50%;
  }

  .md\:tw-translate-y-1\/2{
    --transform-translate-y: 50%;
  }

  .md\:tw-translate-y-full{
    --transform-translate-y: 100%;
  }

  .md\:hover\:tw-translate-x-0:hover{
    --transform-translate-x: 0;
  }

  .md\:hover\:tw-translate-x-1:hover{
    --transform-translate-x: 0.25rem;
  }

  .md\:hover\:tw-translate-x-2:hover{
    --transform-translate-x: 0.5rem;
  }

  .md\:hover\:tw-translate-x-3:hover{
    --transform-translate-x: 0.75rem;
  }

  .md\:hover\:tw-translate-x-4:hover{
    --transform-translate-x: 1rem;
  }

  .md\:hover\:tw-translate-x-5:hover{
    --transform-translate-x: 1.25rem;
  }

  .md\:hover\:tw-translate-x-6:hover{
    --transform-translate-x: 1.5rem;
  }

  .md\:hover\:tw-translate-x-8:hover{
    --transform-translate-x: 2rem;
  }

  .md\:hover\:tw-translate-x-10:hover{
    --transform-translate-x: 2.5rem;
  }

  .md\:hover\:tw-translate-x-12:hover{
    --transform-translate-x: 3rem;
  }

  .md\:hover\:tw-translate-x-16:hover{
    --transform-translate-x: 4rem;
  }

  .md\:hover\:tw-translate-x-20:hover{
    --transform-translate-x: 5rem;
  }

  .md\:hover\:tw-translate-x-24:hover{
    --transform-translate-x: 6rem;
  }

  .md\:hover\:tw-translate-x-32:hover{
    --transform-translate-x: 8rem;
  }

  .md\:hover\:tw-translate-x-40:hover{
    --transform-translate-x: 10rem;
  }

  .md\:hover\:tw-translate-x-48:hover{
    --transform-translate-x: 12rem;
  }

  .md\:hover\:tw-translate-x-56:hover{
    --transform-translate-x: 14rem;
  }

  .md\:hover\:tw-translate-x-64:hover{
    --transform-translate-x: 16rem;
  }

  .md\:hover\:tw-translate-x-px:hover{
    --transform-translate-x: 1px;
  }

  .md\:hover\:tw--translate-x-1:hover{
    --transform-translate-x: -0.25rem;
  }

  .md\:hover\:tw--translate-x-2:hover{
    --transform-translate-x: -0.5rem;
  }

  .md\:hover\:tw--translate-x-3:hover{
    --transform-translate-x: -0.75rem;
  }

  .md\:hover\:tw--translate-x-4:hover{
    --transform-translate-x: -1rem;
  }

  .md\:hover\:tw--translate-x-5:hover{
    --transform-translate-x: -1.25rem;
  }

  .md\:hover\:tw--translate-x-6:hover{
    --transform-translate-x: -1.5rem;
  }

  .md\:hover\:tw--translate-x-8:hover{
    --transform-translate-x: -2rem;
  }

  .md\:hover\:tw--translate-x-10:hover{
    --transform-translate-x: -2.5rem;
  }

  .md\:hover\:tw--translate-x-12:hover{
    --transform-translate-x: -3rem;
  }

  .md\:hover\:tw--translate-x-16:hover{
    --transform-translate-x: -4rem;
  }

  .md\:hover\:tw--translate-x-20:hover{
    --transform-translate-x: -5rem;
  }

  .md\:hover\:tw--translate-x-24:hover{
    --transform-translate-x: -6rem;
  }

  .md\:hover\:tw--translate-x-32:hover{
    --transform-translate-x: -8rem;
  }

  .md\:hover\:tw--translate-x-40:hover{
    --transform-translate-x: -10rem;
  }

  .md\:hover\:tw--translate-x-48:hover{
    --transform-translate-x: -12rem;
  }

  .md\:hover\:tw--translate-x-56:hover{
    --transform-translate-x: -14rem;
  }

  .md\:hover\:tw--translate-x-64:hover{
    --transform-translate-x: -16rem;
  }

  .md\:hover\:tw--translate-x-px:hover{
    --transform-translate-x: -1px;
  }

  .md\:hover\:tw--translate-x-full:hover{
    --transform-translate-x: -100%;
  }

  .md\:hover\:tw--translate-x-1\/2:hover{
    --transform-translate-x: -50%;
  }

  .md\:hover\:tw-translate-x-1\/2:hover{
    --transform-translate-x: 50%;
  }

  .md\:hover\:tw-translate-x-full:hover{
    --transform-translate-x: 100%;
  }

  .md\:hover\:tw-translate-y-0:hover{
    --transform-translate-y: 0;
  }

  .md\:hover\:tw-translate-y-1:hover{
    --transform-translate-y: 0.25rem;
  }

  .md\:hover\:tw-translate-y-2:hover{
    --transform-translate-y: 0.5rem;
  }

  .md\:hover\:tw-translate-y-3:hover{
    --transform-translate-y: 0.75rem;
  }

  .md\:hover\:tw-translate-y-4:hover{
    --transform-translate-y: 1rem;
  }

  .md\:hover\:tw-translate-y-5:hover{
    --transform-translate-y: 1.25rem;
  }

  .md\:hover\:tw-translate-y-6:hover{
    --transform-translate-y: 1.5rem;
  }

  .md\:hover\:tw-translate-y-8:hover{
    --transform-translate-y: 2rem;
  }

  .md\:hover\:tw-translate-y-10:hover{
    --transform-translate-y: 2.5rem;
  }

  .md\:hover\:tw-translate-y-12:hover{
    --transform-translate-y: 3rem;
  }

  .md\:hover\:tw-translate-y-16:hover{
    --transform-translate-y: 4rem;
  }

  .md\:hover\:tw-translate-y-20:hover{
    --transform-translate-y: 5rem;
  }

  .md\:hover\:tw-translate-y-24:hover{
    --transform-translate-y: 6rem;
  }

  .md\:hover\:tw-translate-y-32:hover{
    --transform-translate-y: 8rem;
  }

  .md\:hover\:tw-translate-y-40:hover{
    --transform-translate-y: 10rem;
  }

  .md\:hover\:tw-translate-y-48:hover{
    --transform-translate-y: 12rem;
  }

  .md\:hover\:tw-translate-y-56:hover{
    --transform-translate-y: 14rem;
  }

  .md\:hover\:tw-translate-y-64:hover{
    --transform-translate-y: 16rem;
  }

  .md\:hover\:tw-translate-y-px:hover{
    --transform-translate-y: 1px;
  }

  .md\:hover\:tw--translate-y-1:hover{
    --transform-translate-y: -0.25rem;
  }

  .md\:hover\:tw--translate-y-2:hover{
    --transform-translate-y: -0.5rem;
  }

  .md\:hover\:tw--translate-y-3:hover{
    --transform-translate-y: -0.75rem;
  }

  .md\:hover\:tw--translate-y-4:hover{
    --transform-translate-y: -1rem;
  }

  .md\:hover\:tw--translate-y-5:hover{
    --transform-translate-y: -1.25rem;
  }

  .md\:hover\:tw--translate-y-6:hover{
    --transform-translate-y: -1.5rem;
  }

  .md\:hover\:tw--translate-y-8:hover{
    --transform-translate-y: -2rem;
  }

  .md\:hover\:tw--translate-y-10:hover{
    --transform-translate-y: -2.5rem;
  }

  .md\:hover\:tw--translate-y-12:hover{
    --transform-translate-y: -3rem;
  }

  .md\:hover\:tw--translate-y-16:hover{
    --transform-translate-y: -4rem;
  }

  .md\:hover\:tw--translate-y-20:hover{
    --transform-translate-y: -5rem;
  }

  .md\:hover\:tw--translate-y-24:hover{
    --transform-translate-y: -6rem;
  }

  .md\:hover\:tw--translate-y-32:hover{
    --transform-translate-y: -8rem;
  }

  .md\:hover\:tw--translate-y-40:hover{
    --transform-translate-y: -10rem;
  }

  .md\:hover\:tw--translate-y-48:hover{
    --transform-translate-y: -12rem;
  }

  .md\:hover\:tw--translate-y-56:hover{
    --transform-translate-y: -14rem;
  }

  .md\:hover\:tw--translate-y-64:hover{
    --transform-translate-y: -16rem;
  }

  .md\:hover\:tw--translate-y-px:hover{
    --transform-translate-y: -1px;
  }

  .md\:hover\:tw--translate-y-full:hover{
    --transform-translate-y: -100%;
  }

  .md\:hover\:tw--translate-y-1\/2:hover{
    --transform-translate-y: -50%;
  }

  .md\:hover\:tw-translate-y-1\/2:hover{
    --transform-translate-y: 50%;
  }

  .md\:hover\:tw-translate-y-full:hover{
    --transform-translate-y: 100%;
  }

  .md\:focus\:tw-translate-x-0:focus{
    --transform-translate-x: 0;
  }

  .md\:focus\:tw-translate-x-1:focus{
    --transform-translate-x: 0.25rem;
  }

  .md\:focus\:tw-translate-x-2:focus{
    --transform-translate-x: 0.5rem;
  }

  .md\:focus\:tw-translate-x-3:focus{
    --transform-translate-x: 0.75rem;
  }

  .md\:focus\:tw-translate-x-4:focus{
    --transform-translate-x: 1rem;
  }

  .md\:focus\:tw-translate-x-5:focus{
    --transform-translate-x: 1.25rem;
  }

  .md\:focus\:tw-translate-x-6:focus{
    --transform-translate-x: 1.5rem;
  }

  .md\:focus\:tw-translate-x-8:focus{
    --transform-translate-x: 2rem;
  }

  .md\:focus\:tw-translate-x-10:focus{
    --transform-translate-x: 2.5rem;
  }

  .md\:focus\:tw-translate-x-12:focus{
    --transform-translate-x: 3rem;
  }

  .md\:focus\:tw-translate-x-16:focus{
    --transform-translate-x: 4rem;
  }

  .md\:focus\:tw-translate-x-20:focus{
    --transform-translate-x: 5rem;
  }

  .md\:focus\:tw-translate-x-24:focus{
    --transform-translate-x: 6rem;
  }

  .md\:focus\:tw-translate-x-32:focus{
    --transform-translate-x: 8rem;
  }

  .md\:focus\:tw-translate-x-40:focus{
    --transform-translate-x: 10rem;
  }

  .md\:focus\:tw-translate-x-48:focus{
    --transform-translate-x: 12rem;
  }

  .md\:focus\:tw-translate-x-56:focus{
    --transform-translate-x: 14rem;
  }

  .md\:focus\:tw-translate-x-64:focus{
    --transform-translate-x: 16rem;
  }

  .md\:focus\:tw-translate-x-px:focus{
    --transform-translate-x: 1px;
  }

  .md\:focus\:tw--translate-x-1:focus{
    --transform-translate-x: -0.25rem;
  }

  .md\:focus\:tw--translate-x-2:focus{
    --transform-translate-x: -0.5rem;
  }

  .md\:focus\:tw--translate-x-3:focus{
    --transform-translate-x: -0.75rem;
  }

  .md\:focus\:tw--translate-x-4:focus{
    --transform-translate-x: -1rem;
  }

  .md\:focus\:tw--translate-x-5:focus{
    --transform-translate-x: -1.25rem;
  }

  .md\:focus\:tw--translate-x-6:focus{
    --transform-translate-x: -1.5rem;
  }

  .md\:focus\:tw--translate-x-8:focus{
    --transform-translate-x: -2rem;
  }

  .md\:focus\:tw--translate-x-10:focus{
    --transform-translate-x: -2.5rem;
  }

  .md\:focus\:tw--translate-x-12:focus{
    --transform-translate-x: -3rem;
  }

  .md\:focus\:tw--translate-x-16:focus{
    --transform-translate-x: -4rem;
  }

  .md\:focus\:tw--translate-x-20:focus{
    --transform-translate-x: -5rem;
  }

  .md\:focus\:tw--translate-x-24:focus{
    --transform-translate-x: -6rem;
  }

  .md\:focus\:tw--translate-x-32:focus{
    --transform-translate-x: -8rem;
  }

  .md\:focus\:tw--translate-x-40:focus{
    --transform-translate-x: -10rem;
  }

  .md\:focus\:tw--translate-x-48:focus{
    --transform-translate-x: -12rem;
  }

  .md\:focus\:tw--translate-x-56:focus{
    --transform-translate-x: -14rem;
  }

  .md\:focus\:tw--translate-x-64:focus{
    --transform-translate-x: -16rem;
  }

  .md\:focus\:tw--translate-x-px:focus{
    --transform-translate-x: -1px;
  }

  .md\:focus\:tw--translate-x-full:focus{
    --transform-translate-x: -100%;
  }

  .md\:focus\:tw--translate-x-1\/2:focus{
    --transform-translate-x: -50%;
  }

  .md\:focus\:tw-translate-x-1\/2:focus{
    --transform-translate-x: 50%;
  }

  .md\:focus\:tw-translate-x-full:focus{
    --transform-translate-x: 100%;
  }

  .md\:focus\:tw-translate-y-0:focus{
    --transform-translate-y: 0;
  }

  .md\:focus\:tw-translate-y-1:focus{
    --transform-translate-y: 0.25rem;
  }

  .md\:focus\:tw-translate-y-2:focus{
    --transform-translate-y: 0.5rem;
  }

  .md\:focus\:tw-translate-y-3:focus{
    --transform-translate-y: 0.75rem;
  }

  .md\:focus\:tw-translate-y-4:focus{
    --transform-translate-y: 1rem;
  }

  .md\:focus\:tw-translate-y-5:focus{
    --transform-translate-y: 1.25rem;
  }

  .md\:focus\:tw-translate-y-6:focus{
    --transform-translate-y: 1.5rem;
  }

  .md\:focus\:tw-translate-y-8:focus{
    --transform-translate-y: 2rem;
  }

  .md\:focus\:tw-translate-y-10:focus{
    --transform-translate-y: 2.5rem;
  }

  .md\:focus\:tw-translate-y-12:focus{
    --transform-translate-y: 3rem;
  }

  .md\:focus\:tw-translate-y-16:focus{
    --transform-translate-y: 4rem;
  }

  .md\:focus\:tw-translate-y-20:focus{
    --transform-translate-y: 5rem;
  }

  .md\:focus\:tw-translate-y-24:focus{
    --transform-translate-y: 6rem;
  }

  .md\:focus\:tw-translate-y-32:focus{
    --transform-translate-y: 8rem;
  }

  .md\:focus\:tw-translate-y-40:focus{
    --transform-translate-y: 10rem;
  }

  .md\:focus\:tw-translate-y-48:focus{
    --transform-translate-y: 12rem;
  }

  .md\:focus\:tw-translate-y-56:focus{
    --transform-translate-y: 14rem;
  }

  .md\:focus\:tw-translate-y-64:focus{
    --transform-translate-y: 16rem;
  }

  .md\:focus\:tw-translate-y-px:focus{
    --transform-translate-y: 1px;
  }

  .md\:focus\:tw--translate-y-1:focus{
    --transform-translate-y: -0.25rem;
  }

  .md\:focus\:tw--translate-y-2:focus{
    --transform-translate-y: -0.5rem;
  }

  .md\:focus\:tw--translate-y-3:focus{
    --transform-translate-y: -0.75rem;
  }

  .md\:focus\:tw--translate-y-4:focus{
    --transform-translate-y: -1rem;
  }

  .md\:focus\:tw--translate-y-5:focus{
    --transform-translate-y: -1.25rem;
  }

  .md\:focus\:tw--translate-y-6:focus{
    --transform-translate-y: -1.5rem;
  }

  .md\:focus\:tw--translate-y-8:focus{
    --transform-translate-y: -2rem;
  }

  .md\:focus\:tw--translate-y-10:focus{
    --transform-translate-y: -2.5rem;
  }

  .md\:focus\:tw--translate-y-12:focus{
    --transform-translate-y: -3rem;
  }

  .md\:focus\:tw--translate-y-16:focus{
    --transform-translate-y: -4rem;
  }

  .md\:focus\:tw--translate-y-20:focus{
    --transform-translate-y: -5rem;
  }

  .md\:focus\:tw--translate-y-24:focus{
    --transform-translate-y: -6rem;
  }

  .md\:focus\:tw--translate-y-32:focus{
    --transform-translate-y: -8rem;
  }

  .md\:focus\:tw--translate-y-40:focus{
    --transform-translate-y: -10rem;
  }

  .md\:focus\:tw--translate-y-48:focus{
    --transform-translate-y: -12rem;
  }

  .md\:focus\:tw--translate-y-56:focus{
    --transform-translate-y: -14rem;
  }

  .md\:focus\:tw--translate-y-64:focus{
    --transform-translate-y: -16rem;
  }

  .md\:focus\:tw--translate-y-px:focus{
    --transform-translate-y: -1px;
  }

  .md\:focus\:tw--translate-y-full:focus{
    --transform-translate-y: -100%;
  }

  .md\:focus\:tw--translate-y-1\/2:focus{
    --transform-translate-y: -50%;
  }

  .md\:focus\:tw-translate-y-1\/2:focus{
    --transform-translate-y: 50%;
  }

  .md\:focus\:tw-translate-y-full:focus{
    --transform-translate-y: 100%;
  }

  .md\:tw-skew-x-0{
    --transform-skew-x: 0;
  }

  .md\:tw-skew-x-1{
    --transform-skew-x: 1deg;
  }

  .md\:tw-skew-x-2{
    --transform-skew-x: 2deg;
  }

  .md\:tw-skew-x-3{
    --transform-skew-x: 3deg;
  }

  .md\:tw-skew-x-6{
    --transform-skew-x: 6deg;
  }

  .md\:tw-skew-x-12{
    --transform-skew-x: 12deg;
  }

  .md\:tw--skew-x-12{
    --transform-skew-x: -12deg;
  }

  .md\:tw--skew-x-6{
    --transform-skew-x: -6deg;
  }

  .md\:tw--skew-x-3{
    --transform-skew-x: -3deg;
  }

  .md\:tw--skew-x-2{
    --transform-skew-x: -2deg;
  }

  .md\:tw--skew-x-1{
    --transform-skew-x: -1deg;
  }

  .md\:tw-skew-y-0{
    --transform-skew-y: 0;
  }

  .md\:tw-skew-y-1{
    --transform-skew-y: 1deg;
  }

  .md\:tw-skew-y-2{
    --transform-skew-y: 2deg;
  }

  .md\:tw-skew-y-3{
    --transform-skew-y: 3deg;
  }

  .md\:tw-skew-y-6{
    --transform-skew-y: 6deg;
  }

  .md\:tw-skew-y-12{
    --transform-skew-y: 12deg;
  }

  .md\:tw--skew-y-12{
    --transform-skew-y: -12deg;
  }

  .md\:tw--skew-y-6{
    --transform-skew-y: -6deg;
  }

  .md\:tw--skew-y-3{
    --transform-skew-y: -3deg;
  }

  .md\:tw--skew-y-2{
    --transform-skew-y: -2deg;
  }

  .md\:tw--skew-y-1{
    --transform-skew-y: -1deg;
  }

  .md\:hover\:tw-skew-x-0:hover{
    --transform-skew-x: 0;
  }

  .md\:hover\:tw-skew-x-1:hover{
    --transform-skew-x: 1deg;
  }

  .md\:hover\:tw-skew-x-2:hover{
    --transform-skew-x: 2deg;
  }

  .md\:hover\:tw-skew-x-3:hover{
    --transform-skew-x: 3deg;
  }

  .md\:hover\:tw-skew-x-6:hover{
    --transform-skew-x: 6deg;
  }

  .md\:hover\:tw-skew-x-12:hover{
    --transform-skew-x: 12deg;
  }

  .md\:hover\:tw--skew-x-12:hover{
    --transform-skew-x: -12deg;
  }

  .md\:hover\:tw--skew-x-6:hover{
    --transform-skew-x: -6deg;
  }

  .md\:hover\:tw--skew-x-3:hover{
    --transform-skew-x: -3deg;
  }

  .md\:hover\:tw--skew-x-2:hover{
    --transform-skew-x: -2deg;
  }

  .md\:hover\:tw--skew-x-1:hover{
    --transform-skew-x: -1deg;
  }

  .md\:hover\:tw-skew-y-0:hover{
    --transform-skew-y: 0;
  }

  .md\:hover\:tw-skew-y-1:hover{
    --transform-skew-y: 1deg;
  }

  .md\:hover\:tw-skew-y-2:hover{
    --transform-skew-y: 2deg;
  }

  .md\:hover\:tw-skew-y-3:hover{
    --transform-skew-y: 3deg;
  }

  .md\:hover\:tw-skew-y-6:hover{
    --transform-skew-y: 6deg;
  }

  .md\:hover\:tw-skew-y-12:hover{
    --transform-skew-y: 12deg;
  }

  .md\:hover\:tw--skew-y-12:hover{
    --transform-skew-y: -12deg;
  }

  .md\:hover\:tw--skew-y-6:hover{
    --transform-skew-y: -6deg;
  }

  .md\:hover\:tw--skew-y-3:hover{
    --transform-skew-y: -3deg;
  }

  .md\:hover\:tw--skew-y-2:hover{
    --transform-skew-y: -2deg;
  }

  .md\:hover\:tw--skew-y-1:hover{
    --transform-skew-y: -1deg;
  }

  .md\:focus\:tw-skew-x-0:focus{
    --transform-skew-x: 0;
  }

  .md\:focus\:tw-skew-x-1:focus{
    --transform-skew-x: 1deg;
  }

  .md\:focus\:tw-skew-x-2:focus{
    --transform-skew-x: 2deg;
  }

  .md\:focus\:tw-skew-x-3:focus{
    --transform-skew-x: 3deg;
  }

  .md\:focus\:tw-skew-x-6:focus{
    --transform-skew-x: 6deg;
  }

  .md\:focus\:tw-skew-x-12:focus{
    --transform-skew-x: 12deg;
  }

  .md\:focus\:tw--skew-x-12:focus{
    --transform-skew-x: -12deg;
  }

  .md\:focus\:tw--skew-x-6:focus{
    --transform-skew-x: -6deg;
  }

  .md\:focus\:tw--skew-x-3:focus{
    --transform-skew-x: -3deg;
  }

  .md\:focus\:tw--skew-x-2:focus{
    --transform-skew-x: -2deg;
  }

  .md\:focus\:tw--skew-x-1:focus{
    --transform-skew-x: -1deg;
  }

  .md\:focus\:tw-skew-y-0:focus{
    --transform-skew-y: 0;
  }

  .md\:focus\:tw-skew-y-1:focus{
    --transform-skew-y: 1deg;
  }

  .md\:focus\:tw-skew-y-2:focus{
    --transform-skew-y: 2deg;
  }

  .md\:focus\:tw-skew-y-3:focus{
    --transform-skew-y: 3deg;
  }

  .md\:focus\:tw-skew-y-6:focus{
    --transform-skew-y: 6deg;
  }

  .md\:focus\:tw-skew-y-12:focus{
    --transform-skew-y: 12deg;
  }

  .md\:focus\:tw--skew-y-12:focus{
    --transform-skew-y: -12deg;
  }

  .md\:focus\:tw--skew-y-6:focus{
    --transform-skew-y: -6deg;
  }

  .md\:focus\:tw--skew-y-3:focus{
    --transform-skew-y: -3deg;
  }

  .md\:focus\:tw--skew-y-2:focus{
    --transform-skew-y: -2deg;
  }

  .md\:focus\:tw--skew-y-1:focus{
    --transform-skew-y: -1deg;
  }

  .md\:tw-transition-none{
    transition-property: none;
  }

  .md\:tw-transition-all{
    transition-property: all;
  }

  .md\:tw-transition{
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .md\:tw-transition-colors{
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .md\:tw-transition-opacity{
    transition-property: opacity;
  }

  .md\:tw-transition-shadow{
    transition-property: box-shadow;
  }

  .md\:tw-transition-transform{
    transition-property: transform;
  }

  .md\:tw-ease-linear{
    transition-timing-function: linear;
  }

  .md\:tw-ease-in{
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .md\:tw-ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .md\:tw-ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .md\:tw-duration-75{
    transition-duration: 75ms;
  }

  .md\:tw-duration-100{
    transition-duration: 100ms;
  }

  .md\:tw-duration-150{
    transition-duration: 150ms;
  }

  .md\:tw-duration-200{
    transition-duration: 200ms;
  }

  .md\:tw-duration-300{
    transition-duration: 300ms;
  }

  .md\:tw-duration-500{
    transition-duration: 500ms;
  }

  .md\:tw-duration-700{
    transition-duration: 700ms;
  }

  .md\:tw-duration-1000{
    transition-duration: 1000ms;
  }

  .md\:tw-delay-75{
    transition-delay: 75ms;
  }

  .md\:tw-delay-100{
    transition-delay: 100ms;
  }

  .md\:tw-delay-150{
    transition-delay: 150ms;
  }

  .md\:tw-delay-200{
    transition-delay: 200ms;
  }

  .md\:tw-delay-300{
    transition-delay: 300ms;
  }

  .md\:tw-delay-500{
    transition-delay: 500ms;
  }

  .md\:tw-delay-700{
    transition-delay: 700ms;
  }

  .md\:tw-delay-1000{
    transition-delay: 1000ms;
  }

  .md\:tw-animate-none{
    -webkit-animation: none;
            animation: none;
  }

  .md\:tw-animate-spin{
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }

  .md\:tw-animate-ping{
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .md\:tw-animate-pulse{
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .md\:tw-animate-bounce{
    -webkit-animation: bounce 1s infinite;
            animation: bounce 1s infinite;
  }
}

@media (min-width: 1024px){
  .lg\:tw-container{
    width: 100%;
  }

  @media (min-width: 640px){
    .lg\:tw-container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .lg\:tw-container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .lg\:tw-container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .lg\:tw-container{
      max-width: 1280px;
    }
  }

  .lg\:tw-space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .lg\:tw-space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .lg\:tw-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .lg\:tw-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .lg\:tw--space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw--space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .lg\:tw--space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .lg\:tw-space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1;
  }

  .lg\:tw-space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1;
  }

  .lg\:tw-divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .lg\:tw-divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:tw-divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .lg\:tw-divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:tw-divide-y-3 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(3px * var(--divide-y-reverse));
  }

  .lg\:tw-divide-x-3 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(3px * var(--divide-x-reverse));
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:tw-divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .lg\:tw-divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:tw-divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .lg\:tw-divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:tw-divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .lg\:tw-divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:tw-divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1;
  }

  .lg\:tw-divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1;
  }

  .lg\:tw-divide-transparent > :not(template) ~ :not(template){
    border-color: transparent;
  }

  .lg\:tw-divide-current > :not(template) ~ :not(template){
    border-color: currentColor;
  }

  .lg\:tw-divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  .lg\:tw-divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .lg\:tw-divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--divide-opacity));
  }

  .lg\:tw-divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--divide-opacity));
  }

  .lg\:tw-divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--divide-opacity));
  }

  .lg\:tw-divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--divide-opacity));
  }

  .lg\:tw-divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--divide-opacity));
  }

  .lg\:tw-divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--divide-opacity));
  }

  .lg\:tw-divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--divide-opacity));
  }

  .lg\:tw-divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--divide-opacity));
  }

  .lg\:tw-divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--divide-opacity));
  }

  .lg\:tw-divide-red-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--divide-opacity));
  }

  .lg\:tw-divide-red-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--divide-opacity));
  }

  .lg\:tw-divide-red-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--divide-opacity));
  }

  .lg\:tw-divide-red-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--divide-opacity));
  }

  .lg\:tw-divide-red-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--divide-opacity));
  }

  .lg\:tw-divide-red-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--divide-opacity));
  }

  .lg\:tw-divide-red-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--divide-opacity));
  }

  .lg\:tw-divide-red-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--divide-opacity));
  }

  .lg\:tw-divide-red-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--divide-opacity));
  }

  .lg\:tw-divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--divide-opacity));
  }

  .lg\:tw-divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--divide-opacity));
  }

  .lg\:tw-divide-orange-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--divide-opacity));
  }

  .lg\:tw-divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--divide-opacity));
  }

  .lg\:tw-divide-orange-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--divide-opacity));
  }

  .lg\:tw-divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--divide-opacity));
  }

  .lg\:tw-divide-orange-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--divide-opacity));
  }

  .lg\:tw-divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--divide-opacity));
  }

  .lg\:tw-divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--divide-opacity));
  }

  .lg\:tw-divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--divide-opacity));
  }

  .lg\:tw-divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--divide-opacity));
  }

  .lg\:tw-divide-yellow-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--divide-opacity));
  }

  .lg\:tw-divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--divide-opacity));
  }

  .lg\:tw-divide-yellow-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--divide-opacity));
  }

  .lg\:tw-divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--divide-opacity));
  }

  .lg\:tw-divide-yellow-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--divide-opacity));
  }

  .lg\:tw-divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--divide-opacity));
  }

  .lg\:tw-divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--divide-opacity));
  }

  .lg\:tw-divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--divide-opacity));
  }

  .lg\:tw-divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--divide-opacity));
  }

  .lg\:tw-divide-green-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--divide-opacity));
  }

  .lg\:tw-divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--divide-opacity));
  }

  .lg\:tw-divide-green-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--divide-opacity));
  }

  .lg\:tw-divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--divide-opacity));
  }

  .lg\:tw-divide-green-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--divide-opacity));
  }

  .lg\:tw-divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--divide-opacity));
  }

  .lg\:tw-divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--divide-opacity));
  }

  .lg\:tw-divide-teal-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--divide-opacity));
  }

  .lg\:tw-divide-teal-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--divide-opacity));
  }

  .lg\:tw-divide-teal-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--divide-opacity));
  }

  .lg\:tw-divide-teal-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--divide-opacity));
  }

  .lg\:tw-divide-teal-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--divide-opacity));
  }

  .lg\:tw-divide-teal-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--divide-opacity));
  }

  .lg\:tw-divide-teal-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--divide-opacity));
  }

  .lg\:tw-divide-teal-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--divide-opacity));
  }

  .lg\:tw-divide-teal-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--divide-opacity));
  }

  .lg\:tw-divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--divide-opacity));
  }

  .lg\:tw-divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--divide-opacity));
  }

  .lg\:tw-divide-blue-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--divide-opacity));
  }

  .lg\:tw-divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--divide-opacity));
  }

  .lg\:tw-divide-blue-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--divide-opacity));
  }

  .lg\:tw-divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--divide-opacity));
  }

  .lg\:tw-divide-blue-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--divide-opacity));
  }

  .lg\:tw-divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--divide-opacity));
  }

  .lg\:tw-divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--divide-opacity));
  }

  .lg\:tw-divide-indigo-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--divide-opacity));
  }

  .lg\:tw-divide-indigo-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--divide-opacity));
  }

  .lg\:tw-divide-indigo-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--divide-opacity));
  }

  .lg\:tw-divide-indigo-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--divide-opacity));
  }

  .lg\:tw-divide-indigo-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--divide-opacity));
  }

  .lg\:tw-divide-indigo-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--divide-opacity));
  }

  .lg\:tw-divide-indigo-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--divide-opacity));
  }

  .lg\:tw-divide-indigo-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--divide-opacity));
  }

  .lg\:tw-divide-indigo-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--divide-opacity));
  }

  .lg\:tw-divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--divide-opacity));
  }

  .lg\:tw-divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--divide-opacity));
  }

  .lg\:tw-divide-purple-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--divide-opacity));
  }

  .lg\:tw-divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--divide-opacity));
  }

  .lg\:tw-divide-purple-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--divide-opacity));
  }

  .lg\:tw-divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--divide-opacity));
  }

  .lg\:tw-divide-purple-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--divide-opacity));
  }

  .lg\:tw-divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--divide-opacity));
  }

  .lg\:tw-divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--divide-opacity));
  }

  .lg\:tw-divide-pink-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--divide-opacity));
  }

  .lg\:tw-divide-pink-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--divide-opacity));
  }

  .lg\:tw-divide-pink-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--divide-opacity));
  }

  .lg\:tw-divide-pink-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--divide-opacity));
  }

  .lg\:tw-divide-pink-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--divide-opacity));
  }

  .lg\:tw-divide-pink-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--divide-opacity));
  }

  .lg\:tw-divide-pink-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--divide-opacity));
  }

  .lg\:tw-divide-pink-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--divide-opacity));
  }

  .lg\:tw-divide-pink-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--divide-opacity));
  }

  .lg\:tw-divide-primary-blue > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--divide-opacity));
  }

  .lg\:tw-divide-primary-blue-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--divide-opacity));
  }

  .lg\:tw-divide-primary-white > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .lg\:tw-divide-font-0 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--divide-opacity));
  }

  .lg\:tw-divide-font-1 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--divide-opacity));
  }

  .lg\:tw-divide-font-5 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--divide-opacity));
  }

  .lg\:tw-divide-font-10 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--divide-opacity));
  }

  .lg\:tw-divide-font-50 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--divide-opacity));
  }

  .lg\:tw-divide-font-70 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--divide-opacity));
  }

  .lg\:tw-divide-solid > :not(template) ~ :not(template){
    border-style: solid;
  }

  .lg\:tw-divide-dashed > :not(template) ~ :not(template){
    border-style: dashed;
  }

  .lg\:tw-divide-dotted > :not(template) ~ :not(template){
    border-style: dotted;
  }

  .lg\:tw-divide-double > :not(template) ~ :not(template){
    border-style: double;
  }

  .lg\:tw-divide-none > :not(template) ~ :not(template){
    border-style: none;
  }

  .lg\:tw-divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0;
  }

  .lg\:tw-divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25;
  }

  .lg\:tw-divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5;
  }

  .lg\:tw-divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75;
  }

  .lg\:tw-divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
  }

  .lg\:tw-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .lg\:tw-not-sr-only{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .lg\:focus\:tw-sr-only:focus{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .lg\:focus\:tw-not-sr-only:focus{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .lg\:tw-appearance-none{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .lg\:tw-bg-fixed{
    background-attachment: fixed;
  }

  .lg\:tw-bg-local{
    background-attachment: local;
  }

  .lg\:tw-bg-scroll{
    background-attachment: scroll;
  }

  .lg\:tw-bg-clip-border{
    background-clip: border-box;
  }

  .lg\:tw-bg-clip-padding{
    background-clip: padding-box;
  }

  .lg\:tw-bg-clip-content{
    background-clip: content-box;
  }

  .lg\:tw-bg-clip-text{
    -webkit-background-clip: text;
            background-clip: text;
  }

  .lg\:tw-bg-transparent{
    background-color: transparent;
  }

  .lg\:tw-bg-current{
    background-color: currentColor;
  }

  .lg\:tw-bg-black{
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .lg\:tw-bg-white{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:tw-bg-gray-100{
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .lg\:tw-bg-gray-200{
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .lg\:tw-bg-gray-300{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .lg\:tw-bg-gray-400{
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .lg\:tw-bg-gray-500{
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .lg\:tw-bg-gray-600{
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .lg\:tw-bg-gray-700{
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .lg\:tw-bg-gray-800{
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .lg\:tw-bg-gray-900{
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .lg\:tw-bg-red-100{
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }

  .lg\:tw-bg-red-200{
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }

  .lg\:tw-bg-red-300{
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }

  .lg\:tw-bg-red-400{
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }

  .lg\:tw-bg-red-500{
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }

  .lg\:tw-bg-red-600{
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }

  .lg\:tw-bg-red-700{
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }

  .lg\:tw-bg-red-800{
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }

  .lg\:tw-bg-red-900{
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }

  .lg\:tw-bg-orange-100{
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }

  .lg\:tw-bg-orange-200{
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }

  .lg\:tw-bg-orange-300{
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }

  .lg\:tw-bg-orange-400{
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }

  .lg\:tw-bg-orange-500{
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }

  .lg\:tw-bg-orange-600{
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }

  .lg\:tw-bg-orange-700{
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }

  .lg\:tw-bg-orange-800{
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }

  .lg\:tw-bg-orange-900{
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }

  .lg\:tw-bg-yellow-100{
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }

  .lg\:tw-bg-yellow-200{
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }

  .lg\:tw-bg-yellow-300{
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }

  .lg\:tw-bg-yellow-400{
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }

  .lg\:tw-bg-yellow-500{
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }

  .lg\:tw-bg-yellow-600{
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }

  .lg\:tw-bg-yellow-700{
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }

  .lg\:tw-bg-yellow-800{
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }

  .lg\:tw-bg-yellow-900{
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }

  .lg\:tw-bg-green-100{
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }

  .lg\:tw-bg-green-200{
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }

  .lg\:tw-bg-green-300{
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }

  .lg\:tw-bg-green-400{
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }

  .lg\:tw-bg-green-500{
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }

  .lg\:tw-bg-green-600{
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }

  .lg\:tw-bg-green-700{
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }

  .lg\:tw-bg-green-800{
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }

  .lg\:tw-bg-green-900{
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }

  .lg\:tw-bg-teal-100{
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }

  .lg\:tw-bg-teal-200{
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }

  .lg\:tw-bg-teal-300{
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }

  .lg\:tw-bg-teal-400{
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }

  .lg\:tw-bg-teal-500{
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }

  .lg\:tw-bg-teal-600{
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }

  .lg\:tw-bg-teal-700{
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }

  .lg\:tw-bg-teal-800{
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }

  .lg\:tw-bg-teal-900{
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }

  .lg\:tw-bg-blue-100{
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }

  .lg\:tw-bg-blue-200{
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }

  .lg\:tw-bg-blue-300{
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }

  .lg\:tw-bg-blue-400{
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }

  .lg\:tw-bg-blue-500{
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }

  .lg\:tw-bg-blue-600{
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }

  .lg\:tw-bg-blue-700{
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }

  .lg\:tw-bg-blue-800{
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }

  .lg\:tw-bg-blue-900{
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }

  .lg\:tw-bg-indigo-100{
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }

  .lg\:tw-bg-indigo-200{
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }

  .lg\:tw-bg-indigo-300{
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }

  .lg\:tw-bg-indigo-400{
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }

  .lg\:tw-bg-indigo-500{
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }

  .lg\:tw-bg-indigo-600{
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }

  .lg\:tw-bg-indigo-700{
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }

  .lg\:tw-bg-indigo-800{
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }

  .lg\:tw-bg-indigo-900{
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }

  .lg\:tw-bg-purple-100{
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }

  .lg\:tw-bg-purple-200{
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }

  .lg\:tw-bg-purple-300{
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }

  .lg\:tw-bg-purple-400{
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }

  .lg\:tw-bg-purple-500{
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }

  .lg\:tw-bg-purple-600{
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }

  .lg\:tw-bg-purple-700{
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }

  .lg\:tw-bg-purple-800{
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }

  .lg\:tw-bg-purple-900{
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }

  .lg\:tw-bg-pink-100{
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }

  .lg\:tw-bg-pink-200{
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }

  .lg\:tw-bg-pink-300{
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }

  .lg\:tw-bg-pink-400{
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }

  .lg\:tw-bg-pink-500{
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }

  .lg\:tw-bg-pink-600{
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }

  .lg\:tw-bg-pink-700{
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }

  .lg\:tw-bg-pink-800{
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }

  .lg\:tw-bg-pink-900{
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }

  .lg\:tw-bg-primary-blue{
    --bg-opacity: 1;
    background-color: #1976d2;
    background-color: rgba(25, 118, 210, var(--bg-opacity));
  }

  .lg\:tw-bg-primary-blue-dark{
    --bg-opacity: 1;
    background-color: #0c3b69;
    background-color: rgba(12, 59, 105, var(--bg-opacity));
  }

  .lg\:tw-bg-primary-white{
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:tw-bg-font-0{
    --bg-opacity: 1;
    background-color: #4f4f4f;
    background-color: rgba(79, 79, 79, var(--bg-opacity));
  }

  .lg\:tw-bg-font-1{
    --bg-opacity: 1;
    background-color: #fcfcfc;
    background-color: rgba(252, 252, 252, var(--bg-opacity));
  }

  .lg\:tw-bg-font-5{
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

  .lg\:tw-bg-font-10{
    --bg-opacity: 1;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
  }

  .lg\:tw-bg-font-50{
    --bg-opacity: 1;
    background-color: #a7a7a7;
    background-color: rgba(167, 167, 167, var(--bg-opacity));
  }

  .lg\:tw-bg-font-70{
    --bg-opacity: 1;
    background-color: #838383;
    background-color: rgba(131, 131, 131, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-transparent:hover{
    background-color: transparent;
  }

  .lg\:hover\:tw-bg-current:hover{
    background-color: currentColor;
  }

  .lg\:hover\:tw-bg-black:hover{
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-white:hover{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-gray-100:hover{
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-gray-200:hover{
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-gray-300:hover{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-gray-400:hover{
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-gray-500:hover{
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-gray-600:hover{
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-gray-700:hover{
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-gray-800:hover{
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-gray-900:hover{
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-red-100:hover{
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-red-200:hover{
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-red-300:hover{
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-red-400:hover{
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-red-500:hover{
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-red-600:hover{
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-red-700:hover{
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-red-800:hover{
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-red-900:hover{
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-orange-100:hover{
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-orange-200:hover{
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-orange-300:hover{
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-orange-400:hover{
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-orange-500:hover{
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-orange-600:hover{
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-orange-700:hover{
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-orange-800:hover{
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-orange-900:hover{
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-yellow-100:hover{
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-yellow-200:hover{
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-yellow-300:hover{
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-yellow-400:hover{
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-yellow-500:hover{
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-yellow-600:hover{
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-yellow-700:hover{
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-yellow-800:hover{
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-yellow-900:hover{
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-green-100:hover{
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-green-200:hover{
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-green-300:hover{
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-green-400:hover{
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-green-500:hover{
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-green-600:hover{
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-green-700:hover{
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-green-800:hover{
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-green-900:hover{
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-teal-100:hover{
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-teal-200:hover{
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-teal-300:hover{
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-teal-400:hover{
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-teal-500:hover{
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-teal-600:hover{
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-teal-700:hover{
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-teal-800:hover{
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-teal-900:hover{
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-blue-100:hover{
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-blue-200:hover{
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-blue-300:hover{
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-blue-400:hover{
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-blue-500:hover{
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-blue-600:hover{
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-blue-700:hover{
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-blue-800:hover{
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-blue-900:hover{
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-indigo-100:hover{
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-indigo-200:hover{
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-indigo-300:hover{
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-indigo-400:hover{
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-indigo-500:hover{
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-indigo-600:hover{
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-indigo-700:hover{
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-indigo-800:hover{
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-indigo-900:hover{
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-purple-100:hover{
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-purple-200:hover{
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-purple-300:hover{
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-purple-400:hover{
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-purple-500:hover{
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-purple-600:hover{
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-purple-700:hover{
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-purple-800:hover{
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-purple-900:hover{
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-pink-100:hover{
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-pink-200:hover{
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-pink-300:hover{
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-pink-400:hover{
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-pink-500:hover{
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-pink-600:hover{
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-pink-700:hover{
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-pink-800:hover{
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-pink-900:hover{
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-primary-blue:hover{
    --bg-opacity: 1;
    background-color: #1976d2;
    background-color: rgba(25, 118, 210, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-primary-blue-dark:hover{
    --bg-opacity: 1;
    background-color: #0c3b69;
    background-color: rgba(12, 59, 105, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-primary-white:hover{
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-font-0:hover{
    --bg-opacity: 1;
    background-color: #4f4f4f;
    background-color: rgba(79, 79, 79, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-font-1:hover{
    --bg-opacity: 1;
    background-color: #fcfcfc;
    background-color: rgba(252, 252, 252, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-font-5:hover{
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-font-10:hover{
    --bg-opacity: 1;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-font-50:hover{
    --bg-opacity: 1;
    background-color: #a7a7a7;
    background-color: rgba(167, 167, 167, var(--bg-opacity));
  }

  .lg\:hover\:tw-bg-font-70:hover{
    --bg-opacity: 1;
    background-color: #838383;
    background-color: rgba(131, 131, 131, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-transparent:focus{
    background-color: transparent;
  }

  .lg\:focus\:tw-bg-current:focus{
    background-color: currentColor;
  }

  .lg\:focus\:tw-bg-black:focus{
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-white:focus{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-gray-100:focus{
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-gray-200:focus{
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-gray-300:focus{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-gray-400:focus{
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-gray-500:focus{
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-gray-600:focus{
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-gray-700:focus{
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-gray-800:focus{
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-gray-900:focus{
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-red-100:focus{
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-red-200:focus{
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-red-300:focus{
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-red-400:focus{
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-red-500:focus{
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-red-600:focus{
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-red-700:focus{
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-red-800:focus{
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-red-900:focus{
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-orange-100:focus{
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-orange-200:focus{
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-orange-300:focus{
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-orange-400:focus{
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-orange-500:focus{
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-orange-600:focus{
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-orange-700:focus{
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-orange-800:focus{
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-orange-900:focus{
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-yellow-100:focus{
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-yellow-200:focus{
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-yellow-300:focus{
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-yellow-400:focus{
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-yellow-500:focus{
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-yellow-600:focus{
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-yellow-700:focus{
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-yellow-800:focus{
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-yellow-900:focus{
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-green-100:focus{
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-green-200:focus{
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-green-300:focus{
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-green-400:focus{
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-green-500:focus{
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-green-600:focus{
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-green-700:focus{
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-green-800:focus{
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-green-900:focus{
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-teal-100:focus{
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-teal-200:focus{
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-teal-300:focus{
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-teal-400:focus{
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-teal-500:focus{
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-teal-600:focus{
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-teal-700:focus{
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-teal-800:focus{
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-teal-900:focus{
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-blue-100:focus{
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-blue-200:focus{
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-blue-300:focus{
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-blue-400:focus{
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-blue-500:focus{
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-blue-600:focus{
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-blue-700:focus{
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-blue-800:focus{
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-blue-900:focus{
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-indigo-100:focus{
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-indigo-200:focus{
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-indigo-300:focus{
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-indigo-400:focus{
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-indigo-500:focus{
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-indigo-600:focus{
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-indigo-700:focus{
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-indigo-800:focus{
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-indigo-900:focus{
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-purple-100:focus{
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-purple-200:focus{
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-purple-300:focus{
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-purple-400:focus{
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-purple-500:focus{
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-purple-600:focus{
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-purple-700:focus{
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-purple-800:focus{
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-purple-900:focus{
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-pink-100:focus{
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-pink-200:focus{
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-pink-300:focus{
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-pink-400:focus{
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-pink-500:focus{
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-pink-600:focus{
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-pink-700:focus{
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-pink-800:focus{
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-pink-900:focus{
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-primary-blue:focus{
    --bg-opacity: 1;
    background-color: #1976d2;
    background-color: rgba(25, 118, 210, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-primary-blue-dark:focus{
    --bg-opacity: 1;
    background-color: #0c3b69;
    background-color: rgba(12, 59, 105, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-primary-white:focus{
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-font-0:focus{
    --bg-opacity: 1;
    background-color: #4f4f4f;
    background-color: rgba(79, 79, 79, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-font-1:focus{
    --bg-opacity: 1;
    background-color: #fcfcfc;
    background-color: rgba(252, 252, 252, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-font-5:focus{
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-font-10:focus{
    --bg-opacity: 1;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-font-50:focus{
    --bg-opacity: 1;
    background-color: #a7a7a7;
    background-color: rgba(167, 167, 167, var(--bg-opacity));
  }

  .lg\:focus\:tw-bg-font-70:focus{
    --bg-opacity: 1;
    background-color: #838383;
    background-color: rgba(131, 131, 131, var(--bg-opacity));
  }

  .lg\:tw-bg-none{
    background-image: none;
  }

  .lg\:tw-bg-gradient-to-t{
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .lg\:tw-bg-gradient-to-tr{
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .lg\:tw-bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .lg\:tw-bg-gradient-to-br{
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .lg\:tw-bg-gradient-to-b{
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .lg\:tw-bg-gradient-to-bl{
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .lg\:tw-bg-gradient-to-l{
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .lg\:tw-bg-gradient-to-tl{
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .lg\:tw-from-transparent{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:tw-from-current{
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:tw-from-black{
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:tw-from-white{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:tw-from-gray-100{
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .lg\:tw-from-gray-200{
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .lg\:tw-from-gray-300{
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .lg\:tw-from-gray-400{
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .lg\:tw-from-gray-500{
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .lg\:tw-from-gray-600{
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .lg\:tw-from-gray-700{
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .lg\:tw-from-gray-800{
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .lg\:tw-from-gray-900{
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .lg\:tw-from-red-100{
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .lg\:tw-from-red-200{
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .lg\:tw-from-red-300{
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .lg\:tw-from-red-400{
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .lg\:tw-from-red-500{
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .lg\:tw-from-red-600{
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .lg\:tw-from-red-700{
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .lg\:tw-from-red-800{
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .lg\:tw-from-red-900{
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .lg\:tw-from-orange-100{
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .lg\:tw-from-orange-200{
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .lg\:tw-from-orange-300{
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .lg\:tw-from-orange-400{
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .lg\:tw-from-orange-500{
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .lg\:tw-from-orange-600{
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .lg\:tw-from-orange-700{
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .lg\:tw-from-orange-800{
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .lg\:tw-from-orange-900{
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .lg\:tw-from-yellow-100{
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .lg\:tw-from-yellow-200{
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .lg\:tw-from-yellow-300{
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .lg\:tw-from-yellow-400{
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .lg\:tw-from-yellow-500{
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .lg\:tw-from-yellow-600{
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .lg\:tw-from-yellow-700{
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .lg\:tw-from-yellow-800{
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .lg\:tw-from-yellow-900{
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .lg\:tw-from-green-100{
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .lg\:tw-from-green-200{
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .lg\:tw-from-green-300{
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .lg\:tw-from-green-400{
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .lg\:tw-from-green-500{
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .lg\:tw-from-green-600{
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .lg\:tw-from-green-700{
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .lg\:tw-from-green-800{
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .lg\:tw-from-green-900{
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .lg\:tw-from-teal-100{
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .lg\:tw-from-teal-200{
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .lg\:tw-from-teal-300{
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .lg\:tw-from-teal-400{
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .lg\:tw-from-teal-500{
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .lg\:tw-from-teal-600{
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .lg\:tw-from-teal-700{
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .lg\:tw-from-teal-800{
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .lg\:tw-from-teal-900{
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .lg\:tw-from-blue-100{
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .lg\:tw-from-blue-200{
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .lg\:tw-from-blue-300{
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .lg\:tw-from-blue-400{
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .lg\:tw-from-blue-500{
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .lg\:tw-from-blue-600{
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .lg\:tw-from-blue-700{
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .lg\:tw-from-blue-800{
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .lg\:tw-from-blue-900{
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .lg\:tw-from-indigo-100{
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .lg\:tw-from-indigo-200{
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .lg\:tw-from-indigo-300{
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .lg\:tw-from-indigo-400{
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .lg\:tw-from-indigo-500{
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .lg\:tw-from-indigo-600{
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .lg\:tw-from-indigo-700{
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .lg\:tw-from-indigo-800{
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .lg\:tw-from-indigo-900{
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .lg\:tw-from-purple-100{
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .lg\:tw-from-purple-200{
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .lg\:tw-from-purple-300{
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .lg\:tw-from-purple-400{
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .lg\:tw-from-purple-500{
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .lg\:tw-from-purple-600{
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .lg\:tw-from-purple-700{
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .lg\:tw-from-purple-800{
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .lg\:tw-from-purple-900{
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .lg\:tw-from-pink-100{
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .lg\:tw-from-pink-200{
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .lg\:tw-from-pink-300{
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .lg\:tw-from-pink-400{
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .lg\:tw-from-pink-500{
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .lg\:tw-from-pink-600{
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .lg\:tw-from-pink-700{
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .lg\:tw-from-pink-800{
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .lg\:tw-from-pink-900{
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .lg\:tw-from-primary-blue{
    --gradient-from-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .lg\:tw-from-primary-blue-dark{
    --gradient-from-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .lg\:tw-from-primary-white{
    --gradient-from-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:tw-from-font-0{
    --gradient-from-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .lg\:tw-from-font-1{
    --gradient-from-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .lg\:tw-from-font-5{
    --gradient-from-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .lg\:tw-from-font-10{
    --gradient-from-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .lg\:tw-from-font-50{
    --gradient-from-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .lg\:tw-from-font-70{
    --gradient-from-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .lg\:tw-via-transparent{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:tw-via-current{
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:tw-via-black{
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:tw-via-white{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:tw-via-gray-100{
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .lg\:tw-via-gray-200{
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .lg\:tw-via-gray-300{
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .lg\:tw-via-gray-400{
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .lg\:tw-via-gray-500{
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .lg\:tw-via-gray-600{
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .lg\:tw-via-gray-700{
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .lg\:tw-via-gray-800{
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .lg\:tw-via-gray-900{
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .lg\:tw-via-red-100{
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .lg\:tw-via-red-200{
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .lg\:tw-via-red-300{
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .lg\:tw-via-red-400{
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .lg\:tw-via-red-500{
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .lg\:tw-via-red-600{
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .lg\:tw-via-red-700{
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .lg\:tw-via-red-800{
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .lg\:tw-via-red-900{
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .lg\:tw-via-orange-100{
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .lg\:tw-via-orange-200{
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .lg\:tw-via-orange-300{
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .lg\:tw-via-orange-400{
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .lg\:tw-via-orange-500{
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .lg\:tw-via-orange-600{
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .lg\:tw-via-orange-700{
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .lg\:tw-via-orange-800{
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .lg\:tw-via-orange-900{
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .lg\:tw-via-yellow-100{
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .lg\:tw-via-yellow-200{
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .lg\:tw-via-yellow-300{
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .lg\:tw-via-yellow-400{
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .lg\:tw-via-yellow-500{
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .lg\:tw-via-yellow-600{
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .lg\:tw-via-yellow-700{
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .lg\:tw-via-yellow-800{
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .lg\:tw-via-yellow-900{
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .lg\:tw-via-green-100{
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .lg\:tw-via-green-200{
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .lg\:tw-via-green-300{
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .lg\:tw-via-green-400{
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .lg\:tw-via-green-500{
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .lg\:tw-via-green-600{
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .lg\:tw-via-green-700{
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .lg\:tw-via-green-800{
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .lg\:tw-via-green-900{
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .lg\:tw-via-teal-100{
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .lg\:tw-via-teal-200{
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .lg\:tw-via-teal-300{
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .lg\:tw-via-teal-400{
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .lg\:tw-via-teal-500{
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .lg\:tw-via-teal-600{
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .lg\:tw-via-teal-700{
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .lg\:tw-via-teal-800{
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .lg\:tw-via-teal-900{
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .lg\:tw-via-blue-100{
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .lg\:tw-via-blue-200{
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .lg\:tw-via-blue-300{
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .lg\:tw-via-blue-400{
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .lg\:tw-via-blue-500{
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .lg\:tw-via-blue-600{
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .lg\:tw-via-blue-700{
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .lg\:tw-via-blue-800{
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .lg\:tw-via-blue-900{
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .lg\:tw-via-indigo-100{
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .lg\:tw-via-indigo-200{
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .lg\:tw-via-indigo-300{
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .lg\:tw-via-indigo-400{
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .lg\:tw-via-indigo-500{
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .lg\:tw-via-indigo-600{
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .lg\:tw-via-indigo-700{
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .lg\:tw-via-indigo-800{
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .lg\:tw-via-indigo-900{
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .lg\:tw-via-purple-100{
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .lg\:tw-via-purple-200{
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .lg\:tw-via-purple-300{
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .lg\:tw-via-purple-400{
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .lg\:tw-via-purple-500{
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .lg\:tw-via-purple-600{
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .lg\:tw-via-purple-700{
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .lg\:tw-via-purple-800{
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .lg\:tw-via-purple-900{
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .lg\:tw-via-pink-100{
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .lg\:tw-via-pink-200{
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .lg\:tw-via-pink-300{
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .lg\:tw-via-pink-400{
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .lg\:tw-via-pink-500{
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .lg\:tw-via-pink-600{
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .lg\:tw-via-pink-700{
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .lg\:tw-via-pink-800{
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .lg\:tw-via-pink-900{
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .lg\:tw-via-primary-blue{
    --gradient-via-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .lg\:tw-via-primary-blue-dark{
    --gradient-via-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .lg\:tw-via-primary-white{
    --gradient-via-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:tw-via-font-0{
    --gradient-via-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .lg\:tw-via-font-1{
    --gradient-via-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .lg\:tw-via-font-5{
    --gradient-via-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .lg\:tw-via-font-10{
    --gradient-via-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .lg\:tw-via-font-50{
    --gradient-via-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .lg\:tw-via-font-70{
    --gradient-via-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .lg\:tw-to-transparent{
    --gradient-to-color: transparent;
  }

  .lg\:tw-to-current{
    --gradient-to-color: currentColor;
  }

  .lg\:tw-to-black{
    --gradient-to-color: #000;
  }

  .lg\:tw-to-white{
    --gradient-to-color: #fff;
  }

  .lg\:tw-to-gray-100{
    --gradient-to-color: #f7fafc;
  }

  .lg\:tw-to-gray-200{
    --gradient-to-color: #edf2f7;
  }

  .lg\:tw-to-gray-300{
    --gradient-to-color: #e2e8f0;
  }

  .lg\:tw-to-gray-400{
    --gradient-to-color: #cbd5e0;
  }

  .lg\:tw-to-gray-500{
    --gradient-to-color: #a0aec0;
  }

  .lg\:tw-to-gray-600{
    --gradient-to-color: #718096;
  }

  .lg\:tw-to-gray-700{
    --gradient-to-color: #4a5568;
  }

  .lg\:tw-to-gray-800{
    --gradient-to-color: #2d3748;
  }

  .lg\:tw-to-gray-900{
    --gradient-to-color: #1a202c;
  }

  .lg\:tw-to-red-100{
    --gradient-to-color: #fff5f5;
  }

  .lg\:tw-to-red-200{
    --gradient-to-color: #fed7d7;
  }

  .lg\:tw-to-red-300{
    --gradient-to-color: #feb2b2;
  }

  .lg\:tw-to-red-400{
    --gradient-to-color: #fc8181;
  }

  .lg\:tw-to-red-500{
    --gradient-to-color: #f56565;
  }

  .lg\:tw-to-red-600{
    --gradient-to-color: #e53e3e;
  }

  .lg\:tw-to-red-700{
    --gradient-to-color: #c53030;
  }

  .lg\:tw-to-red-800{
    --gradient-to-color: #9b2c2c;
  }

  .lg\:tw-to-red-900{
    --gradient-to-color: #742a2a;
  }

  .lg\:tw-to-orange-100{
    --gradient-to-color: #fffaf0;
  }

  .lg\:tw-to-orange-200{
    --gradient-to-color: #feebc8;
  }

  .lg\:tw-to-orange-300{
    --gradient-to-color: #fbd38d;
  }

  .lg\:tw-to-orange-400{
    --gradient-to-color: #f6ad55;
  }

  .lg\:tw-to-orange-500{
    --gradient-to-color: #ed8936;
  }

  .lg\:tw-to-orange-600{
    --gradient-to-color: #dd6b20;
  }

  .lg\:tw-to-orange-700{
    --gradient-to-color: #c05621;
  }

  .lg\:tw-to-orange-800{
    --gradient-to-color: #9c4221;
  }

  .lg\:tw-to-orange-900{
    --gradient-to-color: #7b341e;
  }

  .lg\:tw-to-yellow-100{
    --gradient-to-color: #fffff0;
  }

  .lg\:tw-to-yellow-200{
    --gradient-to-color: #fefcbf;
  }

  .lg\:tw-to-yellow-300{
    --gradient-to-color: #faf089;
  }

  .lg\:tw-to-yellow-400{
    --gradient-to-color: #f6e05e;
  }

  .lg\:tw-to-yellow-500{
    --gradient-to-color: #ecc94b;
  }

  .lg\:tw-to-yellow-600{
    --gradient-to-color: #d69e2e;
  }

  .lg\:tw-to-yellow-700{
    --gradient-to-color: #b7791f;
  }

  .lg\:tw-to-yellow-800{
    --gradient-to-color: #975a16;
  }

  .lg\:tw-to-yellow-900{
    --gradient-to-color: #744210;
  }

  .lg\:tw-to-green-100{
    --gradient-to-color: #f0fff4;
  }

  .lg\:tw-to-green-200{
    --gradient-to-color: #c6f6d5;
  }

  .lg\:tw-to-green-300{
    --gradient-to-color: #9ae6b4;
  }

  .lg\:tw-to-green-400{
    --gradient-to-color: #68d391;
  }

  .lg\:tw-to-green-500{
    --gradient-to-color: #48bb78;
  }

  .lg\:tw-to-green-600{
    --gradient-to-color: #38a169;
  }

  .lg\:tw-to-green-700{
    --gradient-to-color: #2f855a;
  }

  .lg\:tw-to-green-800{
    --gradient-to-color: #276749;
  }

  .lg\:tw-to-green-900{
    --gradient-to-color: #22543d;
  }

  .lg\:tw-to-teal-100{
    --gradient-to-color: #e6fffa;
  }

  .lg\:tw-to-teal-200{
    --gradient-to-color: #b2f5ea;
  }

  .lg\:tw-to-teal-300{
    --gradient-to-color: #81e6d9;
  }

  .lg\:tw-to-teal-400{
    --gradient-to-color: #4fd1c5;
  }

  .lg\:tw-to-teal-500{
    --gradient-to-color: #38b2ac;
  }

  .lg\:tw-to-teal-600{
    --gradient-to-color: #319795;
  }

  .lg\:tw-to-teal-700{
    --gradient-to-color: #2c7a7b;
  }

  .lg\:tw-to-teal-800{
    --gradient-to-color: #285e61;
  }

  .lg\:tw-to-teal-900{
    --gradient-to-color: #234e52;
  }

  .lg\:tw-to-blue-100{
    --gradient-to-color: #ebf8ff;
  }

  .lg\:tw-to-blue-200{
    --gradient-to-color: #bee3f8;
  }

  .lg\:tw-to-blue-300{
    --gradient-to-color: #90cdf4;
  }

  .lg\:tw-to-blue-400{
    --gradient-to-color: #63b3ed;
  }

  .lg\:tw-to-blue-500{
    --gradient-to-color: #4299e1;
  }

  .lg\:tw-to-blue-600{
    --gradient-to-color: #3182ce;
  }

  .lg\:tw-to-blue-700{
    --gradient-to-color: #2b6cb0;
  }

  .lg\:tw-to-blue-800{
    --gradient-to-color: #2c5282;
  }

  .lg\:tw-to-blue-900{
    --gradient-to-color: #2a4365;
  }

  .lg\:tw-to-indigo-100{
    --gradient-to-color: #ebf4ff;
  }

  .lg\:tw-to-indigo-200{
    --gradient-to-color: #c3dafe;
  }

  .lg\:tw-to-indigo-300{
    --gradient-to-color: #a3bffa;
  }

  .lg\:tw-to-indigo-400{
    --gradient-to-color: #7f9cf5;
  }

  .lg\:tw-to-indigo-500{
    --gradient-to-color: #667eea;
  }

  .lg\:tw-to-indigo-600{
    --gradient-to-color: #5a67d8;
  }

  .lg\:tw-to-indigo-700{
    --gradient-to-color: #4c51bf;
  }

  .lg\:tw-to-indigo-800{
    --gradient-to-color: #434190;
  }

  .lg\:tw-to-indigo-900{
    --gradient-to-color: #3c366b;
  }

  .lg\:tw-to-purple-100{
    --gradient-to-color: #faf5ff;
  }

  .lg\:tw-to-purple-200{
    --gradient-to-color: #e9d8fd;
  }

  .lg\:tw-to-purple-300{
    --gradient-to-color: #d6bcfa;
  }

  .lg\:tw-to-purple-400{
    --gradient-to-color: #b794f4;
  }

  .lg\:tw-to-purple-500{
    --gradient-to-color: #9f7aea;
  }

  .lg\:tw-to-purple-600{
    --gradient-to-color: #805ad5;
  }

  .lg\:tw-to-purple-700{
    --gradient-to-color: #6b46c1;
  }

  .lg\:tw-to-purple-800{
    --gradient-to-color: #553c9a;
  }

  .lg\:tw-to-purple-900{
    --gradient-to-color: #44337a;
  }

  .lg\:tw-to-pink-100{
    --gradient-to-color: #fff5f7;
  }

  .lg\:tw-to-pink-200{
    --gradient-to-color: #fed7e2;
  }

  .lg\:tw-to-pink-300{
    --gradient-to-color: #fbb6ce;
  }

  .lg\:tw-to-pink-400{
    --gradient-to-color: #f687b3;
  }

  .lg\:tw-to-pink-500{
    --gradient-to-color: #ed64a6;
  }

  .lg\:tw-to-pink-600{
    --gradient-to-color: #d53f8c;
  }

  .lg\:tw-to-pink-700{
    --gradient-to-color: #b83280;
  }

  .lg\:tw-to-pink-800{
    --gradient-to-color: #97266d;
  }

  .lg\:tw-to-pink-900{
    --gradient-to-color: #702459;
  }

  .lg\:tw-to-primary-blue{
    --gradient-to-color: #1976d2;
  }

  .lg\:tw-to-primary-blue-dark{
    --gradient-to-color: #0c3b69;
  }

  .lg\:tw-to-primary-white{
    --gradient-to-color: #ffffff;
  }

  .lg\:tw-to-font-0{
    --gradient-to-color: #4f4f4f;
  }

  .lg\:tw-to-font-1{
    --gradient-to-color: #fcfcfc;
  }

  .lg\:tw-to-font-5{
    --gradient-to-color: #f6f6f6;
  }

  .lg\:tw-to-font-10{
    --gradient-to-color: #ededed;
  }

  .lg\:tw-to-font-50{
    --gradient-to-color: #a7a7a7;
  }

  .lg\:tw-to-font-70{
    --gradient-to-color: #838383;
  }

  .lg\:hover\:tw-from-transparent:hover{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:tw-from-current:hover{
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:tw-from-black:hover{
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:tw-from-white:hover{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:tw-from-gray-100:hover{
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .lg\:hover\:tw-from-gray-200:hover{
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .lg\:hover\:tw-from-gray-300:hover{
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .lg\:hover\:tw-from-gray-400:hover{
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .lg\:hover\:tw-from-gray-500:hover{
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .lg\:hover\:tw-from-gray-600:hover{
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .lg\:hover\:tw-from-gray-700:hover{
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .lg\:hover\:tw-from-gray-800:hover{
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .lg\:hover\:tw-from-gray-900:hover{
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .lg\:hover\:tw-from-red-100:hover{
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .lg\:hover\:tw-from-red-200:hover{
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .lg\:hover\:tw-from-red-300:hover{
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .lg\:hover\:tw-from-red-400:hover{
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .lg\:hover\:tw-from-red-500:hover{
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .lg\:hover\:tw-from-red-600:hover{
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .lg\:hover\:tw-from-red-700:hover{
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .lg\:hover\:tw-from-red-800:hover{
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .lg\:hover\:tw-from-red-900:hover{
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .lg\:hover\:tw-from-orange-100:hover{
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .lg\:hover\:tw-from-orange-200:hover{
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .lg\:hover\:tw-from-orange-300:hover{
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .lg\:hover\:tw-from-orange-400:hover{
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .lg\:hover\:tw-from-orange-500:hover{
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .lg\:hover\:tw-from-orange-600:hover{
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .lg\:hover\:tw-from-orange-700:hover{
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .lg\:hover\:tw-from-orange-800:hover{
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .lg\:hover\:tw-from-orange-900:hover{
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .lg\:hover\:tw-from-yellow-100:hover{
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .lg\:hover\:tw-from-yellow-200:hover{
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .lg\:hover\:tw-from-yellow-300:hover{
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .lg\:hover\:tw-from-yellow-400:hover{
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .lg\:hover\:tw-from-yellow-500:hover{
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .lg\:hover\:tw-from-yellow-600:hover{
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .lg\:hover\:tw-from-yellow-700:hover{
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .lg\:hover\:tw-from-yellow-800:hover{
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .lg\:hover\:tw-from-yellow-900:hover{
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .lg\:hover\:tw-from-green-100:hover{
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .lg\:hover\:tw-from-green-200:hover{
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .lg\:hover\:tw-from-green-300:hover{
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .lg\:hover\:tw-from-green-400:hover{
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .lg\:hover\:tw-from-green-500:hover{
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .lg\:hover\:tw-from-green-600:hover{
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .lg\:hover\:tw-from-green-700:hover{
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .lg\:hover\:tw-from-green-800:hover{
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .lg\:hover\:tw-from-green-900:hover{
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .lg\:hover\:tw-from-teal-100:hover{
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .lg\:hover\:tw-from-teal-200:hover{
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .lg\:hover\:tw-from-teal-300:hover{
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .lg\:hover\:tw-from-teal-400:hover{
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .lg\:hover\:tw-from-teal-500:hover{
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .lg\:hover\:tw-from-teal-600:hover{
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .lg\:hover\:tw-from-teal-700:hover{
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .lg\:hover\:tw-from-teal-800:hover{
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .lg\:hover\:tw-from-teal-900:hover{
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .lg\:hover\:tw-from-blue-100:hover{
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .lg\:hover\:tw-from-blue-200:hover{
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .lg\:hover\:tw-from-blue-300:hover{
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .lg\:hover\:tw-from-blue-400:hover{
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .lg\:hover\:tw-from-blue-500:hover{
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .lg\:hover\:tw-from-blue-600:hover{
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .lg\:hover\:tw-from-blue-700:hover{
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .lg\:hover\:tw-from-blue-800:hover{
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .lg\:hover\:tw-from-blue-900:hover{
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .lg\:hover\:tw-from-indigo-100:hover{
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .lg\:hover\:tw-from-indigo-200:hover{
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .lg\:hover\:tw-from-indigo-300:hover{
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .lg\:hover\:tw-from-indigo-400:hover{
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .lg\:hover\:tw-from-indigo-500:hover{
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .lg\:hover\:tw-from-indigo-600:hover{
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .lg\:hover\:tw-from-indigo-700:hover{
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .lg\:hover\:tw-from-indigo-800:hover{
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .lg\:hover\:tw-from-indigo-900:hover{
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .lg\:hover\:tw-from-purple-100:hover{
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .lg\:hover\:tw-from-purple-200:hover{
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .lg\:hover\:tw-from-purple-300:hover{
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .lg\:hover\:tw-from-purple-400:hover{
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .lg\:hover\:tw-from-purple-500:hover{
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .lg\:hover\:tw-from-purple-600:hover{
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .lg\:hover\:tw-from-purple-700:hover{
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .lg\:hover\:tw-from-purple-800:hover{
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .lg\:hover\:tw-from-purple-900:hover{
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .lg\:hover\:tw-from-pink-100:hover{
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .lg\:hover\:tw-from-pink-200:hover{
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .lg\:hover\:tw-from-pink-300:hover{
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .lg\:hover\:tw-from-pink-400:hover{
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .lg\:hover\:tw-from-pink-500:hover{
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .lg\:hover\:tw-from-pink-600:hover{
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .lg\:hover\:tw-from-pink-700:hover{
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .lg\:hover\:tw-from-pink-800:hover{
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .lg\:hover\:tw-from-pink-900:hover{
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .lg\:hover\:tw-from-primary-blue:hover{
    --gradient-from-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .lg\:hover\:tw-from-primary-blue-dark:hover{
    --gradient-from-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .lg\:hover\:tw-from-primary-white:hover{
    --gradient-from-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:tw-from-font-0:hover{
    --gradient-from-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .lg\:hover\:tw-from-font-1:hover{
    --gradient-from-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .lg\:hover\:tw-from-font-5:hover{
    --gradient-from-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .lg\:hover\:tw-from-font-10:hover{
    --gradient-from-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .lg\:hover\:tw-from-font-50:hover{
    --gradient-from-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .lg\:hover\:tw-from-font-70:hover{
    --gradient-from-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .lg\:hover\:tw-via-transparent:hover{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:tw-via-current:hover{
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:tw-via-black:hover{
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:tw-via-white:hover{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:tw-via-gray-100:hover{
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .lg\:hover\:tw-via-gray-200:hover{
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .lg\:hover\:tw-via-gray-300:hover{
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .lg\:hover\:tw-via-gray-400:hover{
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .lg\:hover\:tw-via-gray-500:hover{
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .lg\:hover\:tw-via-gray-600:hover{
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .lg\:hover\:tw-via-gray-700:hover{
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .lg\:hover\:tw-via-gray-800:hover{
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .lg\:hover\:tw-via-gray-900:hover{
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .lg\:hover\:tw-via-red-100:hover{
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .lg\:hover\:tw-via-red-200:hover{
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .lg\:hover\:tw-via-red-300:hover{
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .lg\:hover\:tw-via-red-400:hover{
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .lg\:hover\:tw-via-red-500:hover{
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .lg\:hover\:tw-via-red-600:hover{
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .lg\:hover\:tw-via-red-700:hover{
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .lg\:hover\:tw-via-red-800:hover{
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .lg\:hover\:tw-via-red-900:hover{
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .lg\:hover\:tw-via-orange-100:hover{
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .lg\:hover\:tw-via-orange-200:hover{
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .lg\:hover\:tw-via-orange-300:hover{
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .lg\:hover\:tw-via-orange-400:hover{
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .lg\:hover\:tw-via-orange-500:hover{
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .lg\:hover\:tw-via-orange-600:hover{
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .lg\:hover\:tw-via-orange-700:hover{
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .lg\:hover\:tw-via-orange-800:hover{
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .lg\:hover\:tw-via-orange-900:hover{
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .lg\:hover\:tw-via-yellow-100:hover{
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .lg\:hover\:tw-via-yellow-200:hover{
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .lg\:hover\:tw-via-yellow-300:hover{
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .lg\:hover\:tw-via-yellow-400:hover{
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .lg\:hover\:tw-via-yellow-500:hover{
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .lg\:hover\:tw-via-yellow-600:hover{
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .lg\:hover\:tw-via-yellow-700:hover{
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .lg\:hover\:tw-via-yellow-800:hover{
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .lg\:hover\:tw-via-yellow-900:hover{
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .lg\:hover\:tw-via-green-100:hover{
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .lg\:hover\:tw-via-green-200:hover{
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .lg\:hover\:tw-via-green-300:hover{
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .lg\:hover\:tw-via-green-400:hover{
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .lg\:hover\:tw-via-green-500:hover{
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .lg\:hover\:tw-via-green-600:hover{
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .lg\:hover\:tw-via-green-700:hover{
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .lg\:hover\:tw-via-green-800:hover{
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .lg\:hover\:tw-via-green-900:hover{
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .lg\:hover\:tw-via-teal-100:hover{
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .lg\:hover\:tw-via-teal-200:hover{
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .lg\:hover\:tw-via-teal-300:hover{
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .lg\:hover\:tw-via-teal-400:hover{
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .lg\:hover\:tw-via-teal-500:hover{
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .lg\:hover\:tw-via-teal-600:hover{
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .lg\:hover\:tw-via-teal-700:hover{
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .lg\:hover\:tw-via-teal-800:hover{
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .lg\:hover\:tw-via-teal-900:hover{
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .lg\:hover\:tw-via-blue-100:hover{
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .lg\:hover\:tw-via-blue-200:hover{
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .lg\:hover\:tw-via-blue-300:hover{
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .lg\:hover\:tw-via-blue-400:hover{
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .lg\:hover\:tw-via-blue-500:hover{
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .lg\:hover\:tw-via-blue-600:hover{
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .lg\:hover\:tw-via-blue-700:hover{
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .lg\:hover\:tw-via-blue-800:hover{
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .lg\:hover\:tw-via-blue-900:hover{
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .lg\:hover\:tw-via-indigo-100:hover{
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .lg\:hover\:tw-via-indigo-200:hover{
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .lg\:hover\:tw-via-indigo-300:hover{
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .lg\:hover\:tw-via-indigo-400:hover{
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .lg\:hover\:tw-via-indigo-500:hover{
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .lg\:hover\:tw-via-indigo-600:hover{
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .lg\:hover\:tw-via-indigo-700:hover{
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .lg\:hover\:tw-via-indigo-800:hover{
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .lg\:hover\:tw-via-indigo-900:hover{
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .lg\:hover\:tw-via-purple-100:hover{
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .lg\:hover\:tw-via-purple-200:hover{
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .lg\:hover\:tw-via-purple-300:hover{
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .lg\:hover\:tw-via-purple-400:hover{
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .lg\:hover\:tw-via-purple-500:hover{
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .lg\:hover\:tw-via-purple-600:hover{
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .lg\:hover\:tw-via-purple-700:hover{
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .lg\:hover\:tw-via-purple-800:hover{
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .lg\:hover\:tw-via-purple-900:hover{
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .lg\:hover\:tw-via-pink-100:hover{
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .lg\:hover\:tw-via-pink-200:hover{
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .lg\:hover\:tw-via-pink-300:hover{
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .lg\:hover\:tw-via-pink-400:hover{
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .lg\:hover\:tw-via-pink-500:hover{
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .lg\:hover\:tw-via-pink-600:hover{
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .lg\:hover\:tw-via-pink-700:hover{
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .lg\:hover\:tw-via-pink-800:hover{
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .lg\:hover\:tw-via-pink-900:hover{
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .lg\:hover\:tw-via-primary-blue:hover{
    --gradient-via-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .lg\:hover\:tw-via-primary-blue-dark:hover{
    --gradient-via-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .lg\:hover\:tw-via-primary-white:hover{
    --gradient-via-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:tw-via-font-0:hover{
    --gradient-via-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .lg\:hover\:tw-via-font-1:hover{
    --gradient-via-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .lg\:hover\:tw-via-font-5:hover{
    --gradient-via-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .lg\:hover\:tw-via-font-10:hover{
    --gradient-via-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .lg\:hover\:tw-via-font-50:hover{
    --gradient-via-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .lg\:hover\:tw-via-font-70:hover{
    --gradient-via-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .lg\:hover\:tw-to-transparent:hover{
    --gradient-to-color: transparent;
  }

  .lg\:hover\:tw-to-current:hover{
    --gradient-to-color: currentColor;
  }

  .lg\:hover\:tw-to-black:hover{
    --gradient-to-color: #000;
  }

  .lg\:hover\:tw-to-white:hover{
    --gradient-to-color: #fff;
  }

  .lg\:hover\:tw-to-gray-100:hover{
    --gradient-to-color: #f7fafc;
  }

  .lg\:hover\:tw-to-gray-200:hover{
    --gradient-to-color: #edf2f7;
  }

  .lg\:hover\:tw-to-gray-300:hover{
    --gradient-to-color: #e2e8f0;
  }

  .lg\:hover\:tw-to-gray-400:hover{
    --gradient-to-color: #cbd5e0;
  }

  .lg\:hover\:tw-to-gray-500:hover{
    --gradient-to-color: #a0aec0;
  }

  .lg\:hover\:tw-to-gray-600:hover{
    --gradient-to-color: #718096;
  }

  .lg\:hover\:tw-to-gray-700:hover{
    --gradient-to-color: #4a5568;
  }

  .lg\:hover\:tw-to-gray-800:hover{
    --gradient-to-color: #2d3748;
  }

  .lg\:hover\:tw-to-gray-900:hover{
    --gradient-to-color: #1a202c;
  }

  .lg\:hover\:tw-to-red-100:hover{
    --gradient-to-color: #fff5f5;
  }

  .lg\:hover\:tw-to-red-200:hover{
    --gradient-to-color: #fed7d7;
  }

  .lg\:hover\:tw-to-red-300:hover{
    --gradient-to-color: #feb2b2;
  }

  .lg\:hover\:tw-to-red-400:hover{
    --gradient-to-color: #fc8181;
  }

  .lg\:hover\:tw-to-red-500:hover{
    --gradient-to-color: #f56565;
  }

  .lg\:hover\:tw-to-red-600:hover{
    --gradient-to-color: #e53e3e;
  }

  .lg\:hover\:tw-to-red-700:hover{
    --gradient-to-color: #c53030;
  }

  .lg\:hover\:tw-to-red-800:hover{
    --gradient-to-color: #9b2c2c;
  }

  .lg\:hover\:tw-to-red-900:hover{
    --gradient-to-color: #742a2a;
  }

  .lg\:hover\:tw-to-orange-100:hover{
    --gradient-to-color: #fffaf0;
  }

  .lg\:hover\:tw-to-orange-200:hover{
    --gradient-to-color: #feebc8;
  }

  .lg\:hover\:tw-to-orange-300:hover{
    --gradient-to-color: #fbd38d;
  }

  .lg\:hover\:tw-to-orange-400:hover{
    --gradient-to-color: #f6ad55;
  }

  .lg\:hover\:tw-to-orange-500:hover{
    --gradient-to-color: #ed8936;
  }

  .lg\:hover\:tw-to-orange-600:hover{
    --gradient-to-color: #dd6b20;
  }

  .lg\:hover\:tw-to-orange-700:hover{
    --gradient-to-color: #c05621;
  }

  .lg\:hover\:tw-to-orange-800:hover{
    --gradient-to-color: #9c4221;
  }

  .lg\:hover\:tw-to-orange-900:hover{
    --gradient-to-color: #7b341e;
  }

  .lg\:hover\:tw-to-yellow-100:hover{
    --gradient-to-color: #fffff0;
  }

  .lg\:hover\:tw-to-yellow-200:hover{
    --gradient-to-color: #fefcbf;
  }

  .lg\:hover\:tw-to-yellow-300:hover{
    --gradient-to-color: #faf089;
  }

  .lg\:hover\:tw-to-yellow-400:hover{
    --gradient-to-color: #f6e05e;
  }

  .lg\:hover\:tw-to-yellow-500:hover{
    --gradient-to-color: #ecc94b;
  }

  .lg\:hover\:tw-to-yellow-600:hover{
    --gradient-to-color: #d69e2e;
  }

  .lg\:hover\:tw-to-yellow-700:hover{
    --gradient-to-color: #b7791f;
  }

  .lg\:hover\:tw-to-yellow-800:hover{
    --gradient-to-color: #975a16;
  }

  .lg\:hover\:tw-to-yellow-900:hover{
    --gradient-to-color: #744210;
  }

  .lg\:hover\:tw-to-green-100:hover{
    --gradient-to-color: #f0fff4;
  }

  .lg\:hover\:tw-to-green-200:hover{
    --gradient-to-color: #c6f6d5;
  }

  .lg\:hover\:tw-to-green-300:hover{
    --gradient-to-color: #9ae6b4;
  }

  .lg\:hover\:tw-to-green-400:hover{
    --gradient-to-color: #68d391;
  }

  .lg\:hover\:tw-to-green-500:hover{
    --gradient-to-color: #48bb78;
  }

  .lg\:hover\:tw-to-green-600:hover{
    --gradient-to-color: #38a169;
  }

  .lg\:hover\:tw-to-green-700:hover{
    --gradient-to-color: #2f855a;
  }

  .lg\:hover\:tw-to-green-800:hover{
    --gradient-to-color: #276749;
  }

  .lg\:hover\:tw-to-green-900:hover{
    --gradient-to-color: #22543d;
  }

  .lg\:hover\:tw-to-teal-100:hover{
    --gradient-to-color: #e6fffa;
  }

  .lg\:hover\:tw-to-teal-200:hover{
    --gradient-to-color: #b2f5ea;
  }

  .lg\:hover\:tw-to-teal-300:hover{
    --gradient-to-color: #81e6d9;
  }

  .lg\:hover\:tw-to-teal-400:hover{
    --gradient-to-color: #4fd1c5;
  }

  .lg\:hover\:tw-to-teal-500:hover{
    --gradient-to-color: #38b2ac;
  }

  .lg\:hover\:tw-to-teal-600:hover{
    --gradient-to-color: #319795;
  }

  .lg\:hover\:tw-to-teal-700:hover{
    --gradient-to-color: #2c7a7b;
  }

  .lg\:hover\:tw-to-teal-800:hover{
    --gradient-to-color: #285e61;
  }

  .lg\:hover\:tw-to-teal-900:hover{
    --gradient-to-color: #234e52;
  }

  .lg\:hover\:tw-to-blue-100:hover{
    --gradient-to-color: #ebf8ff;
  }

  .lg\:hover\:tw-to-blue-200:hover{
    --gradient-to-color: #bee3f8;
  }

  .lg\:hover\:tw-to-blue-300:hover{
    --gradient-to-color: #90cdf4;
  }

  .lg\:hover\:tw-to-blue-400:hover{
    --gradient-to-color: #63b3ed;
  }

  .lg\:hover\:tw-to-blue-500:hover{
    --gradient-to-color: #4299e1;
  }

  .lg\:hover\:tw-to-blue-600:hover{
    --gradient-to-color: #3182ce;
  }

  .lg\:hover\:tw-to-blue-700:hover{
    --gradient-to-color: #2b6cb0;
  }

  .lg\:hover\:tw-to-blue-800:hover{
    --gradient-to-color: #2c5282;
  }

  .lg\:hover\:tw-to-blue-900:hover{
    --gradient-to-color: #2a4365;
  }

  .lg\:hover\:tw-to-indigo-100:hover{
    --gradient-to-color: #ebf4ff;
  }

  .lg\:hover\:tw-to-indigo-200:hover{
    --gradient-to-color: #c3dafe;
  }

  .lg\:hover\:tw-to-indigo-300:hover{
    --gradient-to-color: #a3bffa;
  }

  .lg\:hover\:tw-to-indigo-400:hover{
    --gradient-to-color: #7f9cf5;
  }

  .lg\:hover\:tw-to-indigo-500:hover{
    --gradient-to-color: #667eea;
  }

  .lg\:hover\:tw-to-indigo-600:hover{
    --gradient-to-color: #5a67d8;
  }

  .lg\:hover\:tw-to-indigo-700:hover{
    --gradient-to-color: #4c51bf;
  }

  .lg\:hover\:tw-to-indigo-800:hover{
    --gradient-to-color: #434190;
  }

  .lg\:hover\:tw-to-indigo-900:hover{
    --gradient-to-color: #3c366b;
  }

  .lg\:hover\:tw-to-purple-100:hover{
    --gradient-to-color: #faf5ff;
  }

  .lg\:hover\:tw-to-purple-200:hover{
    --gradient-to-color: #e9d8fd;
  }

  .lg\:hover\:tw-to-purple-300:hover{
    --gradient-to-color: #d6bcfa;
  }

  .lg\:hover\:tw-to-purple-400:hover{
    --gradient-to-color: #b794f4;
  }

  .lg\:hover\:tw-to-purple-500:hover{
    --gradient-to-color: #9f7aea;
  }

  .lg\:hover\:tw-to-purple-600:hover{
    --gradient-to-color: #805ad5;
  }

  .lg\:hover\:tw-to-purple-700:hover{
    --gradient-to-color: #6b46c1;
  }

  .lg\:hover\:tw-to-purple-800:hover{
    --gradient-to-color: #553c9a;
  }

  .lg\:hover\:tw-to-purple-900:hover{
    --gradient-to-color: #44337a;
  }

  .lg\:hover\:tw-to-pink-100:hover{
    --gradient-to-color: #fff5f7;
  }

  .lg\:hover\:tw-to-pink-200:hover{
    --gradient-to-color: #fed7e2;
  }

  .lg\:hover\:tw-to-pink-300:hover{
    --gradient-to-color: #fbb6ce;
  }

  .lg\:hover\:tw-to-pink-400:hover{
    --gradient-to-color: #f687b3;
  }

  .lg\:hover\:tw-to-pink-500:hover{
    --gradient-to-color: #ed64a6;
  }

  .lg\:hover\:tw-to-pink-600:hover{
    --gradient-to-color: #d53f8c;
  }

  .lg\:hover\:tw-to-pink-700:hover{
    --gradient-to-color: #b83280;
  }

  .lg\:hover\:tw-to-pink-800:hover{
    --gradient-to-color: #97266d;
  }

  .lg\:hover\:tw-to-pink-900:hover{
    --gradient-to-color: #702459;
  }

  .lg\:hover\:tw-to-primary-blue:hover{
    --gradient-to-color: #1976d2;
  }

  .lg\:hover\:tw-to-primary-blue-dark:hover{
    --gradient-to-color: #0c3b69;
  }

  .lg\:hover\:tw-to-primary-white:hover{
    --gradient-to-color: #ffffff;
  }

  .lg\:hover\:tw-to-font-0:hover{
    --gradient-to-color: #4f4f4f;
  }

  .lg\:hover\:tw-to-font-1:hover{
    --gradient-to-color: #fcfcfc;
  }

  .lg\:hover\:tw-to-font-5:hover{
    --gradient-to-color: #f6f6f6;
  }

  .lg\:hover\:tw-to-font-10:hover{
    --gradient-to-color: #ededed;
  }

  .lg\:hover\:tw-to-font-50:hover{
    --gradient-to-color: #a7a7a7;
  }

  .lg\:hover\:tw-to-font-70:hover{
    --gradient-to-color: #838383;
  }

  .lg\:focus\:tw-from-transparent:focus{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:tw-from-current:focus{
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:tw-from-black:focus{
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:tw-from-white:focus{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:tw-from-gray-100:focus{
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .lg\:focus\:tw-from-gray-200:focus{
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .lg\:focus\:tw-from-gray-300:focus{
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .lg\:focus\:tw-from-gray-400:focus{
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .lg\:focus\:tw-from-gray-500:focus{
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .lg\:focus\:tw-from-gray-600:focus{
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .lg\:focus\:tw-from-gray-700:focus{
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .lg\:focus\:tw-from-gray-800:focus{
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .lg\:focus\:tw-from-gray-900:focus{
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .lg\:focus\:tw-from-red-100:focus{
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .lg\:focus\:tw-from-red-200:focus{
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .lg\:focus\:tw-from-red-300:focus{
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .lg\:focus\:tw-from-red-400:focus{
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .lg\:focus\:tw-from-red-500:focus{
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .lg\:focus\:tw-from-red-600:focus{
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .lg\:focus\:tw-from-red-700:focus{
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .lg\:focus\:tw-from-red-800:focus{
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .lg\:focus\:tw-from-red-900:focus{
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .lg\:focus\:tw-from-orange-100:focus{
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .lg\:focus\:tw-from-orange-200:focus{
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .lg\:focus\:tw-from-orange-300:focus{
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .lg\:focus\:tw-from-orange-400:focus{
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .lg\:focus\:tw-from-orange-500:focus{
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .lg\:focus\:tw-from-orange-600:focus{
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .lg\:focus\:tw-from-orange-700:focus{
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .lg\:focus\:tw-from-orange-800:focus{
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .lg\:focus\:tw-from-orange-900:focus{
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .lg\:focus\:tw-from-yellow-100:focus{
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .lg\:focus\:tw-from-yellow-200:focus{
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .lg\:focus\:tw-from-yellow-300:focus{
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .lg\:focus\:tw-from-yellow-400:focus{
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .lg\:focus\:tw-from-yellow-500:focus{
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .lg\:focus\:tw-from-yellow-600:focus{
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .lg\:focus\:tw-from-yellow-700:focus{
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .lg\:focus\:tw-from-yellow-800:focus{
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .lg\:focus\:tw-from-yellow-900:focus{
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .lg\:focus\:tw-from-green-100:focus{
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .lg\:focus\:tw-from-green-200:focus{
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .lg\:focus\:tw-from-green-300:focus{
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .lg\:focus\:tw-from-green-400:focus{
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .lg\:focus\:tw-from-green-500:focus{
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .lg\:focus\:tw-from-green-600:focus{
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .lg\:focus\:tw-from-green-700:focus{
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .lg\:focus\:tw-from-green-800:focus{
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .lg\:focus\:tw-from-green-900:focus{
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .lg\:focus\:tw-from-teal-100:focus{
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .lg\:focus\:tw-from-teal-200:focus{
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .lg\:focus\:tw-from-teal-300:focus{
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .lg\:focus\:tw-from-teal-400:focus{
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .lg\:focus\:tw-from-teal-500:focus{
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .lg\:focus\:tw-from-teal-600:focus{
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .lg\:focus\:tw-from-teal-700:focus{
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .lg\:focus\:tw-from-teal-800:focus{
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .lg\:focus\:tw-from-teal-900:focus{
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .lg\:focus\:tw-from-blue-100:focus{
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .lg\:focus\:tw-from-blue-200:focus{
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .lg\:focus\:tw-from-blue-300:focus{
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .lg\:focus\:tw-from-blue-400:focus{
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .lg\:focus\:tw-from-blue-500:focus{
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .lg\:focus\:tw-from-blue-600:focus{
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .lg\:focus\:tw-from-blue-700:focus{
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .lg\:focus\:tw-from-blue-800:focus{
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .lg\:focus\:tw-from-blue-900:focus{
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .lg\:focus\:tw-from-indigo-100:focus{
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .lg\:focus\:tw-from-indigo-200:focus{
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .lg\:focus\:tw-from-indigo-300:focus{
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .lg\:focus\:tw-from-indigo-400:focus{
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .lg\:focus\:tw-from-indigo-500:focus{
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .lg\:focus\:tw-from-indigo-600:focus{
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .lg\:focus\:tw-from-indigo-700:focus{
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .lg\:focus\:tw-from-indigo-800:focus{
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .lg\:focus\:tw-from-indigo-900:focus{
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .lg\:focus\:tw-from-purple-100:focus{
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .lg\:focus\:tw-from-purple-200:focus{
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .lg\:focus\:tw-from-purple-300:focus{
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .lg\:focus\:tw-from-purple-400:focus{
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .lg\:focus\:tw-from-purple-500:focus{
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .lg\:focus\:tw-from-purple-600:focus{
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .lg\:focus\:tw-from-purple-700:focus{
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .lg\:focus\:tw-from-purple-800:focus{
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .lg\:focus\:tw-from-purple-900:focus{
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .lg\:focus\:tw-from-pink-100:focus{
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .lg\:focus\:tw-from-pink-200:focus{
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .lg\:focus\:tw-from-pink-300:focus{
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .lg\:focus\:tw-from-pink-400:focus{
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .lg\:focus\:tw-from-pink-500:focus{
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .lg\:focus\:tw-from-pink-600:focus{
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .lg\:focus\:tw-from-pink-700:focus{
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .lg\:focus\:tw-from-pink-800:focus{
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .lg\:focus\:tw-from-pink-900:focus{
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .lg\:focus\:tw-from-primary-blue:focus{
    --gradient-from-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .lg\:focus\:tw-from-primary-blue-dark:focus{
    --gradient-from-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .lg\:focus\:tw-from-primary-white:focus{
    --gradient-from-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:tw-from-font-0:focus{
    --gradient-from-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .lg\:focus\:tw-from-font-1:focus{
    --gradient-from-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .lg\:focus\:tw-from-font-5:focus{
    --gradient-from-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .lg\:focus\:tw-from-font-10:focus{
    --gradient-from-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .lg\:focus\:tw-from-font-50:focus{
    --gradient-from-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .lg\:focus\:tw-from-font-70:focus{
    --gradient-from-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .lg\:focus\:tw-via-transparent:focus{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:tw-via-current:focus{
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:tw-via-black:focus{
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:tw-via-white:focus{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:tw-via-gray-100:focus{
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .lg\:focus\:tw-via-gray-200:focus{
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .lg\:focus\:tw-via-gray-300:focus{
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .lg\:focus\:tw-via-gray-400:focus{
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .lg\:focus\:tw-via-gray-500:focus{
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .lg\:focus\:tw-via-gray-600:focus{
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .lg\:focus\:tw-via-gray-700:focus{
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .lg\:focus\:tw-via-gray-800:focus{
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .lg\:focus\:tw-via-gray-900:focus{
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .lg\:focus\:tw-via-red-100:focus{
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .lg\:focus\:tw-via-red-200:focus{
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .lg\:focus\:tw-via-red-300:focus{
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .lg\:focus\:tw-via-red-400:focus{
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .lg\:focus\:tw-via-red-500:focus{
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .lg\:focus\:tw-via-red-600:focus{
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .lg\:focus\:tw-via-red-700:focus{
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .lg\:focus\:tw-via-red-800:focus{
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .lg\:focus\:tw-via-red-900:focus{
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .lg\:focus\:tw-via-orange-100:focus{
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .lg\:focus\:tw-via-orange-200:focus{
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .lg\:focus\:tw-via-orange-300:focus{
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .lg\:focus\:tw-via-orange-400:focus{
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .lg\:focus\:tw-via-orange-500:focus{
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .lg\:focus\:tw-via-orange-600:focus{
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .lg\:focus\:tw-via-orange-700:focus{
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .lg\:focus\:tw-via-orange-800:focus{
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .lg\:focus\:tw-via-orange-900:focus{
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .lg\:focus\:tw-via-yellow-100:focus{
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .lg\:focus\:tw-via-yellow-200:focus{
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .lg\:focus\:tw-via-yellow-300:focus{
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .lg\:focus\:tw-via-yellow-400:focus{
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .lg\:focus\:tw-via-yellow-500:focus{
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .lg\:focus\:tw-via-yellow-600:focus{
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .lg\:focus\:tw-via-yellow-700:focus{
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .lg\:focus\:tw-via-yellow-800:focus{
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .lg\:focus\:tw-via-yellow-900:focus{
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .lg\:focus\:tw-via-green-100:focus{
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .lg\:focus\:tw-via-green-200:focus{
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .lg\:focus\:tw-via-green-300:focus{
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .lg\:focus\:tw-via-green-400:focus{
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .lg\:focus\:tw-via-green-500:focus{
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .lg\:focus\:tw-via-green-600:focus{
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .lg\:focus\:tw-via-green-700:focus{
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .lg\:focus\:tw-via-green-800:focus{
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .lg\:focus\:tw-via-green-900:focus{
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .lg\:focus\:tw-via-teal-100:focus{
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .lg\:focus\:tw-via-teal-200:focus{
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .lg\:focus\:tw-via-teal-300:focus{
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .lg\:focus\:tw-via-teal-400:focus{
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .lg\:focus\:tw-via-teal-500:focus{
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .lg\:focus\:tw-via-teal-600:focus{
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .lg\:focus\:tw-via-teal-700:focus{
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .lg\:focus\:tw-via-teal-800:focus{
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .lg\:focus\:tw-via-teal-900:focus{
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .lg\:focus\:tw-via-blue-100:focus{
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .lg\:focus\:tw-via-blue-200:focus{
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .lg\:focus\:tw-via-blue-300:focus{
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .lg\:focus\:tw-via-blue-400:focus{
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .lg\:focus\:tw-via-blue-500:focus{
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .lg\:focus\:tw-via-blue-600:focus{
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .lg\:focus\:tw-via-blue-700:focus{
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .lg\:focus\:tw-via-blue-800:focus{
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .lg\:focus\:tw-via-blue-900:focus{
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .lg\:focus\:tw-via-indigo-100:focus{
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .lg\:focus\:tw-via-indigo-200:focus{
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .lg\:focus\:tw-via-indigo-300:focus{
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .lg\:focus\:tw-via-indigo-400:focus{
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .lg\:focus\:tw-via-indigo-500:focus{
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .lg\:focus\:tw-via-indigo-600:focus{
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .lg\:focus\:tw-via-indigo-700:focus{
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .lg\:focus\:tw-via-indigo-800:focus{
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .lg\:focus\:tw-via-indigo-900:focus{
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .lg\:focus\:tw-via-purple-100:focus{
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .lg\:focus\:tw-via-purple-200:focus{
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .lg\:focus\:tw-via-purple-300:focus{
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .lg\:focus\:tw-via-purple-400:focus{
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .lg\:focus\:tw-via-purple-500:focus{
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .lg\:focus\:tw-via-purple-600:focus{
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .lg\:focus\:tw-via-purple-700:focus{
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .lg\:focus\:tw-via-purple-800:focus{
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .lg\:focus\:tw-via-purple-900:focus{
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .lg\:focus\:tw-via-pink-100:focus{
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .lg\:focus\:tw-via-pink-200:focus{
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .lg\:focus\:tw-via-pink-300:focus{
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .lg\:focus\:tw-via-pink-400:focus{
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .lg\:focus\:tw-via-pink-500:focus{
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .lg\:focus\:tw-via-pink-600:focus{
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .lg\:focus\:tw-via-pink-700:focus{
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .lg\:focus\:tw-via-pink-800:focus{
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .lg\:focus\:tw-via-pink-900:focus{
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .lg\:focus\:tw-via-primary-blue:focus{
    --gradient-via-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .lg\:focus\:tw-via-primary-blue-dark:focus{
    --gradient-via-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .lg\:focus\:tw-via-primary-white:focus{
    --gradient-via-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:tw-via-font-0:focus{
    --gradient-via-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .lg\:focus\:tw-via-font-1:focus{
    --gradient-via-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .lg\:focus\:tw-via-font-5:focus{
    --gradient-via-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .lg\:focus\:tw-via-font-10:focus{
    --gradient-via-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .lg\:focus\:tw-via-font-50:focus{
    --gradient-via-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .lg\:focus\:tw-via-font-70:focus{
    --gradient-via-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .lg\:focus\:tw-to-transparent:focus{
    --gradient-to-color: transparent;
  }

  .lg\:focus\:tw-to-current:focus{
    --gradient-to-color: currentColor;
  }

  .lg\:focus\:tw-to-black:focus{
    --gradient-to-color: #000;
  }

  .lg\:focus\:tw-to-white:focus{
    --gradient-to-color: #fff;
  }

  .lg\:focus\:tw-to-gray-100:focus{
    --gradient-to-color: #f7fafc;
  }

  .lg\:focus\:tw-to-gray-200:focus{
    --gradient-to-color: #edf2f7;
  }

  .lg\:focus\:tw-to-gray-300:focus{
    --gradient-to-color: #e2e8f0;
  }

  .lg\:focus\:tw-to-gray-400:focus{
    --gradient-to-color: #cbd5e0;
  }

  .lg\:focus\:tw-to-gray-500:focus{
    --gradient-to-color: #a0aec0;
  }

  .lg\:focus\:tw-to-gray-600:focus{
    --gradient-to-color: #718096;
  }

  .lg\:focus\:tw-to-gray-700:focus{
    --gradient-to-color: #4a5568;
  }

  .lg\:focus\:tw-to-gray-800:focus{
    --gradient-to-color: #2d3748;
  }

  .lg\:focus\:tw-to-gray-900:focus{
    --gradient-to-color: #1a202c;
  }

  .lg\:focus\:tw-to-red-100:focus{
    --gradient-to-color: #fff5f5;
  }

  .lg\:focus\:tw-to-red-200:focus{
    --gradient-to-color: #fed7d7;
  }

  .lg\:focus\:tw-to-red-300:focus{
    --gradient-to-color: #feb2b2;
  }

  .lg\:focus\:tw-to-red-400:focus{
    --gradient-to-color: #fc8181;
  }

  .lg\:focus\:tw-to-red-500:focus{
    --gradient-to-color: #f56565;
  }

  .lg\:focus\:tw-to-red-600:focus{
    --gradient-to-color: #e53e3e;
  }

  .lg\:focus\:tw-to-red-700:focus{
    --gradient-to-color: #c53030;
  }

  .lg\:focus\:tw-to-red-800:focus{
    --gradient-to-color: #9b2c2c;
  }

  .lg\:focus\:tw-to-red-900:focus{
    --gradient-to-color: #742a2a;
  }

  .lg\:focus\:tw-to-orange-100:focus{
    --gradient-to-color: #fffaf0;
  }

  .lg\:focus\:tw-to-orange-200:focus{
    --gradient-to-color: #feebc8;
  }

  .lg\:focus\:tw-to-orange-300:focus{
    --gradient-to-color: #fbd38d;
  }

  .lg\:focus\:tw-to-orange-400:focus{
    --gradient-to-color: #f6ad55;
  }

  .lg\:focus\:tw-to-orange-500:focus{
    --gradient-to-color: #ed8936;
  }

  .lg\:focus\:tw-to-orange-600:focus{
    --gradient-to-color: #dd6b20;
  }

  .lg\:focus\:tw-to-orange-700:focus{
    --gradient-to-color: #c05621;
  }

  .lg\:focus\:tw-to-orange-800:focus{
    --gradient-to-color: #9c4221;
  }

  .lg\:focus\:tw-to-orange-900:focus{
    --gradient-to-color: #7b341e;
  }

  .lg\:focus\:tw-to-yellow-100:focus{
    --gradient-to-color: #fffff0;
  }

  .lg\:focus\:tw-to-yellow-200:focus{
    --gradient-to-color: #fefcbf;
  }

  .lg\:focus\:tw-to-yellow-300:focus{
    --gradient-to-color: #faf089;
  }

  .lg\:focus\:tw-to-yellow-400:focus{
    --gradient-to-color: #f6e05e;
  }

  .lg\:focus\:tw-to-yellow-500:focus{
    --gradient-to-color: #ecc94b;
  }

  .lg\:focus\:tw-to-yellow-600:focus{
    --gradient-to-color: #d69e2e;
  }

  .lg\:focus\:tw-to-yellow-700:focus{
    --gradient-to-color: #b7791f;
  }

  .lg\:focus\:tw-to-yellow-800:focus{
    --gradient-to-color: #975a16;
  }

  .lg\:focus\:tw-to-yellow-900:focus{
    --gradient-to-color: #744210;
  }

  .lg\:focus\:tw-to-green-100:focus{
    --gradient-to-color: #f0fff4;
  }

  .lg\:focus\:tw-to-green-200:focus{
    --gradient-to-color: #c6f6d5;
  }

  .lg\:focus\:tw-to-green-300:focus{
    --gradient-to-color: #9ae6b4;
  }

  .lg\:focus\:tw-to-green-400:focus{
    --gradient-to-color: #68d391;
  }

  .lg\:focus\:tw-to-green-500:focus{
    --gradient-to-color: #48bb78;
  }

  .lg\:focus\:tw-to-green-600:focus{
    --gradient-to-color: #38a169;
  }

  .lg\:focus\:tw-to-green-700:focus{
    --gradient-to-color: #2f855a;
  }

  .lg\:focus\:tw-to-green-800:focus{
    --gradient-to-color: #276749;
  }

  .lg\:focus\:tw-to-green-900:focus{
    --gradient-to-color: #22543d;
  }

  .lg\:focus\:tw-to-teal-100:focus{
    --gradient-to-color: #e6fffa;
  }

  .lg\:focus\:tw-to-teal-200:focus{
    --gradient-to-color: #b2f5ea;
  }

  .lg\:focus\:tw-to-teal-300:focus{
    --gradient-to-color: #81e6d9;
  }

  .lg\:focus\:tw-to-teal-400:focus{
    --gradient-to-color: #4fd1c5;
  }

  .lg\:focus\:tw-to-teal-500:focus{
    --gradient-to-color: #38b2ac;
  }

  .lg\:focus\:tw-to-teal-600:focus{
    --gradient-to-color: #319795;
  }

  .lg\:focus\:tw-to-teal-700:focus{
    --gradient-to-color: #2c7a7b;
  }

  .lg\:focus\:tw-to-teal-800:focus{
    --gradient-to-color: #285e61;
  }

  .lg\:focus\:tw-to-teal-900:focus{
    --gradient-to-color: #234e52;
  }

  .lg\:focus\:tw-to-blue-100:focus{
    --gradient-to-color: #ebf8ff;
  }

  .lg\:focus\:tw-to-blue-200:focus{
    --gradient-to-color: #bee3f8;
  }

  .lg\:focus\:tw-to-blue-300:focus{
    --gradient-to-color: #90cdf4;
  }

  .lg\:focus\:tw-to-blue-400:focus{
    --gradient-to-color: #63b3ed;
  }

  .lg\:focus\:tw-to-blue-500:focus{
    --gradient-to-color: #4299e1;
  }

  .lg\:focus\:tw-to-blue-600:focus{
    --gradient-to-color: #3182ce;
  }

  .lg\:focus\:tw-to-blue-700:focus{
    --gradient-to-color: #2b6cb0;
  }

  .lg\:focus\:tw-to-blue-800:focus{
    --gradient-to-color: #2c5282;
  }

  .lg\:focus\:tw-to-blue-900:focus{
    --gradient-to-color: #2a4365;
  }

  .lg\:focus\:tw-to-indigo-100:focus{
    --gradient-to-color: #ebf4ff;
  }

  .lg\:focus\:tw-to-indigo-200:focus{
    --gradient-to-color: #c3dafe;
  }

  .lg\:focus\:tw-to-indigo-300:focus{
    --gradient-to-color: #a3bffa;
  }

  .lg\:focus\:tw-to-indigo-400:focus{
    --gradient-to-color: #7f9cf5;
  }

  .lg\:focus\:tw-to-indigo-500:focus{
    --gradient-to-color: #667eea;
  }

  .lg\:focus\:tw-to-indigo-600:focus{
    --gradient-to-color: #5a67d8;
  }

  .lg\:focus\:tw-to-indigo-700:focus{
    --gradient-to-color: #4c51bf;
  }

  .lg\:focus\:tw-to-indigo-800:focus{
    --gradient-to-color: #434190;
  }

  .lg\:focus\:tw-to-indigo-900:focus{
    --gradient-to-color: #3c366b;
  }

  .lg\:focus\:tw-to-purple-100:focus{
    --gradient-to-color: #faf5ff;
  }

  .lg\:focus\:tw-to-purple-200:focus{
    --gradient-to-color: #e9d8fd;
  }

  .lg\:focus\:tw-to-purple-300:focus{
    --gradient-to-color: #d6bcfa;
  }

  .lg\:focus\:tw-to-purple-400:focus{
    --gradient-to-color: #b794f4;
  }

  .lg\:focus\:tw-to-purple-500:focus{
    --gradient-to-color: #9f7aea;
  }

  .lg\:focus\:tw-to-purple-600:focus{
    --gradient-to-color: #805ad5;
  }

  .lg\:focus\:tw-to-purple-700:focus{
    --gradient-to-color: #6b46c1;
  }

  .lg\:focus\:tw-to-purple-800:focus{
    --gradient-to-color: #553c9a;
  }

  .lg\:focus\:tw-to-purple-900:focus{
    --gradient-to-color: #44337a;
  }

  .lg\:focus\:tw-to-pink-100:focus{
    --gradient-to-color: #fff5f7;
  }

  .lg\:focus\:tw-to-pink-200:focus{
    --gradient-to-color: #fed7e2;
  }

  .lg\:focus\:tw-to-pink-300:focus{
    --gradient-to-color: #fbb6ce;
  }

  .lg\:focus\:tw-to-pink-400:focus{
    --gradient-to-color: #f687b3;
  }

  .lg\:focus\:tw-to-pink-500:focus{
    --gradient-to-color: #ed64a6;
  }

  .lg\:focus\:tw-to-pink-600:focus{
    --gradient-to-color: #d53f8c;
  }

  .lg\:focus\:tw-to-pink-700:focus{
    --gradient-to-color: #b83280;
  }

  .lg\:focus\:tw-to-pink-800:focus{
    --gradient-to-color: #97266d;
  }

  .lg\:focus\:tw-to-pink-900:focus{
    --gradient-to-color: #702459;
  }

  .lg\:focus\:tw-to-primary-blue:focus{
    --gradient-to-color: #1976d2;
  }

  .lg\:focus\:tw-to-primary-blue-dark:focus{
    --gradient-to-color: #0c3b69;
  }

  .lg\:focus\:tw-to-primary-white:focus{
    --gradient-to-color: #ffffff;
  }

  .lg\:focus\:tw-to-font-0:focus{
    --gradient-to-color: #4f4f4f;
  }

  .lg\:focus\:tw-to-font-1:focus{
    --gradient-to-color: #fcfcfc;
  }

  .lg\:focus\:tw-to-font-5:focus{
    --gradient-to-color: #f6f6f6;
  }

  .lg\:focus\:tw-to-font-10:focus{
    --gradient-to-color: #ededed;
  }

  .lg\:focus\:tw-to-font-50:focus{
    --gradient-to-color: #a7a7a7;
  }

  .lg\:focus\:tw-to-font-70:focus{
    --gradient-to-color: #838383;
  }

  .lg\:tw-bg-opacity-0{
    --bg-opacity: 0;
  }

  .lg\:tw-bg-opacity-25{
    --bg-opacity: 0.25;
  }

  .lg\:tw-bg-opacity-50{
    --bg-opacity: 0.5;
  }

  .lg\:tw-bg-opacity-75{
    --bg-opacity: 0.75;
  }

  .lg\:tw-bg-opacity-100{
    --bg-opacity: 1;
  }

  .lg\:hover\:tw-bg-opacity-0:hover{
    --bg-opacity: 0;
  }

  .lg\:hover\:tw-bg-opacity-25:hover{
    --bg-opacity: 0.25;
  }

  .lg\:hover\:tw-bg-opacity-50:hover{
    --bg-opacity: 0.5;
  }

  .lg\:hover\:tw-bg-opacity-75:hover{
    --bg-opacity: 0.75;
  }

  .lg\:hover\:tw-bg-opacity-100:hover{
    --bg-opacity: 1;
  }

  .lg\:focus\:tw-bg-opacity-0:focus{
    --bg-opacity: 0;
  }

  .lg\:focus\:tw-bg-opacity-25:focus{
    --bg-opacity: 0.25;
  }

  .lg\:focus\:tw-bg-opacity-50:focus{
    --bg-opacity: 0.5;
  }

  .lg\:focus\:tw-bg-opacity-75:focus{
    --bg-opacity: 0.75;
  }

  .lg\:focus\:tw-bg-opacity-100:focus{
    --bg-opacity: 1;
  }

  .lg\:tw-bg-bottom{
    background-position: bottom;
  }

  .lg\:tw-bg-center{
    background-position: center;
  }

  .lg\:tw-bg-left{
    background-position: left;
  }

  .lg\:tw-bg-left-bottom{
    background-position: left bottom;
  }

  .lg\:tw-bg-left-top{
    background-position: left top;
  }

  .lg\:tw-bg-right{
    background-position: right;
  }

  .lg\:tw-bg-right-bottom{
    background-position: right bottom;
  }

  .lg\:tw-bg-right-top{
    background-position: right top;
  }

  .lg\:tw-bg-top{
    background-position: top;
  }

  .lg\:tw-bg-repeat{
    background-repeat: repeat;
  }

  .lg\:tw-bg-no-repeat{
    background-repeat: no-repeat;
  }

  .lg\:tw-bg-repeat-x{
    background-repeat: repeat-x;
  }

  .lg\:tw-bg-repeat-y{
    background-repeat: repeat-y;
  }

  .lg\:tw-bg-repeat-round{
    background-repeat: round;
  }

  .lg\:tw-bg-repeat-space{
    background-repeat: space;
  }

  .lg\:tw-bg-auto{
    background-size: auto;
  }

  .lg\:tw-bg-cover{
    background-size: cover;
  }

  .lg\:tw-bg-contain{
    background-size: contain;
  }

  .lg\:tw-border-collapse{
    border-collapse: collapse;
  }

  .lg\:tw-border-separate{
    border-collapse: separate;
  }

  .lg\:tw-border-transparent{
    border-color: transparent;
  }

  .lg\:tw-border-current{
    border-color: currentColor;
  }

  .lg\:tw-border-black{
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .lg\:tw-border-white{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:tw-border-gray-100{
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .lg\:tw-border-gray-200{
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .lg\:tw-border-gray-300{
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .lg\:tw-border-gray-400{
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .lg\:tw-border-gray-500{
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .lg\:tw-border-gray-600{
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .lg\:tw-border-gray-700{
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .lg\:tw-border-gray-800{
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .lg\:tw-border-gray-900{
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .lg\:tw-border-red-100{
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }

  .lg\:tw-border-red-200{
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }

  .lg\:tw-border-red-300{
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }

  .lg\:tw-border-red-400{
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }

  .lg\:tw-border-red-500{
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }

  .lg\:tw-border-red-600{
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }

  .lg\:tw-border-red-700{
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }

  .lg\:tw-border-red-800{
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }

  .lg\:tw-border-red-900{
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }

  .lg\:tw-border-orange-100{
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }

  .lg\:tw-border-orange-200{
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }

  .lg\:tw-border-orange-300{
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }

  .lg\:tw-border-orange-400{
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }

  .lg\:tw-border-orange-500{
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }

  .lg\:tw-border-orange-600{
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }

  .lg\:tw-border-orange-700{
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }

  .lg\:tw-border-orange-800{
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }

  .lg\:tw-border-orange-900{
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }

  .lg\:tw-border-yellow-100{
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }

  .lg\:tw-border-yellow-200{
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }

  .lg\:tw-border-yellow-300{
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }

  .lg\:tw-border-yellow-400{
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }

  .lg\:tw-border-yellow-500{
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }

  .lg\:tw-border-yellow-600{
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }

  .lg\:tw-border-yellow-700{
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }

  .lg\:tw-border-yellow-800{
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }

  .lg\:tw-border-yellow-900{
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }

  .lg\:tw-border-green-100{
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }

  .lg\:tw-border-green-200{
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }

  .lg\:tw-border-green-300{
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }

  .lg\:tw-border-green-400{
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }

  .lg\:tw-border-green-500{
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }

  .lg\:tw-border-green-600{
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }

  .lg\:tw-border-green-700{
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }

  .lg\:tw-border-green-800{
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }

  .lg\:tw-border-green-900{
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }

  .lg\:tw-border-teal-100{
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }

  .lg\:tw-border-teal-200{
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }

  .lg\:tw-border-teal-300{
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }

  .lg\:tw-border-teal-400{
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }

  .lg\:tw-border-teal-500{
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }

  .lg\:tw-border-teal-600{
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }

  .lg\:tw-border-teal-700{
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }

  .lg\:tw-border-teal-800{
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }

  .lg\:tw-border-teal-900{
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }

  .lg\:tw-border-blue-100{
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }

  .lg\:tw-border-blue-200{
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }

  .lg\:tw-border-blue-300{
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }

  .lg\:tw-border-blue-400{
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }

  .lg\:tw-border-blue-500{
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }

  .lg\:tw-border-blue-600{
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }

  .lg\:tw-border-blue-700{
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }

  .lg\:tw-border-blue-800{
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }

  .lg\:tw-border-blue-900{
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }

  .lg\:tw-border-indigo-100{
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }

  .lg\:tw-border-indigo-200{
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }

  .lg\:tw-border-indigo-300{
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }

  .lg\:tw-border-indigo-400{
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }

  .lg\:tw-border-indigo-500{
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }

  .lg\:tw-border-indigo-600{
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }

  .lg\:tw-border-indigo-700{
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }

  .lg\:tw-border-indigo-800{
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }

  .lg\:tw-border-indigo-900{
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }

  .lg\:tw-border-purple-100{
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }

  .lg\:tw-border-purple-200{
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }

  .lg\:tw-border-purple-300{
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }

  .lg\:tw-border-purple-400{
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }

  .lg\:tw-border-purple-500{
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }

  .lg\:tw-border-purple-600{
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }

  .lg\:tw-border-purple-700{
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }

  .lg\:tw-border-purple-800{
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }

  .lg\:tw-border-purple-900{
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }

  .lg\:tw-border-pink-100{
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }

  .lg\:tw-border-pink-200{
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }

  .lg\:tw-border-pink-300{
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }

  .lg\:tw-border-pink-400{
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }

  .lg\:tw-border-pink-500{
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }

  .lg\:tw-border-pink-600{
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }

  .lg\:tw-border-pink-700{
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }

  .lg\:tw-border-pink-800{
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }

  .lg\:tw-border-pink-900{
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }

  .lg\:tw-border-primary-blue{
    --border-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--border-opacity));
  }

  .lg\:tw-border-primary-blue-dark{
    --border-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--border-opacity));
  }

  .lg\:tw-border-primary-white{
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:tw-border-font-0{
    --border-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--border-opacity));
  }

  .lg\:tw-border-font-1{
    --border-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--border-opacity));
  }

  .lg\:tw-border-font-5{
    --border-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--border-opacity));
  }

  .lg\:tw-border-font-10{
    --border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--border-opacity));
  }

  .lg\:tw-border-font-50{
    --border-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--border-opacity));
  }

  .lg\:tw-border-font-70{
    --border-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--border-opacity));
  }

  .lg\:hover\:tw-border-transparent:hover{
    border-color: transparent;
  }

  .lg\:hover\:tw-border-current:hover{
    border-color: currentColor;
  }

  .lg\:hover\:tw-border-black:hover{
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .lg\:hover\:tw-border-white:hover{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:hover\:tw-border-gray-100:hover{
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .lg\:hover\:tw-border-gray-200:hover{
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .lg\:hover\:tw-border-gray-300:hover{
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .lg\:hover\:tw-border-gray-400:hover{
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .lg\:hover\:tw-border-gray-500:hover{
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .lg\:hover\:tw-border-gray-600:hover{
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .lg\:hover\:tw-border-gray-700:hover{
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .lg\:hover\:tw-border-gray-800:hover{
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .lg\:hover\:tw-border-gray-900:hover{
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .lg\:hover\:tw-border-red-100:hover{
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }

  .lg\:hover\:tw-border-red-200:hover{
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }

  .lg\:hover\:tw-border-red-300:hover{
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }

  .lg\:hover\:tw-border-red-400:hover{
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }

  .lg\:hover\:tw-border-red-500:hover{
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }

  .lg\:hover\:tw-border-red-600:hover{
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }

  .lg\:hover\:tw-border-red-700:hover{
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }

  .lg\:hover\:tw-border-red-800:hover{
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }

  .lg\:hover\:tw-border-red-900:hover{
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }

  .lg\:hover\:tw-border-orange-100:hover{
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }

  .lg\:hover\:tw-border-orange-200:hover{
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }

  .lg\:hover\:tw-border-orange-300:hover{
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }

  .lg\:hover\:tw-border-orange-400:hover{
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }

  .lg\:hover\:tw-border-orange-500:hover{
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }

  .lg\:hover\:tw-border-orange-600:hover{
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }

  .lg\:hover\:tw-border-orange-700:hover{
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }

  .lg\:hover\:tw-border-orange-800:hover{
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }

  .lg\:hover\:tw-border-orange-900:hover{
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }

  .lg\:hover\:tw-border-yellow-100:hover{
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }

  .lg\:hover\:tw-border-yellow-200:hover{
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }

  .lg\:hover\:tw-border-yellow-300:hover{
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }

  .lg\:hover\:tw-border-yellow-400:hover{
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }

  .lg\:hover\:tw-border-yellow-500:hover{
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }

  .lg\:hover\:tw-border-yellow-600:hover{
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }

  .lg\:hover\:tw-border-yellow-700:hover{
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }

  .lg\:hover\:tw-border-yellow-800:hover{
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }

  .lg\:hover\:tw-border-yellow-900:hover{
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }

  .lg\:hover\:tw-border-green-100:hover{
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }

  .lg\:hover\:tw-border-green-200:hover{
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }

  .lg\:hover\:tw-border-green-300:hover{
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }

  .lg\:hover\:tw-border-green-400:hover{
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }

  .lg\:hover\:tw-border-green-500:hover{
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }

  .lg\:hover\:tw-border-green-600:hover{
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }

  .lg\:hover\:tw-border-green-700:hover{
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }

  .lg\:hover\:tw-border-green-800:hover{
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }

  .lg\:hover\:tw-border-green-900:hover{
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }

  .lg\:hover\:tw-border-teal-100:hover{
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }

  .lg\:hover\:tw-border-teal-200:hover{
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }

  .lg\:hover\:tw-border-teal-300:hover{
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }

  .lg\:hover\:tw-border-teal-400:hover{
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }

  .lg\:hover\:tw-border-teal-500:hover{
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }

  .lg\:hover\:tw-border-teal-600:hover{
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }

  .lg\:hover\:tw-border-teal-700:hover{
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }

  .lg\:hover\:tw-border-teal-800:hover{
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }

  .lg\:hover\:tw-border-teal-900:hover{
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }

  .lg\:hover\:tw-border-blue-100:hover{
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }

  .lg\:hover\:tw-border-blue-200:hover{
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }

  .lg\:hover\:tw-border-blue-300:hover{
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }

  .lg\:hover\:tw-border-blue-400:hover{
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }

  .lg\:hover\:tw-border-blue-500:hover{
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }

  .lg\:hover\:tw-border-blue-600:hover{
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }

  .lg\:hover\:tw-border-blue-700:hover{
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }

  .lg\:hover\:tw-border-blue-800:hover{
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }

  .lg\:hover\:tw-border-blue-900:hover{
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }

  .lg\:hover\:tw-border-indigo-100:hover{
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }

  .lg\:hover\:tw-border-indigo-200:hover{
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }

  .lg\:hover\:tw-border-indigo-300:hover{
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }

  .lg\:hover\:tw-border-indigo-400:hover{
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }

  .lg\:hover\:tw-border-indigo-500:hover{
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }

  .lg\:hover\:tw-border-indigo-600:hover{
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }

  .lg\:hover\:tw-border-indigo-700:hover{
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }

  .lg\:hover\:tw-border-indigo-800:hover{
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }

  .lg\:hover\:tw-border-indigo-900:hover{
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }

  .lg\:hover\:tw-border-purple-100:hover{
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }

  .lg\:hover\:tw-border-purple-200:hover{
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }

  .lg\:hover\:tw-border-purple-300:hover{
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }

  .lg\:hover\:tw-border-purple-400:hover{
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }

  .lg\:hover\:tw-border-purple-500:hover{
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }

  .lg\:hover\:tw-border-purple-600:hover{
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }

  .lg\:hover\:tw-border-purple-700:hover{
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }

  .lg\:hover\:tw-border-purple-800:hover{
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }

  .lg\:hover\:tw-border-purple-900:hover{
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }

  .lg\:hover\:tw-border-pink-100:hover{
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }

  .lg\:hover\:tw-border-pink-200:hover{
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }

  .lg\:hover\:tw-border-pink-300:hover{
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }

  .lg\:hover\:tw-border-pink-400:hover{
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }

  .lg\:hover\:tw-border-pink-500:hover{
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }

  .lg\:hover\:tw-border-pink-600:hover{
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }

  .lg\:hover\:tw-border-pink-700:hover{
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }

  .lg\:hover\:tw-border-pink-800:hover{
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }

  .lg\:hover\:tw-border-pink-900:hover{
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }

  .lg\:hover\:tw-border-primary-blue:hover{
    --border-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--border-opacity));
  }

  .lg\:hover\:tw-border-primary-blue-dark:hover{
    --border-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--border-opacity));
  }

  .lg\:hover\:tw-border-primary-white:hover{
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:hover\:tw-border-font-0:hover{
    --border-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--border-opacity));
  }

  .lg\:hover\:tw-border-font-1:hover{
    --border-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--border-opacity));
  }

  .lg\:hover\:tw-border-font-5:hover{
    --border-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--border-opacity));
  }

  .lg\:hover\:tw-border-font-10:hover{
    --border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--border-opacity));
  }

  .lg\:hover\:tw-border-font-50:hover{
    --border-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--border-opacity));
  }

  .lg\:hover\:tw-border-font-70:hover{
    --border-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--border-opacity));
  }

  .lg\:focus\:tw-border-transparent:focus{
    border-color: transparent;
  }

  .lg\:focus\:tw-border-current:focus{
    border-color: currentColor;
  }

  .lg\:focus\:tw-border-black:focus{
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .lg\:focus\:tw-border-white:focus{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:focus\:tw-border-gray-100:focus{
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .lg\:focus\:tw-border-gray-200:focus{
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .lg\:focus\:tw-border-gray-300:focus{
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .lg\:focus\:tw-border-gray-400:focus{
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .lg\:focus\:tw-border-gray-500:focus{
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .lg\:focus\:tw-border-gray-600:focus{
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .lg\:focus\:tw-border-gray-700:focus{
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .lg\:focus\:tw-border-gray-800:focus{
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .lg\:focus\:tw-border-gray-900:focus{
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .lg\:focus\:tw-border-red-100:focus{
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }

  .lg\:focus\:tw-border-red-200:focus{
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }

  .lg\:focus\:tw-border-red-300:focus{
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }

  .lg\:focus\:tw-border-red-400:focus{
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }

  .lg\:focus\:tw-border-red-500:focus{
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }

  .lg\:focus\:tw-border-red-600:focus{
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }

  .lg\:focus\:tw-border-red-700:focus{
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }

  .lg\:focus\:tw-border-red-800:focus{
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }

  .lg\:focus\:tw-border-red-900:focus{
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }

  .lg\:focus\:tw-border-orange-100:focus{
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }

  .lg\:focus\:tw-border-orange-200:focus{
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }

  .lg\:focus\:tw-border-orange-300:focus{
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }

  .lg\:focus\:tw-border-orange-400:focus{
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }

  .lg\:focus\:tw-border-orange-500:focus{
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }

  .lg\:focus\:tw-border-orange-600:focus{
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }

  .lg\:focus\:tw-border-orange-700:focus{
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }

  .lg\:focus\:tw-border-orange-800:focus{
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }

  .lg\:focus\:tw-border-orange-900:focus{
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }

  .lg\:focus\:tw-border-yellow-100:focus{
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }

  .lg\:focus\:tw-border-yellow-200:focus{
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }

  .lg\:focus\:tw-border-yellow-300:focus{
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }

  .lg\:focus\:tw-border-yellow-400:focus{
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }

  .lg\:focus\:tw-border-yellow-500:focus{
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }

  .lg\:focus\:tw-border-yellow-600:focus{
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }

  .lg\:focus\:tw-border-yellow-700:focus{
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }

  .lg\:focus\:tw-border-yellow-800:focus{
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }

  .lg\:focus\:tw-border-yellow-900:focus{
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }

  .lg\:focus\:tw-border-green-100:focus{
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }

  .lg\:focus\:tw-border-green-200:focus{
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }

  .lg\:focus\:tw-border-green-300:focus{
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }

  .lg\:focus\:tw-border-green-400:focus{
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }

  .lg\:focus\:tw-border-green-500:focus{
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }

  .lg\:focus\:tw-border-green-600:focus{
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }

  .lg\:focus\:tw-border-green-700:focus{
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }

  .lg\:focus\:tw-border-green-800:focus{
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }

  .lg\:focus\:tw-border-green-900:focus{
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }

  .lg\:focus\:tw-border-teal-100:focus{
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }

  .lg\:focus\:tw-border-teal-200:focus{
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }

  .lg\:focus\:tw-border-teal-300:focus{
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }

  .lg\:focus\:tw-border-teal-400:focus{
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }

  .lg\:focus\:tw-border-teal-500:focus{
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }

  .lg\:focus\:tw-border-teal-600:focus{
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }

  .lg\:focus\:tw-border-teal-700:focus{
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }

  .lg\:focus\:tw-border-teal-800:focus{
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }

  .lg\:focus\:tw-border-teal-900:focus{
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }

  .lg\:focus\:tw-border-blue-100:focus{
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }

  .lg\:focus\:tw-border-blue-200:focus{
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }

  .lg\:focus\:tw-border-blue-300:focus{
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }

  .lg\:focus\:tw-border-blue-400:focus{
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }

  .lg\:focus\:tw-border-blue-500:focus{
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }

  .lg\:focus\:tw-border-blue-600:focus{
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }

  .lg\:focus\:tw-border-blue-700:focus{
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }

  .lg\:focus\:tw-border-blue-800:focus{
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }

  .lg\:focus\:tw-border-blue-900:focus{
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }

  .lg\:focus\:tw-border-indigo-100:focus{
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }

  .lg\:focus\:tw-border-indigo-200:focus{
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }

  .lg\:focus\:tw-border-indigo-300:focus{
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }

  .lg\:focus\:tw-border-indigo-400:focus{
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }

  .lg\:focus\:tw-border-indigo-500:focus{
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }

  .lg\:focus\:tw-border-indigo-600:focus{
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }

  .lg\:focus\:tw-border-indigo-700:focus{
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }

  .lg\:focus\:tw-border-indigo-800:focus{
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }

  .lg\:focus\:tw-border-indigo-900:focus{
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }

  .lg\:focus\:tw-border-purple-100:focus{
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }

  .lg\:focus\:tw-border-purple-200:focus{
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }

  .lg\:focus\:tw-border-purple-300:focus{
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }

  .lg\:focus\:tw-border-purple-400:focus{
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }

  .lg\:focus\:tw-border-purple-500:focus{
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }

  .lg\:focus\:tw-border-purple-600:focus{
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }

  .lg\:focus\:tw-border-purple-700:focus{
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }

  .lg\:focus\:tw-border-purple-800:focus{
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }

  .lg\:focus\:tw-border-purple-900:focus{
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }

  .lg\:focus\:tw-border-pink-100:focus{
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }

  .lg\:focus\:tw-border-pink-200:focus{
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }

  .lg\:focus\:tw-border-pink-300:focus{
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }

  .lg\:focus\:tw-border-pink-400:focus{
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }

  .lg\:focus\:tw-border-pink-500:focus{
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }

  .lg\:focus\:tw-border-pink-600:focus{
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }

  .lg\:focus\:tw-border-pink-700:focus{
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }

  .lg\:focus\:tw-border-pink-800:focus{
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }

  .lg\:focus\:tw-border-pink-900:focus{
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }

  .lg\:focus\:tw-border-primary-blue:focus{
    --border-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--border-opacity));
  }

  .lg\:focus\:tw-border-primary-blue-dark:focus{
    --border-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--border-opacity));
  }

  .lg\:focus\:tw-border-primary-white:focus{
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:focus\:tw-border-font-0:focus{
    --border-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--border-opacity));
  }

  .lg\:focus\:tw-border-font-1:focus{
    --border-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--border-opacity));
  }

  .lg\:focus\:tw-border-font-5:focus{
    --border-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--border-opacity));
  }

  .lg\:focus\:tw-border-font-10:focus{
    --border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--border-opacity));
  }

  .lg\:focus\:tw-border-font-50:focus{
    --border-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--border-opacity));
  }

  .lg\:focus\:tw-border-font-70:focus{
    --border-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--border-opacity));
  }

  .lg\:tw-border-opacity-0{
    --border-opacity: 0;
  }

  .lg\:tw-border-opacity-25{
    --border-opacity: 0.25;
  }

  .lg\:tw-border-opacity-50{
    --border-opacity: 0.5;
  }

  .lg\:tw-border-opacity-75{
    --border-opacity: 0.75;
  }

  .lg\:tw-border-opacity-100{
    --border-opacity: 1;
  }

  .lg\:hover\:tw-border-opacity-0:hover{
    --border-opacity: 0;
  }

  .lg\:hover\:tw-border-opacity-25:hover{
    --border-opacity: 0.25;
  }

  .lg\:hover\:tw-border-opacity-50:hover{
    --border-opacity: 0.5;
  }

  .lg\:hover\:tw-border-opacity-75:hover{
    --border-opacity: 0.75;
  }

  .lg\:hover\:tw-border-opacity-100:hover{
    --border-opacity: 1;
  }

  .lg\:focus\:tw-border-opacity-0:focus{
    --border-opacity: 0;
  }

  .lg\:focus\:tw-border-opacity-25:focus{
    --border-opacity: 0.25;
  }

  .lg\:focus\:tw-border-opacity-50:focus{
    --border-opacity: 0.5;
  }

  .lg\:focus\:tw-border-opacity-75:focus{
    --border-opacity: 0.75;
  }

  .lg\:focus\:tw-border-opacity-100:focus{
    --border-opacity: 1;
  }

  .lg\:tw-rounded-none{
    border-radius: 0;
  }

  .lg\:tw-rounded-sm{
    border-radius: 0.125rem;
  }

  .lg\:tw-rounded{
    border-radius: 0.25rem;
  }

  .lg\:tw-rounded-md{
    border-radius: 0.375rem;
  }

  .lg\:tw-rounded-lg{
    border-radius: 0.5rem;
  }

  .lg\:tw-rounded-xl{
    border-radius: 0.75rem;
  }

  .lg\:tw-rounded-2xl{
    border-radius: 1rem;
  }

  .lg\:tw-rounded-3xl{
    border-radius: 1.5rem;
  }

  .lg\:tw-rounded-full{
    border-radius: 9999px;
  }

  .lg\:tw-rounded-4px{
    border-radius: 4px;
  }

  .lg\:tw-rounded-t-none{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .lg\:tw-rounded-r-none{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .lg\:tw-rounded-b-none{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .lg\:tw-rounded-l-none{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .lg\:tw-rounded-t-sm{
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .lg\:tw-rounded-r-sm{
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .lg\:tw-rounded-b-sm{
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .lg\:tw-rounded-l-sm{
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .lg\:tw-rounded-t{
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .lg\:tw-rounded-r{
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .lg\:tw-rounded-b{
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .lg\:tw-rounded-l{
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .lg\:tw-rounded-t-md{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .lg\:tw-rounded-r-md{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .lg\:tw-rounded-b-md{
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .lg\:tw-rounded-l-md{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .lg\:tw-rounded-t-lg{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .lg\:tw-rounded-r-lg{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .lg\:tw-rounded-b-lg{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .lg\:tw-rounded-l-lg{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .lg\:tw-rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .lg\:tw-rounded-r-xl{
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .lg\:tw-rounded-b-xl{
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .lg\:tw-rounded-l-xl{
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .lg\:tw-rounded-t-2xl{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .lg\:tw-rounded-r-2xl{
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .lg\:tw-rounded-b-2xl{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .lg\:tw-rounded-l-2xl{
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .lg\:tw-rounded-t-3xl{
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .lg\:tw-rounded-r-3xl{
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .lg\:tw-rounded-b-3xl{
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .lg\:tw-rounded-l-3xl{
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .lg\:tw-rounded-t-full{
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .lg\:tw-rounded-r-full{
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .lg\:tw-rounded-b-full{
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg\:tw-rounded-l-full{
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg\:tw-rounded-t-4px{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .lg\:tw-rounded-r-4px{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .lg\:tw-rounded-b-4px{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .lg\:tw-rounded-l-4px{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .lg\:tw-rounded-tl-none{
    border-top-left-radius: 0;
  }

  .lg\:tw-rounded-tr-none{
    border-top-right-radius: 0;
  }

  .lg\:tw-rounded-br-none{
    border-bottom-right-radius: 0;
  }

  .lg\:tw-rounded-bl-none{
    border-bottom-left-radius: 0;
  }

  .lg\:tw-rounded-tl-sm{
    border-top-left-radius: 0.125rem;
  }

  .lg\:tw-rounded-tr-sm{
    border-top-right-radius: 0.125rem;
  }

  .lg\:tw-rounded-br-sm{
    border-bottom-right-radius: 0.125rem;
  }

  .lg\:tw-rounded-bl-sm{
    border-bottom-left-radius: 0.125rem;
  }

  .lg\:tw-rounded-tl{
    border-top-left-radius: 0.25rem;
  }

  .lg\:tw-rounded-tr{
    border-top-right-radius: 0.25rem;
  }

  .lg\:tw-rounded-br{
    border-bottom-right-radius: 0.25rem;
  }

  .lg\:tw-rounded-bl{
    border-bottom-left-radius: 0.25rem;
  }

  .lg\:tw-rounded-tl-md{
    border-top-left-radius: 0.375rem;
  }

  .lg\:tw-rounded-tr-md{
    border-top-right-radius: 0.375rem;
  }

  .lg\:tw-rounded-br-md{
    border-bottom-right-radius: 0.375rem;
  }

  .lg\:tw-rounded-bl-md{
    border-bottom-left-radius: 0.375rem;
  }

  .lg\:tw-rounded-tl-lg{
    border-top-left-radius: 0.5rem;
  }

  .lg\:tw-rounded-tr-lg{
    border-top-right-radius: 0.5rem;
  }

  .lg\:tw-rounded-br-lg{
    border-bottom-right-radius: 0.5rem;
  }

  .lg\:tw-rounded-bl-lg{
    border-bottom-left-radius: 0.5rem;
  }

  .lg\:tw-rounded-tl-xl{
    border-top-left-radius: 0.75rem;
  }

  .lg\:tw-rounded-tr-xl{
    border-top-right-radius: 0.75rem;
  }

  .lg\:tw-rounded-br-xl{
    border-bottom-right-radius: 0.75rem;
  }

  .lg\:tw-rounded-bl-xl{
    border-bottom-left-radius: 0.75rem;
  }

  .lg\:tw-rounded-tl-2xl{
    border-top-left-radius: 1rem;
  }

  .lg\:tw-rounded-tr-2xl{
    border-top-right-radius: 1rem;
  }

  .lg\:tw-rounded-br-2xl{
    border-bottom-right-radius: 1rem;
  }

  .lg\:tw-rounded-bl-2xl{
    border-bottom-left-radius: 1rem;
  }

  .lg\:tw-rounded-tl-3xl{
    border-top-left-radius: 1.5rem;
  }

  .lg\:tw-rounded-tr-3xl{
    border-top-right-radius: 1.5rem;
  }

  .lg\:tw-rounded-br-3xl{
    border-bottom-right-radius: 1.5rem;
  }

  .lg\:tw-rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem;
  }

  .lg\:tw-rounded-tl-full{
    border-top-left-radius: 9999px;
  }

  .lg\:tw-rounded-tr-full{
    border-top-right-radius: 9999px;
  }

  .lg\:tw-rounded-br-full{
    border-bottom-right-radius: 9999px;
  }

  .lg\:tw-rounded-bl-full{
    border-bottom-left-radius: 9999px;
  }

  .lg\:tw-rounded-tl-4px{
    border-top-left-radius: 4px;
  }

  .lg\:tw-rounded-tr-4px{
    border-top-right-radius: 4px;
  }

  .lg\:tw-rounded-br-4px{
    border-bottom-right-radius: 4px;
  }

  .lg\:tw-rounded-bl-4px{
    border-bottom-left-radius: 4px;
  }

  .lg\:tw-border-solid{
    border-style: solid;
  }

  .lg\:tw-border-dashed{
    border-style: dashed;
  }

  .lg\:tw-border-dotted{
    border-style: dotted;
  }

  .lg\:tw-border-double{
    border-style: double;
  }

  .lg\:tw-border-none{
    border-style: none;
  }

  .lg\:tw-border-0{
    border-width: 0;
  }

  .lg\:tw-border-2{
    border-width: 2px;
  }

  .lg\:tw-border-3{
    border-width: 3px;
  }

  .lg\:tw-border-4{
    border-width: 4px;
  }

  .lg\:tw-border-8{
    border-width: 8px;
  }

  .lg\:tw-border{
    border-width: 1px;
  }

  .lg\:tw-border-t-0{
    border-top-width: 0;
  }

  .lg\:tw-border-r-0{
    border-right-width: 0;
  }

  .lg\:tw-border-b-0{
    border-bottom-width: 0;
  }

  .lg\:tw-border-l-0{
    border-left-width: 0;
  }

  .lg\:tw-border-t-2{
    border-top-width: 2px;
  }

  .lg\:tw-border-r-2{
    border-right-width: 2px;
  }

  .lg\:tw-border-b-2{
    border-bottom-width: 2px;
  }

  .lg\:tw-border-l-2{
    border-left-width: 2px;
  }

  .lg\:tw-border-t-3{
    border-top-width: 3px;
  }

  .lg\:tw-border-r-3{
    border-right-width: 3px;
  }

  .lg\:tw-border-b-3{
    border-bottom-width: 3px;
  }

  .lg\:tw-border-l-3{
    border-left-width: 3px;
  }

  .lg\:tw-border-t-4{
    border-top-width: 4px;
  }

  .lg\:tw-border-r-4{
    border-right-width: 4px;
  }

  .lg\:tw-border-b-4{
    border-bottom-width: 4px;
  }

  .lg\:tw-border-l-4{
    border-left-width: 4px;
  }

  .lg\:tw-border-t-8{
    border-top-width: 8px;
  }

  .lg\:tw-border-r-8{
    border-right-width: 8px;
  }

  .lg\:tw-border-b-8{
    border-bottom-width: 8px;
  }

  .lg\:tw-border-l-8{
    border-left-width: 8px;
  }

  .lg\:tw-border-t{
    border-top-width: 1px;
  }

  .lg\:tw-border-r{
    border-right-width: 1px;
  }

  .lg\:tw-border-b{
    border-bottom-width: 1px;
  }

  .lg\:tw-border-l{
    border-left-width: 1px;
  }

  .lg\:tw-box-border{
    box-sizing: border-box;
  }

  .lg\:tw-box-content{
    box-sizing: content-box;
  }

  .lg\:tw-cursor-auto{
    cursor: auto;
  }

  .lg\:tw-cursor-default{
    cursor: default;
  }

  .lg\:tw-cursor-pointer{
    cursor: pointer;
  }

  .lg\:tw-cursor-wait{
    cursor: wait;
  }

  .lg\:tw-cursor-text{
    cursor: text;
  }

  .lg\:tw-cursor-move{
    cursor: move;
  }

  .lg\:tw-cursor-not-allowed{
    cursor: not-allowed;
  }

  .lg\:tw-block{
    display: block;
  }

  .lg\:tw-inline-block{
    display: inline-block;
  }

  .lg\:tw-inline{
    display: inline;
  }

  .lg\:tw-flex{
    display: flex;
  }

  .lg\:tw-inline-flex{
    display: inline-flex;
  }

  .lg\:tw-table{
    display: table;
  }

  .lg\:tw-table-caption{
    display: table-caption;
  }

  .lg\:tw-table-cell{
    display: table-cell;
  }

  .lg\:tw-table-column{
    display: table-column;
  }

  .lg\:tw-table-column-group{
    display: table-column-group;
  }

  .lg\:tw-table-footer-group{
    display: table-footer-group;
  }

  .lg\:tw-table-header-group{
    display: table-header-group;
  }

  .lg\:tw-table-row-group{
    display: table-row-group;
  }

  .lg\:tw-table-row{
    display: table-row;
  }

  .lg\:tw-flow-root{
    display: flow-root;
  }

  .lg\:tw-grid{
    display: grid;
  }

  .lg\:tw-inline-grid{
    display: inline-grid;
  }

  .lg\:tw-contents{
    display: contents;
  }

  .lg\:tw-hidden{
    display: none;
  }

  .lg\:tw-flex-row{
    flex-direction: row;
  }

  .lg\:tw-flex-row-reverse{
    flex-direction: row-reverse;
  }

  .lg\:tw-flex-col{
    flex-direction: column;
  }

  .lg\:tw-flex-col-reverse{
    flex-direction: column-reverse;
  }

  .lg\:tw-flex-wrap{
    flex-wrap: wrap;
  }

  .lg\:tw-flex-wrap-reverse{
    flex-wrap: wrap-reverse;
  }

  .lg\:tw-flex-no-wrap{
    flex-wrap: nowrap;
  }

  .lg\:tw-place-items-auto{
    place-items: auto;
  }

  .lg\:tw-place-items-start{
    place-items: start;
  }

  .lg\:tw-place-items-end{
    place-items: end;
  }

  .lg\:tw-place-items-center{
    place-items: center;
  }

  .lg\:tw-place-items-stretch{
    place-items: stretch;
  }

  .lg\:tw-place-content-center{
    place-content: center;
  }

  .lg\:tw-place-content-start{
    place-content: start;
  }

  .lg\:tw-place-content-end{
    place-content: end;
  }

  .lg\:tw-place-content-between{
    place-content: space-between;
  }

  .lg\:tw-place-content-around{
    place-content: space-around;
  }

  .lg\:tw-place-content-evenly{
    place-content: space-evenly;
  }

  .lg\:tw-place-content-stretch{
    place-content: stretch;
  }

  .lg\:tw-place-self-auto{
    place-self: auto;
  }

  .lg\:tw-place-self-start{
    place-self: start;
  }

  .lg\:tw-place-self-end{
    place-self: end;
  }

  .lg\:tw-place-self-center{
    place-self: center;
  }

  .lg\:tw-place-self-stretch{
    place-self: stretch;
  }

  .lg\:tw-items-start{
    align-items: flex-start;
  }

  .lg\:tw-items-end{
    align-items: flex-end;
  }

  .lg\:tw-items-center{
    align-items: center;
  }

  .lg\:tw-items-baseline{
    align-items: baseline;
  }

  .lg\:tw-items-stretch{
    align-items: stretch;
  }

  .lg\:tw-content-center{
    align-content: center;
  }

  .lg\:tw-content-start{
    align-content: flex-start;
  }

  .lg\:tw-content-end{
    align-content: flex-end;
  }

  .lg\:tw-content-between{
    align-content: space-between;
  }

  .lg\:tw-content-around{
    align-content: space-around;
  }

  .lg\:tw-content-evenly{
    align-content: space-evenly;
  }

  .lg\:tw-self-auto{
    align-self: auto;
  }

  .lg\:tw-self-start{
    align-self: flex-start;
  }

  .lg\:tw-self-end{
    align-self: flex-end;
  }

  .lg\:tw-self-center{
    align-self: center;
  }

  .lg\:tw-self-stretch{
    align-self: stretch;
  }

  .lg\:tw-justify-items-auto{
    justify-items: auto;
  }

  .lg\:tw-justify-items-start{
    justify-items: start;
  }

  .lg\:tw-justify-items-end{
    justify-items: end;
  }

  .lg\:tw-justify-items-center{
    justify-items: center;
  }

  .lg\:tw-justify-items-stretch{
    justify-items: stretch;
  }

  .lg\:tw-justify-start{
    justify-content: flex-start;
  }

  .lg\:tw-justify-end{
    justify-content: flex-end;
  }

  .lg\:tw-justify-center{
    justify-content: center;
  }

  .lg\:tw-justify-between{
    justify-content: space-between;
  }

  .lg\:tw-justify-around{
    justify-content: space-around;
  }

  .lg\:tw-justify-evenly{
    justify-content: space-evenly;
  }

  .lg\:tw-justify-self-auto{
    justify-self: auto;
  }

  .lg\:tw-justify-self-start{
    justify-self: start;
  }

  .lg\:tw-justify-self-end{
    justify-self: end;
  }

  .lg\:tw-justify-self-center{
    justify-self: center;
  }

  .lg\:tw-justify-self-stretch{
    justify-self: stretch;
  }

  .lg\:tw-flex-1{
    flex: 1 1 0%;
  }

  .lg\:tw-flex-auto{
    flex: 1 1 auto;
  }

  .lg\:tw-flex-initial{
    flex: 0 1 auto;
  }

  .lg\:tw-flex-none{
    flex: none;
  }

  .lg\:tw-flex-1\/2{
    flex: 1 1 50%;
  }

  .lg\:tw-flex-grow-0{
    flex-grow: 0;
  }

  .lg\:tw-flex-grow{
    flex-grow: 1;
  }

  .lg\:tw-flex-shrink-0{
    flex-shrink: 0;
  }

  .lg\:tw-flex-shrink{
    flex-shrink: 1;
  }

  .lg\:tw-order-1{
    order: 1;
  }

  .lg\:tw-order-2{
    order: 2;
  }

  .lg\:tw-order-3{
    order: 3;
  }

  .lg\:tw-order-4{
    order: 4;
  }

  .lg\:tw-order-5{
    order: 5;
  }

  .lg\:tw-order-6{
    order: 6;
  }

  .lg\:tw-order-7{
    order: 7;
  }

  .lg\:tw-order-8{
    order: 8;
  }

  .lg\:tw-order-9{
    order: 9;
  }

  .lg\:tw-order-10{
    order: 10;
  }

  .lg\:tw-order-11{
    order: 11;
  }

  .lg\:tw-order-12{
    order: 12;
  }

  .lg\:tw-order-first{
    order: -9999;
  }

  .lg\:tw-order-last{
    order: 9999;
  }

  .lg\:tw-order-none{
    order: 0;
  }

  .lg\:tw-float-right{
    float: right;
  }

  .lg\:tw-float-left{
    float: left;
  }

  .lg\:tw-float-none{
    float: none;
  }

  .lg\:tw-clearfix:after{
    content: "";
    display: table;
    clear: both;
  }

  .lg\:tw-clear-left{
    clear: left;
  }

  .lg\:tw-clear-right{
    clear: right;
  }

  .lg\:tw-clear-both{
    clear: both;
  }

  .lg\:tw-clear-none{
    clear: none;
  }

  .lg\:tw-font-sans{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  .lg\:tw-font-serif{
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  }

  .lg\:tw-font-mono{
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  .lg\:tw-font-hairline{
    font-weight: 100;
  }

  .lg\:tw-font-thin{
    font-weight: 200;
  }

  .lg\:tw-font-light{
    font-weight: 300;
  }

  .lg\:tw-font-normal{
    font-weight: 400;
  }

  .lg\:tw-font-medium{
    font-weight: 500;
  }

  .lg\:tw-font-semibold{
    font-weight: 600;
  }

  .lg\:tw-font-bold{
    font-weight: 700;
  }

  .lg\:tw-font-extrabold{
    font-weight: 800;
  }

  .lg\:tw-font-black{
    font-weight: 900;
  }

  .lg\:hover\:tw-font-hairline:hover{
    font-weight: 100;
  }

  .lg\:hover\:tw-font-thin:hover{
    font-weight: 200;
  }

  .lg\:hover\:tw-font-light:hover{
    font-weight: 300;
  }

  .lg\:hover\:tw-font-normal:hover{
    font-weight: 400;
  }

  .lg\:hover\:tw-font-medium:hover{
    font-weight: 500;
  }

  .lg\:hover\:tw-font-semibold:hover{
    font-weight: 600;
  }

  .lg\:hover\:tw-font-bold:hover{
    font-weight: 700;
  }

  .lg\:hover\:tw-font-extrabold:hover{
    font-weight: 800;
  }

  .lg\:hover\:tw-font-black:hover{
    font-weight: 900;
  }

  .lg\:focus\:tw-font-hairline:focus{
    font-weight: 100;
  }

  .lg\:focus\:tw-font-thin:focus{
    font-weight: 200;
  }

  .lg\:focus\:tw-font-light:focus{
    font-weight: 300;
  }

  .lg\:focus\:tw-font-normal:focus{
    font-weight: 400;
  }

  .lg\:focus\:tw-font-medium:focus{
    font-weight: 500;
  }

  .lg\:focus\:tw-font-semibold:focus{
    font-weight: 600;
  }

  .lg\:focus\:tw-font-bold:focus{
    font-weight: 700;
  }

  .lg\:focus\:tw-font-extrabold:focus{
    font-weight: 800;
  }

  .lg\:focus\:tw-font-black:focus{
    font-weight: 900;
  }

  .lg\:tw-h-0{
    height: 0;
  }

  .lg\:tw-h-1{
    height: 0.25rem;
  }

  .lg\:tw-h-2{
    height: 0.5rem;
  }

  .lg\:tw-h-3{
    height: 0.75rem;
  }

  .lg\:tw-h-4{
    height: 1rem;
  }

  .lg\:tw-h-5{
    height: 1.25rem;
  }

  .lg\:tw-h-6{
    height: 1.5rem;
  }

  .lg\:tw-h-8{
    height: 2rem;
  }

  .lg\:tw-h-10{
    height: 2.5rem;
  }

  .lg\:tw-h-12{
    height: 3rem;
  }

  .lg\:tw-h-16{
    height: 4rem;
  }

  .lg\:tw-h-20{
    height: 5rem;
  }

  .lg\:tw-h-24{
    height: 6rem;
  }

  .lg\:tw-h-32{
    height: 8rem;
  }

  .lg\:tw-h-40{
    height: 10rem;
  }

  .lg\:tw-h-48{
    height: 12rem;
  }

  .lg\:tw-h-56{
    height: 14rem;
  }

  .lg\:tw-h-64{
    height: 16rem;
  }

  .lg\:tw-h-auto{
    height: auto;
  }

  .lg\:tw-h-px{
    height: 1px;
  }

  .lg\:tw-h-full{
    height: 100%;
  }

  .lg\:tw-h-screen{
    height: 100vh;
  }

  .lg\:tw-h-25px{
    height: 25px;
  }

  .lg\:tw-h-35px{
    height: 35px;
  }

  .lg\:tw-h-40px{
    height: 40px;
  }

  .lg\:tw-h-45px{
    height: 45px;
  }

  .lg\:tw-h-50px{
    height: 50px;
  }

  .lg\:tw-h-60px{
    height: 60px;
  }

  .lg\:tw-h-65px{
    height: 65px;
  }

  .lg\:tw-h-200px{
    height: 200px;
  }

  .lg\:tw-h-330px{
    height: 330px;
  }

  .lg\:tw-text-xs{
    font-size: 0.75rem;
  }

  .lg\:tw-text-sm{
    font-size: 0.875rem;
  }

  .lg\:tw-text-base{
    font-size: 1rem;
  }

  .lg\:tw-text-lg{
    font-size: 1.125rem;
  }

  .lg\:tw-text-xl{
    font-size: 1.25rem;
  }

  .lg\:tw-text-2xl{
    font-size: 1.5rem;
  }

  .lg\:tw-text-3xl{
    font-size: 1.875rem;
  }

  .lg\:tw-text-4xl{
    font-size: 2.25rem;
  }

  .lg\:tw-text-5xl{
    font-size: 3rem;
  }

  .lg\:tw-text-6xl{
    font-size: 4rem;
  }

  .lg\:tw-text-12px{
    font-size: 12px;
  }

  .lg\:tw-text-14px{
    font-size: 14px;
  }

  .lg\:tw-text-16px{
    font-size: 16px;
  }

  .lg\:tw-text-18px{
    font-size: 18px;
  }

  .lg\:tw-text-20px{
    font-size: 20px;
  }

  .lg\:tw-text-22px{
    font-size: 22px;
  }

  .lg\:tw-text-28px{
    font-size: 28px;
  }

  .lg\:tw-leading-3{
    line-height: .75rem;
  }

  .lg\:tw-leading-4{
    line-height: 1rem;
  }

  .lg\:tw-leading-5{
    line-height: 1.25rem;
  }

  .lg\:tw-leading-6{
    line-height: 1.5rem;
  }

  .lg\:tw-leading-7{
    line-height: 1.75rem;
  }

  .lg\:tw-leading-8{
    line-height: 2rem;
  }

  .lg\:tw-leading-9{
    line-height: 2.25rem;
  }

  .lg\:tw-leading-10{
    line-height: 2.5rem;
  }

  .lg\:tw-leading-none{
    line-height: 1;
  }

  .lg\:tw-leading-tight{
    line-height: 1.25;
  }

  .lg\:tw-leading-snug{
    line-height: 1.375;
  }

  .lg\:tw-leading-normal{
    line-height: 1.5;
  }

  .lg\:tw-leading-relaxed{
    line-height: 1.625;
  }

  .lg\:tw-leading-loose{
    line-height: 2;
  }

  .lg\:tw-list-inside{
    list-style-position: inside;
  }

  .lg\:tw-list-outside{
    list-style-position: outside;
  }

  .lg\:tw-list-none{
    list-style-type: none;
  }

  .lg\:tw-list-disc{
    list-style-type: disc;
  }

  .lg\:tw-list-decimal{
    list-style-type: decimal;
  }

  .lg\:tw-m-0{
    margin: 0;
  }

  .lg\:tw-m-1{
    margin: 0.25rem;
  }

  .lg\:tw-m-2{
    margin: 0.5rem;
  }

  .lg\:tw-m-3{
    margin: 0.75rem;
  }

  .lg\:tw-m-4{
    margin: 1rem;
  }

  .lg\:tw-m-5{
    margin: 1.25rem;
  }

  .lg\:tw-m-6{
    margin: 1.5rem;
  }

  .lg\:tw-m-8{
    margin: 2rem;
  }

  .lg\:tw-m-10{
    margin: 2.5rem;
  }

  .lg\:tw-m-12{
    margin: 3rem;
  }

  .lg\:tw-m-16{
    margin: 4rem;
  }

  .lg\:tw-m-20{
    margin: 5rem;
  }

  .lg\:tw-m-24{
    margin: 6rem;
  }

  .lg\:tw-m-32{
    margin: 8rem;
  }

  .lg\:tw-m-40{
    margin: 10rem;
  }

  .lg\:tw-m-48{
    margin: 12rem;
  }

  .lg\:tw-m-56{
    margin: 14rem;
  }

  .lg\:tw-m-64{
    margin: 16rem;
  }

  .lg\:tw-m-auto{
    margin: auto;
  }

  .lg\:tw-m-px{
    margin: 1px;
  }

  .lg\:tw--m-1{
    margin: -0.25rem;
  }

  .lg\:tw--m-2{
    margin: -0.5rem;
  }

  .lg\:tw--m-3{
    margin: -0.75rem;
  }

  .lg\:tw--m-4{
    margin: -1rem;
  }

  .lg\:tw--m-5{
    margin: -1.25rem;
  }

  .lg\:tw--m-6{
    margin: -1.5rem;
  }

  .lg\:tw--m-8{
    margin: -2rem;
  }

  .lg\:tw--m-10{
    margin: -2.5rem;
  }

  .lg\:tw--m-12{
    margin: -3rem;
  }

  .lg\:tw--m-16{
    margin: -4rem;
  }

  .lg\:tw--m-20{
    margin: -5rem;
  }

  .lg\:tw--m-24{
    margin: -6rem;
  }

  .lg\:tw--m-32{
    margin: -8rem;
  }

  .lg\:tw--m-40{
    margin: -10rem;
  }

  .lg\:tw--m-48{
    margin: -12rem;
  }

  .lg\:tw--m-56{
    margin: -14rem;
  }

  .lg\:tw--m-64{
    margin: -16rem;
  }

  .lg\:tw--m-px{
    margin: -1px;
  }

  .lg\:tw-m-2px{
    margin: 2px;
  }

  .lg\:tw-m-5px{
    margin: 5px;
  }

  .lg\:tw-m-10px{
    margin: 10px;
  }

  .lg\:tw-m-15px{
    margin: 15px;
  }

  .lg\:tw-m-20px{
    margin: 20px;
  }

  .lg\:tw-m-25px{
    margin: 25px;
  }

  .lg\:tw-m-30px{
    margin: 30px;
  }

  .lg\:tw-m-40px{
    margin: 40px;
  }

  .lg\:tw-m-60px{
    margin: 60px;
  }

  .lg\:tw-m-80px{
    margin: 80px;
  }

  .lg\:tw-my-0{
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:tw-mx-0{
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:tw-my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .lg\:tw-mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .lg\:tw-my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .lg\:tw-mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .lg\:tw-my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .lg\:tw-mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .lg\:tw-my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .lg\:tw-mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .lg\:tw-my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .lg\:tw-mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .lg\:tw-my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .lg\:tw-mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .lg\:tw-my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .lg\:tw-mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .lg\:tw-my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .lg\:tw-mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .lg\:tw-my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .lg\:tw-mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .lg\:tw-my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg\:tw-mx-16{
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .lg\:tw-my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .lg\:tw-mx-20{
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .lg\:tw-my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .lg\:tw-mx-24{
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .lg\:tw-my-32{
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .lg\:tw-mx-32{
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .lg\:tw-my-40{
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .lg\:tw-mx-40{
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .lg\:tw-my-48{
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .lg\:tw-mx-48{
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .lg\:tw-my-56{
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .lg\:tw-mx-56{
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .lg\:tw-my-64{
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .lg\:tw-mx-64{
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .lg\:tw-my-auto{
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg\:tw-mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:tw-my-px{
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .lg\:tw-mx-px{
    margin-left: 1px;
    margin-right: 1px;
  }

  .lg\:tw--my-1{
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .lg\:tw--mx-1{
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .lg\:tw--my-2{
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .lg\:tw--mx-2{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .lg\:tw--my-3{
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .lg\:tw--mx-3{
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .lg\:tw--my-4{
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .lg\:tw--mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .lg\:tw--my-5{
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .lg\:tw--mx-5{
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .lg\:tw--my-6{
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .lg\:tw--mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .lg\:tw--my-8{
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .lg\:tw--mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .lg\:tw--my-10{
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .lg\:tw--mx-10{
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .lg\:tw--my-12{
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .lg\:tw--mx-12{
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .lg\:tw--my-16{
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .lg\:tw--mx-16{
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .lg\:tw--my-20{
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .lg\:tw--mx-20{
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .lg\:tw--my-24{
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .lg\:tw--mx-24{
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .lg\:tw--my-32{
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .lg\:tw--mx-32{
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .lg\:tw--my-40{
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .lg\:tw--mx-40{
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .lg\:tw--my-48{
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .lg\:tw--mx-48{
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .lg\:tw--my-56{
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .lg\:tw--mx-56{
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .lg\:tw--my-64{
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .lg\:tw--mx-64{
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .lg\:tw--my-px{
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .lg\:tw--mx-px{
    margin-left: -1px;
    margin-right: -1px;
  }

  .lg\:tw-my-2px{
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .lg\:tw-mx-2px{
    margin-left: 2px;
    margin-right: 2px;
  }

  .lg\:tw-my-5px{
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .lg\:tw-mx-5px{
    margin-left: 5px;
    margin-right: 5px;
  }

  .lg\:tw-my-10px{
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .lg\:tw-mx-10px{
    margin-left: 10px;
    margin-right: 10px;
  }

  .lg\:tw-my-15px{
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .lg\:tw-mx-15px{
    margin-left: 15px;
    margin-right: 15px;
  }

  .lg\:tw-my-20px{
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .lg\:tw-mx-20px{
    margin-left: 20px;
    margin-right: 20px;
  }

  .lg\:tw-my-25px{
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .lg\:tw-mx-25px{
    margin-left: 25px;
    margin-right: 25px;
  }

  .lg\:tw-my-30px{
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .lg\:tw-mx-30px{
    margin-left: 30px;
    margin-right: 30px;
  }

  .lg\:tw-my-40px{
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .lg\:tw-mx-40px{
    margin-left: 40px;
    margin-right: 40px;
  }

  .lg\:tw-my-60px{
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .lg\:tw-mx-60px{
    margin-left: 60px;
    margin-right: 60px;
  }

  .lg\:tw-my-80px{
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .lg\:tw-mx-80px{
    margin-left: 80px;
    margin-right: 80px;
  }

  .lg\:tw-mt-0{
    margin-top: 0;
  }

  .lg\:tw-mr-0{
    margin-right: 0;
  }

  .lg\:tw-mb-0{
    margin-bottom: 0;
  }

  .lg\:tw-ml-0{
    margin-left: 0;
  }

  .lg\:tw-mt-1{
    margin-top: 0.25rem;
  }

  .lg\:tw-mr-1{
    margin-right: 0.25rem;
  }

  .lg\:tw-mb-1{
    margin-bottom: 0.25rem;
  }

  .lg\:tw-ml-1{
    margin-left: 0.25rem;
  }

  .lg\:tw-mt-2{
    margin-top: 0.5rem;
  }

  .lg\:tw-mr-2{
    margin-right: 0.5rem;
  }

  .lg\:tw-mb-2{
    margin-bottom: 0.5rem;
  }

  .lg\:tw-ml-2{
    margin-left: 0.5rem;
  }

  .lg\:tw-mt-3{
    margin-top: 0.75rem;
  }

  .lg\:tw-mr-3{
    margin-right: 0.75rem;
  }

  .lg\:tw-mb-3{
    margin-bottom: 0.75rem;
  }

  .lg\:tw-ml-3{
    margin-left: 0.75rem;
  }

  .lg\:tw-mt-4{
    margin-top: 1rem;
  }

  .lg\:tw-mr-4{
    margin-right: 1rem;
  }

  .lg\:tw-mb-4{
    margin-bottom: 1rem;
  }

  .lg\:tw-ml-4{
    margin-left: 1rem;
  }

  .lg\:tw-mt-5{
    margin-top: 1.25rem;
  }

  .lg\:tw-mr-5{
    margin-right: 1.25rem;
  }

  .lg\:tw-mb-5{
    margin-bottom: 1.25rem;
  }

  .lg\:tw-ml-5{
    margin-left: 1.25rem;
  }

  .lg\:tw-mt-6{
    margin-top: 1.5rem;
  }

  .lg\:tw-mr-6{
    margin-right: 1.5rem;
  }

  .lg\:tw-mb-6{
    margin-bottom: 1.5rem;
  }

  .lg\:tw-ml-6{
    margin-left: 1.5rem;
  }

  .lg\:tw-mt-8{
    margin-top: 2rem;
  }

  .lg\:tw-mr-8{
    margin-right: 2rem;
  }

  .lg\:tw-mb-8{
    margin-bottom: 2rem;
  }

  .lg\:tw-ml-8{
    margin-left: 2rem;
  }

  .lg\:tw-mt-10{
    margin-top: 2.5rem;
  }

  .lg\:tw-mr-10{
    margin-right: 2.5rem;
  }

  .lg\:tw-mb-10{
    margin-bottom: 2.5rem;
  }

  .lg\:tw-ml-10{
    margin-left: 2.5rem;
  }

  .lg\:tw-mt-12{
    margin-top: 3rem;
  }

  .lg\:tw-mr-12{
    margin-right: 3rem;
  }

  .lg\:tw-mb-12{
    margin-bottom: 3rem;
  }

  .lg\:tw-ml-12{
    margin-left: 3rem;
  }

  .lg\:tw-mt-16{
    margin-top: 4rem;
  }

  .lg\:tw-mr-16{
    margin-right: 4rem;
  }

  .lg\:tw-mb-16{
    margin-bottom: 4rem;
  }

  .lg\:tw-ml-16{
    margin-left: 4rem;
  }

  .lg\:tw-mt-20{
    margin-top: 5rem;
  }

  .lg\:tw-mr-20{
    margin-right: 5rem;
  }

  .lg\:tw-mb-20{
    margin-bottom: 5rem;
  }

  .lg\:tw-ml-20{
    margin-left: 5rem;
  }

  .lg\:tw-mt-24{
    margin-top: 6rem;
  }

  .lg\:tw-mr-24{
    margin-right: 6rem;
  }

  .lg\:tw-mb-24{
    margin-bottom: 6rem;
  }

  .lg\:tw-ml-24{
    margin-left: 6rem;
  }

  .lg\:tw-mt-32{
    margin-top: 8rem;
  }

  .lg\:tw-mr-32{
    margin-right: 8rem;
  }

  .lg\:tw-mb-32{
    margin-bottom: 8rem;
  }

  .lg\:tw-ml-32{
    margin-left: 8rem;
  }

  .lg\:tw-mt-40{
    margin-top: 10rem;
  }

  .lg\:tw-mr-40{
    margin-right: 10rem;
  }

  .lg\:tw-mb-40{
    margin-bottom: 10rem;
  }

  .lg\:tw-ml-40{
    margin-left: 10rem;
  }

  .lg\:tw-mt-48{
    margin-top: 12rem;
  }

  .lg\:tw-mr-48{
    margin-right: 12rem;
  }

  .lg\:tw-mb-48{
    margin-bottom: 12rem;
  }

  .lg\:tw-ml-48{
    margin-left: 12rem;
  }

  .lg\:tw-mt-56{
    margin-top: 14rem;
  }

  .lg\:tw-mr-56{
    margin-right: 14rem;
  }

  .lg\:tw-mb-56{
    margin-bottom: 14rem;
  }

  .lg\:tw-ml-56{
    margin-left: 14rem;
  }

  .lg\:tw-mt-64{
    margin-top: 16rem;
  }

  .lg\:tw-mr-64{
    margin-right: 16rem;
  }

  .lg\:tw-mb-64{
    margin-bottom: 16rem;
  }

  .lg\:tw-ml-64{
    margin-left: 16rem;
  }

  .lg\:tw-mt-auto{
    margin-top: auto;
  }

  .lg\:tw-mr-auto{
    margin-right: auto;
  }

  .lg\:tw-mb-auto{
    margin-bottom: auto;
  }

  .lg\:tw-ml-auto{
    margin-left: auto;
  }

  .lg\:tw-mt-px{
    margin-top: 1px;
  }

  .lg\:tw-mr-px{
    margin-right: 1px;
  }

  .lg\:tw-mb-px{
    margin-bottom: 1px;
  }

  .lg\:tw-ml-px{
    margin-left: 1px;
  }

  .lg\:tw--mt-1{
    margin-top: -0.25rem;
  }

  .lg\:tw--mr-1{
    margin-right: -0.25rem;
  }

  .lg\:tw--mb-1{
    margin-bottom: -0.25rem;
  }

  .lg\:tw--ml-1{
    margin-left: -0.25rem;
  }

  .lg\:tw--mt-2{
    margin-top: -0.5rem;
  }

  .lg\:tw--mr-2{
    margin-right: -0.5rem;
  }

  .lg\:tw--mb-2{
    margin-bottom: -0.5rem;
  }

  .lg\:tw--ml-2{
    margin-left: -0.5rem;
  }

  .lg\:tw--mt-3{
    margin-top: -0.75rem;
  }

  .lg\:tw--mr-3{
    margin-right: -0.75rem;
  }

  .lg\:tw--mb-3{
    margin-bottom: -0.75rem;
  }

  .lg\:tw--ml-3{
    margin-left: -0.75rem;
  }

  .lg\:tw--mt-4{
    margin-top: -1rem;
  }

  .lg\:tw--mr-4{
    margin-right: -1rem;
  }

  .lg\:tw--mb-4{
    margin-bottom: -1rem;
  }

  .lg\:tw--ml-4{
    margin-left: -1rem;
  }

  .lg\:tw--mt-5{
    margin-top: -1.25rem;
  }

  .lg\:tw--mr-5{
    margin-right: -1.25rem;
  }

  .lg\:tw--mb-5{
    margin-bottom: -1.25rem;
  }

  .lg\:tw--ml-5{
    margin-left: -1.25rem;
  }

  .lg\:tw--mt-6{
    margin-top: -1.5rem;
  }

  .lg\:tw--mr-6{
    margin-right: -1.5rem;
  }

  .lg\:tw--mb-6{
    margin-bottom: -1.5rem;
  }

  .lg\:tw--ml-6{
    margin-left: -1.5rem;
  }

  .lg\:tw--mt-8{
    margin-top: -2rem;
  }

  .lg\:tw--mr-8{
    margin-right: -2rem;
  }

  .lg\:tw--mb-8{
    margin-bottom: -2rem;
  }

  .lg\:tw--ml-8{
    margin-left: -2rem;
  }

  .lg\:tw--mt-10{
    margin-top: -2.5rem;
  }

  .lg\:tw--mr-10{
    margin-right: -2.5rem;
  }

  .lg\:tw--mb-10{
    margin-bottom: -2.5rem;
  }

  .lg\:tw--ml-10{
    margin-left: -2.5rem;
  }

  .lg\:tw--mt-12{
    margin-top: -3rem;
  }

  .lg\:tw--mr-12{
    margin-right: -3rem;
  }

  .lg\:tw--mb-12{
    margin-bottom: -3rem;
  }

  .lg\:tw--ml-12{
    margin-left: -3rem;
  }

  .lg\:tw--mt-16{
    margin-top: -4rem;
  }

  .lg\:tw--mr-16{
    margin-right: -4rem;
  }

  .lg\:tw--mb-16{
    margin-bottom: -4rem;
  }

  .lg\:tw--ml-16{
    margin-left: -4rem;
  }

  .lg\:tw--mt-20{
    margin-top: -5rem;
  }

  .lg\:tw--mr-20{
    margin-right: -5rem;
  }

  .lg\:tw--mb-20{
    margin-bottom: -5rem;
  }

  .lg\:tw--ml-20{
    margin-left: -5rem;
  }

  .lg\:tw--mt-24{
    margin-top: -6rem;
  }

  .lg\:tw--mr-24{
    margin-right: -6rem;
  }

  .lg\:tw--mb-24{
    margin-bottom: -6rem;
  }

  .lg\:tw--ml-24{
    margin-left: -6rem;
  }

  .lg\:tw--mt-32{
    margin-top: -8rem;
  }

  .lg\:tw--mr-32{
    margin-right: -8rem;
  }

  .lg\:tw--mb-32{
    margin-bottom: -8rem;
  }

  .lg\:tw--ml-32{
    margin-left: -8rem;
  }

  .lg\:tw--mt-40{
    margin-top: -10rem;
  }

  .lg\:tw--mr-40{
    margin-right: -10rem;
  }

  .lg\:tw--mb-40{
    margin-bottom: -10rem;
  }

  .lg\:tw--ml-40{
    margin-left: -10rem;
  }

  .lg\:tw--mt-48{
    margin-top: -12rem;
  }

  .lg\:tw--mr-48{
    margin-right: -12rem;
  }

  .lg\:tw--mb-48{
    margin-bottom: -12rem;
  }

  .lg\:tw--ml-48{
    margin-left: -12rem;
  }

  .lg\:tw--mt-56{
    margin-top: -14rem;
  }

  .lg\:tw--mr-56{
    margin-right: -14rem;
  }

  .lg\:tw--mb-56{
    margin-bottom: -14rem;
  }

  .lg\:tw--ml-56{
    margin-left: -14rem;
  }

  .lg\:tw--mt-64{
    margin-top: -16rem;
  }

  .lg\:tw--mr-64{
    margin-right: -16rem;
  }

  .lg\:tw--mb-64{
    margin-bottom: -16rem;
  }

  .lg\:tw--ml-64{
    margin-left: -16rem;
  }

  .lg\:tw--mt-px{
    margin-top: -1px;
  }

  .lg\:tw--mr-px{
    margin-right: -1px;
  }

  .lg\:tw--mb-px{
    margin-bottom: -1px;
  }

  .lg\:tw--ml-px{
    margin-left: -1px;
  }

  .lg\:tw-mt-2px{
    margin-top: 2px;
  }

  .lg\:tw-mr-2px{
    margin-right: 2px;
  }

  .lg\:tw-mb-2px{
    margin-bottom: 2px;
  }

  .lg\:tw-ml-2px{
    margin-left: 2px;
  }

  .lg\:tw-mt-5px{
    margin-top: 5px;
  }

  .lg\:tw-mr-5px{
    margin-right: 5px;
  }

  .lg\:tw-mb-5px{
    margin-bottom: 5px;
  }

  .lg\:tw-ml-5px{
    margin-left: 5px;
  }

  .lg\:tw-mt-10px{
    margin-top: 10px;
  }

  .lg\:tw-mr-10px{
    margin-right: 10px;
  }

  .lg\:tw-mb-10px{
    margin-bottom: 10px;
  }

  .lg\:tw-ml-10px{
    margin-left: 10px;
  }

  .lg\:tw-mt-15px{
    margin-top: 15px;
  }

  .lg\:tw-mr-15px{
    margin-right: 15px;
  }

  .lg\:tw-mb-15px{
    margin-bottom: 15px;
  }

  .lg\:tw-ml-15px{
    margin-left: 15px;
  }

  .lg\:tw-mt-20px{
    margin-top: 20px;
  }

  .lg\:tw-mr-20px{
    margin-right: 20px;
  }

  .lg\:tw-mb-20px{
    margin-bottom: 20px;
  }

  .lg\:tw-ml-20px{
    margin-left: 20px;
  }

  .lg\:tw-mt-25px{
    margin-top: 25px;
  }

  .lg\:tw-mr-25px{
    margin-right: 25px;
  }

  .lg\:tw-mb-25px{
    margin-bottom: 25px;
  }

  .lg\:tw-ml-25px{
    margin-left: 25px;
  }

  .lg\:tw-mt-30px{
    margin-top: 30px;
  }

  .lg\:tw-mr-30px{
    margin-right: 30px;
  }

  .lg\:tw-mb-30px{
    margin-bottom: 30px;
  }

  .lg\:tw-ml-30px{
    margin-left: 30px;
  }

  .lg\:tw-mt-40px{
    margin-top: 40px;
  }

  .lg\:tw-mr-40px{
    margin-right: 40px;
  }

  .lg\:tw-mb-40px{
    margin-bottom: 40px;
  }

  .lg\:tw-ml-40px{
    margin-left: 40px;
  }

  .lg\:tw-mt-60px{
    margin-top: 60px;
  }

  .lg\:tw-mr-60px{
    margin-right: 60px;
  }

  .lg\:tw-mb-60px{
    margin-bottom: 60px;
  }

  .lg\:tw-ml-60px{
    margin-left: 60px;
  }

  .lg\:tw-mt-80px{
    margin-top: 80px;
  }

  .lg\:tw-mr-80px{
    margin-right: 80px;
  }

  .lg\:tw-mb-80px{
    margin-bottom: 80px;
  }

  .lg\:tw-ml-80px{
    margin-left: 80px;
  }

  .lg\:tw-max-h-full{
    max-height: 100%;
  }

  .lg\:tw-max-h-screen{
    max-height: 100vh;
  }

  .lg\:tw-max-w-none{
    max-width: none;
  }

  .lg\:tw-max-w-xs{
    max-width: 20rem;
  }

  .lg\:tw-max-w-sm{
    max-width: 24rem;
  }

  .lg\:tw-max-w-md{
    max-width: 28rem;
  }

  .lg\:tw-max-w-lg{
    max-width: 32rem;
  }

  .lg\:tw-max-w-xl{
    max-width: 36rem;
  }

  .lg\:tw-max-w-2xl{
    max-width: 42rem;
  }

  .lg\:tw-max-w-3xl{
    max-width: 48rem;
  }

  .lg\:tw-max-w-4xl{
    max-width: 56rem;
  }

  .lg\:tw-max-w-5xl{
    max-width: 64rem;
  }

  .lg\:tw-max-w-6xl{
    max-width: 72rem;
  }

  .lg\:tw-max-w-full{
    max-width: 100%;
  }

  .lg\:tw-max-w-screen-sm{
    max-width: 640px;
  }

  .lg\:tw-max-w-screen-md{
    max-width: 768px;
  }

  .lg\:tw-max-w-screen-lg{
    max-width: 1024px;
  }

  .lg\:tw-max-w-screen-xl{
    max-width: 1280px;
  }

  .lg\:tw-min-h-0{
    min-height: 0;
  }

  .lg\:tw-min-h-full{
    min-height: 100%;
  }

  .lg\:tw-min-h-screen{
    min-height: 100vh;
  }

  .lg\:tw-min-w-0{
    min-width: 0;
  }

  .lg\:tw-min-w-full{
    min-width: 100%;
  }

  .lg\:tw-object-contain{
    -o-object-fit: contain;
       object-fit: contain;
  }

  .lg\:tw-object-cover{
    -o-object-fit: cover;
       object-fit: cover;
  }

  .lg\:tw-object-fill{
    -o-object-fit: fill;
       object-fit: fill;
  }

  .lg\:tw-object-none{
    -o-object-fit: none;
       object-fit: none;
  }

  .lg\:tw-object-scale-down{
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .lg\:tw-object-bottom{
    -o-object-position: bottom;
       object-position: bottom;
  }

  .lg\:tw-object-center{
    -o-object-position: center;
       object-position: center;
  }

  .lg\:tw-object-left{
    -o-object-position: left;
       object-position: left;
  }

  .lg\:tw-object-left-bottom{
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .lg\:tw-object-left-top{
    -o-object-position: left top;
       object-position: left top;
  }

  .lg\:tw-object-right{
    -o-object-position: right;
       object-position: right;
  }

  .lg\:tw-object-right-bottom{
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .lg\:tw-object-right-top{
    -o-object-position: right top;
       object-position: right top;
  }

  .lg\:tw-object-top{
    -o-object-position: top;
       object-position: top;
  }

  .lg\:tw-opacity-0{
    opacity: 0;
  }

  .lg\:tw-opacity-25{
    opacity: 0.25;
  }

  .lg\:tw-opacity-50{
    opacity: 0.5;
  }

  .lg\:tw-opacity-75{
    opacity: 0.75;
  }

  .lg\:tw-opacity-100{
    opacity: 1;
  }

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

  .lg\:hover\:tw-opacity-25:hover{
    opacity: 0.25;
  }

  .lg\:hover\:tw-opacity-50:hover{
    opacity: 0.5;
  }

  .lg\:hover\:tw-opacity-75:hover{
    opacity: 0.75;
  }

  .lg\:hover\:tw-opacity-100:hover{
    opacity: 1;
  }

  .lg\:focus\:tw-opacity-0:focus{
    opacity: 0;
  }

  .lg\:focus\:tw-opacity-25:focus{
    opacity: 0.25;
  }

  .lg\:focus\:tw-opacity-50:focus{
    opacity: 0.5;
  }

  .lg\:focus\:tw-opacity-75:focus{
    opacity: 0.75;
  }

  .lg\:focus\:tw-opacity-100:focus{
    opacity: 1;
  }

  .lg\:tw-outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .lg\:tw-outline-white{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .lg\:tw-outline-black{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .lg\:focus\:tw-outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .lg\:focus\:tw-outline-white:focus{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .lg\:focus\:tw-outline-black:focus{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .lg\:tw-overflow-auto{
    overflow: auto;
  }

  .lg\:tw-overflow-hidden{
    overflow: hidden;
  }

  .lg\:tw-overflow-visible{
    overflow: visible;
  }

  .lg\:tw-overflow-scroll{
    overflow: scroll;
  }

  .lg\:tw-overflow-x-auto{
    overflow-x: auto;
  }

  .lg\:tw-overflow-y-auto{
    overflow-y: auto;
  }

  .lg\:tw-overflow-x-hidden{
    overflow-x: hidden;
  }

  .lg\:tw-overflow-y-hidden{
    overflow-y: hidden;
  }

  .lg\:tw-overflow-x-visible{
    overflow-x: visible;
  }

  .lg\:tw-overflow-y-visible{
    overflow-y: visible;
  }

  .lg\:tw-overflow-x-scroll{
    overflow-x: scroll;
  }

  .lg\:tw-overflow-y-scroll{
    overflow-y: scroll;
  }

  .lg\:tw-scrolling-touch{
    -webkit-overflow-scrolling: touch;
  }

  .lg\:tw-scrolling-auto{
    -webkit-overflow-scrolling: auto;
  }

  .lg\:tw-overscroll-auto{
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .lg\:tw-overscroll-contain{
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .lg\:tw-overscroll-none{
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .lg\:tw-overscroll-y-auto{
    overscroll-behavior-y: auto;
  }

  .lg\:tw-overscroll-y-contain{
    overscroll-behavior-y: contain;
  }

  .lg\:tw-overscroll-y-none{
    overscroll-behavior-y: none;
  }

  .lg\:tw-overscroll-x-auto{
    overscroll-behavior-x: auto;
  }

  .lg\:tw-overscroll-x-contain{
    overscroll-behavior-x: contain;
  }

  .lg\:tw-overscroll-x-none{
    overscroll-behavior-x: none;
  }

  .lg\:tw-p-0{
    padding: 0;
  }

  .lg\:tw-p-1{
    padding: 0.25rem;
  }

  .lg\:tw-p-2{
    padding: 0.5rem;
  }

  .lg\:tw-p-3{
    padding: 0.75rem;
  }

  .lg\:tw-p-4{
    padding: 1rem;
  }

  .lg\:tw-p-5{
    padding: 1.25rem;
  }

  .lg\:tw-p-6{
    padding: 1.5rem;
  }

  .lg\:tw-p-8{
    padding: 2rem;
  }

  .lg\:tw-p-10{
    padding: 2.5rem;
  }

  .lg\:tw-p-12{
    padding: 3rem;
  }

  .lg\:tw-p-16{
    padding: 4rem;
  }

  .lg\:tw-p-20{
    padding: 5rem;
  }

  .lg\:tw-p-24{
    padding: 6rem;
  }

  .lg\:tw-p-32{
    padding: 8rem;
  }

  .lg\:tw-p-40{
    padding: 10rem;
  }

  .lg\:tw-p-48{
    padding: 12rem;
  }

  .lg\:tw-p-56{
    padding: 14rem;
  }

  .lg\:tw-p-64{
    padding: 16rem;
  }

  .lg\:tw-p-px{
    padding: 1px;
  }

  .lg\:tw-p-3px{
    padding: 3px;
  }

  .lg\:tw-p-5px{
    padding: 5px;
  }

  .lg\:tw-p-10px{
    padding: 10px;
  }

  .lg\:tw-p-15px{
    padding: 15px;
  }

  .lg\:tw-p-20px{
    padding: 20px;
  }

  .lg\:tw-p-25px{
    padding: 25px;
  }

  .lg\:tw-p-30px{
    padding: 30px;
  }

  .lg\:tw-p-40px{
    padding: 40px;
  }

  .lg\:tw-p-55px{
    padding: 55px;
  }

  .lg\:tw-p-60px{
    padding: 60px;
  }

  .lg\:tw-py-0{
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg\:tw-px-0{
    padding-left: 0;
    padding-right: 0;
  }

  .lg\:tw-py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .lg\:tw-px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .lg\:tw-py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .lg\:tw-px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:tw-py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .lg\:tw-px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .lg\:tw-py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:tw-px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:tw-py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:tw-px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:tw-py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:tw-px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:tw-py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:tw-px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:tw-py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:tw-px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:tw-py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:tw-px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:tw-py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:tw-px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:tw-py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:tw-px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:tw-py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:tw-px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:tw-py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:tw-px-32{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .lg\:tw-py-40{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .lg\:tw-px-40{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .lg\:tw-py-48{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .lg\:tw-px-48{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .lg\:tw-py-56{
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .lg\:tw-px-56{
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .lg\:tw-py-64{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .lg\:tw-px-64{
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .lg\:tw-py-px{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .lg\:tw-px-px{
    padding-left: 1px;
    padding-right: 1px;
  }

  .lg\:tw-py-3px{
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .lg\:tw-px-3px{
    padding-left: 3px;
    padding-right: 3px;
  }

  .lg\:tw-py-5px{
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .lg\:tw-px-5px{
    padding-left: 5px;
    padding-right: 5px;
  }

  .lg\:tw-py-10px{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .lg\:tw-px-10px{
    padding-left: 10px;
    padding-right: 10px;
  }

  .lg\:tw-py-15px{
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .lg\:tw-px-15px{
    padding-left: 15px;
    padding-right: 15px;
  }

  .lg\:tw-py-20px{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .lg\:tw-px-20px{
    padding-left: 20px;
    padding-right: 20px;
  }

  .lg\:tw-py-25px{
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .lg\:tw-px-25px{
    padding-left: 25px;
    padding-right: 25px;
  }

  .lg\:tw-py-30px{
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .lg\:tw-px-30px{
    padding-left: 30px;
    padding-right: 30px;
  }

  .lg\:tw-py-40px{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .lg\:tw-px-40px{
    padding-left: 40px;
    padding-right: 40px;
  }

  .lg\:tw-py-55px{
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .lg\:tw-px-55px{
    padding-left: 55px;
    padding-right: 55px;
  }

  .lg\:tw-py-60px{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lg\:tw-px-60px{
    padding-left: 60px;
    padding-right: 60px;
  }

  .lg\:tw-pt-0{
    padding-top: 0;
  }

  .lg\:tw-pr-0{
    padding-right: 0;
  }

  .lg\:tw-pb-0{
    padding-bottom: 0;
  }

  .lg\:tw-pl-0{
    padding-left: 0;
  }

  .lg\:tw-pt-1{
    padding-top: 0.25rem;
  }

  .lg\:tw-pr-1{
    padding-right: 0.25rem;
  }

  .lg\:tw-pb-1{
    padding-bottom: 0.25rem;
  }

  .lg\:tw-pl-1{
    padding-left: 0.25rem;
  }

  .lg\:tw-pt-2{
    padding-top: 0.5rem;
  }

  .lg\:tw-pr-2{
    padding-right: 0.5rem;
  }

  .lg\:tw-pb-2{
    padding-bottom: 0.5rem;
  }

  .lg\:tw-pl-2{
    padding-left: 0.5rem;
  }

  .lg\:tw-pt-3{
    padding-top: 0.75rem;
  }

  .lg\:tw-pr-3{
    padding-right: 0.75rem;
  }

  .lg\:tw-pb-3{
    padding-bottom: 0.75rem;
  }

  .lg\:tw-pl-3{
    padding-left: 0.75rem;
  }

  .lg\:tw-pt-4{
    padding-top: 1rem;
  }

  .lg\:tw-pr-4{
    padding-right: 1rem;
  }

  .lg\:tw-pb-4{
    padding-bottom: 1rem;
  }

  .lg\:tw-pl-4{
    padding-left: 1rem;
  }

  .lg\:tw-pt-5{
    padding-top: 1.25rem;
  }

  .lg\:tw-pr-5{
    padding-right: 1.25rem;
  }

  .lg\:tw-pb-5{
    padding-bottom: 1.25rem;
  }

  .lg\:tw-pl-5{
    padding-left: 1.25rem;
  }

  .lg\:tw-pt-6{
    padding-top: 1.5rem;
  }

  .lg\:tw-pr-6{
    padding-right: 1.5rem;
  }

  .lg\:tw-pb-6{
    padding-bottom: 1.5rem;
  }

  .lg\:tw-pl-6{
    padding-left: 1.5rem;
  }

  .lg\:tw-pt-8{
    padding-top: 2rem;
  }

  .lg\:tw-pr-8{
    padding-right: 2rem;
  }

  .lg\:tw-pb-8{
    padding-bottom: 2rem;
  }

  .lg\:tw-pl-8{
    padding-left: 2rem;
  }

  .lg\:tw-pt-10{
    padding-top: 2.5rem;
  }

  .lg\:tw-pr-10{
    padding-right: 2.5rem;
  }

  .lg\:tw-pb-10{
    padding-bottom: 2.5rem;
  }

  .lg\:tw-pl-10{
    padding-left: 2.5rem;
  }

  .lg\:tw-pt-12{
    padding-top: 3rem;
  }

  .lg\:tw-pr-12{
    padding-right: 3rem;
  }

  .lg\:tw-pb-12{
    padding-bottom: 3rem;
  }

  .lg\:tw-pl-12{
    padding-left: 3rem;
  }

  .lg\:tw-pt-16{
    padding-top: 4rem;
  }

  .lg\:tw-pr-16{
    padding-right: 4rem;
  }

  .lg\:tw-pb-16{
    padding-bottom: 4rem;
  }

  .lg\:tw-pl-16{
    padding-left: 4rem;
  }

  .lg\:tw-pt-20{
    padding-top: 5rem;
  }

  .lg\:tw-pr-20{
    padding-right: 5rem;
  }

  .lg\:tw-pb-20{
    padding-bottom: 5rem;
  }

  .lg\:tw-pl-20{
    padding-left: 5rem;
  }

  .lg\:tw-pt-24{
    padding-top: 6rem;
  }

  .lg\:tw-pr-24{
    padding-right: 6rem;
  }

  .lg\:tw-pb-24{
    padding-bottom: 6rem;
  }

  .lg\:tw-pl-24{
    padding-left: 6rem;
  }

  .lg\:tw-pt-32{
    padding-top: 8rem;
  }

  .lg\:tw-pr-32{
    padding-right: 8rem;
  }

  .lg\:tw-pb-32{
    padding-bottom: 8rem;
  }

  .lg\:tw-pl-32{
    padding-left: 8rem;
  }

  .lg\:tw-pt-40{
    padding-top: 10rem;
  }

  .lg\:tw-pr-40{
    padding-right: 10rem;
  }

  .lg\:tw-pb-40{
    padding-bottom: 10rem;
  }

  .lg\:tw-pl-40{
    padding-left: 10rem;
  }

  .lg\:tw-pt-48{
    padding-top: 12rem;
  }

  .lg\:tw-pr-48{
    padding-right: 12rem;
  }

  .lg\:tw-pb-48{
    padding-bottom: 12rem;
  }

  .lg\:tw-pl-48{
    padding-left: 12rem;
  }

  .lg\:tw-pt-56{
    padding-top: 14rem;
  }

  .lg\:tw-pr-56{
    padding-right: 14rem;
  }

  .lg\:tw-pb-56{
    padding-bottom: 14rem;
  }

  .lg\:tw-pl-56{
    padding-left: 14rem;
  }

  .lg\:tw-pt-64{
    padding-top: 16rem;
  }

  .lg\:tw-pr-64{
    padding-right: 16rem;
  }

  .lg\:tw-pb-64{
    padding-bottom: 16rem;
  }

  .lg\:tw-pl-64{
    padding-left: 16rem;
  }

  .lg\:tw-pt-px{
    padding-top: 1px;
  }

  .lg\:tw-pr-px{
    padding-right: 1px;
  }

  .lg\:tw-pb-px{
    padding-bottom: 1px;
  }

  .lg\:tw-pl-px{
    padding-left: 1px;
  }

  .lg\:tw-pt-3px{
    padding-top: 3px;
  }

  .lg\:tw-pr-3px{
    padding-right: 3px;
  }

  .lg\:tw-pb-3px{
    padding-bottom: 3px;
  }

  .lg\:tw-pl-3px{
    padding-left: 3px;
  }

  .lg\:tw-pt-5px{
    padding-top: 5px;
  }

  .lg\:tw-pr-5px{
    padding-right: 5px;
  }

  .lg\:tw-pb-5px{
    padding-bottom: 5px;
  }

  .lg\:tw-pl-5px{
    padding-left: 5px;
  }

  .lg\:tw-pt-10px{
    padding-top: 10px;
  }

  .lg\:tw-pr-10px{
    padding-right: 10px;
  }

  .lg\:tw-pb-10px{
    padding-bottom: 10px;
  }

  .lg\:tw-pl-10px{
    padding-left: 10px;
  }

  .lg\:tw-pt-15px{
    padding-top: 15px;
  }

  .lg\:tw-pr-15px{
    padding-right: 15px;
  }

  .lg\:tw-pb-15px{
    padding-bottom: 15px;
  }

  .lg\:tw-pl-15px{
    padding-left: 15px;
  }

  .lg\:tw-pt-20px{
    padding-top: 20px;
  }

  .lg\:tw-pr-20px{
    padding-right: 20px;
  }

  .lg\:tw-pb-20px{
    padding-bottom: 20px;
  }

  .lg\:tw-pl-20px{
    padding-left: 20px;
  }

  .lg\:tw-pt-25px{
    padding-top: 25px;
  }

  .lg\:tw-pr-25px{
    padding-right: 25px;
  }

  .lg\:tw-pb-25px{
    padding-bottom: 25px;
  }

  .lg\:tw-pl-25px{
    padding-left: 25px;
  }

  .lg\:tw-pt-30px{
    padding-top: 30px;
  }

  .lg\:tw-pr-30px{
    padding-right: 30px;
  }

  .lg\:tw-pb-30px{
    padding-bottom: 30px;
  }

  .lg\:tw-pl-30px{
    padding-left: 30px;
  }

  .lg\:tw-pt-40px{
    padding-top: 40px;
  }

  .lg\:tw-pr-40px{
    padding-right: 40px;
  }

  .lg\:tw-pb-40px{
    padding-bottom: 40px;
  }

  .lg\:tw-pl-40px{
    padding-left: 40px;
  }

  .lg\:tw-pt-55px{
    padding-top: 55px;
  }

  .lg\:tw-pr-55px{
    padding-right: 55px;
  }

  .lg\:tw-pb-55px{
    padding-bottom: 55px;
  }

  .lg\:tw-pl-55px{
    padding-left: 55px;
  }

  .lg\:tw-pt-60px{
    padding-top: 60px;
  }

  .lg\:tw-pr-60px{
    padding-right: 60px;
  }

  .lg\:tw-pb-60px{
    padding-bottom: 60px;
  }

  .lg\:tw-pl-60px{
    padding-left: 60px;
  }

  .lg\:tw-placeholder-transparent::-moz-placeholder{
    color: transparent;
  }

  .lg\:tw-placeholder-transparent:-ms-input-placeholder{
    color: transparent;
  }

  .lg\:tw-placeholder-transparent::placeholder{
    color: transparent;
  }

  .lg\:tw-placeholder-current::-moz-placeholder{
    color: currentColor;
  }

  .lg\:tw-placeholder-current:-ms-input-placeholder{
    color: currentColor;
  }

  .lg\:tw-placeholder-current::placeholder{
    color: currentColor;
  }

  .lg\:tw-placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-black:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-black::placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-white:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-white::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-100::placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-200::placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-300::placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-400::placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-500::placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-600::placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-700::placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-800::placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-gray-900::placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-100::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-200::placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-300::placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-400::placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-500::placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-600::placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-700::placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-800::placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-red-900::placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-100::placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-200::placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-300::placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-400::placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-500::placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-600::placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-700::placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-800::placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-orange-900::placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-100::placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-200::placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-300::placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-400::placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-500::placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-600::placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-700::placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-800::placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-yellow-900::placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-100::placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-200::placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-300::placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-400::placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-500::placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-600::placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-700::placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-800::placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-green-900::placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-100::placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-200::placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-300::placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-400::placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-500::placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-600::placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-700::placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-800::placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-teal-900::placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-100::placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-200::placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-300::placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-400::placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-500::placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-600::placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-700::placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-800::placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-blue-900::placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-100::placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-200::placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-300::placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-400::placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-500::placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-600::placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-700::placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-800::placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-indigo-900::placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-100::placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-200::placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-300::placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-400::placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-500::placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-600::placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-700::placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-800::placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-purple-900::placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-100::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-200::placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-300::placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-400::placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-500::placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-600::placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-700::placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-800::placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-pink-900::placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-primary-blue::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-primary-blue:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-primary-blue::placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-primary-blue-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-primary-blue-dark:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-primary-blue-dark::placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-primary-white::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-primary-white:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-primary-white::placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-0::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-0:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-0::placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-1::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-1:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-1::placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-5::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-5:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-5::placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-10::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-10:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-10::placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-50::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-50:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-50::placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-70::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-70:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-font-70::placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-transparent:focus::-moz-placeholder{
    color: transparent;
  }

  .lg\:focus\:tw-placeholder-transparent:focus:-ms-input-placeholder{
    color: transparent;
  }

  .lg\:focus\:tw-placeholder-transparent:focus::placeholder{
    color: transparent;
  }

  .lg\:focus\:tw-placeholder-current:focus::-moz-placeholder{
    color: currentColor;
  }

  .lg\:focus\:tw-placeholder-current:focus:-ms-input-placeholder{
    color: currentColor;
  }

  .lg\:focus\:tw-placeholder-current:focus::placeholder{
    color: currentColor;
  }

  .lg\:focus\:tw-placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-black:focus::placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-white:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-red-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-orange-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-green-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-teal-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-blue-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-indigo-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-purple-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-pink-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-primary-blue:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-primary-blue:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-primary-blue:focus::placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-primary-blue-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-primary-blue-dark:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-primary-blue-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-primary-white:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-primary-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-primary-white:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-0:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-0:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-1:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-1:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-1:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-5:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-5:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-5:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-10:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-10:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-10:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-50:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-50:focus::placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-70:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-70:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .lg\:focus\:tw-placeholder-font-70:focus::placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .lg\:tw-placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .lg\:tw-placeholder-opacity-0:-ms-input-placeholder{
    --placeholder-opacity: 0;
  }

  .lg\:tw-placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0;
  }

  .lg\:tw-placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .lg\:tw-placeholder-opacity-25:-ms-input-placeholder{
    --placeholder-opacity: 0.25;
  }

  .lg\:tw-placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25;
  }

  .lg\:tw-placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .lg\:tw-placeholder-opacity-50:-ms-input-placeholder{
    --placeholder-opacity: 0.5;
  }

  .lg\:tw-placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5;
  }

  .lg\:tw-placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .lg\:tw-placeholder-opacity-75:-ms-input-placeholder{
    --placeholder-opacity: 0.75;
  }

  .lg\:tw-placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75;
  }

  .lg\:tw-placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .lg\:tw-placeholder-opacity-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
  }

  .lg\:tw-placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1;
  }

  .lg\:focus\:tw-placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .lg\:focus\:tw-placeholder-opacity-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 0;
  }

  .lg\:focus\:tw-placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0;
  }

  .lg\:focus\:tw-placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .lg\:focus\:tw-placeholder-opacity-25:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.25;
  }

  .lg\:focus\:tw-placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25;
  }

  .lg\:focus\:tw-placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .lg\:focus\:tw-placeholder-opacity-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.5;
  }

  .lg\:focus\:tw-placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5;
  }

  .lg\:focus\:tw-placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .lg\:focus\:tw-placeholder-opacity-75:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.75;
  }

  .lg\:focus\:tw-placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75;
  }

  .lg\:focus\:tw-placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .lg\:focus\:tw-placeholder-opacity-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
  }

  .lg\:focus\:tw-placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1;
  }

  .lg\:tw-pointer-events-none{
    pointer-events: none;
  }

  .lg\:tw-pointer-events-auto{
    pointer-events: auto;
  }

  .lg\:tw-static{
    position: static;
  }

  .lg\:tw-fixed{
    position: fixed;
  }

  .lg\:tw-absolute{
    position: absolute;
  }

  .lg\:tw-relative{
    position: relative;
  }

  .lg\:tw-sticky{
    position: -webkit-sticky;
    position: sticky;
  }

  .lg\:tw-inset-0{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .lg\:tw-inset-auto{
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .lg\:tw--inset-10px{
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
  }

  .lg\:tw-inset-y-0{
    top: 0;
    bottom: 0;
  }

  .lg\:tw-inset-x-0{
    right: 0;
    left: 0;
  }

  .lg\:tw-inset-y-auto{
    top: auto;
    bottom: auto;
  }

  .lg\:tw-inset-x-auto{
    right: auto;
    left: auto;
  }

  .lg\:tw--inset-y-10px{
    top: -10px;
    bottom: -10px;
  }

  .lg\:tw--inset-x-10px{
    right: -10px;
    left: -10px;
  }

  .lg\:tw-top-0{
    top: 0;
  }

  .lg\:tw-right-0{
    right: 0;
  }

  .lg\:tw-bottom-0{
    bottom: 0;
  }

  .lg\:tw-left-0{
    left: 0;
  }

  .lg\:tw-top-auto{
    top: auto;
  }

  .lg\:tw-right-auto{
    right: auto;
  }

  .lg\:tw-bottom-auto{
    bottom: auto;
  }

  .lg\:tw-left-auto{
    left: auto;
  }

  .lg\:tw--top-10px{
    top: -10px;
  }

  .lg\:tw--right-10px{
    right: -10px;
  }

  .lg\:tw--bottom-10px{
    bottom: -10px;
  }

  .lg\:tw--left-10px{
    left: -10px;
  }

  .lg\:tw-resize-none{
    resize: none;
  }

  .lg\:tw-resize-y{
    resize: vertical;
  }

  .lg\:tw-resize-x{
    resize: horizontal;
  }

  .lg\:tw-resize{
    resize: both;
  }

  .lg\:tw-shadow-xs{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .lg\:tw-shadow-sm{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .lg\:tw-shadow{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:tw-shadow-md{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .lg\:tw-shadow-lg{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .lg\:tw-shadow-xl{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .lg\:tw-shadow-2xl{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .lg\:tw-shadow-inner{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:tw-shadow-outline{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .lg\:tw-shadow-none{
    box-shadow: none;
  }

  .lg\:tw-shadow-1dp{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

  .lg\:tw-shadow-2dp{
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  }

  .lg\:tw-shadow-6dp{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .lg\:hover\:tw-shadow-xs:hover{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .lg\:hover\:tw-shadow-sm:hover{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .lg\:hover\:tw-shadow:hover{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:hover\:tw-shadow-md:hover{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .lg\:hover\:tw-shadow-lg:hover{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .lg\:hover\:tw-shadow-xl:hover{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .lg\:hover\:tw-shadow-2xl:hover{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .lg\:hover\:tw-shadow-inner:hover{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:hover\:tw-shadow-outline:hover{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .lg\:hover\:tw-shadow-none:hover{
    box-shadow: none;
  }

  .lg\:hover\:tw-shadow-1dp:hover{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

  .lg\:hover\:tw-shadow-2dp:hover{
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  }

  .lg\:hover\:tw-shadow-6dp:hover{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .lg\:focus\:tw-shadow-xs:focus{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .lg\:focus\:tw-shadow-sm:focus{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .lg\:focus\:tw-shadow:focus{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:focus\:tw-shadow-md:focus{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .lg\:focus\:tw-shadow-lg:focus{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .lg\:focus\:tw-shadow-xl:focus{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .lg\:focus\:tw-shadow-2xl:focus{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .lg\:focus\:tw-shadow-inner:focus{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:focus\:tw-shadow-outline:focus{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .lg\:focus\:tw-shadow-none:focus{
    box-shadow: none;
  }

  .lg\:focus\:tw-shadow-1dp:focus{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

  .lg\:focus\:tw-shadow-2dp:focus{
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  }

  .lg\:focus\:tw-shadow-6dp:focus{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .lg\:tw-fill-current{
    fill: currentColor;
  }

  .lg\:tw-stroke-current{
    stroke: currentColor;
  }

  .lg\:tw-stroke-0{
    stroke-width: 0;
  }

  .lg\:tw-stroke-1{
    stroke-width: 1;
  }

  .lg\:tw-stroke-2{
    stroke-width: 2;
  }

  .lg\:tw-table-auto{
    table-layout: auto;
  }

  .lg\:tw-table-fixed{
    table-layout: fixed;
  }

  .lg\:tw-text-left{
    text-align: left;
  }

  .lg\:tw-text-center{
    text-align: center;
  }

  .lg\:tw-text-right{
    text-align: right;
  }

  .lg\:tw-text-justify{
    text-align: justify;
  }

  .lg\:tw-text-transparent{
    color: transparent;
  }

  .lg\:tw-text-current{
    color: currentColor;
  }

  .lg\:tw-text-black{
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .lg\:tw-text-white{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:tw-text-gray-100{
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .lg\:tw-text-gray-200{
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .lg\:tw-text-gray-300{
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .lg\:tw-text-gray-400{
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .lg\:tw-text-gray-500{
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .lg\:tw-text-gray-600{
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .lg\:tw-text-gray-700{
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .lg\:tw-text-gray-800{
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .lg\:tw-text-gray-900{
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .lg\:tw-text-red-100{
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }

  .lg\:tw-text-red-200{
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }

  .lg\:tw-text-red-300{
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }

  .lg\:tw-text-red-400{
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }

  .lg\:tw-text-red-500{
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }

  .lg\:tw-text-red-600{
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }

  .lg\:tw-text-red-700{
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }

  .lg\:tw-text-red-800{
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }

  .lg\:tw-text-red-900{
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }

  .lg\:tw-text-orange-100{
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }

  .lg\:tw-text-orange-200{
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }

  .lg\:tw-text-orange-300{
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }

  .lg\:tw-text-orange-400{
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }

  .lg\:tw-text-orange-500{
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }

  .lg\:tw-text-orange-600{
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }

  .lg\:tw-text-orange-700{
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }

  .lg\:tw-text-orange-800{
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }

  .lg\:tw-text-orange-900{
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }

  .lg\:tw-text-yellow-100{
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }

  .lg\:tw-text-yellow-200{
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }

  .lg\:tw-text-yellow-300{
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }

  .lg\:tw-text-yellow-400{
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }

  .lg\:tw-text-yellow-500{
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }

  .lg\:tw-text-yellow-600{
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }

  .lg\:tw-text-yellow-700{
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }

  .lg\:tw-text-yellow-800{
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }

  .lg\:tw-text-yellow-900{
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }

  .lg\:tw-text-green-100{
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }

  .lg\:tw-text-green-200{
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }

  .lg\:tw-text-green-300{
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }

  .lg\:tw-text-green-400{
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }

  .lg\:tw-text-green-500{
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }

  .lg\:tw-text-green-600{
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }

  .lg\:tw-text-green-700{
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }

  .lg\:tw-text-green-800{
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }

  .lg\:tw-text-green-900{
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }

  .lg\:tw-text-teal-100{
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }

  .lg\:tw-text-teal-200{
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }

  .lg\:tw-text-teal-300{
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }

  .lg\:tw-text-teal-400{
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }

  .lg\:tw-text-teal-500{
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }

  .lg\:tw-text-teal-600{
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }

  .lg\:tw-text-teal-700{
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }

  .lg\:tw-text-teal-800{
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }

  .lg\:tw-text-teal-900{
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }

  .lg\:tw-text-blue-100{
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }

  .lg\:tw-text-blue-200{
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }

  .lg\:tw-text-blue-300{
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }

  .lg\:tw-text-blue-400{
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }

  .lg\:tw-text-blue-500{
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }

  .lg\:tw-text-blue-600{
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }

  .lg\:tw-text-blue-700{
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }

  .lg\:tw-text-blue-800{
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }

  .lg\:tw-text-blue-900{
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }

  .lg\:tw-text-indigo-100{
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }

  .lg\:tw-text-indigo-200{
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }

  .lg\:tw-text-indigo-300{
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }

  .lg\:tw-text-indigo-400{
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }

  .lg\:tw-text-indigo-500{
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }

  .lg\:tw-text-indigo-600{
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }

  .lg\:tw-text-indigo-700{
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }

  .lg\:tw-text-indigo-800{
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }

  .lg\:tw-text-indigo-900{
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }

  .lg\:tw-text-purple-100{
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }

  .lg\:tw-text-purple-200{
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }

  .lg\:tw-text-purple-300{
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }

  .lg\:tw-text-purple-400{
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }

  .lg\:tw-text-purple-500{
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }

  .lg\:tw-text-purple-600{
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }

  .lg\:tw-text-purple-700{
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }

  .lg\:tw-text-purple-800{
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }

  .lg\:tw-text-purple-900{
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }

  .lg\:tw-text-pink-100{
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }

  .lg\:tw-text-pink-200{
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }

  .lg\:tw-text-pink-300{
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }

  .lg\:tw-text-pink-400{
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }

  .lg\:tw-text-pink-500{
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }

  .lg\:tw-text-pink-600{
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }

  .lg\:tw-text-pink-700{
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }

  .lg\:tw-text-pink-800{
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }

  .lg\:tw-text-pink-900{
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }

  .lg\:tw-text-primary-blue{
    --text-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--text-opacity));
  }

  .lg\:tw-text-primary-blue-dark{
    --text-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--text-opacity));
  }

  .lg\:tw-text-primary-white{
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:tw-text-font-0{
    --text-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--text-opacity));
  }

  .lg\:tw-text-font-1{
    --text-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--text-opacity));
  }

  .lg\:tw-text-font-5{
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

  .lg\:tw-text-font-10{
    --text-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--text-opacity));
  }

  .lg\:tw-text-font-50{
    --text-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--text-opacity));
  }

  .lg\:tw-text-font-70{
    --text-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--text-opacity));
  }

  .lg\:hover\:tw-text-transparent:hover{
    color: transparent;
  }

  .lg\:hover\:tw-text-current:hover{
    color: currentColor;
  }

  .lg\:hover\:tw-text-black:hover{
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .lg\:hover\:tw-text-white:hover{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:hover\:tw-text-gray-100:hover{
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .lg\:hover\:tw-text-gray-200:hover{
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .lg\:hover\:tw-text-gray-300:hover{
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .lg\:hover\:tw-text-gray-400:hover{
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .lg\:hover\:tw-text-gray-500:hover{
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .lg\:hover\:tw-text-gray-600:hover{
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .lg\:hover\:tw-text-gray-700:hover{
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .lg\:hover\:tw-text-gray-800:hover{
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .lg\:hover\:tw-text-gray-900:hover{
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .lg\:hover\:tw-text-red-100:hover{
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }

  .lg\:hover\:tw-text-red-200:hover{
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }

  .lg\:hover\:tw-text-red-300:hover{
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }

  .lg\:hover\:tw-text-red-400:hover{
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }

  .lg\:hover\:tw-text-red-500:hover{
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }

  .lg\:hover\:tw-text-red-600:hover{
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }

  .lg\:hover\:tw-text-red-700:hover{
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }

  .lg\:hover\:tw-text-red-800:hover{
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }

  .lg\:hover\:tw-text-red-900:hover{
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }

  .lg\:hover\:tw-text-orange-100:hover{
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }

  .lg\:hover\:tw-text-orange-200:hover{
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }

  .lg\:hover\:tw-text-orange-300:hover{
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }

  .lg\:hover\:tw-text-orange-400:hover{
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }

  .lg\:hover\:tw-text-orange-500:hover{
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }

  .lg\:hover\:tw-text-orange-600:hover{
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }

  .lg\:hover\:tw-text-orange-700:hover{
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }

  .lg\:hover\:tw-text-orange-800:hover{
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }

  .lg\:hover\:tw-text-orange-900:hover{
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }

  .lg\:hover\:tw-text-yellow-100:hover{
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }

  .lg\:hover\:tw-text-yellow-200:hover{
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }

  .lg\:hover\:tw-text-yellow-300:hover{
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }

  .lg\:hover\:tw-text-yellow-400:hover{
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }

  .lg\:hover\:tw-text-yellow-500:hover{
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }

  .lg\:hover\:tw-text-yellow-600:hover{
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }

  .lg\:hover\:tw-text-yellow-700:hover{
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }

  .lg\:hover\:tw-text-yellow-800:hover{
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }

  .lg\:hover\:tw-text-yellow-900:hover{
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }

  .lg\:hover\:tw-text-green-100:hover{
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }

  .lg\:hover\:tw-text-green-200:hover{
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }

  .lg\:hover\:tw-text-green-300:hover{
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }

  .lg\:hover\:tw-text-green-400:hover{
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }

  .lg\:hover\:tw-text-green-500:hover{
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }

  .lg\:hover\:tw-text-green-600:hover{
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }

  .lg\:hover\:tw-text-green-700:hover{
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }

  .lg\:hover\:tw-text-green-800:hover{
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }

  .lg\:hover\:tw-text-green-900:hover{
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }

  .lg\:hover\:tw-text-teal-100:hover{
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }

  .lg\:hover\:tw-text-teal-200:hover{
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }

  .lg\:hover\:tw-text-teal-300:hover{
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }

  .lg\:hover\:tw-text-teal-400:hover{
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }

  .lg\:hover\:tw-text-teal-500:hover{
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }

  .lg\:hover\:tw-text-teal-600:hover{
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }

  .lg\:hover\:tw-text-teal-700:hover{
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }

  .lg\:hover\:tw-text-teal-800:hover{
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }

  .lg\:hover\:tw-text-teal-900:hover{
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }

  .lg\:hover\:tw-text-blue-100:hover{
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }

  .lg\:hover\:tw-text-blue-200:hover{
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }

  .lg\:hover\:tw-text-blue-300:hover{
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }

  .lg\:hover\:tw-text-blue-400:hover{
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }

  .lg\:hover\:tw-text-blue-500:hover{
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }

  .lg\:hover\:tw-text-blue-600:hover{
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }

  .lg\:hover\:tw-text-blue-700:hover{
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }

  .lg\:hover\:tw-text-blue-800:hover{
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }

  .lg\:hover\:tw-text-blue-900:hover{
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }

  .lg\:hover\:tw-text-indigo-100:hover{
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }

  .lg\:hover\:tw-text-indigo-200:hover{
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }

  .lg\:hover\:tw-text-indigo-300:hover{
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }

  .lg\:hover\:tw-text-indigo-400:hover{
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }

  .lg\:hover\:tw-text-indigo-500:hover{
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }

  .lg\:hover\:tw-text-indigo-600:hover{
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }

  .lg\:hover\:tw-text-indigo-700:hover{
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }

  .lg\:hover\:tw-text-indigo-800:hover{
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }

  .lg\:hover\:tw-text-indigo-900:hover{
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }

  .lg\:hover\:tw-text-purple-100:hover{
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }

  .lg\:hover\:tw-text-purple-200:hover{
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }

  .lg\:hover\:tw-text-purple-300:hover{
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }

  .lg\:hover\:tw-text-purple-400:hover{
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }

  .lg\:hover\:tw-text-purple-500:hover{
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }

  .lg\:hover\:tw-text-purple-600:hover{
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }

  .lg\:hover\:tw-text-purple-700:hover{
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }

  .lg\:hover\:tw-text-purple-800:hover{
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }

  .lg\:hover\:tw-text-purple-900:hover{
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }

  .lg\:hover\:tw-text-pink-100:hover{
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }

  .lg\:hover\:tw-text-pink-200:hover{
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }

  .lg\:hover\:tw-text-pink-300:hover{
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }

  .lg\:hover\:tw-text-pink-400:hover{
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }

  .lg\:hover\:tw-text-pink-500:hover{
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }

  .lg\:hover\:tw-text-pink-600:hover{
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }

  .lg\:hover\:tw-text-pink-700:hover{
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }

  .lg\:hover\:tw-text-pink-800:hover{
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }

  .lg\:hover\:tw-text-pink-900:hover{
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }

  .lg\:hover\:tw-text-primary-blue:hover{
    --text-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--text-opacity));
  }

  .lg\:hover\:tw-text-primary-blue-dark:hover{
    --text-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--text-opacity));
  }

  .lg\:hover\:tw-text-primary-white:hover{
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:hover\:tw-text-font-0:hover{
    --text-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--text-opacity));
  }

  .lg\:hover\:tw-text-font-1:hover{
    --text-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--text-opacity));
  }

  .lg\:hover\:tw-text-font-5:hover{
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

  .lg\:hover\:tw-text-font-10:hover{
    --text-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--text-opacity));
  }

  .lg\:hover\:tw-text-font-50:hover{
    --text-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--text-opacity));
  }

  .lg\:hover\:tw-text-font-70:hover{
    --text-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--text-opacity));
  }

  .lg\:focus\:tw-text-transparent:focus{
    color: transparent;
  }

  .lg\:focus\:tw-text-current:focus{
    color: currentColor;
  }

  .lg\:focus\:tw-text-black:focus{
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .lg\:focus\:tw-text-white:focus{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:focus\:tw-text-gray-100:focus{
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .lg\:focus\:tw-text-gray-200:focus{
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .lg\:focus\:tw-text-gray-300:focus{
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .lg\:focus\:tw-text-gray-400:focus{
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .lg\:focus\:tw-text-gray-500:focus{
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .lg\:focus\:tw-text-gray-600:focus{
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .lg\:focus\:tw-text-gray-700:focus{
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .lg\:focus\:tw-text-gray-800:focus{
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .lg\:focus\:tw-text-gray-900:focus{
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .lg\:focus\:tw-text-red-100:focus{
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }

  .lg\:focus\:tw-text-red-200:focus{
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }

  .lg\:focus\:tw-text-red-300:focus{
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }

  .lg\:focus\:tw-text-red-400:focus{
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }

  .lg\:focus\:tw-text-red-500:focus{
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }

  .lg\:focus\:tw-text-red-600:focus{
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }

  .lg\:focus\:tw-text-red-700:focus{
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }

  .lg\:focus\:tw-text-red-800:focus{
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }

  .lg\:focus\:tw-text-red-900:focus{
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }

  .lg\:focus\:tw-text-orange-100:focus{
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }

  .lg\:focus\:tw-text-orange-200:focus{
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }

  .lg\:focus\:tw-text-orange-300:focus{
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }

  .lg\:focus\:tw-text-orange-400:focus{
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }

  .lg\:focus\:tw-text-orange-500:focus{
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }

  .lg\:focus\:tw-text-orange-600:focus{
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }

  .lg\:focus\:tw-text-orange-700:focus{
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }

  .lg\:focus\:tw-text-orange-800:focus{
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }

  .lg\:focus\:tw-text-orange-900:focus{
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }

  .lg\:focus\:tw-text-yellow-100:focus{
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }

  .lg\:focus\:tw-text-yellow-200:focus{
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }

  .lg\:focus\:tw-text-yellow-300:focus{
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }

  .lg\:focus\:tw-text-yellow-400:focus{
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }

  .lg\:focus\:tw-text-yellow-500:focus{
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }

  .lg\:focus\:tw-text-yellow-600:focus{
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }

  .lg\:focus\:tw-text-yellow-700:focus{
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }

  .lg\:focus\:tw-text-yellow-800:focus{
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }

  .lg\:focus\:tw-text-yellow-900:focus{
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }

  .lg\:focus\:tw-text-green-100:focus{
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }

  .lg\:focus\:tw-text-green-200:focus{
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }

  .lg\:focus\:tw-text-green-300:focus{
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }

  .lg\:focus\:tw-text-green-400:focus{
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }

  .lg\:focus\:tw-text-green-500:focus{
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }

  .lg\:focus\:tw-text-green-600:focus{
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }

  .lg\:focus\:tw-text-green-700:focus{
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }

  .lg\:focus\:tw-text-green-800:focus{
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }

  .lg\:focus\:tw-text-green-900:focus{
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }

  .lg\:focus\:tw-text-teal-100:focus{
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }

  .lg\:focus\:tw-text-teal-200:focus{
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }

  .lg\:focus\:tw-text-teal-300:focus{
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }

  .lg\:focus\:tw-text-teal-400:focus{
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }

  .lg\:focus\:tw-text-teal-500:focus{
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }

  .lg\:focus\:tw-text-teal-600:focus{
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }

  .lg\:focus\:tw-text-teal-700:focus{
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }

  .lg\:focus\:tw-text-teal-800:focus{
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }

  .lg\:focus\:tw-text-teal-900:focus{
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }

  .lg\:focus\:tw-text-blue-100:focus{
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }

  .lg\:focus\:tw-text-blue-200:focus{
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }

  .lg\:focus\:tw-text-blue-300:focus{
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }

  .lg\:focus\:tw-text-blue-400:focus{
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }

  .lg\:focus\:tw-text-blue-500:focus{
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }

  .lg\:focus\:tw-text-blue-600:focus{
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }

  .lg\:focus\:tw-text-blue-700:focus{
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }

  .lg\:focus\:tw-text-blue-800:focus{
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }

  .lg\:focus\:tw-text-blue-900:focus{
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }

  .lg\:focus\:tw-text-indigo-100:focus{
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }

  .lg\:focus\:tw-text-indigo-200:focus{
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }

  .lg\:focus\:tw-text-indigo-300:focus{
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }

  .lg\:focus\:tw-text-indigo-400:focus{
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }

  .lg\:focus\:tw-text-indigo-500:focus{
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }

  .lg\:focus\:tw-text-indigo-600:focus{
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }

  .lg\:focus\:tw-text-indigo-700:focus{
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }

  .lg\:focus\:tw-text-indigo-800:focus{
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }

  .lg\:focus\:tw-text-indigo-900:focus{
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }

  .lg\:focus\:tw-text-purple-100:focus{
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }

  .lg\:focus\:tw-text-purple-200:focus{
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }

  .lg\:focus\:tw-text-purple-300:focus{
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }

  .lg\:focus\:tw-text-purple-400:focus{
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }

  .lg\:focus\:tw-text-purple-500:focus{
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }

  .lg\:focus\:tw-text-purple-600:focus{
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }

  .lg\:focus\:tw-text-purple-700:focus{
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }

  .lg\:focus\:tw-text-purple-800:focus{
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }

  .lg\:focus\:tw-text-purple-900:focus{
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }

  .lg\:focus\:tw-text-pink-100:focus{
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }

  .lg\:focus\:tw-text-pink-200:focus{
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }

  .lg\:focus\:tw-text-pink-300:focus{
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }

  .lg\:focus\:tw-text-pink-400:focus{
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }

  .lg\:focus\:tw-text-pink-500:focus{
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }

  .lg\:focus\:tw-text-pink-600:focus{
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }

  .lg\:focus\:tw-text-pink-700:focus{
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }

  .lg\:focus\:tw-text-pink-800:focus{
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }

  .lg\:focus\:tw-text-pink-900:focus{
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }

  .lg\:focus\:tw-text-primary-blue:focus{
    --text-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--text-opacity));
  }

  .lg\:focus\:tw-text-primary-blue-dark:focus{
    --text-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--text-opacity));
  }

  .lg\:focus\:tw-text-primary-white:focus{
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:focus\:tw-text-font-0:focus{
    --text-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--text-opacity));
  }

  .lg\:focus\:tw-text-font-1:focus{
    --text-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--text-opacity));
  }

  .lg\:focus\:tw-text-font-5:focus{
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

  .lg\:focus\:tw-text-font-10:focus{
    --text-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--text-opacity));
  }

  .lg\:focus\:tw-text-font-50:focus{
    --text-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--text-opacity));
  }

  .lg\:focus\:tw-text-font-70:focus{
    --text-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--text-opacity));
  }

  .lg\:tw-text-opacity-0{
    --text-opacity: 0;
  }

  .lg\:tw-text-opacity-25{
    --text-opacity: 0.25;
  }

  .lg\:tw-text-opacity-50{
    --text-opacity: 0.5;
  }

  .lg\:tw-text-opacity-75{
    --text-opacity: 0.75;
  }

  .lg\:tw-text-opacity-100{
    --text-opacity: 1;
  }

  .lg\:hover\:tw-text-opacity-0:hover{
    --text-opacity: 0;
  }

  .lg\:hover\:tw-text-opacity-25:hover{
    --text-opacity: 0.25;
  }

  .lg\:hover\:tw-text-opacity-50:hover{
    --text-opacity: 0.5;
  }

  .lg\:hover\:tw-text-opacity-75:hover{
    --text-opacity: 0.75;
  }

  .lg\:hover\:tw-text-opacity-100:hover{
    --text-opacity: 1;
  }

  .lg\:focus\:tw-text-opacity-0:focus{
    --text-opacity: 0;
  }

  .lg\:focus\:tw-text-opacity-25:focus{
    --text-opacity: 0.25;
  }

  .lg\:focus\:tw-text-opacity-50:focus{
    --text-opacity: 0.5;
  }

  .lg\:focus\:tw-text-opacity-75:focus{
    --text-opacity: 0.75;
  }

  .lg\:focus\:tw-text-opacity-100:focus{
    --text-opacity: 1;
  }

  .lg\:tw-italic{
    font-style: italic;
  }

  .lg\:tw-not-italic{
    font-style: normal;
  }

  .lg\:tw-uppercase{
    text-transform: uppercase;
  }

  .lg\:tw-lowercase{
    text-transform: lowercase;
  }

  .lg\:tw-capitalize{
    text-transform: capitalize;
  }

  .lg\:tw-normal-case{
    text-transform: none;
  }

  .lg\:tw-underline{
    text-decoration: underline;
  }

  .lg\:tw-line-through{
    text-decoration: line-through;
  }

  .lg\:tw-no-underline{
    text-decoration: none;
  }

  .lg\:hover\:tw-underline:hover{
    text-decoration: underline;
  }

  .lg\:hover\:tw-line-through:hover{
    text-decoration: line-through;
  }

  .lg\:hover\:tw-no-underline:hover{
    text-decoration: none;
  }

  .lg\:focus\:tw-underline:focus{
    text-decoration: underline;
  }

  .lg\:focus\:tw-line-through:focus{
    text-decoration: line-through;
  }

  .lg\:focus\:tw-no-underline:focus{
    text-decoration: none;
  }

  .lg\:tw-antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg\:tw-subpixel-antialiased{
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg\:tw-ordinal, .lg\:tw-slashed-zero, .lg\:tw-lining-nums, .lg\:tw-oldstyle-nums, .lg\:tw-proportional-nums, .lg\:tw-tabular-nums, .lg\:tw-diagonal-fractions, .lg\:tw-stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
  }

  .lg\:tw-normal-nums{
    font-variant-numeric: normal;
  }

  .lg\:tw-ordinal{
    --font-variant-numeric-ordinal: ordinal;
  }

  .lg\:tw-slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .lg\:tw-lining-nums{
    --font-variant-numeric-figure: lining-nums;
  }

  .lg\:tw-oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .lg\:tw-proportional-nums{
    --font-variant-numeric-spacing: proportional-nums;
  }

  .lg\:tw-tabular-nums{
    --font-variant-numeric-spacing: tabular-nums;
  }

  .lg\:tw-diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .lg\:tw-stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .lg\:tw-tracking-tighter{
    letter-spacing: -0.05em;
  }

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

  .lg\:tw-tracking-normal{
    letter-spacing: 0;
  }

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

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

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

  .lg\:tw-select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .lg\:tw-select-text{
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .lg\:tw-select-all{
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .lg\:tw-select-auto{
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .lg\:tw-align-baseline{
    vertical-align: baseline;
  }

  .lg\:tw-align-top{
    vertical-align: top;
  }

  .lg\:tw-align-middle{
    vertical-align: middle;
  }

  .lg\:tw-align-bottom{
    vertical-align: bottom;
  }

  .lg\:tw-align-text-top{
    vertical-align: text-top;
  }

  .lg\:tw-align-text-bottom{
    vertical-align: text-bottom;
  }

  .lg\:tw-visible{
    visibility: visible;
  }

  .lg\:tw-invisible{
    visibility: hidden;
  }

  .lg\:tw-whitespace-normal{
    white-space: normal;
  }

  .lg\:tw-whitespace-no-wrap{
    white-space: nowrap;
  }

  .lg\:tw-whitespace-pre{
    white-space: pre;
  }

  .lg\:tw-whitespace-pre-line{
    white-space: pre-line;
  }

  .lg\:tw-whitespace-pre-wrap{
    white-space: pre-wrap;
  }

  .lg\:tw-break-normal{
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .lg\:tw-break-words{
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .lg\:tw-break-all{
    word-break: break-all;
  }

  .lg\:tw-truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lg\:tw-w-0{
    width: 0;
  }

  .lg\:tw-w-1{
    width: 0.25rem;
  }

  .lg\:tw-w-2{
    width: 0.5rem;
  }

  .lg\:tw-w-3{
    width: 0.75rem;
  }

  .lg\:tw-w-4{
    width: 1rem;
  }

  .lg\:tw-w-5{
    width: 1.25rem;
  }

  .lg\:tw-w-6{
    width: 1.5rem;
  }

  .lg\:tw-w-8{
    width: 2rem;
  }

  .lg\:tw-w-10{
    width: 2.5rem;
  }

  .lg\:tw-w-12{
    width: 3rem;
  }

  .lg\:tw-w-16{
    width: 4rem;
  }

  .lg\:tw-w-20{
    width: 5rem;
  }

  .lg\:tw-w-24{
    width: 6rem;
  }

  .lg\:tw-w-32{
    width: 8rem;
  }

  .lg\:tw-w-40{
    width: 10rem;
  }

  .lg\:tw-w-48{
    width: 12rem;
  }

  .lg\:tw-w-56{
    width: 14rem;
  }

  .lg\:tw-w-64{
    width: 16rem;
  }

  .lg\:tw-w-auto{
    width: auto;
  }

  .lg\:tw-w-px{
    width: 1px;
  }

  .lg\:tw-w-1\/2{
    width: 50%;
  }

  .lg\:tw-w-1\/3{
    width: 33.333333%;
  }

  .lg\:tw-w-2\/3{
    width: 66.666667%;
  }

  .lg\:tw-w-1\/4{
    width: 25%;
  }

  .lg\:tw-w-2\/4{
    width: 50%;
  }

  .lg\:tw-w-3\/4{
    width: 75%;
  }

  .lg\:tw-w-1\/5{
    width: 20%;
  }

  .lg\:tw-w-2\/5{
    width: 40%;
  }

  .lg\:tw-w-3\/5{
    width: 60%;
  }

  .lg\:tw-w-4\/5{
    width: 80%;
  }

  .lg\:tw-w-1\/6{
    width: 16.666667%;
  }

  .lg\:tw-w-2\/6{
    width: 33.333333%;
  }

  .lg\:tw-w-3\/6{
    width: 50%;
  }

  .lg\:tw-w-4\/6{
    width: 66.666667%;
  }

  .lg\:tw-w-5\/6{
    width: 83.333333%;
  }

  .lg\:tw-w-1\/12{
    width: 8.333333%;
  }

  .lg\:tw-w-2\/12{
    width: 16.666667%;
  }

  .lg\:tw-w-3\/12{
    width: 25%;
  }

  .lg\:tw-w-4\/12{
    width: 33.333333%;
  }

  .lg\:tw-w-5\/12{
    width: 41.666667%;
  }

  .lg\:tw-w-6\/12{
    width: 50%;
  }

  .lg\:tw-w-7\/12{
    width: 58.333333%;
  }

  .lg\:tw-w-8\/12{
    width: 66.666667%;
  }

  .lg\:tw-w-9\/12{
    width: 75%;
  }

  .lg\:tw-w-10\/12{
    width: 83.333333%;
  }

  .lg\:tw-w-11\/12{
    width: 91.666667%;
  }

  .lg\:tw-w-full{
    width: 100%;
  }

  .lg\:tw-w-screen{
    width: 100vw;
  }

  .lg\:tw-w-25px{
    width: 25px;
  }

  .lg\:tw-w-30px{
    width: 30px;
  }

  .lg\:tw-w-35px{
    width: 35px;
  }

  .lg\:tw-w-40px{
    width: 40px;
  }

  .lg\:tw-w-50px{
    width: 50px;
  }

  .lg\:tw-w-60px{
    width: 60px;
  }

  .lg\:tw-w-200px{
    width: 200px;
  }

  .lg\:tw-w-250px{
    width: 250px;
  }

  .lg\:tw-w-265px{
    width: 265px;
  }

  .lg\:tw-w-280px{
    width: 280px;
  }

  .lg\:tw-w-320px{
    width: 320px;
  }

  .lg\:tw-z-0{
    z-index: 0;
  }

  .lg\:tw-z-10{
    z-index: 10;
  }

  .lg\:tw-z-20{
    z-index: 20;
  }

  .lg\:tw-z-30{
    z-index: 30;
  }

  .lg\:tw-z-40{
    z-index: 40;
  }

  .lg\:tw-z-50{
    z-index: 50;
  }

  .lg\:tw-z-auto{
    z-index: auto;
  }

  .lg\:tw-gap-0{
    grid-gap: 0;
    gap: 0;
  }

  .lg\:tw-gap-1{
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .lg\:tw-gap-2{
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .lg\:tw-gap-3{
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .lg\:tw-gap-4{
    grid-gap: 1rem;
    gap: 1rem;
  }

  .lg\:tw-gap-5{
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .lg\:tw-gap-6{
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .lg\:tw-gap-8{
    grid-gap: 2rem;
    gap: 2rem;
  }

  .lg\:tw-gap-10{
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .lg\:tw-gap-12{
    grid-gap: 3rem;
    gap: 3rem;
  }

  .lg\:tw-gap-16{
    grid-gap: 4rem;
    gap: 4rem;
  }

  .lg\:tw-gap-20{
    grid-gap: 5rem;
    gap: 5rem;
  }

  .lg\:tw-gap-24{
    grid-gap: 6rem;
    gap: 6rem;
  }

  .lg\:tw-gap-32{
    grid-gap: 8rem;
    gap: 8rem;
  }

  .lg\:tw-gap-40{
    grid-gap: 10rem;
    gap: 10rem;
  }

  .lg\:tw-gap-48{
    grid-gap: 12rem;
    gap: 12rem;
  }

  .lg\:tw-gap-56{
    grid-gap: 14rem;
    gap: 14rem;
  }

  .lg\:tw-gap-64{
    grid-gap: 16rem;
    gap: 16rem;
  }

  .lg\:tw-gap-px{
    grid-gap: 1px;
    gap: 1px;
  }

  .lg\:tw-col-gap-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .lg\:tw-col-gap-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .lg\:tw-col-gap-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .lg\:tw-col-gap-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .lg\:tw-col-gap-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .lg\:tw-col-gap-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .lg\:tw-col-gap-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .lg\:tw-col-gap-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .lg\:tw-col-gap-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .lg\:tw-col-gap-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .lg\:tw-col-gap-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .lg\:tw-col-gap-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .lg\:tw-col-gap-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .lg\:tw-col-gap-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .lg\:tw-col-gap-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .lg\:tw-col-gap-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .lg\:tw-col-gap-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .lg\:tw-col-gap-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .lg\:tw-col-gap-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .lg\:tw-gap-x-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .lg\:tw-gap-x-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .lg\:tw-gap-x-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .lg\:tw-gap-x-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .lg\:tw-gap-x-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .lg\:tw-gap-x-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .lg\:tw-gap-x-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .lg\:tw-gap-x-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .lg\:tw-gap-x-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .lg\:tw-gap-x-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .lg\:tw-gap-x-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .lg\:tw-gap-x-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .lg\:tw-gap-x-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .lg\:tw-gap-x-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .lg\:tw-gap-x-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .lg\:tw-gap-x-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .lg\:tw-gap-x-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .lg\:tw-gap-x-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .lg\:tw-gap-x-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .lg\:tw-row-gap-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .lg\:tw-row-gap-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .lg\:tw-row-gap-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .lg\:tw-row-gap-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .lg\:tw-row-gap-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .lg\:tw-row-gap-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .lg\:tw-row-gap-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .lg\:tw-row-gap-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .lg\:tw-row-gap-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .lg\:tw-row-gap-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .lg\:tw-row-gap-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .lg\:tw-row-gap-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .lg\:tw-row-gap-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .lg\:tw-row-gap-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .lg\:tw-row-gap-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .lg\:tw-row-gap-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .lg\:tw-row-gap-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .lg\:tw-row-gap-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .lg\:tw-row-gap-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .lg\:tw-gap-y-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .lg\:tw-gap-y-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .lg\:tw-gap-y-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .lg\:tw-gap-y-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .lg\:tw-gap-y-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .lg\:tw-gap-y-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .lg\:tw-gap-y-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .lg\:tw-gap-y-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .lg\:tw-gap-y-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .lg\:tw-gap-y-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .lg\:tw-gap-y-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .lg\:tw-gap-y-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .lg\:tw-gap-y-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .lg\:tw-gap-y-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .lg\:tw-gap-y-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .lg\:tw-gap-y-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .lg\:tw-gap-y-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .lg\:tw-gap-y-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .lg\:tw-gap-y-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .lg\:tw-grid-flow-row{
    grid-auto-flow: row;
  }

  .lg\:tw-grid-flow-col{
    grid-auto-flow: column;
  }

  .lg\:tw-grid-flow-row-dense{
    grid-auto-flow: row dense;
  }

  .lg\:tw-grid-flow-col-dense{
    grid-auto-flow: column dense;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .lg\:tw-grid-cols-none{
    grid-template-columns: none;
  }

  .lg\:tw-auto-cols-auto{
    grid-auto-columns: auto;
  }

  .lg\:tw-auto-cols-min{
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .lg\:tw-auto-cols-max{
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .lg\:tw-auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr);
  }

  .lg\:tw-col-auto{
    grid-column: auto;
  }

  .lg\:tw-col-span-1{
    grid-column: span 1 / span 1;
  }

  .lg\:tw-col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:tw-col-span-3{
    grid-column: span 3 / span 3;
  }

  .lg\:tw-col-span-4{
    grid-column: span 4 / span 4;
  }

  .lg\:tw-col-span-5{
    grid-column: span 5 / span 5;
  }

  .lg\:tw-col-span-6{
    grid-column: span 6 / span 6;
  }

  .lg\:tw-col-span-7{
    grid-column: span 7 / span 7;
  }

  .lg\:tw-col-span-8{
    grid-column: span 8 / span 8;
  }

  .lg\:tw-col-span-9{
    grid-column: span 9 / span 9;
  }

  .lg\:tw-col-span-10{
    grid-column: span 10 / span 10;
  }

  .lg\:tw-col-span-11{
    grid-column: span 11 / span 11;
  }

  .lg\:tw-col-span-12{
    grid-column: span 12 / span 12;
  }

  .lg\:tw-col-span-full{
    grid-column: 1 / -1;
  }

  .lg\:tw-col-start-1{
    grid-column-start: 1;
  }

  .lg\:tw-col-start-2{
    grid-column-start: 2;
  }

  .lg\:tw-col-start-3{
    grid-column-start: 3;
  }

  .lg\:tw-col-start-4{
    grid-column-start: 4;
  }

  .lg\:tw-col-start-5{
    grid-column-start: 5;
  }

  .lg\:tw-col-start-6{
    grid-column-start: 6;
  }

  .lg\:tw-col-start-7{
    grid-column-start: 7;
  }

  .lg\:tw-col-start-8{
    grid-column-start: 8;
  }

  .lg\:tw-col-start-9{
    grid-column-start: 9;
  }

  .lg\:tw-col-start-10{
    grid-column-start: 10;
  }

  .lg\:tw-col-start-11{
    grid-column-start: 11;
  }

  .lg\:tw-col-start-12{
    grid-column-start: 12;
  }

  .lg\:tw-col-start-13{
    grid-column-start: 13;
  }

  .lg\:tw-col-start-auto{
    grid-column-start: auto;
  }

  .lg\:tw-col-end-1{
    grid-column-end: 1;
  }

  .lg\:tw-col-end-2{
    grid-column-end: 2;
  }

  .lg\:tw-col-end-3{
    grid-column-end: 3;
  }

  .lg\:tw-col-end-4{
    grid-column-end: 4;
  }

  .lg\:tw-col-end-5{
    grid-column-end: 5;
  }

  .lg\:tw-col-end-6{
    grid-column-end: 6;
  }

  .lg\:tw-col-end-7{
    grid-column-end: 7;
  }

  .lg\:tw-col-end-8{
    grid-column-end: 8;
  }

  .lg\:tw-col-end-9{
    grid-column-end: 9;
  }

  .lg\:tw-col-end-10{
    grid-column-end: 10;
  }

  .lg\:tw-col-end-11{
    grid-column-end: 11;
  }

  .lg\:tw-col-end-12{
    grid-column-end: 12;
  }

  .lg\:tw-col-end-13{
    grid-column-end: 13;
  }

  .lg\:tw-col-end-auto{
    grid-column-end: auto;
  }

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

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

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

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

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

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

  .lg\:tw-grid-rows-none{
    grid-template-rows: none;
  }

  .lg\:tw-auto-rows-auto{
    grid-auto-rows: auto;
  }

  .lg\:tw-auto-rows-min{
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .lg\:tw-auto-rows-max{
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .lg\:tw-auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr);
  }

  .lg\:tw-row-auto{
    grid-row: auto;
  }

  .lg\:tw-row-span-1{
    grid-row: span 1 / span 1;
  }

  .lg\:tw-row-span-2{
    grid-row: span 2 / span 2;
  }

  .lg\:tw-row-span-3{
    grid-row: span 3 / span 3;
  }

  .lg\:tw-row-span-4{
    grid-row: span 4 / span 4;
  }

  .lg\:tw-row-span-5{
    grid-row: span 5 / span 5;
  }

  .lg\:tw-row-span-6{
    grid-row: span 6 / span 6;
  }

  .lg\:tw-row-span-full{
    grid-row: 1 / -1;
  }

  .lg\:tw-row-start-1{
    grid-row-start: 1;
  }

  .lg\:tw-row-start-2{
    grid-row-start: 2;
  }

  .lg\:tw-row-start-3{
    grid-row-start: 3;
  }

  .lg\:tw-row-start-4{
    grid-row-start: 4;
  }

  .lg\:tw-row-start-5{
    grid-row-start: 5;
  }

  .lg\:tw-row-start-6{
    grid-row-start: 6;
  }

  .lg\:tw-row-start-7{
    grid-row-start: 7;
  }

  .lg\:tw-row-start-auto{
    grid-row-start: auto;
  }

  .lg\:tw-row-end-1{
    grid-row-end: 1;
  }

  .lg\:tw-row-end-2{
    grid-row-end: 2;
  }

  .lg\:tw-row-end-3{
    grid-row-end: 3;
  }

  .lg\:tw-row-end-4{
    grid-row-end: 4;
  }

  .lg\:tw-row-end-5{
    grid-row-end: 5;
  }

  .lg\:tw-row-end-6{
    grid-row-end: 6;
  }

  .lg\:tw-row-end-7{
    grid-row-end: 7;
  }

  .lg\:tw-row-end-auto{
    grid-row-end: auto;
  }

  .lg\:tw-transform{
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  .lg\:tw-transform-none{
    transform: none;
  }

  .lg\:tw-origin-center{
    transform-origin: center;
  }

  .lg\:tw-origin-top{
    transform-origin: top;
  }

  .lg\:tw-origin-top-right{
    transform-origin: top right;
  }

  .lg\:tw-origin-right{
    transform-origin: right;
  }

  .lg\:tw-origin-bottom-right{
    transform-origin: bottom right;
  }

  .lg\:tw-origin-bottom{
    transform-origin: bottom;
  }

  .lg\:tw-origin-bottom-left{
    transform-origin: bottom left;
  }

  .lg\:tw-origin-left{
    transform-origin: left;
  }

  .lg\:tw-origin-top-left{
    transform-origin: top left;
  }

  .lg\:tw-scale-0{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .lg\:tw-scale-50{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .lg\:tw-scale-75{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .lg\:tw-scale-90{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .lg\:tw-scale-95{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .lg\:tw-scale-100{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .lg\:tw-scale-105{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .lg\:tw-scale-110{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .lg\:tw-scale-125{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .lg\:tw-scale-150{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .lg\:tw-scale-x-0{
    --transform-scale-x: 0;
  }

  .lg\:tw-scale-x-50{
    --transform-scale-x: .5;
  }

  .lg\:tw-scale-x-75{
    --transform-scale-x: .75;
  }

  .lg\:tw-scale-x-90{
    --transform-scale-x: .9;
  }

  .lg\:tw-scale-x-95{
    --transform-scale-x: .95;
  }

  .lg\:tw-scale-x-100{
    --transform-scale-x: 1;
  }

  .lg\:tw-scale-x-105{
    --transform-scale-x: 1.05;
  }

  .lg\:tw-scale-x-110{
    --transform-scale-x: 1.1;
  }

  .lg\:tw-scale-x-125{
    --transform-scale-x: 1.25;
  }

  .lg\:tw-scale-x-150{
    --transform-scale-x: 1.5;
  }

  .lg\:tw-scale-y-0{
    --transform-scale-y: 0;
  }

  .lg\:tw-scale-y-50{
    --transform-scale-y: .5;
  }

  .lg\:tw-scale-y-75{
    --transform-scale-y: .75;
  }

  .lg\:tw-scale-y-90{
    --transform-scale-y: .9;
  }

  .lg\:tw-scale-y-95{
    --transform-scale-y: .95;
  }

  .lg\:tw-scale-y-100{
    --transform-scale-y: 1;
  }

  .lg\:tw-scale-y-105{
    --transform-scale-y: 1.05;
  }

  .lg\:tw-scale-y-110{
    --transform-scale-y: 1.1;
  }

  .lg\:tw-scale-y-125{
    --transform-scale-y: 1.25;
  }

  .lg\:tw-scale-y-150{
    --transform-scale-y: 1.5;
  }

  .lg\:hover\:tw-scale-0:hover{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .lg\:hover\:tw-scale-50:hover{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .lg\:hover\:tw-scale-75:hover{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .lg\:hover\:tw-scale-90:hover{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .lg\:hover\:tw-scale-95:hover{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .lg\:hover\:tw-scale-100:hover{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .lg\:hover\:tw-scale-105:hover{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .lg\:hover\:tw-scale-110:hover{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .lg\:hover\:tw-scale-125:hover{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .lg\:hover\:tw-scale-150:hover{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .lg\:hover\:tw-scale-x-0:hover{
    --transform-scale-x: 0;
  }

  .lg\:hover\:tw-scale-x-50:hover{
    --transform-scale-x: .5;
  }

  .lg\:hover\:tw-scale-x-75:hover{
    --transform-scale-x: .75;
  }

  .lg\:hover\:tw-scale-x-90:hover{
    --transform-scale-x: .9;
  }

  .lg\:hover\:tw-scale-x-95:hover{
    --transform-scale-x: .95;
  }

  .lg\:hover\:tw-scale-x-100:hover{
    --transform-scale-x: 1;
  }

  .lg\:hover\:tw-scale-x-105:hover{
    --transform-scale-x: 1.05;
  }

  .lg\:hover\:tw-scale-x-110:hover{
    --transform-scale-x: 1.1;
  }

  .lg\:hover\:tw-scale-x-125:hover{
    --transform-scale-x: 1.25;
  }

  .lg\:hover\:tw-scale-x-150:hover{
    --transform-scale-x: 1.5;
  }

  .lg\:hover\:tw-scale-y-0:hover{
    --transform-scale-y: 0;
  }

  .lg\:hover\:tw-scale-y-50:hover{
    --transform-scale-y: .5;
  }

  .lg\:hover\:tw-scale-y-75:hover{
    --transform-scale-y: .75;
  }

  .lg\:hover\:tw-scale-y-90:hover{
    --transform-scale-y: .9;
  }

  .lg\:hover\:tw-scale-y-95:hover{
    --transform-scale-y: .95;
  }

  .lg\:hover\:tw-scale-y-100:hover{
    --transform-scale-y: 1;
  }

  .lg\:hover\:tw-scale-y-105:hover{
    --transform-scale-y: 1.05;
  }

  .lg\:hover\:tw-scale-y-110:hover{
    --transform-scale-y: 1.1;
  }

  .lg\:hover\:tw-scale-y-125:hover{
    --transform-scale-y: 1.25;
  }

  .lg\:hover\:tw-scale-y-150:hover{
    --transform-scale-y: 1.5;
  }

  .lg\:focus\:tw-scale-0:focus{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .lg\:focus\:tw-scale-50:focus{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .lg\:focus\:tw-scale-75:focus{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .lg\:focus\:tw-scale-90:focus{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .lg\:focus\:tw-scale-95:focus{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .lg\:focus\:tw-scale-100:focus{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .lg\:focus\:tw-scale-105:focus{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .lg\:focus\:tw-scale-110:focus{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .lg\:focus\:tw-scale-125:focus{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .lg\:focus\:tw-scale-150:focus{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .lg\:focus\:tw-scale-x-0:focus{
    --transform-scale-x: 0;
  }

  .lg\:focus\:tw-scale-x-50:focus{
    --transform-scale-x: .5;
  }

  .lg\:focus\:tw-scale-x-75:focus{
    --transform-scale-x: .75;
  }

  .lg\:focus\:tw-scale-x-90:focus{
    --transform-scale-x: .9;
  }

  .lg\:focus\:tw-scale-x-95:focus{
    --transform-scale-x: .95;
  }

  .lg\:focus\:tw-scale-x-100:focus{
    --transform-scale-x: 1;
  }

  .lg\:focus\:tw-scale-x-105:focus{
    --transform-scale-x: 1.05;
  }

  .lg\:focus\:tw-scale-x-110:focus{
    --transform-scale-x: 1.1;
  }

  .lg\:focus\:tw-scale-x-125:focus{
    --transform-scale-x: 1.25;
  }

  .lg\:focus\:tw-scale-x-150:focus{
    --transform-scale-x: 1.5;
  }

  .lg\:focus\:tw-scale-y-0:focus{
    --transform-scale-y: 0;
  }

  .lg\:focus\:tw-scale-y-50:focus{
    --transform-scale-y: .5;
  }

  .lg\:focus\:tw-scale-y-75:focus{
    --transform-scale-y: .75;
  }

  .lg\:focus\:tw-scale-y-90:focus{
    --transform-scale-y: .9;
  }

  .lg\:focus\:tw-scale-y-95:focus{
    --transform-scale-y: .95;
  }

  .lg\:focus\:tw-scale-y-100:focus{
    --transform-scale-y: 1;
  }

  .lg\:focus\:tw-scale-y-105:focus{
    --transform-scale-y: 1.05;
  }

  .lg\:focus\:tw-scale-y-110:focus{
    --transform-scale-y: 1.1;
  }

  .lg\:focus\:tw-scale-y-125:focus{
    --transform-scale-y: 1.25;
  }

  .lg\:focus\:tw-scale-y-150:focus{
    --transform-scale-y: 1.5;
  }

  .lg\:tw-rotate-0{
    --transform-rotate: 0;
  }

  .lg\:tw-rotate-1{
    --transform-rotate: 1deg;
  }

  .lg\:tw-rotate-2{
    --transform-rotate: 2deg;
  }

  .lg\:tw-rotate-3{
    --transform-rotate: 3deg;
  }

  .lg\:tw-rotate-6{
    --transform-rotate: 6deg;
  }

  .lg\:tw-rotate-12{
    --transform-rotate: 12deg;
  }

  .lg\:tw-rotate-45{
    --transform-rotate: 45deg;
  }

  .lg\:tw-rotate-90{
    --transform-rotate: 90deg;
  }

  .lg\:tw-rotate-180{
    --transform-rotate: 180deg;
  }

  .lg\:tw--rotate-180{
    --transform-rotate: -180deg;
  }

  .lg\:tw--rotate-90{
    --transform-rotate: -90deg;
  }

  .lg\:tw--rotate-45{
    --transform-rotate: -45deg;
  }

  .lg\:tw--rotate-12{
    --transform-rotate: -12deg;
  }

  .lg\:tw--rotate-6{
    --transform-rotate: -6deg;
  }

  .lg\:tw--rotate-3{
    --transform-rotate: -3deg;
  }

  .lg\:tw--rotate-2{
    --transform-rotate: -2deg;
  }

  .lg\:tw--rotate-1{
    --transform-rotate: -1deg;
  }

  .lg\:hover\:tw-rotate-0:hover{
    --transform-rotate: 0;
  }

  .lg\:hover\:tw-rotate-1:hover{
    --transform-rotate: 1deg;
  }

  .lg\:hover\:tw-rotate-2:hover{
    --transform-rotate: 2deg;
  }

  .lg\:hover\:tw-rotate-3:hover{
    --transform-rotate: 3deg;
  }

  .lg\:hover\:tw-rotate-6:hover{
    --transform-rotate: 6deg;
  }

  .lg\:hover\:tw-rotate-12:hover{
    --transform-rotate: 12deg;
  }

  .lg\:hover\:tw-rotate-45:hover{
    --transform-rotate: 45deg;
  }

  .lg\:hover\:tw-rotate-90:hover{
    --transform-rotate: 90deg;
  }

  .lg\:hover\:tw-rotate-180:hover{
    --transform-rotate: 180deg;
  }

  .lg\:hover\:tw--rotate-180:hover{
    --transform-rotate: -180deg;
  }

  .lg\:hover\:tw--rotate-90:hover{
    --transform-rotate: -90deg;
  }

  .lg\:hover\:tw--rotate-45:hover{
    --transform-rotate: -45deg;
  }

  .lg\:hover\:tw--rotate-12:hover{
    --transform-rotate: -12deg;
  }

  .lg\:hover\:tw--rotate-6:hover{
    --transform-rotate: -6deg;
  }

  .lg\:hover\:tw--rotate-3:hover{
    --transform-rotate: -3deg;
  }

  .lg\:hover\:tw--rotate-2:hover{
    --transform-rotate: -2deg;
  }

  .lg\:hover\:tw--rotate-1:hover{
    --transform-rotate: -1deg;
  }

  .lg\:focus\:tw-rotate-0:focus{
    --transform-rotate: 0;
  }

  .lg\:focus\:tw-rotate-1:focus{
    --transform-rotate: 1deg;
  }

  .lg\:focus\:tw-rotate-2:focus{
    --transform-rotate: 2deg;
  }

  .lg\:focus\:tw-rotate-3:focus{
    --transform-rotate: 3deg;
  }

  .lg\:focus\:tw-rotate-6:focus{
    --transform-rotate: 6deg;
  }

  .lg\:focus\:tw-rotate-12:focus{
    --transform-rotate: 12deg;
  }

  .lg\:focus\:tw-rotate-45:focus{
    --transform-rotate: 45deg;
  }

  .lg\:focus\:tw-rotate-90:focus{
    --transform-rotate: 90deg;
  }

  .lg\:focus\:tw-rotate-180:focus{
    --transform-rotate: 180deg;
  }

  .lg\:focus\:tw--rotate-180:focus{
    --transform-rotate: -180deg;
  }

  .lg\:focus\:tw--rotate-90:focus{
    --transform-rotate: -90deg;
  }

  .lg\:focus\:tw--rotate-45:focus{
    --transform-rotate: -45deg;
  }

  .lg\:focus\:tw--rotate-12:focus{
    --transform-rotate: -12deg;
  }

  .lg\:focus\:tw--rotate-6:focus{
    --transform-rotate: -6deg;
  }

  .lg\:focus\:tw--rotate-3:focus{
    --transform-rotate: -3deg;
  }

  .lg\:focus\:tw--rotate-2:focus{
    --transform-rotate: -2deg;
  }

  .lg\:focus\:tw--rotate-1:focus{
    --transform-rotate: -1deg;
  }

  .lg\:tw-translate-x-0{
    --transform-translate-x: 0;
  }

  .lg\:tw-translate-x-1{
    --transform-translate-x: 0.25rem;
  }

  .lg\:tw-translate-x-2{
    --transform-translate-x: 0.5rem;
  }

  .lg\:tw-translate-x-3{
    --transform-translate-x: 0.75rem;
  }

  .lg\:tw-translate-x-4{
    --transform-translate-x: 1rem;
  }

  .lg\:tw-translate-x-5{
    --transform-translate-x: 1.25rem;
  }

  .lg\:tw-translate-x-6{
    --transform-translate-x: 1.5rem;
  }

  .lg\:tw-translate-x-8{
    --transform-translate-x: 2rem;
  }

  .lg\:tw-translate-x-10{
    --transform-translate-x: 2.5rem;
  }

  .lg\:tw-translate-x-12{
    --transform-translate-x: 3rem;
  }

  .lg\:tw-translate-x-16{
    --transform-translate-x: 4rem;
  }

  .lg\:tw-translate-x-20{
    --transform-translate-x: 5rem;
  }

  .lg\:tw-translate-x-24{
    --transform-translate-x: 6rem;
  }

  .lg\:tw-translate-x-32{
    --transform-translate-x: 8rem;
  }

  .lg\:tw-translate-x-40{
    --transform-translate-x: 10rem;
  }

  .lg\:tw-translate-x-48{
    --transform-translate-x: 12rem;
  }

  .lg\:tw-translate-x-56{
    --transform-translate-x: 14rem;
  }

  .lg\:tw-translate-x-64{
    --transform-translate-x: 16rem;
  }

  .lg\:tw-translate-x-px{
    --transform-translate-x: 1px;
  }

  .lg\:tw--translate-x-1{
    --transform-translate-x: -0.25rem;
  }

  .lg\:tw--translate-x-2{
    --transform-translate-x: -0.5rem;
  }

  .lg\:tw--translate-x-3{
    --transform-translate-x: -0.75rem;
  }

  .lg\:tw--translate-x-4{
    --transform-translate-x: -1rem;
  }

  .lg\:tw--translate-x-5{
    --transform-translate-x: -1.25rem;
  }

  .lg\:tw--translate-x-6{
    --transform-translate-x: -1.5rem;
  }

  .lg\:tw--translate-x-8{
    --transform-translate-x: -2rem;
  }

  .lg\:tw--translate-x-10{
    --transform-translate-x: -2.5rem;
  }

  .lg\:tw--translate-x-12{
    --transform-translate-x: -3rem;
  }

  .lg\:tw--translate-x-16{
    --transform-translate-x: -4rem;
  }

  .lg\:tw--translate-x-20{
    --transform-translate-x: -5rem;
  }

  .lg\:tw--translate-x-24{
    --transform-translate-x: -6rem;
  }

  .lg\:tw--translate-x-32{
    --transform-translate-x: -8rem;
  }

  .lg\:tw--translate-x-40{
    --transform-translate-x: -10rem;
  }

  .lg\:tw--translate-x-48{
    --transform-translate-x: -12rem;
  }

  .lg\:tw--translate-x-56{
    --transform-translate-x: -14rem;
  }

  .lg\:tw--translate-x-64{
    --transform-translate-x: -16rem;
  }

  .lg\:tw--translate-x-px{
    --transform-translate-x: -1px;
  }

  .lg\:tw--translate-x-full{
    --transform-translate-x: -100%;
  }

  .lg\:tw--translate-x-1\/2{
    --transform-translate-x: -50%;
  }

  .lg\:tw-translate-x-1\/2{
    --transform-translate-x: 50%;
  }

  .lg\:tw-translate-x-full{
    --transform-translate-x: 100%;
  }

  .lg\:tw-translate-y-0{
    --transform-translate-y: 0;
  }

  .lg\:tw-translate-y-1{
    --transform-translate-y: 0.25rem;
  }

  .lg\:tw-translate-y-2{
    --transform-translate-y: 0.5rem;
  }

  .lg\:tw-translate-y-3{
    --transform-translate-y: 0.75rem;
  }

  .lg\:tw-translate-y-4{
    --transform-translate-y: 1rem;
  }

  .lg\:tw-translate-y-5{
    --transform-translate-y: 1.25rem;
  }

  .lg\:tw-translate-y-6{
    --transform-translate-y: 1.5rem;
  }

  .lg\:tw-translate-y-8{
    --transform-translate-y: 2rem;
  }

  .lg\:tw-translate-y-10{
    --transform-translate-y: 2.5rem;
  }

  .lg\:tw-translate-y-12{
    --transform-translate-y: 3rem;
  }

  .lg\:tw-translate-y-16{
    --transform-translate-y: 4rem;
  }

  .lg\:tw-translate-y-20{
    --transform-translate-y: 5rem;
  }

  .lg\:tw-translate-y-24{
    --transform-translate-y: 6rem;
  }

  .lg\:tw-translate-y-32{
    --transform-translate-y: 8rem;
  }

  .lg\:tw-translate-y-40{
    --transform-translate-y: 10rem;
  }

  .lg\:tw-translate-y-48{
    --transform-translate-y: 12rem;
  }

  .lg\:tw-translate-y-56{
    --transform-translate-y: 14rem;
  }

  .lg\:tw-translate-y-64{
    --transform-translate-y: 16rem;
  }

  .lg\:tw-translate-y-px{
    --transform-translate-y: 1px;
  }

  .lg\:tw--translate-y-1{
    --transform-translate-y: -0.25rem;
  }

  .lg\:tw--translate-y-2{
    --transform-translate-y: -0.5rem;
  }

  .lg\:tw--translate-y-3{
    --transform-translate-y: -0.75rem;
  }

  .lg\:tw--translate-y-4{
    --transform-translate-y: -1rem;
  }

  .lg\:tw--translate-y-5{
    --transform-translate-y: -1.25rem;
  }

  .lg\:tw--translate-y-6{
    --transform-translate-y: -1.5rem;
  }

  .lg\:tw--translate-y-8{
    --transform-translate-y: -2rem;
  }

  .lg\:tw--translate-y-10{
    --transform-translate-y: -2.5rem;
  }

  .lg\:tw--translate-y-12{
    --transform-translate-y: -3rem;
  }

  .lg\:tw--translate-y-16{
    --transform-translate-y: -4rem;
  }

  .lg\:tw--translate-y-20{
    --transform-translate-y: -5rem;
  }

  .lg\:tw--translate-y-24{
    --transform-translate-y: -6rem;
  }

  .lg\:tw--translate-y-32{
    --transform-translate-y: -8rem;
  }

  .lg\:tw--translate-y-40{
    --transform-translate-y: -10rem;
  }

  .lg\:tw--translate-y-48{
    --transform-translate-y: -12rem;
  }

  .lg\:tw--translate-y-56{
    --transform-translate-y: -14rem;
  }

  .lg\:tw--translate-y-64{
    --transform-translate-y: -16rem;
  }

  .lg\:tw--translate-y-px{
    --transform-translate-y: -1px;
  }

  .lg\:tw--translate-y-full{
    --transform-translate-y: -100%;
  }

  .lg\:tw--translate-y-1\/2{
    --transform-translate-y: -50%;
  }

  .lg\:tw-translate-y-1\/2{
    --transform-translate-y: 50%;
  }

  .lg\:tw-translate-y-full{
    --transform-translate-y: 100%;
  }

  .lg\:hover\:tw-translate-x-0:hover{
    --transform-translate-x: 0;
  }

  .lg\:hover\:tw-translate-x-1:hover{
    --transform-translate-x: 0.25rem;
  }

  .lg\:hover\:tw-translate-x-2:hover{
    --transform-translate-x: 0.5rem;
  }

  .lg\:hover\:tw-translate-x-3:hover{
    --transform-translate-x: 0.75rem;
  }

  .lg\:hover\:tw-translate-x-4:hover{
    --transform-translate-x: 1rem;
  }

  .lg\:hover\:tw-translate-x-5:hover{
    --transform-translate-x: 1.25rem;
  }

  .lg\:hover\:tw-translate-x-6:hover{
    --transform-translate-x: 1.5rem;
  }

  .lg\:hover\:tw-translate-x-8:hover{
    --transform-translate-x: 2rem;
  }

  .lg\:hover\:tw-translate-x-10:hover{
    --transform-translate-x: 2.5rem;
  }

  .lg\:hover\:tw-translate-x-12:hover{
    --transform-translate-x: 3rem;
  }

  .lg\:hover\:tw-translate-x-16:hover{
    --transform-translate-x: 4rem;
  }

  .lg\:hover\:tw-translate-x-20:hover{
    --transform-translate-x: 5rem;
  }

  .lg\:hover\:tw-translate-x-24:hover{
    --transform-translate-x: 6rem;
  }

  .lg\:hover\:tw-translate-x-32:hover{
    --transform-translate-x: 8rem;
  }

  .lg\:hover\:tw-translate-x-40:hover{
    --transform-translate-x: 10rem;
  }

  .lg\:hover\:tw-translate-x-48:hover{
    --transform-translate-x: 12rem;
  }

  .lg\:hover\:tw-translate-x-56:hover{
    --transform-translate-x: 14rem;
  }

  .lg\:hover\:tw-translate-x-64:hover{
    --transform-translate-x: 16rem;
  }

  .lg\:hover\:tw-translate-x-px:hover{
    --transform-translate-x: 1px;
  }

  .lg\:hover\:tw--translate-x-1:hover{
    --transform-translate-x: -0.25rem;
  }

  .lg\:hover\:tw--translate-x-2:hover{
    --transform-translate-x: -0.5rem;
  }

  .lg\:hover\:tw--translate-x-3:hover{
    --transform-translate-x: -0.75rem;
  }

  .lg\:hover\:tw--translate-x-4:hover{
    --transform-translate-x: -1rem;
  }

  .lg\:hover\:tw--translate-x-5:hover{
    --transform-translate-x: -1.25rem;
  }

  .lg\:hover\:tw--translate-x-6:hover{
    --transform-translate-x: -1.5rem;
  }

  .lg\:hover\:tw--translate-x-8:hover{
    --transform-translate-x: -2rem;
  }

  .lg\:hover\:tw--translate-x-10:hover{
    --transform-translate-x: -2.5rem;
  }

  .lg\:hover\:tw--translate-x-12:hover{
    --transform-translate-x: -3rem;
  }

  .lg\:hover\:tw--translate-x-16:hover{
    --transform-translate-x: -4rem;
  }

  .lg\:hover\:tw--translate-x-20:hover{
    --transform-translate-x: -5rem;
  }

  .lg\:hover\:tw--translate-x-24:hover{
    --transform-translate-x: -6rem;
  }

  .lg\:hover\:tw--translate-x-32:hover{
    --transform-translate-x: -8rem;
  }

  .lg\:hover\:tw--translate-x-40:hover{
    --transform-translate-x: -10rem;
  }

  .lg\:hover\:tw--translate-x-48:hover{
    --transform-translate-x: -12rem;
  }

  .lg\:hover\:tw--translate-x-56:hover{
    --transform-translate-x: -14rem;
  }

  .lg\:hover\:tw--translate-x-64:hover{
    --transform-translate-x: -16rem;
  }

  .lg\:hover\:tw--translate-x-px:hover{
    --transform-translate-x: -1px;
  }

  .lg\:hover\:tw--translate-x-full:hover{
    --transform-translate-x: -100%;
  }

  .lg\:hover\:tw--translate-x-1\/2:hover{
    --transform-translate-x: -50%;
  }

  .lg\:hover\:tw-translate-x-1\/2:hover{
    --transform-translate-x: 50%;
  }

  .lg\:hover\:tw-translate-x-full:hover{
    --transform-translate-x: 100%;
  }

  .lg\:hover\:tw-translate-y-0:hover{
    --transform-translate-y: 0;
  }

  .lg\:hover\:tw-translate-y-1:hover{
    --transform-translate-y: 0.25rem;
  }

  .lg\:hover\:tw-translate-y-2:hover{
    --transform-translate-y: 0.5rem;
  }

  .lg\:hover\:tw-translate-y-3:hover{
    --transform-translate-y: 0.75rem;
  }

  .lg\:hover\:tw-translate-y-4:hover{
    --transform-translate-y: 1rem;
  }

  .lg\:hover\:tw-translate-y-5:hover{
    --transform-translate-y: 1.25rem;
  }

  .lg\:hover\:tw-translate-y-6:hover{
    --transform-translate-y: 1.5rem;
  }

  .lg\:hover\:tw-translate-y-8:hover{
    --transform-translate-y: 2rem;
  }

  .lg\:hover\:tw-translate-y-10:hover{
    --transform-translate-y: 2.5rem;
  }

  .lg\:hover\:tw-translate-y-12:hover{
    --transform-translate-y: 3rem;
  }

  .lg\:hover\:tw-translate-y-16:hover{
    --transform-translate-y: 4rem;
  }

  .lg\:hover\:tw-translate-y-20:hover{
    --transform-translate-y: 5rem;
  }

  .lg\:hover\:tw-translate-y-24:hover{
    --transform-translate-y: 6rem;
  }

  .lg\:hover\:tw-translate-y-32:hover{
    --transform-translate-y: 8rem;
  }

  .lg\:hover\:tw-translate-y-40:hover{
    --transform-translate-y: 10rem;
  }

  .lg\:hover\:tw-translate-y-48:hover{
    --transform-translate-y: 12rem;
  }

  .lg\:hover\:tw-translate-y-56:hover{
    --transform-translate-y: 14rem;
  }

  .lg\:hover\:tw-translate-y-64:hover{
    --transform-translate-y: 16rem;
  }

  .lg\:hover\:tw-translate-y-px:hover{
    --transform-translate-y: 1px;
  }

  .lg\:hover\:tw--translate-y-1:hover{
    --transform-translate-y: -0.25rem;
  }

  .lg\:hover\:tw--translate-y-2:hover{
    --transform-translate-y: -0.5rem;
  }

  .lg\:hover\:tw--translate-y-3:hover{
    --transform-translate-y: -0.75rem;
  }

  .lg\:hover\:tw--translate-y-4:hover{
    --transform-translate-y: -1rem;
  }

  .lg\:hover\:tw--translate-y-5:hover{
    --transform-translate-y: -1.25rem;
  }

  .lg\:hover\:tw--translate-y-6:hover{
    --transform-translate-y: -1.5rem;
  }

  .lg\:hover\:tw--translate-y-8:hover{
    --transform-translate-y: -2rem;
  }

  .lg\:hover\:tw--translate-y-10:hover{
    --transform-translate-y: -2.5rem;
  }

  .lg\:hover\:tw--translate-y-12:hover{
    --transform-translate-y: -3rem;
  }

  .lg\:hover\:tw--translate-y-16:hover{
    --transform-translate-y: -4rem;
  }

  .lg\:hover\:tw--translate-y-20:hover{
    --transform-translate-y: -5rem;
  }

  .lg\:hover\:tw--translate-y-24:hover{
    --transform-translate-y: -6rem;
  }

  .lg\:hover\:tw--translate-y-32:hover{
    --transform-translate-y: -8rem;
  }

  .lg\:hover\:tw--translate-y-40:hover{
    --transform-translate-y: -10rem;
  }

  .lg\:hover\:tw--translate-y-48:hover{
    --transform-translate-y: -12rem;
  }

  .lg\:hover\:tw--translate-y-56:hover{
    --transform-translate-y: -14rem;
  }

  .lg\:hover\:tw--translate-y-64:hover{
    --transform-translate-y: -16rem;
  }

  .lg\:hover\:tw--translate-y-px:hover{
    --transform-translate-y: -1px;
  }

  .lg\:hover\:tw--translate-y-full:hover{
    --transform-translate-y: -100%;
  }

  .lg\:hover\:tw--translate-y-1\/2:hover{
    --transform-translate-y: -50%;
  }

  .lg\:hover\:tw-translate-y-1\/2:hover{
    --transform-translate-y: 50%;
  }

  .lg\:hover\:tw-translate-y-full:hover{
    --transform-translate-y: 100%;
  }

  .lg\:focus\:tw-translate-x-0:focus{
    --transform-translate-x: 0;
  }

  .lg\:focus\:tw-translate-x-1:focus{
    --transform-translate-x: 0.25rem;
  }

  .lg\:focus\:tw-translate-x-2:focus{
    --transform-translate-x: 0.5rem;
  }

  .lg\:focus\:tw-translate-x-3:focus{
    --transform-translate-x: 0.75rem;
  }

  .lg\:focus\:tw-translate-x-4:focus{
    --transform-translate-x: 1rem;
  }

  .lg\:focus\:tw-translate-x-5:focus{
    --transform-translate-x: 1.25rem;
  }

  .lg\:focus\:tw-translate-x-6:focus{
    --transform-translate-x: 1.5rem;
  }

  .lg\:focus\:tw-translate-x-8:focus{
    --transform-translate-x: 2rem;
  }

  .lg\:focus\:tw-translate-x-10:focus{
    --transform-translate-x: 2.5rem;
  }

  .lg\:focus\:tw-translate-x-12:focus{
    --transform-translate-x: 3rem;
  }

  .lg\:focus\:tw-translate-x-16:focus{
    --transform-translate-x: 4rem;
  }

  .lg\:focus\:tw-translate-x-20:focus{
    --transform-translate-x: 5rem;
  }

  .lg\:focus\:tw-translate-x-24:focus{
    --transform-translate-x: 6rem;
  }

  .lg\:focus\:tw-translate-x-32:focus{
    --transform-translate-x: 8rem;
  }

  .lg\:focus\:tw-translate-x-40:focus{
    --transform-translate-x: 10rem;
  }

  .lg\:focus\:tw-translate-x-48:focus{
    --transform-translate-x: 12rem;
  }

  .lg\:focus\:tw-translate-x-56:focus{
    --transform-translate-x: 14rem;
  }

  .lg\:focus\:tw-translate-x-64:focus{
    --transform-translate-x: 16rem;
  }

  .lg\:focus\:tw-translate-x-px:focus{
    --transform-translate-x: 1px;
  }

  .lg\:focus\:tw--translate-x-1:focus{
    --transform-translate-x: -0.25rem;
  }

  .lg\:focus\:tw--translate-x-2:focus{
    --transform-translate-x: -0.5rem;
  }

  .lg\:focus\:tw--translate-x-3:focus{
    --transform-translate-x: -0.75rem;
  }

  .lg\:focus\:tw--translate-x-4:focus{
    --transform-translate-x: -1rem;
  }

  .lg\:focus\:tw--translate-x-5:focus{
    --transform-translate-x: -1.25rem;
  }

  .lg\:focus\:tw--translate-x-6:focus{
    --transform-translate-x: -1.5rem;
  }

  .lg\:focus\:tw--translate-x-8:focus{
    --transform-translate-x: -2rem;
  }

  .lg\:focus\:tw--translate-x-10:focus{
    --transform-translate-x: -2.5rem;
  }

  .lg\:focus\:tw--translate-x-12:focus{
    --transform-translate-x: -3rem;
  }

  .lg\:focus\:tw--translate-x-16:focus{
    --transform-translate-x: -4rem;
  }

  .lg\:focus\:tw--translate-x-20:focus{
    --transform-translate-x: -5rem;
  }

  .lg\:focus\:tw--translate-x-24:focus{
    --transform-translate-x: -6rem;
  }

  .lg\:focus\:tw--translate-x-32:focus{
    --transform-translate-x: -8rem;
  }

  .lg\:focus\:tw--translate-x-40:focus{
    --transform-translate-x: -10rem;
  }

  .lg\:focus\:tw--translate-x-48:focus{
    --transform-translate-x: -12rem;
  }

  .lg\:focus\:tw--translate-x-56:focus{
    --transform-translate-x: -14rem;
  }

  .lg\:focus\:tw--translate-x-64:focus{
    --transform-translate-x: -16rem;
  }

  .lg\:focus\:tw--translate-x-px:focus{
    --transform-translate-x: -1px;
  }

  .lg\:focus\:tw--translate-x-full:focus{
    --transform-translate-x: -100%;
  }

  .lg\:focus\:tw--translate-x-1\/2:focus{
    --transform-translate-x: -50%;
  }

  .lg\:focus\:tw-translate-x-1\/2:focus{
    --transform-translate-x: 50%;
  }

  .lg\:focus\:tw-translate-x-full:focus{
    --transform-translate-x: 100%;
  }

  .lg\:focus\:tw-translate-y-0:focus{
    --transform-translate-y: 0;
  }

  .lg\:focus\:tw-translate-y-1:focus{
    --transform-translate-y: 0.25rem;
  }

  .lg\:focus\:tw-translate-y-2:focus{
    --transform-translate-y: 0.5rem;
  }

  .lg\:focus\:tw-translate-y-3:focus{
    --transform-translate-y: 0.75rem;
  }

  .lg\:focus\:tw-translate-y-4:focus{
    --transform-translate-y: 1rem;
  }

  .lg\:focus\:tw-translate-y-5:focus{
    --transform-translate-y: 1.25rem;
  }

  .lg\:focus\:tw-translate-y-6:focus{
    --transform-translate-y: 1.5rem;
  }

  .lg\:focus\:tw-translate-y-8:focus{
    --transform-translate-y: 2rem;
  }

  .lg\:focus\:tw-translate-y-10:focus{
    --transform-translate-y: 2.5rem;
  }

  .lg\:focus\:tw-translate-y-12:focus{
    --transform-translate-y: 3rem;
  }

  .lg\:focus\:tw-translate-y-16:focus{
    --transform-translate-y: 4rem;
  }

  .lg\:focus\:tw-translate-y-20:focus{
    --transform-translate-y: 5rem;
  }

  .lg\:focus\:tw-translate-y-24:focus{
    --transform-translate-y: 6rem;
  }

  .lg\:focus\:tw-translate-y-32:focus{
    --transform-translate-y: 8rem;
  }

  .lg\:focus\:tw-translate-y-40:focus{
    --transform-translate-y: 10rem;
  }

  .lg\:focus\:tw-translate-y-48:focus{
    --transform-translate-y: 12rem;
  }

  .lg\:focus\:tw-translate-y-56:focus{
    --transform-translate-y: 14rem;
  }

  .lg\:focus\:tw-translate-y-64:focus{
    --transform-translate-y: 16rem;
  }

  .lg\:focus\:tw-translate-y-px:focus{
    --transform-translate-y: 1px;
  }

  .lg\:focus\:tw--translate-y-1:focus{
    --transform-translate-y: -0.25rem;
  }

  .lg\:focus\:tw--translate-y-2:focus{
    --transform-translate-y: -0.5rem;
  }

  .lg\:focus\:tw--translate-y-3:focus{
    --transform-translate-y: -0.75rem;
  }

  .lg\:focus\:tw--translate-y-4:focus{
    --transform-translate-y: -1rem;
  }

  .lg\:focus\:tw--translate-y-5:focus{
    --transform-translate-y: -1.25rem;
  }

  .lg\:focus\:tw--translate-y-6:focus{
    --transform-translate-y: -1.5rem;
  }

  .lg\:focus\:tw--translate-y-8:focus{
    --transform-translate-y: -2rem;
  }

  .lg\:focus\:tw--translate-y-10:focus{
    --transform-translate-y: -2.5rem;
  }

  .lg\:focus\:tw--translate-y-12:focus{
    --transform-translate-y: -3rem;
  }

  .lg\:focus\:tw--translate-y-16:focus{
    --transform-translate-y: -4rem;
  }

  .lg\:focus\:tw--translate-y-20:focus{
    --transform-translate-y: -5rem;
  }

  .lg\:focus\:tw--translate-y-24:focus{
    --transform-translate-y: -6rem;
  }

  .lg\:focus\:tw--translate-y-32:focus{
    --transform-translate-y: -8rem;
  }

  .lg\:focus\:tw--translate-y-40:focus{
    --transform-translate-y: -10rem;
  }

  .lg\:focus\:tw--translate-y-48:focus{
    --transform-translate-y: -12rem;
  }

  .lg\:focus\:tw--translate-y-56:focus{
    --transform-translate-y: -14rem;
  }

  .lg\:focus\:tw--translate-y-64:focus{
    --transform-translate-y: -16rem;
  }

  .lg\:focus\:tw--translate-y-px:focus{
    --transform-translate-y: -1px;
  }

  .lg\:focus\:tw--translate-y-full:focus{
    --transform-translate-y: -100%;
  }

  .lg\:focus\:tw--translate-y-1\/2:focus{
    --transform-translate-y: -50%;
  }

  .lg\:focus\:tw-translate-y-1\/2:focus{
    --transform-translate-y: 50%;
  }

  .lg\:focus\:tw-translate-y-full:focus{
    --transform-translate-y: 100%;
  }

  .lg\:tw-skew-x-0{
    --transform-skew-x: 0;
  }

  .lg\:tw-skew-x-1{
    --transform-skew-x: 1deg;
  }

  .lg\:tw-skew-x-2{
    --transform-skew-x: 2deg;
  }

  .lg\:tw-skew-x-3{
    --transform-skew-x: 3deg;
  }

  .lg\:tw-skew-x-6{
    --transform-skew-x: 6deg;
  }

  .lg\:tw-skew-x-12{
    --transform-skew-x: 12deg;
  }

  .lg\:tw--skew-x-12{
    --transform-skew-x: -12deg;
  }

  .lg\:tw--skew-x-6{
    --transform-skew-x: -6deg;
  }

  .lg\:tw--skew-x-3{
    --transform-skew-x: -3deg;
  }

  .lg\:tw--skew-x-2{
    --transform-skew-x: -2deg;
  }

  .lg\:tw--skew-x-1{
    --transform-skew-x: -1deg;
  }

  .lg\:tw-skew-y-0{
    --transform-skew-y: 0;
  }

  .lg\:tw-skew-y-1{
    --transform-skew-y: 1deg;
  }

  .lg\:tw-skew-y-2{
    --transform-skew-y: 2deg;
  }

  .lg\:tw-skew-y-3{
    --transform-skew-y: 3deg;
  }

  .lg\:tw-skew-y-6{
    --transform-skew-y: 6deg;
  }

  .lg\:tw-skew-y-12{
    --transform-skew-y: 12deg;
  }

  .lg\:tw--skew-y-12{
    --transform-skew-y: -12deg;
  }

  .lg\:tw--skew-y-6{
    --transform-skew-y: -6deg;
  }

  .lg\:tw--skew-y-3{
    --transform-skew-y: -3deg;
  }

  .lg\:tw--skew-y-2{
    --transform-skew-y: -2deg;
  }

  .lg\:tw--skew-y-1{
    --transform-skew-y: -1deg;
  }

  .lg\:hover\:tw-skew-x-0:hover{
    --transform-skew-x: 0;
  }

  .lg\:hover\:tw-skew-x-1:hover{
    --transform-skew-x: 1deg;
  }

  .lg\:hover\:tw-skew-x-2:hover{
    --transform-skew-x: 2deg;
  }

  .lg\:hover\:tw-skew-x-3:hover{
    --transform-skew-x: 3deg;
  }

  .lg\:hover\:tw-skew-x-6:hover{
    --transform-skew-x: 6deg;
  }

  .lg\:hover\:tw-skew-x-12:hover{
    --transform-skew-x: 12deg;
  }

  .lg\:hover\:tw--skew-x-12:hover{
    --transform-skew-x: -12deg;
  }

  .lg\:hover\:tw--skew-x-6:hover{
    --transform-skew-x: -6deg;
  }

  .lg\:hover\:tw--skew-x-3:hover{
    --transform-skew-x: -3deg;
  }

  .lg\:hover\:tw--skew-x-2:hover{
    --transform-skew-x: -2deg;
  }

  .lg\:hover\:tw--skew-x-1:hover{
    --transform-skew-x: -1deg;
  }

  .lg\:hover\:tw-skew-y-0:hover{
    --transform-skew-y: 0;
  }

  .lg\:hover\:tw-skew-y-1:hover{
    --transform-skew-y: 1deg;
  }

  .lg\:hover\:tw-skew-y-2:hover{
    --transform-skew-y: 2deg;
  }

  .lg\:hover\:tw-skew-y-3:hover{
    --transform-skew-y: 3deg;
  }

  .lg\:hover\:tw-skew-y-6:hover{
    --transform-skew-y: 6deg;
  }

  .lg\:hover\:tw-skew-y-12:hover{
    --transform-skew-y: 12deg;
  }

  .lg\:hover\:tw--skew-y-12:hover{
    --transform-skew-y: -12deg;
  }

  .lg\:hover\:tw--skew-y-6:hover{
    --transform-skew-y: -6deg;
  }

  .lg\:hover\:tw--skew-y-3:hover{
    --transform-skew-y: -3deg;
  }

  .lg\:hover\:tw--skew-y-2:hover{
    --transform-skew-y: -2deg;
  }

  .lg\:hover\:tw--skew-y-1:hover{
    --transform-skew-y: -1deg;
  }

  .lg\:focus\:tw-skew-x-0:focus{
    --transform-skew-x: 0;
  }

  .lg\:focus\:tw-skew-x-1:focus{
    --transform-skew-x: 1deg;
  }

  .lg\:focus\:tw-skew-x-2:focus{
    --transform-skew-x: 2deg;
  }

  .lg\:focus\:tw-skew-x-3:focus{
    --transform-skew-x: 3deg;
  }

  .lg\:focus\:tw-skew-x-6:focus{
    --transform-skew-x: 6deg;
  }

  .lg\:focus\:tw-skew-x-12:focus{
    --transform-skew-x: 12deg;
  }

  .lg\:focus\:tw--skew-x-12:focus{
    --transform-skew-x: -12deg;
  }

  .lg\:focus\:tw--skew-x-6:focus{
    --transform-skew-x: -6deg;
  }

  .lg\:focus\:tw--skew-x-3:focus{
    --transform-skew-x: -3deg;
  }

  .lg\:focus\:tw--skew-x-2:focus{
    --transform-skew-x: -2deg;
  }

  .lg\:focus\:tw--skew-x-1:focus{
    --transform-skew-x: -1deg;
  }

  .lg\:focus\:tw-skew-y-0:focus{
    --transform-skew-y: 0;
  }

  .lg\:focus\:tw-skew-y-1:focus{
    --transform-skew-y: 1deg;
  }

  .lg\:focus\:tw-skew-y-2:focus{
    --transform-skew-y: 2deg;
  }

  .lg\:focus\:tw-skew-y-3:focus{
    --transform-skew-y: 3deg;
  }

  .lg\:focus\:tw-skew-y-6:focus{
    --transform-skew-y: 6deg;
  }

  .lg\:focus\:tw-skew-y-12:focus{
    --transform-skew-y: 12deg;
  }

  .lg\:focus\:tw--skew-y-12:focus{
    --transform-skew-y: -12deg;
  }

  .lg\:focus\:tw--skew-y-6:focus{
    --transform-skew-y: -6deg;
  }

  .lg\:focus\:tw--skew-y-3:focus{
    --transform-skew-y: -3deg;
  }

  .lg\:focus\:tw--skew-y-2:focus{
    --transform-skew-y: -2deg;
  }

  .lg\:focus\:tw--skew-y-1:focus{
    --transform-skew-y: -1deg;
  }

  .lg\:tw-transition-none{
    transition-property: none;
  }

  .lg\:tw-transition-all{
    transition-property: all;
  }

  .lg\:tw-transition{
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .lg\:tw-transition-colors{
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .lg\:tw-transition-opacity{
    transition-property: opacity;
  }

  .lg\:tw-transition-shadow{
    transition-property: box-shadow;
  }

  .lg\:tw-transition-transform{
    transition-property: transform;
  }

  .lg\:tw-ease-linear{
    transition-timing-function: linear;
  }

  .lg\:tw-ease-in{
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .lg\:tw-ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .lg\:tw-ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .lg\:tw-duration-75{
    transition-duration: 75ms;
  }

  .lg\:tw-duration-100{
    transition-duration: 100ms;
  }

  .lg\:tw-duration-150{
    transition-duration: 150ms;
  }

  .lg\:tw-duration-200{
    transition-duration: 200ms;
  }

  .lg\:tw-duration-300{
    transition-duration: 300ms;
  }

  .lg\:tw-duration-500{
    transition-duration: 500ms;
  }

  .lg\:tw-duration-700{
    transition-duration: 700ms;
  }

  .lg\:tw-duration-1000{
    transition-duration: 1000ms;
  }

  .lg\:tw-delay-75{
    transition-delay: 75ms;
  }

  .lg\:tw-delay-100{
    transition-delay: 100ms;
  }

  .lg\:tw-delay-150{
    transition-delay: 150ms;
  }

  .lg\:tw-delay-200{
    transition-delay: 200ms;
  }

  .lg\:tw-delay-300{
    transition-delay: 300ms;
  }

  .lg\:tw-delay-500{
    transition-delay: 500ms;
  }

  .lg\:tw-delay-700{
    transition-delay: 700ms;
  }

  .lg\:tw-delay-1000{
    transition-delay: 1000ms;
  }

  .lg\:tw-animate-none{
    -webkit-animation: none;
            animation: none;
  }

  .lg\:tw-animate-spin{
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }

  .lg\:tw-animate-ping{
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .lg\:tw-animate-pulse{
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .lg\:tw-animate-bounce{
    -webkit-animation: bounce 1s infinite;
            animation: bounce 1s infinite;
  }
}

@media (min-width: 1280px){
  .xl\:tw-container{
    width: 100%;
  }

  @media (min-width: 640px){
    .xl\:tw-container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .xl\:tw-container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .xl\:tw-container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .xl\:tw-container{
      max-width: 1280px;
    }
  }

  .xl\:tw-space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .xl\:tw-space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .xl\:tw-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .xl\:tw-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .xl\:tw--space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw--space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .xl\:tw--space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .xl\:tw-space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1;
  }

  .xl\:tw-space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1;
  }

  .xl\:tw-divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .xl\:tw-divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:tw-divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .xl\:tw-divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:tw-divide-y-3 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(3px * var(--divide-y-reverse));
  }

  .xl\:tw-divide-x-3 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(3px * var(--divide-x-reverse));
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:tw-divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .xl\:tw-divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:tw-divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .xl\:tw-divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:tw-divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .xl\:tw-divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:tw-divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1;
  }

  .xl\:tw-divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1;
  }

  .xl\:tw-divide-transparent > :not(template) ~ :not(template){
    border-color: transparent;
  }

  .xl\:tw-divide-current > :not(template) ~ :not(template){
    border-color: currentColor;
  }

  .xl\:tw-divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  .xl\:tw-divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .xl\:tw-divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--divide-opacity));
  }

  .xl\:tw-divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--divide-opacity));
  }

  .xl\:tw-divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--divide-opacity));
  }

  .xl\:tw-divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--divide-opacity));
  }

  .xl\:tw-divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--divide-opacity));
  }

  .xl\:tw-divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--divide-opacity));
  }

  .xl\:tw-divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--divide-opacity));
  }

  .xl\:tw-divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--divide-opacity));
  }

  .xl\:tw-divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--divide-opacity));
  }

  .xl\:tw-divide-red-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--divide-opacity));
  }

  .xl\:tw-divide-red-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--divide-opacity));
  }

  .xl\:tw-divide-red-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--divide-opacity));
  }

  .xl\:tw-divide-red-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--divide-opacity));
  }

  .xl\:tw-divide-red-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--divide-opacity));
  }

  .xl\:tw-divide-red-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--divide-opacity));
  }

  .xl\:tw-divide-red-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--divide-opacity));
  }

  .xl\:tw-divide-red-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--divide-opacity));
  }

  .xl\:tw-divide-red-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--divide-opacity));
  }

  .xl\:tw-divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--divide-opacity));
  }

  .xl\:tw-divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--divide-opacity));
  }

  .xl\:tw-divide-orange-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--divide-opacity));
  }

  .xl\:tw-divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--divide-opacity));
  }

  .xl\:tw-divide-orange-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--divide-opacity));
  }

  .xl\:tw-divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--divide-opacity));
  }

  .xl\:tw-divide-orange-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--divide-opacity));
  }

  .xl\:tw-divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--divide-opacity));
  }

  .xl\:tw-divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--divide-opacity));
  }

  .xl\:tw-divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--divide-opacity));
  }

  .xl\:tw-divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--divide-opacity));
  }

  .xl\:tw-divide-yellow-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--divide-opacity));
  }

  .xl\:tw-divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--divide-opacity));
  }

  .xl\:tw-divide-yellow-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--divide-opacity));
  }

  .xl\:tw-divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--divide-opacity));
  }

  .xl\:tw-divide-yellow-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--divide-opacity));
  }

  .xl\:tw-divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--divide-opacity));
  }

  .xl\:tw-divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--divide-opacity));
  }

  .xl\:tw-divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--divide-opacity));
  }

  .xl\:tw-divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--divide-opacity));
  }

  .xl\:tw-divide-green-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--divide-opacity));
  }

  .xl\:tw-divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--divide-opacity));
  }

  .xl\:tw-divide-green-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--divide-opacity));
  }

  .xl\:tw-divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--divide-opacity));
  }

  .xl\:tw-divide-green-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--divide-opacity));
  }

  .xl\:tw-divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--divide-opacity));
  }

  .xl\:tw-divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--divide-opacity));
  }

  .xl\:tw-divide-teal-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--divide-opacity));
  }

  .xl\:tw-divide-teal-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--divide-opacity));
  }

  .xl\:tw-divide-teal-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--divide-opacity));
  }

  .xl\:tw-divide-teal-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--divide-opacity));
  }

  .xl\:tw-divide-teal-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--divide-opacity));
  }

  .xl\:tw-divide-teal-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--divide-opacity));
  }

  .xl\:tw-divide-teal-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--divide-opacity));
  }

  .xl\:tw-divide-teal-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--divide-opacity));
  }

  .xl\:tw-divide-teal-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--divide-opacity));
  }

  .xl\:tw-divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--divide-opacity));
  }

  .xl\:tw-divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--divide-opacity));
  }

  .xl\:tw-divide-blue-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--divide-opacity));
  }

  .xl\:tw-divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--divide-opacity));
  }

  .xl\:tw-divide-blue-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--divide-opacity));
  }

  .xl\:tw-divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--divide-opacity));
  }

  .xl\:tw-divide-blue-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--divide-opacity));
  }

  .xl\:tw-divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--divide-opacity));
  }

  .xl\:tw-divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--divide-opacity));
  }

  .xl\:tw-divide-indigo-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--divide-opacity));
  }

  .xl\:tw-divide-indigo-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--divide-opacity));
  }

  .xl\:tw-divide-indigo-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--divide-opacity));
  }

  .xl\:tw-divide-indigo-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--divide-opacity));
  }

  .xl\:tw-divide-indigo-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--divide-opacity));
  }

  .xl\:tw-divide-indigo-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--divide-opacity));
  }

  .xl\:tw-divide-indigo-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--divide-opacity));
  }

  .xl\:tw-divide-indigo-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--divide-opacity));
  }

  .xl\:tw-divide-indigo-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--divide-opacity));
  }

  .xl\:tw-divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--divide-opacity));
  }

  .xl\:tw-divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--divide-opacity));
  }

  .xl\:tw-divide-purple-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--divide-opacity));
  }

  .xl\:tw-divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--divide-opacity));
  }

  .xl\:tw-divide-purple-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--divide-opacity));
  }

  .xl\:tw-divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--divide-opacity));
  }

  .xl\:tw-divide-purple-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--divide-opacity));
  }

  .xl\:tw-divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--divide-opacity));
  }

  .xl\:tw-divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--divide-opacity));
  }

  .xl\:tw-divide-pink-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--divide-opacity));
  }

  .xl\:tw-divide-pink-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--divide-opacity));
  }

  .xl\:tw-divide-pink-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--divide-opacity));
  }

  .xl\:tw-divide-pink-400 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--divide-opacity));
  }

  .xl\:tw-divide-pink-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--divide-opacity));
  }

  .xl\:tw-divide-pink-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--divide-opacity));
  }

  .xl\:tw-divide-pink-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--divide-opacity));
  }

  .xl\:tw-divide-pink-800 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--divide-opacity));
  }

  .xl\:tw-divide-pink-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--divide-opacity));
  }

  .xl\:tw-divide-primary-blue > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--divide-opacity));
  }

  .xl\:tw-divide-primary-blue-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--divide-opacity));
  }

  .xl\:tw-divide-primary-white > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .xl\:tw-divide-font-0 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--divide-opacity));
  }

  .xl\:tw-divide-font-1 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--divide-opacity));
  }

  .xl\:tw-divide-font-5 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--divide-opacity));
  }

  .xl\:tw-divide-font-10 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--divide-opacity));
  }

  .xl\:tw-divide-font-50 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--divide-opacity));
  }

  .xl\:tw-divide-font-70 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--divide-opacity));
  }

  .xl\:tw-divide-solid > :not(template) ~ :not(template){
    border-style: solid;
  }

  .xl\:tw-divide-dashed > :not(template) ~ :not(template){
    border-style: dashed;
  }

  .xl\:tw-divide-dotted > :not(template) ~ :not(template){
    border-style: dotted;
  }

  .xl\:tw-divide-double > :not(template) ~ :not(template){
    border-style: double;
  }

  .xl\:tw-divide-none > :not(template) ~ :not(template){
    border-style: none;
  }

  .xl\:tw-divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0;
  }

  .xl\:tw-divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25;
  }

  .xl\:tw-divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5;
  }

  .xl\:tw-divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75;
  }

  .xl\:tw-divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
  }

  .xl\:tw-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .xl\:tw-not-sr-only{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xl\:focus\:tw-sr-only:focus{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .xl\:focus\:tw-not-sr-only:focus{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xl\:tw-appearance-none{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .xl\:tw-bg-fixed{
    background-attachment: fixed;
  }

  .xl\:tw-bg-local{
    background-attachment: local;
  }

  .xl\:tw-bg-scroll{
    background-attachment: scroll;
  }

  .xl\:tw-bg-clip-border{
    background-clip: border-box;
  }

  .xl\:tw-bg-clip-padding{
    background-clip: padding-box;
  }

  .xl\:tw-bg-clip-content{
    background-clip: content-box;
  }

  .xl\:tw-bg-clip-text{
    -webkit-background-clip: text;
            background-clip: text;
  }

  .xl\:tw-bg-transparent{
    background-color: transparent;
  }

  .xl\:tw-bg-current{
    background-color: currentColor;
  }

  .xl\:tw-bg-black{
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xl\:tw-bg-white{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:tw-bg-gray-100{
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xl\:tw-bg-gray-200{
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xl\:tw-bg-gray-300{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xl\:tw-bg-gray-400{
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xl\:tw-bg-gray-500{
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xl\:tw-bg-gray-600{
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xl\:tw-bg-gray-700{
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xl\:tw-bg-gray-800{
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xl\:tw-bg-gray-900{
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xl\:tw-bg-red-100{
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }

  .xl\:tw-bg-red-200{
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }

  .xl\:tw-bg-red-300{
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }

  .xl\:tw-bg-red-400{
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }

  .xl\:tw-bg-red-500{
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }

  .xl\:tw-bg-red-600{
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }

  .xl\:tw-bg-red-700{
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }

  .xl\:tw-bg-red-800{
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }

  .xl\:tw-bg-red-900{
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }

  .xl\:tw-bg-orange-100{
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }

  .xl\:tw-bg-orange-200{
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }

  .xl\:tw-bg-orange-300{
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }

  .xl\:tw-bg-orange-400{
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }

  .xl\:tw-bg-orange-500{
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }

  .xl\:tw-bg-orange-600{
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }

  .xl\:tw-bg-orange-700{
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }

  .xl\:tw-bg-orange-800{
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }

  .xl\:tw-bg-orange-900{
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }

  .xl\:tw-bg-yellow-100{
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }

  .xl\:tw-bg-yellow-200{
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }

  .xl\:tw-bg-yellow-300{
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }

  .xl\:tw-bg-yellow-400{
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }

  .xl\:tw-bg-yellow-500{
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }

  .xl\:tw-bg-yellow-600{
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }

  .xl\:tw-bg-yellow-700{
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }

  .xl\:tw-bg-yellow-800{
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }

  .xl\:tw-bg-yellow-900{
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }

  .xl\:tw-bg-green-100{
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }

  .xl\:tw-bg-green-200{
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }

  .xl\:tw-bg-green-300{
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }

  .xl\:tw-bg-green-400{
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }

  .xl\:tw-bg-green-500{
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }

  .xl\:tw-bg-green-600{
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }

  .xl\:tw-bg-green-700{
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }

  .xl\:tw-bg-green-800{
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }

  .xl\:tw-bg-green-900{
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }

  .xl\:tw-bg-teal-100{
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }

  .xl\:tw-bg-teal-200{
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }

  .xl\:tw-bg-teal-300{
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }

  .xl\:tw-bg-teal-400{
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }

  .xl\:tw-bg-teal-500{
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }

  .xl\:tw-bg-teal-600{
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }

  .xl\:tw-bg-teal-700{
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }

  .xl\:tw-bg-teal-800{
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }

  .xl\:tw-bg-teal-900{
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }

  .xl\:tw-bg-blue-100{
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }

  .xl\:tw-bg-blue-200{
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }

  .xl\:tw-bg-blue-300{
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }

  .xl\:tw-bg-blue-400{
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }

  .xl\:tw-bg-blue-500{
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }

  .xl\:tw-bg-blue-600{
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }

  .xl\:tw-bg-blue-700{
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }

  .xl\:tw-bg-blue-800{
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }

  .xl\:tw-bg-blue-900{
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }

  .xl\:tw-bg-indigo-100{
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }

  .xl\:tw-bg-indigo-200{
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }

  .xl\:tw-bg-indigo-300{
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }

  .xl\:tw-bg-indigo-400{
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }

  .xl\:tw-bg-indigo-500{
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }

  .xl\:tw-bg-indigo-600{
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }

  .xl\:tw-bg-indigo-700{
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }

  .xl\:tw-bg-indigo-800{
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }

  .xl\:tw-bg-indigo-900{
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }

  .xl\:tw-bg-purple-100{
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }

  .xl\:tw-bg-purple-200{
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }

  .xl\:tw-bg-purple-300{
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }

  .xl\:tw-bg-purple-400{
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }

  .xl\:tw-bg-purple-500{
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }

  .xl\:tw-bg-purple-600{
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }

  .xl\:tw-bg-purple-700{
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }

  .xl\:tw-bg-purple-800{
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }

  .xl\:tw-bg-purple-900{
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }

  .xl\:tw-bg-pink-100{
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }

  .xl\:tw-bg-pink-200{
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }

  .xl\:tw-bg-pink-300{
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }

  .xl\:tw-bg-pink-400{
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }

  .xl\:tw-bg-pink-500{
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }

  .xl\:tw-bg-pink-600{
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }

  .xl\:tw-bg-pink-700{
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }

  .xl\:tw-bg-pink-800{
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }

  .xl\:tw-bg-pink-900{
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }

  .xl\:tw-bg-primary-blue{
    --bg-opacity: 1;
    background-color: #1976d2;
    background-color: rgba(25, 118, 210, var(--bg-opacity));
  }

  .xl\:tw-bg-primary-blue-dark{
    --bg-opacity: 1;
    background-color: #0c3b69;
    background-color: rgba(12, 59, 105, var(--bg-opacity));
  }

  .xl\:tw-bg-primary-white{
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:tw-bg-font-0{
    --bg-opacity: 1;
    background-color: #4f4f4f;
    background-color: rgba(79, 79, 79, var(--bg-opacity));
  }

  .xl\:tw-bg-font-1{
    --bg-opacity: 1;
    background-color: #fcfcfc;
    background-color: rgba(252, 252, 252, var(--bg-opacity));
  }

  .xl\:tw-bg-font-5{
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

  .xl\:tw-bg-font-10{
    --bg-opacity: 1;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
  }

  .xl\:tw-bg-font-50{
    --bg-opacity: 1;
    background-color: #a7a7a7;
    background-color: rgba(167, 167, 167, var(--bg-opacity));
  }

  .xl\:tw-bg-font-70{
    --bg-opacity: 1;
    background-color: #838383;
    background-color: rgba(131, 131, 131, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-transparent:hover{
    background-color: transparent;
  }

  .xl\:hover\:tw-bg-current:hover{
    background-color: currentColor;
  }

  .xl\:hover\:tw-bg-black:hover{
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-white:hover{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-gray-100:hover{
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-gray-200:hover{
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-gray-300:hover{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-gray-400:hover{
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-gray-500:hover{
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-gray-600:hover{
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-gray-700:hover{
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-gray-800:hover{
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-gray-900:hover{
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-red-100:hover{
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-red-200:hover{
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-red-300:hover{
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-red-400:hover{
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-red-500:hover{
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-red-600:hover{
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-red-700:hover{
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-red-800:hover{
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-red-900:hover{
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-orange-100:hover{
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-orange-200:hover{
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-orange-300:hover{
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-orange-400:hover{
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-orange-500:hover{
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-orange-600:hover{
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-orange-700:hover{
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-orange-800:hover{
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-orange-900:hover{
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-yellow-100:hover{
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-yellow-200:hover{
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-yellow-300:hover{
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-yellow-400:hover{
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-yellow-500:hover{
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-yellow-600:hover{
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-yellow-700:hover{
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-yellow-800:hover{
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-yellow-900:hover{
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-green-100:hover{
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-green-200:hover{
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-green-300:hover{
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-green-400:hover{
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-green-500:hover{
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-green-600:hover{
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-green-700:hover{
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-green-800:hover{
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-green-900:hover{
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-teal-100:hover{
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-teal-200:hover{
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-teal-300:hover{
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-teal-400:hover{
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-teal-500:hover{
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-teal-600:hover{
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-teal-700:hover{
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-teal-800:hover{
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-teal-900:hover{
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-blue-100:hover{
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-blue-200:hover{
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-blue-300:hover{
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-blue-400:hover{
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-blue-500:hover{
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-blue-600:hover{
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-blue-700:hover{
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-blue-800:hover{
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-blue-900:hover{
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-indigo-100:hover{
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-indigo-200:hover{
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-indigo-300:hover{
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-indigo-400:hover{
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-indigo-500:hover{
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-indigo-600:hover{
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-indigo-700:hover{
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-indigo-800:hover{
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-indigo-900:hover{
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-purple-100:hover{
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-purple-200:hover{
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-purple-300:hover{
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-purple-400:hover{
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-purple-500:hover{
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-purple-600:hover{
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-purple-700:hover{
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-purple-800:hover{
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-purple-900:hover{
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-pink-100:hover{
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-pink-200:hover{
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-pink-300:hover{
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-pink-400:hover{
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-pink-500:hover{
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-pink-600:hover{
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-pink-700:hover{
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-pink-800:hover{
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-pink-900:hover{
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-primary-blue:hover{
    --bg-opacity: 1;
    background-color: #1976d2;
    background-color: rgba(25, 118, 210, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-primary-blue-dark:hover{
    --bg-opacity: 1;
    background-color: #0c3b69;
    background-color: rgba(12, 59, 105, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-primary-white:hover{
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-font-0:hover{
    --bg-opacity: 1;
    background-color: #4f4f4f;
    background-color: rgba(79, 79, 79, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-font-1:hover{
    --bg-opacity: 1;
    background-color: #fcfcfc;
    background-color: rgba(252, 252, 252, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-font-5:hover{
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-font-10:hover{
    --bg-opacity: 1;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-font-50:hover{
    --bg-opacity: 1;
    background-color: #a7a7a7;
    background-color: rgba(167, 167, 167, var(--bg-opacity));
  }

  .xl\:hover\:tw-bg-font-70:hover{
    --bg-opacity: 1;
    background-color: #838383;
    background-color: rgba(131, 131, 131, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-transparent:focus{
    background-color: transparent;
  }

  .xl\:focus\:tw-bg-current:focus{
    background-color: currentColor;
  }

  .xl\:focus\:tw-bg-black:focus{
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-white:focus{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-gray-100:focus{
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-gray-200:focus{
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-gray-300:focus{
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-gray-400:focus{
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-gray-500:focus{
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-gray-600:focus{
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-gray-700:focus{
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-gray-800:focus{
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-gray-900:focus{
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-red-100:focus{
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-red-200:focus{
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-red-300:focus{
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-red-400:focus{
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-red-500:focus{
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-red-600:focus{
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-red-700:focus{
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-red-800:focus{
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-red-900:focus{
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-orange-100:focus{
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-orange-200:focus{
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-orange-300:focus{
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-orange-400:focus{
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-orange-500:focus{
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-orange-600:focus{
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-orange-700:focus{
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-orange-800:focus{
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-orange-900:focus{
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-yellow-100:focus{
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-yellow-200:focus{
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-yellow-300:focus{
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-yellow-400:focus{
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-yellow-500:focus{
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-yellow-600:focus{
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-yellow-700:focus{
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-yellow-800:focus{
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-yellow-900:focus{
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-green-100:focus{
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-green-200:focus{
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-green-300:focus{
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-green-400:focus{
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-green-500:focus{
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-green-600:focus{
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-green-700:focus{
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-green-800:focus{
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-green-900:focus{
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-teal-100:focus{
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-teal-200:focus{
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-teal-300:focus{
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-teal-400:focus{
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-teal-500:focus{
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-teal-600:focus{
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-teal-700:focus{
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-teal-800:focus{
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-teal-900:focus{
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-blue-100:focus{
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-blue-200:focus{
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-blue-300:focus{
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-blue-400:focus{
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-blue-500:focus{
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-blue-600:focus{
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-blue-700:focus{
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-blue-800:focus{
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-blue-900:focus{
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-indigo-100:focus{
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-indigo-200:focus{
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-indigo-300:focus{
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-indigo-400:focus{
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-indigo-500:focus{
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-indigo-600:focus{
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-indigo-700:focus{
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-indigo-800:focus{
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-indigo-900:focus{
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-purple-100:focus{
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-purple-200:focus{
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-purple-300:focus{
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-purple-400:focus{
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-purple-500:focus{
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-purple-600:focus{
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-purple-700:focus{
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-purple-800:focus{
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-purple-900:focus{
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-pink-100:focus{
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-pink-200:focus{
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-pink-300:focus{
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-pink-400:focus{
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-pink-500:focus{
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-pink-600:focus{
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-pink-700:focus{
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-pink-800:focus{
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-pink-900:focus{
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-primary-blue:focus{
    --bg-opacity: 1;
    background-color: #1976d2;
    background-color: rgba(25, 118, 210, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-primary-blue-dark:focus{
    --bg-opacity: 1;
    background-color: #0c3b69;
    background-color: rgba(12, 59, 105, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-primary-white:focus{
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-font-0:focus{
    --bg-opacity: 1;
    background-color: #4f4f4f;
    background-color: rgba(79, 79, 79, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-font-1:focus{
    --bg-opacity: 1;
    background-color: #fcfcfc;
    background-color: rgba(252, 252, 252, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-font-5:focus{
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-font-10:focus{
    --bg-opacity: 1;
    background-color: #ededed;
    background-color: rgba(237, 237, 237, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-font-50:focus{
    --bg-opacity: 1;
    background-color: #a7a7a7;
    background-color: rgba(167, 167, 167, var(--bg-opacity));
  }

  .xl\:focus\:tw-bg-font-70:focus{
    --bg-opacity: 1;
    background-color: #838383;
    background-color: rgba(131, 131, 131, var(--bg-opacity));
  }

  .xl\:tw-bg-none{
    background-image: none;
  }

  .xl\:tw-bg-gradient-to-t{
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .xl\:tw-bg-gradient-to-tr{
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .xl\:tw-bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .xl\:tw-bg-gradient-to-br{
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .xl\:tw-bg-gradient-to-b{
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .xl\:tw-bg-gradient-to-bl{
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .xl\:tw-bg-gradient-to-l{
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .xl\:tw-bg-gradient-to-tl{
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .xl\:tw-from-transparent{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:tw-from-current{
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:tw-from-black{
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:tw-from-white{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:tw-from-gray-100{
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xl\:tw-from-gray-200{
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xl\:tw-from-gray-300{
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xl\:tw-from-gray-400{
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xl\:tw-from-gray-500{
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xl\:tw-from-gray-600{
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xl\:tw-from-gray-700{
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xl\:tw-from-gray-800{
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xl\:tw-from-gray-900{
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xl\:tw-from-red-100{
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .xl\:tw-from-red-200{
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .xl\:tw-from-red-300{
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .xl\:tw-from-red-400{
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .xl\:tw-from-red-500{
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .xl\:tw-from-red-600{
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .xl\:tw-from-red-700{
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .xl\:tw-from-red-800{
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .xl\:tw-from-red-900{
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .xl\:tw-from-orange-100{
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .xl\:tw-from-orange-200{
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .xl\:tw-from-orange-300{
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .xl\:tw-from-orange-400{
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .xl\:tw-from-orange-500{
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .xl\:tw-from-orange-600{
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .xl\:tw-from-orange-700{
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .xl\:tw-from-orange-800{
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .xl\:tw-from-orange-900{
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .xl\:tw-from-yellow-100{
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .xl\:tw-from-yellow-200{
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .xl\:tw-from-yellow-300{
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .xl\:tw-from-yellow-400{
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .xl\:tw-from-yellow-500{
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .xl\:tw-from-yellow-600{
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .xl\:tw-from-yellow-700{
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .xl\:tw-from-yellow-800{
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .xl\:tw-from-yellow-900{
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .xl\:tw-from-green-100{
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .xl\:tw-from-green-200{
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .xl\:tw-from-green-300{
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .xl\:tw-from-green-400{
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .xl\:tw-from-green-500{
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .xl\:tw-from-green-600{
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .xl\:tw-from-green-700{
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .xl\:tw-from-green-800{
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .xl\:tw-from-green-900{
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .xl\:tw-from-teal-100{
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .xl\:tw-from-teal-200{
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .xl\:tw-from-teal-300{
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .xl\:tw-from-teal-400{
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .xl\:tw-from-teal-500{
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .xl\:tw-from-teal-600{
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .xl\:tw-from-teal-700{
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .xl\:tw-from-teal-800{
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .xl\:tw-from-teal-900{
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .xl\:tw-from-blue-100{
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .xl\:tw-from-blue-200{
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .xl\:tw-from-blue-300{
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .xl\:tw-from-blue-400{
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .xl\:tw-from-blue-500{
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .xl\:tw-from-blue-600{
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .xl\:tw-from-blue-700{
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .xl\:tw-from-blue-800{
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .xl\:tw-from-blue-900{
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .xl\:tw-from-indigo-100{
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .xl\:tw-from-indigo-200{
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .xl\:tw-from-indigo-300{
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .xl\:tw-from-indigo-400{
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .xl\:tw-from-indigo-500{
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .xl\:tw-from-indigo-600{
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .xl\:tw-from-indigo-700{
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .xl\:tw-from-indigo-800{
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .xl\:tw-from-indigo-900{
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .xl\:tw-from-purple-100{
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .xl\:tw-from-purple-200{
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .xl\:tw-from-purple-300{
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .xl\:tw-from-purple-400{
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .xl\:tw-from-purple-500{
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .xl\:tw-from-purple-600{
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .xl\:tw-from-purple-700{
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .xl\:tw-from-purple-800{
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .xl\:tw-from-purple-900{
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .xl\:tw-from-pink-100{
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .xl\:tw-from-pink-200{
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .xl\:tw-from-pink-300{
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .xl\:tw-from-pink-400{
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .xl\:tw-from-pink-500{
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .xl\:tw-from-pink-600{
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .xl\:tw-from-pink-700{
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .xl\:tw-from-pink-800{
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .xl\:tw-from-pink-900{
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .xl\:tw-from-primary-blue{
    --gradient-from-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .xl\:tw-from-primary-blue-dark{
    --gradient-from-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .xl\:tw-from-primary-white{
    --gradient-from-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:tw-from-font-0{
    --gradient-from-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .xl\:tw-from-font-1{
    --gradient-from-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .xl\:tw-from-font-5{
    --gradient-from-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .xl\:tw-from-font-10{
    --gradient-from-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .xl\:tw-from-font-50{
    --gradient-from-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .xl\:tw-from-font-70{
    --gradient-from-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .xl\:tw-via-transparent{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:tw-via-current{
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:tw-via-black{
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:tw-via-white{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:tw-via-gray-100{
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xl\:tw-via-gray-200{
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xl\:tw-via-gray-300{
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xl\:tw-via-gray-400{
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xl\:tw-via-gray-500{
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xl\:tw-via-gray-600{
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xl\:tw-via-gray-700{
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xl\:tw-via-gray-800{
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xl\:tw-via-gray-900{
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xl\:tw-via-red-100{
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .xl\:tw-via-red-200{
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .xl\:tw-via-red-300{
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .xl\:tw-via-red-400{
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .xl\:tw-via-red-500{
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .xl\:tw-via-red-600{
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .xl\:tw-via-red-700{
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .xl\:tw-via-red-800{
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .xl\:tw-via-red-900{
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .xl\:tw-via-orange-100{
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .xl\:tw-via-orange-200{
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .xl\:tw-via-orange-300{
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .xl\:tw-via-orange-400{
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .xl\:tw-via-orange-500{
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .xl\:tw-via-orange-600{
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .xl\:tw-via-orange-700{
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .xl\:tw-via-orange-800{
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .xl\:tw-via-orange-900{
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .xl\:tw-via-yellow-100{
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .xl\:tw-via-yellow-200{
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .xl\:tw-via-yellow-300{
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .xl\:tw-via-yellow-400{
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .xl\:tw-via-yellow-500{
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .xl\:tw-via-yellow-600{
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .xl\:tw-via-yellow-700{
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .xl\:tw-via-yellow-800{
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .xl\:tw-via-yellow-900{
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .xl\:tw-via-green-100{
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .xl\:tw-via-green-200{
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .xl\:tw-via-green-300{
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .xl\:tw-via-green-400{
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .xl\:tw-via-green-500{
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .xl\:tw-via-green-600{
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .xl\:tw-via-green-700{
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .xl\:tw-via-green-800{
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .xl\:tw-via-green-900{
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .xl\:tw-via-teal-100{
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .xl\:tw-via-teal-200{
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .xl\:tw-via-teal-300{
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .xl\:tw-via-teal-400{
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .xl\:tw-via-teal-500{
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .xl\:tw-via-teal-600{
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .xl\:tw-via-teal-700{
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .xl\:tw-via-teal-800{
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .xl\:tw-via-teal-900{
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .xl\:tw-via-blue-100{
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .xl\:tw-via-blue-200{
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .xl\:tw-via-blue-300{
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .xl\:tw-via-blue-400{
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .xl\:tw-via-blue-500{
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .xl\:tw-via-blue-600{
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .xl\:tw-via-blue-700{
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .xl\:tw-via-blue-800{
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .xl\:tw-via-blue-900{
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .xl\:tw-via-indigo-100{
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .xl\:tw-via-indigo-200{
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .xl\:tw-via-indigo-300{
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .xl\:tw-via-indigo-400{
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .xl\:tw-via-indigo-500{
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .xl\:tw-via-indigo-600{
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .xl\:tw-via-indigo-700{
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .xl\:tw-via-indigo-800{
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .xl\:tw-via-indigo-900{
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .xl\:tw-via-purple-100{
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .xl\:tw-via-purple-200{
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .xl\:tw-via-purple-300{
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .xl\:tw-via-purple-400{
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .xl\:tw-via-purple-500{
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .xl\:tw-via-purple-600{
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .xl\:tw-via-purple-700{
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .xl\:tw-via-purple-800{
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .xl\:tw-via-purple-900{
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .xl\:tw-via-pink-100{
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .xl\:tw-via-pink-200{
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .xl\:tw-via-pink-300{
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .xl\:tw-via-pink-400{
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .xl\:tw-via-pink-500{
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .xl\:tw-via-pink-600{
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .xl\:tw-via-pink-700{
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .xl\:tw-via-pink-800{
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .xl\:tw-via-pink-900{
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .xl\:tw-via-primary-blue{
    --gradient-via-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .xl\:tw-via-primary-blue-dark{
    --gradient-via-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .xl\:tw-via-primary-white{
    --gradient-via-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:tw-via-font-0{
    --gradient-via-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .xl\:tw-via-font-1{
    --gradient-via-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .xl\:tw-via-font-5{
    --gradient-via-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .xl\:tw-via-font-10{
    --gradient-via-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .xl\:tw-via-font-50{
    --gradient-via-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .xl\:tw-via-font-70{
    --gradient-via-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .xl\:tw-to-transparent{
    --gradient-to-color: transparent;
  }

  .xl\:tw-to-current{
    --gradient-to-color: currentColor;
  }

  .xl\:tw-to-black{
    --gradient-to-color: #000;
  }

  .xl\:tw-to-white{
    --gradient-to-color: #fff;
  }

  .xl\:tw-to-gray-100{
    --gradient-to-color: #f7fafc;
  }

  .xl\:tw-to-gray-200{
    --gradient-to-color: #edf2f7;
  }

  .xl\:tw-to-gray-300{
    --gradient-to-color: #e2e8f0;
  }

  .xl\:tw-to-gray-400{
    --gradient-to-color: #cbd5e0;
  }

  .xl\:tw-to-gray-500{
    --gradient-to-color: #a0aec0;
  }

  .xl\:tw-to-gray-600{
    --gradient-to-color: #718096;
  }

  .xl\:tw-to-gray-700{
    --gradient-to-color: #4a5568;
  }

  .xl\:tw-to-gray-800{
    --gradient-to-color: #2d3748;
  }

  .xl\:tw-to-gray-900{
    --gradient-to-color: #1a202c;
  }

  .xl\:tw-to-red-100{
    --gradient-to-color: #fff5f5;
  }

  .xl\:tw-to-red-200{
    --gradient-to-color: #fed7d7;
  }

  .xl\:tw-to-red-300{
    --gradient-to-color: #feb2b2;
  }

  .xl\:tw-to-red-400{
    --gradient-to-color: #fc8181;
  }

  .xl\:tw-to-red-500{
    --gradient-to-color: #f56565;
  }

  .xl\:tw-to-red-600{
    --gradient-to-color: #e53e3e;
  }

  .xl\:tw-to-red-700{
    --gradient-to-color: #c53030;
  }

  .xl\:tw-to-red-800{
    --gradient-to-color: #9b2c2c;
  }

  .xl\:tw-to-red-900{
    --gradient-to-color: #742a2a;
  }

  .xl\:tw-to-orange-100{
    --gradient-to-color: #fffaf0;
  }

  .xl\:tw-to-orange-200{
    --gradient-to-color: #feebc8;
  }

  .xl\:tw-to-orange-300{
    --gradient-to-color: #fbd38d;
  }

  .xl\:tw-to-orange-400{
    --gradient-to-color: #f6ad55;
  }

  .xl\:tw-to-orange-500{
    --gradient-to-color: #ed8936;
  }

  .xl\:tw-to-orange-600{
    --gradient-to-color: #dd6b20;
  }

  .xl\:tw-to-orange-700{
    --gradient-to-color: #c05621;
  }

  .xl\:tw-to-orange-800{
    --gradient-to-color: #9c4221;
  }

  .xl\:tw-to-orange-900{
    --gradient-to-color: #7b341e;
  }

  .xl\:tw-to-yellow-100{
    --gradient-to-color: #fffff0;
  }

  .xl\:tw-to-yellow-200{
    --gradient-to-color: #fefcbf;
  }

  .xl\:tw-to-yellow-300{
    --gradient-to-color: #faf089;
  }

  .xl\:tw-to-yellow-400{
    --gradient-to-color: #f6e05e;
  }

  .xl\:tw-to-yellow-500{
    --gradient-to-color: #ecc94b;
  }

  .xl\:tw-to-yellow-600{
    --gradient-to-color: #d69e2e;
  }

  .xl\:tw-to-yellow-700{
    --gradient-to-color: #b7791f;
  }

  .xl\:tw-to-yellow-800{
    --gradient-to-color: #975a16;
  }

  .xl\:tw-to-yellow-900{
    --gradient-to-color: #744210;
  }

  .xl\:tw-to-green-100{
    --gradient-to-color: #f0fff4;
  }

  .xl\:tw-to-green-200{
    --gradient-to-color: #c6f6d5;
  }

  .xl\:tw-to-green-300{
    --gradient-to-color: #9ae6b4;
  }

  .xl\:tw-to-green-400{
    --gradient-to-color: #68d391;
  }

  .xl\:tw-to-green-500{
    --gradient-to-color: #48bb78;
  }

  .xl\:tw-to-green-600{
    --gradient-to-color: #38a169;
  }

  .xl\:tw-to-green-700{
    --gradient-to-color: #2f855a;
  }

  .xl\:tw-to-green-800{
    --gradient-to-color: #276749;
  }

  .xl\:tw-to-green-900{
    --gradient-to-color: #22543d;
  }

  .xl\:tw-to-teal-100{
    --gradient-to-color: #e6fffa;
  }

  .xl\:tw-to-teal-200{
    --gradient-to-color: #b2f5ea;
  }

  .xl\:tw-to-teal-300{
    --gradient-to-color: #81e6d9;
  }

  .xl\:tw-to-teal-400{
    --gradient-to-color: #4fd1c5;
  }

  .xl\:tw-to-teal-500{
    --gradient-to-color: #38b2ac;
  }

  .xl\:tw-to-teal-600{
    --gradient-to-color: #319795;
  }

  .xl\:tw-to-teal-700{
    --gradient-to-color: #2c7a7b;
  }

  .xl\:tw-to-teal-800{
    --gradient-to-color: #285e61;
  }

  .xl\:tw-to-teal-900{
    --gradient-to-color: #234e52;
  }

  .xl\:tw-to-blue-100{
    --gradient-to-color: #ebf8ff;
  }

  .xl\:tw-to-blue-200{
    --gradient-to-color: #bee3f8;
  }

  .xl\:tw-to-blue-300{
    --gradient-to-color: #90cdf4;
  }

  .xl\:tw-to-blue-400{
    --gradient-to-color: #63b3ed;
  }

  .xl\:tw-to-blue-500{
    --gradient-to-color: #4299e1;
  }

  .xl\:tw-to-blue-600{
    --gradient-to-color: #3182ce;
  }

  .xl\:tw-to-blue-700{
    --gradient-to-color: #2b6cb0;
  }

  .xl\:tw-to-blue-800{
    --gradient-to-color: #2c5282;
  }

  .xl\:tw-to-blue-900{
    --gradient-to-color: #2a4365;
  }

  .xl\:tw-to-indigo-100{
    --gradient-to-color: #ebf4ff;
  }

  .xl\:tw-to-indigo-200{
    --gradient-to-color: #c3dafe;
  }

  .xl\:tw-to-indigo-300{
    --gradient-to-color: #a3bffa;
  }

  .xl\:tw-to-indigo-400{
    --gradient-to-color: #7f9cf5;
  }

  .xl\:tw-to-indigo-500{
    --gradient-to-color: #667eea;
  }

  .xl\:tw-to-indigo-600{
    --gradient-to-color: #5a67d8;
  }

  .xl\:tw-to-indigo-700{
    --gradient-to-color: #4c51bf;
  }

  .xl\:tw-to-indigo-800{
    --gradient-to-color: #434190;
  }

  .xl\:tw-to-indigo-900{
    --gradient-to-color: #3c366b;
  }

  .xl\:tw-to-purple-100{
    --gradient-to-color: #faf5ff;
  }

  .xl\:tw-to-purple-200{
    --gradient-to-color: #e9d8fd;
  }

  .xl\:tw-to-purple-300{
    --gradient-to-color: #d6bcfa;
  }

  .xl\:tw-to-purple-400{
    --gradient-to-color: #b794f4;
  }

  .xl\:tw-to-purple-500{
    --gradient-to-color: #9f7aea;
  }

  .xl\:tw-to-purple-600{
    --gradient-to-color: #805ad5;
  }

  .xl\:tw-to-purple-700{
    --gradient-to-color: #6b46c1;
  }

  .xl\:tw-to-purple-800{
    --gradient-to-color: #553c9a;
  }

  .xl\:tw-to-purple-900{
    --gradient-to-color: #44337a;
  }

  .xl\:tw-to-pink-100{
    --gradient-to-color: #fff5f7;
  }

  .xl\:tw-to-pink-200{
    --gradient-to-color: #fed7e2;
  }

  .xl\:tw-to-pink-300{
    --gradient-to-color: #fbb6ce;
  }

  .xl\:tw-to-pink-400{
    --gradient-to-color: #f687b3;
  }

  .xl\:tw-to-pink-500{
    --gradient-to-color: #ed64a6;
  }

  .xl\:tw-to-pink-600{
    --gradient-to-color: #d53f8c;
  }

  .xl\:tw-to-pink-700{
    --gradient-to-color: #b83280;
  }

  .xl\:tw-to-pink-800{
    --gradient-to-color: #97266d;
  }

  .xl\:tw-to-pink-900{
    --gradient-to-color: #702459;
  }

  .xl\:tw-to-primary-blue{
    --gradient-to-color: #1976d2;
  }

  .xl\:tw-to-primary-blue-dark{
    --gradient-to-color: #0c3b69;
  }

  .xl\:tw-to-primary-white{
    --gradient-to-color: #ffffff;
  }

  .xl\:tw-to-font-0{
    --gradient-to-color: #4f4f4f;
  }

  .xl\:tw-to-font-1{
    --gradient-to-color: #fcfcfc;
  }

  .xl\:tw-to-font-5{
    --gradient-to-color: #f6f6f6;
  }

  .xl\:tw-to-font-10{
    --gradient-to-color: #ededed;
  }

  .xl\:tw-to-font-50{
    --gradient-to-color: #a7a7a7;
  }

  .xl\:tw-to-font-70{
    --gradient-to-color: #838383;
  }

  .xl\:hover\:tw-from-transparent:hover{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:tw-from-current:hover{
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:tw-from-black:hover{
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:tw-from-white:hover{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:tw-from-gray-100:hover{
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xl\:hover\:tw-from-gray-200:hover{
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xl\:hover\:tw-from-gray-300:hover{
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xl\:hover\:tw-from-gray-400:hover{
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xl\:hover\:tw-from-gray-500:hover{
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xl\:hover\:tw-from-gray-600:hover{
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xl\:hover\:tw-from-gray-700:hover{
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xl\:hover\:tw-from-gray-800:hover{
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xl\:hover\:tw-from-gray-900:hover{
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xl\:hover\:tw-from-red-100:hover{
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .xl\:hover\:tw-from-red-200:hover{
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .xl\:hover\:tw-from-red-300:hover{
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .xl\:hover\:tw-from-red-400:hover{
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .xl\:hover\:tw-from-red-500:hover{
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .xl\:hover\:tw-from-red-600:hover{
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .xl\:hover\:tw-from-red-700:hover{
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .xl\:hover\:tw-from-red-800:hover{
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .xl\:hover\:tw-from-red-900:hover{
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .xl\:hover\:tw-from-orange-100:hover{
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .xl\:hover\:tw-from-orange-200:hover{
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .xl\:hover\:tw-from-orange-300:hover{
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .xl\:hover\:tw-from-orange-400:hover{
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .xl\:hover\:tw-from-orange-500:hover{
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .xl\:hover\:tw-from-orange-600:hover{
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .xl\:hover\:tw-from-orange-700:hover{
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .xl\:hover\:tw-from-orange-800:hover{
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .xl\:hover\:tw-from-orange-900:hover{
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .xl\:hover\:tw-from-yellow-100:hover{
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .xl\:hover\:tw-from-yellow-200:hover{
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .xl\:hover\:tw-from-yellow-300:hover{
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .xl\:hover\:tw-from-yellow-400:hover{
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .xl\:hover\:tw-from-yellow-500:hover{
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .xl\:hover\:tw-from-yellow-600:hover{
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .xl\:hover\:tw-from-yellow-700:hover{
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .xl\:hover\:tw-from-yellow-800:hover{
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .xl\:hover\:tw-from-yellow-900:hover{
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .xl\:hover\:tw-from-green-100:hover{
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .xl\:hover\:tw-from-green-200:hover{
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .xl\:hover\:tw-from-green-300:hover{
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .xl\:hover\:tw-from-green-400:hover{
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .xl\:hover\:tw-from-green-500:hover{
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .xl\:hover\:tw-from-green-600:hover{
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .xl\:hover\:tw-from-green-700:hover{
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .xl\:hover\:tw-from-green-800:hover{
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .xl\:hover\:tw-from-green-900:hover{
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .xl\:hover\:tw-from-teal-100:hover{
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .xl\:hover\:tw-from-teal-200:hover{
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .xl\:hover\:tw-from-teal-300:hover{
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .xl\:hover\:tw-from-teal-400:hover{
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .xl\:hover\:tw-from-teal-500:hover{
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .xl\:hover\:tw-from-teal-600:hover{
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .xl\:hover\:tw-from-teal-700:hover{
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .xl\:hover\:tw-from-teal-800:hover{
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .xl\:hover\:tw-from-teal-900:hover{
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .xl\:hover\:tw-from-blue-100:hover{
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .xl\:hover\:tw-from-blue-200:hover{
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .xl\:hover\:tw-from-blue-300:hover{
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .xl\:hover\:tw-from-blue-400:hover{
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .xl\:hover\:tw-from-blue-500:hover{
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .xl\:hover\:tw-from-blue-600:hover{
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .xl\:hover\:tw-from-blue-700:hover{
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .xl\:hover\:tw-from-blue-800:hover{
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .xl\:hover\:tw-from-blue-900:hover{
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .xl\:hover\:tw-from-indigo-100:hover{
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .xl\:hover\:tw-from-indigo-200:hover{
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .xl\:hover\:tw-from-indigo-300:hover{
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .xl\:hover\:tw-from-indigo-400:hover{
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .xl\:hover\:tw-from-indigo-500:hover{
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .xl\:hover\:tw-from-indigo-600:hover{
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .xl\:hover\:tw-from-indigo-700:hover{
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .xl\:hover\:tw-from-indigo-800:hover{
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .xl\:hover\:tw-from-indigo-900:hover{
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .xl\:hover\:tw-from-purple-100:hover{
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .xl\:hover\:tw-from-purple-200:hover{
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .xl\:hover\:tw-from-purple-300:hover{
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .xl\:hover\:tw-from-purple-400:hover{
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .xl\:hover\:tw-from-purple-500:hover{
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .xl\:hover\:tw-from-purple-600:hover{
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .xl\:hover\:tw-from-purple-700:hover{
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .xl\:hover\:tw-from-purple-800:hover{
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .xl\:hover\:tw-from-purple-900:hover{
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .xl\:hover\:tw-from-pink-100:hover{
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .xl\:hover\:tw-from-pink-200:hover{
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .xl\:hover\:tw-from-pink-300:hover{
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .xl\:hover\:tw-from-pink-400:hover{
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .xl\:hover\:tw-from-pink-500:hover{
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .xl\:hover\:tw-from-pink-600:hover{
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .xl\:hover\:tw-from-pink-700:hover{
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .xl\:hover\:tw-from-pink-800:hover{
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .xl\:hover\:tw-from-pink-900:hover{
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .xl\:hover\:tw-from-primary-blue:hover{
    --gradient-from-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .xl\:hover\:tw-from-primary-blue-dark:hover{
    --gradient-from-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .xl\:hover\:tw-from-primary-white:hover{
    --gradient-from-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:tw-from-font-0:hover{
    --gradient-from-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .xl\:hover\:tw-from-font-1:hover{
    --gradient-from-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .xl\:hover\:tw-from-font-5:hover{
    --gradient-from-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .xl\:hover\:tw-from-font-10:hover{
    --gradient-from-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .xl\:hover\:tw-from-font-50:hover{
    --gradient-from-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .xl\:hover\:tw-from-font-70:hover{
    --gradient-from-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .xl\:hover\:tw-via-transparent:hover{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:tw-via-current:hover{
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:tw-via-black:hover{
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:tw-via-white:hover{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:tw-via-gray-100:hover{
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xl\:hover\:tw-via-gray-200:hover{
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xl\:hover\:tw-via-gray-300:hover{
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xl\:hover\:tw-via-gray-400:hover{
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xl\:hover\:tw-via-gray-500:hover{
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xl\:hover\:tw-via-gray-600:hover{
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xl\:hover\:tw-via-gray-700:hover{
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xl\:hover\:tw-via-gray-800:hover{
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xl\:hover\:tw-via-gray-900:hover{
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xl\:hover\:tw-via-red-100:hover{
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .xl\:hover\:tw-via-red-200:hover{
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .xl\:hover\:tw-via-red-300:hover{
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .xl\:hover\:tw-via-red-400:hover{
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .xl\:hover\:tw-via-red-500:hover{
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .xl\:hover\:tw-via-red-600:hover{
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .xl\:hover\:tw-via-red-700:hover{
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .xl\:hover\:tw-via-red-800:hover{
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .xl\:hover\:tw-via-red-900:hover{
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .xl\:hover\:tw-via-orange-100:hover{
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .xl\:hover\:tw-via-orange-200:hover{
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .xl\:hover\:tw-via-orange-300:hover{
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .xl\:hover\:tw-via-orange-400:hover{
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .xl\:hover\:tw-via-orange-500:hover{
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .xl\:hover\:tw-via-orange-600:hover{
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .xl\:hover\:tw-via-orange-700:hover{
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .xl\:hover\:tw-via-orange-800:hover{
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .xl\:hover\:tw-via-orange-900:hover{
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .xl\:hover\:tw-via-yellow-100:hover{
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .xl\:hover\:tw-via-yellow-200:hover{
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .xl\:hover\:tw-via-yellow-300:hover{
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .xl\:hover\:tw-via-yellow-400:hover{
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .xl\:hover\:tw-via-yellow-500:hover{
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .xl\:hover\:tw-via-yellow-600:hover{
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .xl\:hover\:tw-via-yellow-700:hover{
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .xl\:hover\:tw-via-yellow-800:hover{
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .xl\:hover\:tw-via-yellow-900:hover{
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .xl\:hover\:tw-via-green-100:hover{
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .xl\:hover\:tw-via-green-200:hover{
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .xl\:hover\:tw-via-green-300:hover{
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .xl\:hover\:tw-via-green-400:hover{
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .xl\:hover\:tw-via-green-500:hover{
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .xl\:hover\:tw-via-green-600:hover{
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .xl\:hover\:tw-via-green-700:hover{
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .xl\:hover\:tw-via-green-800:hover{
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .xl\:hover\:tw-via-green-900:hover{
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .xl\:hover\:tw-via-teal-100:hover{
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .xl\:hover\:tw-via-teal-200:hover{
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .xl\:hover\:tw-via-teal-300:hover{
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .xl\:hover\:tw-via-teal-400:hover{
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .xl\:hover\:tw-via-teal-500:hover{
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .xl\:hover\:tw-via-teal-600:hover{
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .xl\:hover\:tw-via-teal-700:hover{
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .xl\:hover\:tw-via-teal-800:hover{
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .xl\:hover\:tw-via-teal-900:hover{
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .xl\:hover\:tw-via-blue-100:hover{
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .xl\:hover\:tw-via-blue-200:hover{
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .xl\:hover\:tw-via-blue-300:hover{
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .xl\:hover\:tw-via-blue-400:hover{
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .xl\:hover\:tw-via-blue-500:hover{
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .xl\:hover\:tw-via-blue-600:hover{
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .xl\:hover\:tw-via-blue-700:hover{
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .xl\:hover\:tw-via-blue-800:hover{
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .xl\:hover\:tw-via-blue-900:hover{
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .xl\:hover\:tw-via-indigo-100:hover{
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .xl\:hover\:tw-via-indigo-200:hover{
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .xl\:hover\:tw-via-indigo-300:hover{
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .xl\:hover\:tw-via-indigo-400:hover{
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .xl\:hover\:tw-via-indigo-500:hover{
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .xl\:hover\:tw-via-indigo-600:hover{
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .xl\:hover\:tw-via-indigo-700:hover{
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .xl\:hover\:tw-via-indigo-800:hover{
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .xl\:hover\:tw-via-indigo-900:hover{
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .xl\:hover\:tw-via-purple-100:hover{
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .xl\:hover\:tw-via-purple-200:hover{
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .xl\:hover\:tw-via-purple-300:hover{
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .xl\:hover\:tw-via-purple-400:hover{
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .xl\:hover\:tw-via-purple-500:hover{
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .xl\:hover\:tw-via-purple-600:hover{
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .xl\:hover\:tw-via-purple-700:hover{
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .xl\:hover\:tw-via-purple-800:hover{
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .xl\:hover\:tw-via-purple-900:hover{
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .xl\:hover\:tw-via-pink-100:hover{
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .xl\:hover\:tw-via-pink-200:hover{
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .xl\:hover\:tw-via-pink-300:hover{
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .xl\:hover\:tw-via-pink-400:hover{
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .xl\:hover\:tw-via-pink-500:hover{
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .xl\:hover\:tw-via-pink-600:hover{
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .xl\:hover\:tw-via-pink-700:hover{
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .xl\:hover\:tw-via-pink-800:hover{
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .xl\:hover\:tw-via-pink-900:hover{
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .xl\:hover\:tw-via-primary-blue:hover{
    --gradient-via-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .xl\:hover\:tw-via-primary-blue-dark:hover{
    --gradient-via-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .xl\:hover\:tw-via-primary-white:hover{
    --gradient-via-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:tw-via-font-0:hover{
    --gradient-via-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .xl\:hover\:tw-via-font-1:hover{
    --gradient-via-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .xl\:hover\:tw-via-font-5:hover{
    --gradient-via-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .xl\:hover\:tw-via-font-10:hover{
    --gradient-via-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .xl\:hover\:tw-via-font-50:hover{
    --gradient-via-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .xl\:hover\:tw-via-font-70:hover{
    --gradient-via-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .xl\:hover\:tw-to-transparent:hover{
    --gradient-to-color: transparent;
  }

  .xl\:hover\:tw-to-current:hover{
    --gradient-to-color: currentColor;
  }

  .xl\:hover\:tw-to-black:hover{
    --gradient-to-color: #000;
  }

  .xl\:hover\:tw-to-white:hover{
    --gradient-to-color: #fff;
  }

  .xl\:hover\:tw-to-gray-100:hover{
    --gradient-to-color: #f7fafc;
  }

  .xl\:hover\:tw-to-gray-200:hover{
    --gradient-to-color: #edf2f7;
  }

  .xl\:hover\:tw-to-gray-300:hover{
    --gradient-to-color: #e2e8f0;
  }

  .xl\:hover\:tw-to-gray-400:hover{
    --gradient-to-color: #cbd5e0;
  }

  .xl\:hover\:tw-to-gray-500:hover{
    --gradient-to-color: #a0aec0;
  }

  .xl\:hover\:tw-to-gray-600:hover{
    --gradient-to-color: #718096;
  }

  .xl\:hover\:tw-to-gray-700:hover{
    --gradient-to-color: #4a5568;
  }

  .xl\:hover\:tw-to-gray-800:hover{
    --gradient-to-color: #2d3748;
  }

  .xl\:hover\:tw-to-gray-900:hover{
    --gradient-to-color: #1a202c;
  }

  .xl\:hover\:tw-to-red-100:hover{
    --gradient-to-color: #fff5f5;
  }

  .xl\:hover\:tw-to-red-200:hover{
    --gradient-to-color: #fed7d7;
  }

  .xl\:hover\:tw-to-red-300:hover{
    --gradient-to-color: #feb2b2;
  }

  .xl\:hover\:tw-to-red-400:hover{
    --gradient-to-color: #fc8181;
  }

  .xl\:hover\:tw-to-red-500:hover{
    --gradient-to-color: #f56565;
  }

  .xl\:hover\:tw-to-red-600:hover{
    --gradient-to-color: #e53e3e;
  }

  .xl\:hover\:tw-to-red-700:hover{
    --gradient-to-color: #c53030;
  }

  .xl\:hover\:tw-to-red-800:hover{
    --gradient-to-color: #9b2c2c;
  }

  .xl\:hover\:tw-to-red-900:hover{
    --gradient-to-color: #742a2a;
  }

  .xl\:hover\:tw-to-orange-100:hover{
    --gradient-to-color: #fffaf0;
  }

  .xl\:hover\:tw-to-orange-200:hover{
    --gradient-to-color: #feebc8;
  }

  .xl\:hover\:tw-to-orange-300:hover{
    --gradient-to-color: #fbd38d;
  }

  .xl\:hover\:tw-to-orange-400:hover{
    --gradient-to-color: #f6ad55;
  }

  .xl\:hover\:tw-to-orange-500:hover{
    --gradient-to-color: #ed8936;
  }

  .xl\:hover\:tw-to-orange-600:hover{
    --gradient-to-color: #dd6b20;
  }

  .xl\:hover\:tw-to-orange-700:hover{
    --gradient-to-color: #c05621;
  }

  .xl\:hover\:tw-to-orange-800:hover{
    --gradient-to-color: #9c4221;
  }

  .xl\:hover\:tw-to-orange-900:hover{
    --gradient-to-color: #7b341e;
  }

  .xl\:hover\:tw-to-yellow-100:hover{
    --gradient-to-color: #fffff0;
  }

  .xl\:hover\:tw-to-yellow-200:hover{
    --gradient-to-color: #fefcbf;
  }

  .xl\:hover\:tw-to-yellow-300:hover{
    --gradient-to-color: #faf089;
  }

  .xl\:hover\:tw-to-yellow-400:hover{
    --gradient-to-color: #f6e05e;
  }

  .xl\:hover\:tw-to-yellow-500:hover{
    --gradient-to-color: #ecc94b;
  }

  .xl\:hover\:tw-to-yellow-600:hover{
    --gradient-to-color: #d69e2e;
  }

  .xl\:hover\:tw-to-yellow-700:hover{
    --gradient-to-color: #b7791f;
  }

  .xl\:hover\:tw-to-yellow-800:hover{
    --gradient-to-color: #975a16;
  }

  .xl\:hover\:tw-to-yellow-900:hover{
    --gradient-to-color: #744210;
  }

  .xl\:hover\:tw-to-green-100:hover{
    --gradient-to-color: #f0fff4;
  }

  .xl\:hover\:tw-to-green-200:hover{
    --gradient-to-color: #c6f6d5;
  }

  .xl\:hover\:tw-to-green-300:hover{
    --gradient-to-color: #9ae6b4;
  }

  .xl\:hover\:tw-to-green-400:hover{
    --gradient-to-color: #68d391;
  }

  .xl\:hover\:tw-to-green-500:hover{
    --gradient-to-color: #48bb78;
  }

  .xl\:hover\:tw-to-green-600:hover{
    --gradient-to-color: #38a169;
  }

  .xl\:hover\:tw-to-green-700:hover{
    --gradient-to-color: #2f855a;
  }

  .xl\:hover\:tw-to-green-800:hover{
    --gradient-to-color: #276749;
  }

  .xl\:hover\:tw-to-green-900:hover{
    --gradient-to-color: #22543d;
  }

  .xl\:hover\:tw-to-teal-100:hover{
    --gradient-to-color: #e6fffa;
  }

  .xl\:hover\:tw-to-teal-200:hover{
    --gradient-to-color: #b2f5ea;
  }

  .xl\:hover\:tw-to-teal-300:hover{
    --gradient-to-color: #81e6d9;
  }

  .xl\:hover\:tw-to-teal-400:hover{
    --gradient-to-color: #4fd1c5;
  }

  .xl\:hover\:tw-to-teal-500:hover{
    --gradient-to-color: #38b2ac;
  }

  .xl\:hover\:tw-to-teal-600:hover{
    --gradient-to-color: #319795;
  }

  .xl\:hover\:tw-to-teal-700:hover{
    --gradient-to-color: #2c7a7b;
  }

  .xl\:hover\:tw-to-teal-800:hover{
    --gradient-to-color: #285e61;
  }

  .xl\:hover\:tw-to-teal-900:hover{
    --gradient-to-color: #234e52;
  }

  .xl\:hover\:tw-to-blue-100:hover{
    --gradient-to-color: #ebf8ff;
  }

  .xl\:hover\:tw-to-blue-200:hover{
    --gradient-to-color: #bee3f8;
  }

  .xl\:hover\:tw-to-blue-300:hover{
    --gradient-to-color: #90cdf4;
  }

  .xl\:hover\:tw-to-blue-400:hover{
    --gradient-to-color: #63b3ed;
  }

  .xl\:hover\:tw-to-blue-500:hover{
    --gradient-to-color: #4299e1;
  }

  .xl\:hover\:tw-to-blue-600:hover{
    --gradient-to-color: #3182ce;
  }

  .xl\:hover\:tw-to-blue-700:hover{
    --gradient-to-color: #2b6cb0;
  }

  .xl\:hover\:tw-to-blue-800:hover{
    --gradient-to-color: #2c5282;
  }

  .xl\:hover\:tw-to-blue-900:hover{
    --gradient-to-color: #2a4365;
  }

  .xl\:hover\:tw-to-indigo-100:hover{
    --gradient-to-color: #ebf4ff;
  }

  .xl\:hover\:tw-to-indigo-200:hover{
    --gradient-to-color: #c3dafe;
  }

  .xl\:hover\:tw-to-indigo-300:hover{
    --gradient-to-color: #a3bffa;
  }

  .xl\:hover\:tw-to-indigo-400:hover{
    --gradient-to-color: #7f9cf5;
  }

  .xl\:hover\:tw-to-indigo-500:hover{
    --gradient-to-color: #667eea;
  }

  .xl\:hover\:tw-to-indigo-600:hover{
    --gradient-to-color: #5a67d8;
  }

  .xl\:hover\:tw-to-indigo-700:hover{
    --gradient-to-color: #4c51bf;
  }

  .xl\:hover\:tw-to-indigo-800:hover{
    --gradient-to-color: #434190;
  }

  .xl\:hover\:tw-to-indigo-900:hover{
    --gradient-to-color: #3c366b;
  }

  .xl\:hover\:tw-to-purple-100:hover{
    --gradient-to-color: #faf5ff;
  }

  .xl\:hover\:tw-to-purple-200:hover{
    --gradient-to-color: #e9d8fd;
  }

  .xl\:hover\:tw-to-purple-300:hover{
    --gradient-to-color: #d6bcfa;
  }

  .xl\:hover\:tw-to-purple-400:hover{
    --gradient-to-color: #b794f4;
  }

  .xl\:hover\:tw-to-purple-500:hover{
    --gradient-to-color: #9f7aea;
  }

  .xl\:hover\:tw-to-purple-600:hover{
    --gradient-to-color: #805ad5;
  }

  .xl\:hover\:tw-to-purple-700:hover{
    --gradient-to-color: #6b46c1;
  }

  .xl\:hover\:tw-to-purple-800:hover{
    --gradient-to-color: #553c9a;
  }

  .xl\:hover\:tw-to-purple-900:hover{
    --gradient-to-color: #44337a;
  }

  .xl\:hover\:tw-to-pink-100:hover{
    --gradient-to-color: #fff5f7;
  }

  .xl\:hover\:tw-to-pink-200:hover{
    --gradient-to-color: #fed7e2;
  }

  .xl\:hover\:tw-to-pink-300:hover{
    --gradient-to-color: #fbb6ce;
  }

  .xl\:hover\:tw-to-pink-400:hover{
    --gradient-to-color: #f687b3;
  }

  .xl\:hover\:tw-to-pink-500:hover{
    --gradient-to-color: #ed64a6;
  }

  .xl\:hover\:tw-to-pink-600:hover{
    --gradient-to-color: #d53f8c;
  }

  .xl\:hover\:tw-to-pink-700:hover{
    --gradient-to-color: #b83280;
  }

  .xl\:hover\:tw-to-pink-800:hover{
    --gradient-to-color: #97266d;
  }

  .xl\:hover\:tw-to-pink-900:hover{
    --gradient-to-color: #702459;
  }

  .xl\:hover\:tw-to-primary-blue:hover{
    --gradient-to-color: #1976d2;
  }

  .xl\:hover\:tw-to-primary-blue-dark:hover{
    --gradient-to-color: #0c3b69;
  }

  .xl\:hover\:tw-to-primary-white:hover{
    --gradient-to-color: #ffffff;
  }

  .xl\:hover\:tw-to-font-0:hover{
    --gradient-to-color: #4f4f4f;
  }

  .xl\:hover\:tw-to-font-1:hover{
    --gradient-to-color: #fcfcfc;
  }

  .xl\:hover\:tw-to-font-5:hover{
    --gradient-to-color: #f6f6f6;
  }

  .xl\:hover\:tw-to-font-10:hover{
    --gradient-to-color: #ededed;
  }

  .xl\:hover\:tw-to-font-50:hover{
    --gradient-to-color: #a7a7a7;
  }

  .xl\:hover\:tw-to-font-70:hover{
    --gradient-to-color: #838383;
  }

  .xl\:focus\:tw-from-transparent:focus{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:tw-from-current:focus{
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:tw-from-black:focus{
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:tw-from-white:focus{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:tw-from-gray-100:focus{
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xl\:focus\:tw-from-gray-200:focus{
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xl\:focus\:tw-from-gray-300:focus{
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xl\:focus\:tw-from-gray-400:focus{
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xl\:focus\:tw-from-gray-500:focus{
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xl\:focus\:tw-from-gray-600:focus{
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xl\:focus\:tw-from-gray-700:focus{
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xl\:focus\:tw-from-gray-800:focus{
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xl\:focus\:tw-from-gray-900:focus{
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xl\:focus\:tw-from-red-100:focus{
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .xl\:focus\:tw-from-red-200:focus{
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .xl\:focus\:tw-from-red-300:focus{
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .xl\:focus\:tw-from-red-400:focus{
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .xl\:focus\:tw-from-red-500:focus{
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .xl\:focus\:tw-from-red-600:focus{
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .xl\:focus\:tw-from-red-700:focus{
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .xl\:focus\:tw-from-red-800:focus{
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .xl\:focus\:tw-from-red-900:focus{
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .xl\:focus\:tw-from-orange-100:focus{
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .xl\:focus\:tw-from-orange-200:focus{
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .xl\:focus\:tw-from-orange-300:focus{
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .xl\:focus\:tw-from-orange-400:focus{
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .xl\:focus\:tw-from-orange-500:focus{
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .xl\:focus\:tw-from-orange-600:focus{
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .xl\:focus\:tw-from-orange-700:focus{
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .xl\:focus\:tw-from-orange-800:focus{
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .xl\:focus\:tw-from-orange-900:focus{
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .xl\:focus\:tw-from-yellow-100:focus{
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .xl\:focus\:tw-from-yellow-200:focus{
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .xl\:focus\:tw-from-yellow-300:focus{
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .xl\:focus\:tw-from-yellow-400:focus{
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .xl\:focus\:tw-from-yellow-500:focus{
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .xl\:focus\:tw-from-yellow-600:focus{
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .xl\:focus\:tw-from-yellow-700:focus{
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .xl\:focus\:tw-from-yellow-800:focus{
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .xl\:focus\:tw-from-yellow-900:focus{
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .xl\:focus\:tw-from-green-100:focus{
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .xl\:focus\:tw-from-green-200:focus{
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .xl\:focus\:tw-from-green-300:focus{
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .xl\:focus\:tw-from-green-400:focus{
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .xl\:focus\:tw-from-green-500:focus{
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .xl\:focus\:tw-from-green-600:focus{
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .xl\:focus\:tw-from-green-700:focus{
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .xl\:focus\:tw-from-green-800:focus{
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .xl\:focus\:tw-from-green-900:focus{
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .xl\:focus\:tw-from-teal-100:focus{
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .xl\:focus\:tw-from-teal-200:focus{
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .xl\:focus\:tw-from-teal-300:focus{
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .xl\:focus\:tw-from-teal-400:focus{
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .xl\:focus\:tw-from-teal-500:focus{
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .xl\:focus\:tw-from-teal-600:focus{
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .xl\:focus\:tw-from-teal-700:focus{
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .xl\:focus\:tw-from-teal-800:focus{
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .xl\:focus\:tw-from-teal-900:focus{
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .xl\:focus\:tw-from-blue-100:focus{
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .xl\:focus\:tw-from-blue-200:focus{
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .xl\:focus\:tw-from-blue-300:focus{
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .xl\:focus\:tw-from-blue-400:focus{
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .xl\:focus\:tw-from-blue-500:focus{
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .xl\:focus\:tw-from-blue-600:focus{
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .xl\:focus\:tw-from-blue-700:focus{
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .xl\:focus\:tw-from-blue-800:focus{
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .xl\:focus\:tw-from-blue-900:focus{
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .xl\:focus\:tw-from-indigo-100:focus{
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .xl\:focus\:tw-from-indigo-200:focus{
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .xl\:focus\:tw-from-indigo-300:focus{
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .xl\:focus\:tw-from-indigo-400:focus{
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .xl\:focus\:tw-from-indigo-500:focus{
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .xl\:focus\:tw-from-indigo-600:focus{
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .xl\:focus\:tw-from-indigo-700:focus{
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .xl\:focus\:tw-from-indigo-800:focus{
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .xl\:focus\:tw-from-indigo-900:focus{
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .xl\:focus\:tw-from-purple-100:focus{
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .xl\:focus\:tw-from-purple-200:focus{
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .xl\:focus\:tw-from-purple-300:focus{
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .xl\:focus\:tw-from-purple-400:focus{
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .xl\:focus\:tw-from-purple-500:focus{
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .xl\:focus\:tw-from-purple-600:focus{
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .xl\:focus\:tw-from-purple-700:focus{
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .xl\:focus\:tw-from-purple-800:focus{
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .xl\:focus\:tw-from-purple-900:focus{
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .xl\:focus\:tw-from-pink-100:focus{
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .xl\:focus\:tw-from-pink-200:focus{
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .xl\:focus\:tw-from-pink-300:focus{
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .xl\:focus\:tw-from-pink-400:focus{
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .xl\:focus\:tw-from-pink-500:focus{
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .xl\:focus\:tw-from-pink-600:focus{
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .xl\:focus\:tw-from-pink-700:focus{
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .xl\:focus\:tw-from-pink-800:focus{
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .xl\:focus\:tw-from-pink-900:focus{
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .xl\:focus\:tw-from-primary-blue:focus{
    --gradient-from-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .xl\:focus\:tw-from-primary-blue-dark:focus{
    --gradient-from-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .xl\:focus\:tw-from-primary-white:focus{
    --gradient-from-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:tw-from-font-0:focus{
    --gradient-from-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .xl\:focus\:tw-from-font-1:focus{
    --gradient-from-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .xl\:focus\:tw-from-font-5:focus{
    --gradient-from-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .xl\:focus\:tw-from-font-10:focus{
    --gradient-from-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .xl\:focus\:tw-from-font-50:focus{
    --gradient-from-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .xl\:focus\:tw-from-font-70:focus{
    --gradient-from-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .xl\:focus\:tw-via-transparent:focus{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:tw-via-current:focus{
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:tw-via-black:focus{
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:tw-via-white:focus{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:tw-via-gray-100:focus{
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xl\:focus\:tw-via-gray-200:focus{
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xl\:focus\:tw-via-gray-300:focus{
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xl\:focus\:tw-via-gray-400:focus{
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xl\:focus\:tw-via-gray-500:focus{
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xl\:focus\:tw-via-gray-600:focus{
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xl\:focus\:tw-via-gray-700:focus{
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xl\:focus\:tw-via-gray-800:focus{
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xl\:focus\:tw-via-gray-900:focus{
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xl\:focus\:tw-via-red-100:focus{
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }

  .xl\:focus\:tw-via-red-200:focus{
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }

  .xl\:focus\:tw-via-red-300:focus{
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }

  .xl\:focus\:tw-via-red-400:focus{
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }

  .xl\:focus\:tw-via-red-500:focus{
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }

  .xl\:focus\:tw-via-red-600:focus{
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }

  .xl\:focus\:tw-via-red-700:focus{
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }

  .xl\:focus\:tw-via-red-800:focus{
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }

  .xl\:focus\:tw-via-red-900:focus{
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }

  .xl\:focus\:tw-via-orange-100:focus{
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }

  .xl\:focus\:tw-via-orange-200:focus{
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }

  .xl\:focus\:tw-via-orange-300:focus{
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }

  .xl\:focus\:tw-via-orange-400:focus{
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }

  .xl\:focus\:tw-via-orange-500:focus{
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }

  .xl\:focus\:tw-via-orange-600:focus{
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }

  .xl\:focus\:tw-via-orange-700:focus{
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }

  .xl\:focus\:tw-via-orange-800:focus{
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }

  .xl\:focus\:tw-via-orange-900:focus{
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }

  .xl\:focus\:tw-via-yellow-100:focus{
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }

  .xl\:focus\:tw-via-yellow-200:focus{
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }

  .xl\:focus\:tw-via-yellow-300:focus{
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }

  .xl\:focus\:tw-via-yellow-400:focus{
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }

  .xl\:focus\:tw-via-yellow-500:focus{
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }

  .xl\:focus\:tw-via-yellow-600:focus{
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }

  .xl\:focus\:tw-via-yellow-700:focus{
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }

  .xl\:focus\:tw-via-yellow-800:focus{
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }

  .xl\:focus\:tw-via-yellow-900:focus{
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }

  .xl\:focus\:tw-via-green-100:focus{
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }

  .xl\:focus\:tw-via-green-200:focus{
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }

  .xl\:focus\:tw-via-green-300:focus{
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }

  .xl\:focus\:tw-via-green-400:focus{
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }

  .xl\:focus\:tw-via-green-500:focus{
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }

  .xl\:focus\:tw-via-green-600:focus{
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }

  .xl\:focus\:tw-via-green-700:focus{
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }

  .xl\:focus\:tw-via-green-800:focus{
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }

  .xl\:focus\:tw-via-green-900:focus{
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }

  .xl\:focus\:tw-via-teal-100:focus{
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }

  .xl\:focus\:tw-via-teal-200:focus{
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }

  .xl\:focus\:tw-via-teal-300:focus{
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }

  .xl\:focus\:tw-via-teal-400:focus{
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }

  .xl\:focus\:tw-via-teal-500:focus{
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }

  .xl\:focus\:tw-via-teal-600:focus{
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }

  .xl\:focus\:tw-via-teal-700:focus{
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }

  .xl\:focus\:tw-via-teal-800:focus{
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }

  .xl\:focus\:tw-via-teal-900:focus{
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }

  .xl\:focus\:tw-via-blue-100:focus{
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }

  .xl\:focus\:tw-via-blue-200:focus{
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }

  .xl\:focus\:tw-via-blue-300:focus{
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }

  .xl\:focus\:tw-via-blue-400:focus{
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }

  .xl\:focus\:tw-via-blue-500:focus{
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }

  .xl\:focus\:tw-via-blue-600:focus{
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }

  .xl\:focus\:tw-via-blue-700:focus{
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }

  .xl\:focus\:tw-via-blue-800:focus{
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }

  .xl\:focus\:tw-via-blue-900:focus{
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }

  .xl\:focus\:tw-via-indigo-100:focus{
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }

  .xl\:focus\:tw-via-indigo-200:focus{
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }

  .xl\:focus\:tw-via-indigo-300:focus{
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }

  .xl\:focus\:tw-via-indigo-400:focus{
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }

  .xl\:focus\:tw-via-indigo-500:focus{
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }

  .xl\:focus\:tw-via-indigo-600:focus{
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }

  .xl\:focus\:tw-via-indigo-700:focus{
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }

  .xl\:focus\:tw-via-indigo-800:focus{
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }

  .xl\:focus\:tw-via-indigo-900:focus{
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }

  .xl\:focus\:tw-via-purple-100:focus{
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }

  .xl\:focus\:tw-via-purple-200:focus{
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }

  .xl\:focus\:tw-via-purple-300:focus{
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }

  .xl\:focus\:tw-via-purple-400:focus{
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }

  .xl\:focus\:tw-via-purple-500:focus{
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }

  .xl\:focus\:tw-via-purple-600:focus{
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }

  .xl\:focus\:tw-via-purple-700:focus{
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }

  .xl\:focus\:tw-via-purple-800:focus{
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }

  .xl\:focus\:tw-via-purple-900:focus{
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }

  .xl\:focus\:tw-via-pink-100:focus{
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }

  .xl\:focus\:tw-via-pink-200:focus{
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }

  .xl\:focus\:tw-via-pink-300:focus{
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }

  .xl\:focus\:tw-via-pink-400:focus{
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }

  .xl\:focus\:tw-via-pink-500:focus{
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }

  .xl\:focus\:tw-via-pink-600:focus{
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }

  .xl\:focus\:tw-via-pink-700:focus{
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }

  .xl\:focus\:tw-via-pink-800:focus{
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }

  .xl\:focus\:tw-via-pink-900:focus{
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }

  .xl\:focus\:tw-via-primary-blue:focus{
    --gradient-via-color: #1976d2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 118, 210, 0));
  }

  .xl\:focus\:tw-via-primary-blue-dark:focus{
    --gradient-via-color: #0c3b69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 59, 105, 0));
  }

  .xl\:focus\:tw-via-primary-white:focus{
    --gradient-via-color: #ffffff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:tw-via-font-0:focus{
    --gradient-via-color: #4f4f4f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 79, 79, 0));
  }

  .xl\:focus\:tw-via-font-1:focus{
    --gradient-via-color: #fcfcfc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 252, 252, 0));
  }

  .xl\:focus\:tw-via-font-5:focus{
    --gradient-via-color: #f6f6f6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
  }

  .xl\:focus\:tw-via-font-10:focus{
    --gradient-via-color: #ededed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 237, 237, 0));
  }

  .xl\:focus\:tw-via-font-50:focus{
    --gradient-via-color: #a7a7a7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
  }

  .xl\:focus\:tw-via-font-70:focus{
    --gradient-via-color: #838383;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 131, 131, 0));
  }

  .xl\:focus\:tw-to-transparent:focus{
    --gradient-to-color: transparent;
  }

  .xl\:focus\:tw-to-current:focus{
    --gradient-to-color: currentColor;
  }

  .xl\:focus\:tw-to-black:focus{
    --gradient-to-color: #000;
  }

  .xl\:focus\:tw-to-white:focus{
    --gradient-to-color: #fff;
  }

  .xl\:focus\:tw-to-gray-100:focus{
    --gradient-to-color: #f7fafc;
  }

  .xl\:focus\:tw-to-gray-200:focus{
    --gradient-to-color: #edf2f7;
  }

  .xl\:focus\:tw-to-gray-300:focus{
    --gradient-to-color: #e2e8f0;
  }

  .xl\:focus\:tw-to-gray-400:focus{
    --gradient-to-color: #cbd5e0;
  }

  .xl\:focus\:tw-to-gray-500:focus{
    --gradient-to-color: #a0aec0;
  }

  .xl\:focus\:tw-to-gray-600:focus{
    --gradient-to-color: #718096;
  }

  .xl\:focus\:tw-to-gray-700:focus{
    --gradient-to-color: #4a5568;
  }

  .xl\:focus\:tw-to-gray-800:focus{
    --gradient-to-color: #2d3748;
  }

  .xl\:focus\:tw-to-gray-900:focus{
    --gradient-to-color: #1a202c;
  }

  .xl\:focus\:tw-to-red-100:focus{
    --gradient-to-color: #fff5f5;
  }

  .xl\:focus\:tw-to-red-200:focus{
    --gradient-to-color: #fed7d7;
  }

  .xl\:focus\:tw-to-red-300:focus{
    --gradient-to-color: #feb2b2;
  }

  .xl\:focus\:tw-to-red-400:focus{
    --gradient-to-color: #fc8181;
  }

  .xl\:focus\:tw-to-red-500:focus{
    --gradient-to-color: #f56565;
  }

  .xl\:focus\:tw-to-red-600:focus{
    --gradient-to-color: #e53e3e;
  }

  .xl\:focus\:tw-to-red-700:focus{
    --gradient-to-color: #c53030;
  }

  .xl\:focus\:tw-to-red-800:focus{
    --gradient-to-color: #9b2c2c;
  }

  .xl\:focus\:tw-to-red-900:focus{
    --gradient-to-color: #742a2a;
  }

  .xl\:focus\:tw-to-orange-100:focus{
    --gradient-to-color: #fffaf0;
  }

  .xl\:focus\:tw-to-orange-200:focus{
    --gradient-to-color: #feebc8;
  }

  .xl\:focus\:tw-to-orange-300:focus{
    --gradient-to-color: #fbd38d;
  }

  .xl\:focus\:tw-to-orange-400:focus{
    --gradient-to-color: #f6ad55;
  }

  .xl\:focus\:tw-to-orange-500:focus{
    --gradient-to-color: #ed8936;
  }

  .xl\:focus\:tw-to-orange-600:focus{
    --gradient-to-color: #dd6b20;
  }

  .xl\:focus\:tw-to-orange-700:focus{
    --gradient-to-color: #c05621;
  }

  .xl\:focus\:tw-to-orange-800:focus{
    --gradient-to-color: #9c4221;
  }

  .xl\:focus\:tw-to-orange-900:focus{
    --gradient-to-color: #7b341e;
  }

  .xl\:focus\:tw-to-yellow-100:focus{
    --gradient-to-color: #fffff0;
  }

  .xl\:focus\:tw-to-yellow-200:focus{
    --gradient-to-color: #fefcbf;
  }

  .xl\:focus\:tw-to-yellow-300:focus{
    --gradient-to-color: #faf089;
  }

  .xl\:focus\:tw-to-yellow-400:focus{
    --gradient-to-color: #f6e05e;
  }

  .xl\:focus\:tw-to-yellow-500:focus{
    --gradient-to-color: #ecc94b;
  }

  .xl\:focus\:tw-to-yellow-600:focus{
    --gradient-to-color: #d69e2e;
  }

  .xl\:focus\:tw-to-yellow-700:focus{
    --gradient-to-color: #b7791f;
  }

  .xl\:focus\:tw-to-yellow-800:focus{
    --gradient-to-color: #975a16;
  }

  .xl\:focus\:tw-to-yellow-900:focus{
    --gradient-to-color: #744210;
  }

  .xl\:focus\:tw-to-green-100:focus{
    --gradient-to-color: #f0fff4;
  }

  .xl\:focus\:tw-to-green-200:focus{
    --gradient-to-color: #c6f6d5;
  }

  .xl\:focus\:tw-to-green-300:focus{
    --gradient-to-color: #9ae6b4;
  }

  .xl\:focus\:tw-to-green-400:focus{
    --gradient-to-color: #68d391;
  }

  .xl\:focus\:tw-to-green-500:focus{
    --gradient-to-color: #48bb78;
  }

  .xl\:focus\:tw-to-green-600:focus{
    --gradient-to-color: #38a169;
  }

  .xl\:focus\:tw-to-green-700:focus{
    --gradient-to-color: #2f855a;
  }

  .xl\:focus\:tw-to-green-800:focus{
    --gradient-to-color: #276749;
  }

  .xl\:focus\:tw-to-green-900:focus{
    --gradient-to-color: #22543d;
  }

  .xl\:focus\:tw-to-teal-100:focus{
    --gradient-to-color: #e6fffa;
  }

  .xl\:focus\:tw-to-teal-200:focus{
    --gradient-to-color: #b2f5ea;
  }

  .xl\:focus\:tw-to-teal-300:focus{
    --gradient-to-color: #81e6d9;
  }

  .xl\:focus\:tw-to-teal-400:focus{
    --gradient-to-color: #4fd1c5;
  }

  .xl\:focus\:tw-to-teal-500:focus{
    --gradient-to-color: #38b2ac;
  }

  .xl\:focus\:tw-to-teal-600:focus{
    --gradient-to-color: #319795;
  }

  .xl\:focus\:tw-to-teal-700:focus{
    --gradient-to-color: #2c7a7b;
  }

  .xl\:focus\:tw-to-teal-800:focus{
    --gradient-to-color: #285e61;
  }

  .xl\:focus\:tw-to-teal-900:focus{
    --gradient-to-color: #234e52;
  }

  .xl\:focus\:tw-to-blue-100:focus{
    --gradient-to-color: #ebf8ff;
  }

  .xl\:focus\:tw-to-blue-200:focus{
    --gradient-to-color: #bee3f8;
  }

  .xl\:focus\:tw-to-blue-300:focus{
    --gradient-to-color: #90cdf4;
  }

  .xl\:focus\:tw-to-blue-400:focus{
    --gradient-to-color: #63b3ed;
  }

  .xl\:focus\:tw-to-blue-500:focus{
    --gradient-to-color: #4299e1;
  }

  .xl\:focus\:tw-to-blue-600:focus{
    --gradient-to-color: #3182ce;
  }

  .xl\:focus\:tw-to-blue-700:focus{
    --gradient-to-color: #2b6cb0;
  }

  .xl\:focus\:tw-to-blue-800:focus{
    --gradient-to-color: #2c5282;
  }

  .xl\:focus\:tw-to-blue-900:focus{
    --gradient-to-color: #2a4365;
  }

  .xl\:focus\:tw-to-indigo-100:focus{
    --gradient-to-color: #ebf4ff;
  }

  .xl\:focus\:tw-to-indigo-200:focus{
    --gradient-to-color: #c3dafe;
  }

  .xl\:focus\:tw-to-indigo-300:focus{
    --gradient-to-color: #a3bffa;
  }

  .xl\:focus\:tw-to-indigo-400:focus{
    --gradient-to-color: #7f9cf5;
  }

  .xl\:focus\:tw-to-indigo-500:focus{
    --gradient-to-color: #667eea;
  }

  .xl\:focus\:tw-to-indigo-600:focus{
    --gradient-to-color: #5a67d8;
  }

  .xl\:focus\:tw-to-indigo-700:focus{
    --gradient-to-color: #4c51bf;
  }

  .xl\:focus\:tw-to-indigo-800:focus{
    --gradient-to-color: #434190;
  }

  .xl\:focus\:tw-to-indigo-900:focus{
    --gradient-to-color: #3c366b;
  }

  .xl\:focus\:tw-to-purple-100:focus{
    --gradient-to-color: #faf5ff;
  }

  .xl\:focus\:tw-to-purple-200:focus{
    --gradient-to-color: #e9d8fd;
  }

  .xl\:focus\:tw-to-purple-300:focus{
    --gradient-to-color: #d6bcfa;
  }

  .xl\:focus\:tw-to-purple-400:focus{
    --gradient-to-color: #b794f4;
  }

  .xl\:focus\:tw-to-purple-500:focus{
    --gradient-to-color: #9f7aea;
  }

  .xl\:focus\:tw-to-purple-600:focus{
    --gradient-to-color: #805ad5;
  }

  .xl\:focus\:tw-to-purple-700:focus{
    --gradient-to-color: #6b46c1;
  }

  .xl\:focus\:tw-to-purple-800:focus{
    --gradient-to-color: #553c9a;
  }

  .xl\:focus\:tw-to-purple-900:focus{
    --gradient-to-color: #44337a;
  }

  .xl\:focus\:tw-to-pink-100:focus{
    --gradient-to-color: #fff5f7;
  }

  .xl\:focus\:tw-to-pink-200:focus{
    --gradient-to-color: #fed7e2;
  }

  .xl\:focus\:tw-to-pink-300:focus{
    --gradient-to-color: #fbb6ce;
  }

  .xl\:focus\:tw-to-pink-400:focus{
    --gradient-to-color: #f687b3;
  }

  .xl\:focus\:tw-to-pink-500:focus{
    --gradient-to-color: #ed64a6;
  }

  .xl\:focus\:tw-to-pink-600:focus{
    --gradient-to-color: #d53f8c;
  }

  .xl\:focus\:tw-to-pink-700:focus{
    --gradient-to-color: #b83280;
  }

  .xl\:focus\:tw-to-pink-800:focus{
    --gradient-to-color: #97266d;
  }

  .xl\:focus\:tw-to-pink-900:focus{
    --gradient-to-color: #702459;
  }

  .xl\:focus\:tw-to-primary-blue:focus{
    --gradient-to-color: #1976d2;
  }

  .xl\:focus\:tw-to-primary-blue-dark:focus{
    --gradient-to-color: #0c3b69;
  }

  .xl\:focus\:tw-to-primary-white:focus{
    --gradient-to-color: #ffffff;
  }

  .xl\:focus\:tw-to-font-0:focus{
    --gradient-to-color: #4f4f4f;
  }

  .xl\:focus\:tw-to-font-1:focus{
    --gradient-to-color: #fcfcfc;
  }

  .xl\:focus\:tw-to-font-5:focus{
    --gradient-to-color: #f6f6f6;
  }

  .xl\:focus\:tw-to-font-10:focus{
    --gradient-to-color: #ededed;
  }

  .xl\:focus\:tw-to-font-50:focus{
    --gradient-to-color: #a7a7a7;
  }

  .xl\:focus\:tw-to-font-70:focus{
    --gradient-to-color: #838383;
  }

  .xl\:tw-bg-opacity-0{
    --bg-opacity: 0;
  }

  .xl\:tw-bg-opacity-25{
    --bg-opacity: 0.25;
  }

  .xl\:tw-bg-opacity-50{
    --bg-opacity: 0.5;
  }

  .xl\:tw-bg-opacity-75{
    --bg-opacity: 0.75;
  }

  .xl\:tw-bg-opacity-100{
    --bg-opacity: 1;
  }

  .xl\:hover\:tw-bg-opacity-0:hover{
    --bg-opacity: 0;
  }

  .xl\:hover\:tw-bg-opacity-25:hover{
    --bg-opacity: 0.25;
  }

  .xl\:hover\:tw-bg-opacity-50:hover{
    --bg-opacity: 0.5;
  }

  .xl\:hover\:tw-bg-opacity-75:hover{
    --bg-opacity: 0.75;
  }

  .xl\:hover\:tw-bg-opacity-100:hover{
    --bg-opacity: 1;
  }

  .xl\:focus\:tw-bg-opacity-0:focus{
    --bg-opacity: 0;
  }

  .xl\:focus\:tw-bg-opacity-25:focus{
    --bg-opacity: 0.25;
  }

  .xl\:focus\:tw-bg-opacity-50:focus{
    --bg-opacity: 0.5;
  }

  .xl\:focus\:tw-bg-opacity-75:focus{
    --bg-opacity: 0.75;
  }

  .xl\:focus\:tw-bg-opacity-100:focus{
    --bg-opacity: 1;
  }

  .xl\:tw-bg-bottom{
    background-position: bottom;
  }

  .xl\:tw-bg-center{
    background-position: center;
  }

  .xl\:tw-bg-left{
    background-position: left;
  }

  .xl\:tw-bg-left-bottom{
    background-position: left bottom;
  }

  .xl\:tw-bg-left-top{
    background-position: left top;
  }

  .xl\:tw-bg-right{
    background-position: right;
  }

  .xl\:tw-bg-right-bottom{
    background-position: right bottom;
  }

  .xl\:tw-bg-right-top{
    background-position: right top;
  }

  .xl\:tw-bg-top{
    background-position: top;
  }

  .xl\:tw-bg-repeat{
    background-repeat: repeat;
  }

  .xl\:tw-bg-no-repeat{
    background-repeat: no-repeat;
  }

  .xl\:tw-bg-repeat-x{
    background-repeat: repeat-x;
  }

  .xl\:tw-bg-repeat-y{
    background-repeat: repeat-y;
  }

  .xl\:tw-bg-repeat-round{
    background-repeat: round;
  }

  .xl\:tw-bg-repeat-space{
    background-repeat: space;
  }

  .xl\:tw-bg-auto{
    background-size: auto;
  }

  .xl\:tw-bg-cover{
    background-size: cover;
  }

  .xl\:tw-bg-contain{
    background-size: contain;
  }

  .xl\:tw-border-collapse{
    border-collapse: collapse;
  }

  .xl\:tw-border-separate{
    border-collapse: separate;
  }

  .xl\:tw-border-transparent{
    border-color: transparent;
  }

  .xl\:tw-border-current{
    border-color: currentColor;
  }

  .xl\:tw-border-black{
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xl\:tw-border-white{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:tw-border-gray-100{
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xl\:tw-border-gray-200{
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xl\:tw-border-gray-300{
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xl\:tw-border-gray-400{
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xl\:tw-border-gray-500{
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xl\:tw-border-gray-600{
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xl\:tw-border-gray-700{
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xl\:tw-border-gray-800{
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xl\:tw-border-gray-900{
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xl\:tw-border-red-100{
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }

  .xl\:tw-border-red-200{
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }

  .xl\:tw-border-red-300{
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }

  .xl\:tw-border-red-400{
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }

  .xl\:tw-border-red-500{
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }

  .xl\:tw-border-red-600{
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }

  .xl\:tw-border-red-700{
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }

  .xl\:tw-border-red-800{
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }

  .xl\:tw-border-red-900{
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }

  .xl\:tw-border-orange-100{
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }

  .xl\:tw-border-orange-200{
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }

  .xl\:tw-border-orange-300{
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }

  .xl\:tw-border-orange-400{
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }

  .xl\:tw-border-orange-500{
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }

  .xl\:tw-border-orange-600{
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }

  .xl\:tw-border-orange-700{
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }

  .xl\:tw-border-orange-800{
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }

  .xl\:tw-border-orange-900{
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }

  .xl\:tw-border-yellow-100{
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }

  .xl\:tw-border-yellow-200{
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }

  .xl\:tw-border-yellow-300{
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }

  .xl\:tw-border-yellow-400{
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }

  .xl\:tw-border-yellow-500{
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }

  .xl\:tw-border-yellow-600{
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }

  .xl\:tw-border-yellow-700{
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }

  .xl\:tw-border-yellow-800{
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }

  .xl\:tw-border-yellow-900{
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }

  .xl\:tw-border-green-100{
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }

  .xl\:tw-border-green-200{
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }

  .xl\:tw-border-green-300{
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }

  .xl\:tw-border-green-400{
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }

  .xl\:tw-border-green-500{
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }

  .xl\:tw-border-green-600{
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }

  .xl\:tw-border-green-700{
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }

  .xl\:tw-border-green-800{
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }

  .xl\:tw-border-green-900{
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }

  .xl\:tw-border-teal-100{
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }

  .xl\:tw-border-teal-200{
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }

  .xl\:tw-border-teal-300{
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }

  .xl\:tw-border-teal-400{
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }

  .xl\:tw-border-teal-500{
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }

  .xl\:tw-border-teal-600{
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }

  .xl\:tw-border-teal-700{
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }

  .xl\:tw-border-teal-800{
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }

  .xl\:tw-border-teal-900{
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }

  .xl\:tw-border-blue-100{
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }

  .xl\:tw-border-blue-200{
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }

  .xl\:tw-border-blue-300{
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }

  .xl\:tw-border-blue-400{
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }

  .xl\:tw-border-blue-500{
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }

  .xl\:tw-border-blue-600{
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }

  .xl\:tw-border-blue-700{
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }

  .xl\:tw-border-blue-800{
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }

  .xl\:tw-border-blue-900{
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }

  .xl\:tw-border-indigo-100{
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }

  .xl\:tw-border-indigo-200{
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }

  .xl\:tw-border-indigo-300{
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }

  .xl\:tw-border-indigo-400{
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }

  .xl\:tw-border-indigo-500{
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }

  .xl\:tw-border-indigo-600{
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }

  .xl\:tw-border-indigo-700{
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }

  .xl\:tw-border-indigo-800{
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }

  .xl\:tw-border-indigo-900{
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }

  .xl\:tw-border-purple-100{
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }

  .xl\:tw-border-purple-200{
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }

  .xl\:tw-border-purple-300{
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }

  .xl\:tw-border-purple-400{
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }

  .xl\:tw-border-purple-500{
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }

  .xl\:tw-border-purple-600{
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }

  .xl\:tw-border-purple-700{
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }

  .xl\:tw-border-purple-800{
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }

  .xl\:tw-border-purple-900{
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }

  .xl\:tw-border-pink-100{
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }

  .xl\:tw-border-pink-200{
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }

  .xl\:tw-border-pink-300{
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }

  .xl\:tw-border-pink-400{
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }

  .xl\:tw-border-pink-500{
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }

  .xl\:tw-border-pink-600{
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }

  .xl\:tw-border-pink-700{
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }

  .xl\:tw-border-pink-800{
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }

  .xl\:tw-border-pink-900{
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }

  .xl\:tw-border-primary-blue{
    --border-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--border-opacity));
  }

  .xl\:tw-border-primary-blue-dark{
    --border-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--border-opacity));
  }

  .xl\:tw-border-primary-white{
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:tw-border-font-0{
    --border-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--border-opacity));
  }

  .xl\:tw-border-font-1{
    --border-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--border-opacity));
  }

  .xl\:tw-border-font-5{
    --border-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--border-opacity));
  }

  .xl\:tw-border-font-10{
    --border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--border-opacity));
  }

  .xl\:tw-border-font-50{
    --border-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--border-opacity));
  }

  .xl\:tw-border-font-70{
    --border-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--border-opacity));
  }

  .xl\:hover\:tw-border-transparent:hover{
    border-color: transparent;
  }

  .xl\:hover\:tw-border-current:hover{
    border-color: currentColor;
  }

  .xl\:hover\:tw-border-black:hover{
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xl\:hover\:tw-border-white:hover{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:hover\:tw-border-gray-100:hover{
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xl\:hover\:tw-border-gray-200:hover{
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xl\:hover\:tw-border-gray-300:hover{
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xl\:hover\:tw-border-gray-400:hover{
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xl\:hover\:tw-border-gray-500:hover{
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xl\:hover\:tw-border-gray-600:hover{
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xl\:hover\:tw-border-gray-700:hover{
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xl\:hover\:tw-border-gray-800:hover{
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xl\:hover\:tw-border-gray-900:hover{
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xl\:hover\:tw-border-red-100:hover{
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }

  .xl\:hover\:tw-border-red-200:hover{
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }

  .xl\:hover\:tw-border-red-300:hover{
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }

  .xl\:hover\:tw-border-red-400:hover{
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }

  .xl\:hover\:tw-border-red-500:hover{
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }

  .xl\:hover\:tw-border-red-600:hover{
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }

  .xl\:hover\:tw-border-red-700:hover{
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }

  .xl\:hover\:tw-border-red-800:hover{
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }

  .xl\:hover\:tw-border-red-900:hover{
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }

  .xl\:hover\:tw-border-orange-100:hover{
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }

  .xl\:hover\:tw-border-orange-200:hover{
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }

  .xl\:hover\:tw-border-orange-300:hover{
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }

  .xl\:hover\:tw-border-orange-400:hover{
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }

  .xl\:hover\:tw-border-orange-500:hover{
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }

  .xl\:hover\:tw-border-orange-600:hover{
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }

  .xl\:hover\:tw-border-orange-700:hover{
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }

  .xl\:hover\:tw-border-orange-800:hover{
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }

  .xl\:hover\:tw-border-orange-900:hover{
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }

  .xl\:hover\:tw-border-yellow-100:hover{
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }

  .xl\:hover\:tw-border-yellow-200:hover{
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }

  .xl\:hover\:tw-border-yellow-300:hover{
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }

  .xl\:hover\:tw-border-yellow-400:hover{
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }

  .xl\:hover\:tw-border-yellow-500:hover{
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }

  .xl\:hover\:tw-border-yellow-600:hover{
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }

  .xl\:hover\:tw-border-yellow-700:hover{
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }

  .xl\:hover\:tw-border-yellow-800:hover{
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }

  .xl\:hover\:tw-border-yellow-900:hover{
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }

  .xl\:hover\:tw-border-green-100:hover{
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }

  .xl\:hover\:tw-border-green-200:hover{
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }

  .xl\:hover\:tw-border-green-300:hover{
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }

  .xl\:hover\:tw-border-green-400:hover{
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }

  .xl\:hover\:tw-border-green-500:hover{
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }

  .xl\:hover\:tw-border-green-600:hover{
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }

  .xl\:hover\:tw-border-green-700:hover{
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }

  .xl\:hover\:tw-border-green-800:hover{
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }

  .xl\:hover\:tw-border-green-900:hover{
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }

  .xl\:hover\:tw-border-teal-100:hover{
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }

  .xl\:hover\:tw-border-teal-200:hover{
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }

  .xl\:hover\:tw-border-teal-300:hover{
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }

  .xl\:hover\:tw-border-teal-400:hover{
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }

  .xl\:hover\:tw-border-teal-500:hover{
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }

  .xl\:hover\:tw-border-teal-600:hover{
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }

  .xl\:hover\:tw-border-teal-700:hover{
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }

  .xl\:hover\:tw-border-teal-800:hover{
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }

  .xl\:hover\:tw-border-teal-900:hover{
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }

  .xl\:hover\:tw-border-blue-100:hover{
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }

  .xl\:hover\:tw-border-blue-200:hover{
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }

  .xl\:hover\:tw-border-blue-300:hover{
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }

  .xl\:hover\:tw-border-blue-400:hover{
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }

  .xl\:hover\:tw-border-blue-500:hover{
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }

  .xl\:hover\:tw-border-blue-600:hover{
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }

  .xl\:hover\:tw-border-blue-700:hover{
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }

  .xl\:hover\:tw-border-blue-800:hover{
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }

  .xl\:hover\:tw-border-blue-900:hover{
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }

  .xl\:hover\:tw-border-indigo-100:hover{
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }

  .xl\:hover\:tw-border-indigo-200:hover{
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }

  .xl\:hover\:tw-border-indigo-300:hover{
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }

  .xl\:hover\:tw-border-indigo-400:hover{
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }

  .xl\:hover\:tw-border-indigo-500:hover{
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }

  .xl\:hover\:tw-border-indigo-600:hover{
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }

  .xl\:hover\:tw-border-indigo-700:hover{
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }

  .xl\:hover\:tw-border-indigo-800:hover{
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }

  .xl\:hover\:tw-border-indigo-900:hover{
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }

  .xl\:hover\:tw-border-purple-100:hover{
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }

  .xl\:hover\:tw-border-purple-200:hover{
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }

  .xl\:hover\:tw-border-purple-300:hover{
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }

  .xl\:hover\:tw-border-purple-400:hover{
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }

  .xl\:hover\:tw-border-purple-500:hover{
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }

  .xl\:hover\:tw-border-purple-600:hover{
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }

  .xl\:hover\:tw-border-purple-700:hover{
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }

  .xl\:hover\:tw-border-purple-800:hover{
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }

  .xl\:hover\:tw-border-purple-900:hover{
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }

  .xl\:hover\:tw-border-pink-100:hover{
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }

  .xl\:hover\:tw-border-pink-200:hover{
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }

  .xl\:hover\:tw-border-pink-300:hover{
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }

  .xl\:hover\:tw-border-pink-400:hover{
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }

  .xl\:hover\:tw-border-pink-500:hover{
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }

  .xl\:hover\:tw-border-pink-600:hover{
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }

  .xl\:hover\:tw-border-pink-700:hover{
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }

  .xl\:hover\:tw-border-pink-800:hover{
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }

  .xl\:hover\:tw-border-pink-900:hover{
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }

  .xl\:hover\:tw-border-primary-blue:hover{
    --border-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--border-opacity));
  }

  .xl\:hover\:tw-border-primary-blue-dark:hover{
    --border-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--border-opacity));
  }

  .xl\:hover\:tw-border-primary-white:hover{
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:hover\:tw-border-font-0:hover{
    --border-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--border-opacity));
  }

  .xl\:hover\:tw-border-font-1:hover{
    --border-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--border-opacity));
  }

  .xl\:hover\:tw-border-font-5:hover{
    --border-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--border-opacity));
  }

  .xl\:hover\:tw-border-font-10:hover{
    --border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--border-opacity));
  }

  .xl\:hover\:tw-border-font-50:hover{
    --border-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--border-opacity));
  }

  .xl\:hover\:tw-border-font-70:hover{
    --border-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--border-opacity));
  }

  .xl\:focus\:tw-border-transparent:focus{
    border-color: transparent;
  }

  .xl\:focus\:tw-border-current:focus{
    border-color: currentColor;
  }

  .xl\:focus\:tw-border-black:focus{
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xl\:focus\:tw-border-white:focus{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:focus\:tw-border-gray-100:focus{
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xl\:focus\:tw-border-gray-200:focus{
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xl\:focus\:tw-border-gray-300:focus{
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xl\:focus\:tw-border-gray-400:focus{
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xl\:focus\:tw-border-gray-500:focus{
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xl\:focus\:tw-border-gray-600:focus{
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xl\:focus\:tw-border-gray-700:focus{
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xl\:focus\:tw-border-gray-800:focus{
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xl\:focus\:tw-border-gray-900:focus{
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xl\:focus\:tw-border-red-100:focus{
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }

  .xl\:focus\:tw-border-red-200:focus{
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }

  .xl\:focus\:tw-border-red-300:focus{
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }

  .xl\:focus\:tw-border-red-400:focus{
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }

  .xl\:focus\:tw-border-red-500:focus{
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }

  .xl\:focus\:tw-border-red-600:focus{
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }

  .xl\:focus\:tw-border-red-700:focus{
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }

  .xl\:focus\:tw-border-red-800:focus{
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }

  .xl\:focus\:tw-border-red-900:focus{
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }

  .xl\:focus\:tw-border-orange-100:focus{
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }

  .xl\:focus\:tw-border-orange-200:focus{
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }

  .xl\:focus\:tw-border-orange-300:focus{
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }

  .xl\:focus\:tw-border-orange-400:focus{
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }

  .xl\:focus\:tw-border-orange-500:focus{
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }

  .xl\:focus\:tw-border-orange-600:focus{
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }

  .xl\:focus\:tw-border-orange-700:focus{
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }

  .xl\:focus\:tw-border-orange-800:focus{
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }

  .xl\:focus\:tw-border-orange-900:focus{
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }

  .xl\:focus\:tw-border-yellow-100:focus{
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }

  .xl\:focus\:tw-border-yellow-200:focus{
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }

  .xl\:focus\:tw-border-yellow-300:focus{
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }

  .xl\:focus\:tw-border-yellow-400:focus{
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }

  .xl\:focus\:tw-border-yellow-500:focus{
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }

  .xl\:focus\:tw-border-yellow-600:focus{
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }

  .xl\:focus\:tw-border-yellow-700:focus{
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }

  .xl\:focus\:tw-border-yellow-800:focus{
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }

  .xl\:focus\:tw-border-yellow-900:focus{
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }

  .xl\:focus\:tw-border-green-100:focus{
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }

  .xl\:focus\:tw-border-green-200:focus{
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }

  .xl\:focus\:tw-border-green-300:focus{
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }

  .xl\:focus\:tw-border-green-400:focus{
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }

  .xl\:focus\:tw-border-green-500:focus{
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }

  .xl\:focus\:tw-border-green-600:focus{
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }

  .xl\:focus\:tw-border-green-700:focus{
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }

  .xl\:focus\:tw-border-green-800:focus{
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }

  .xl\:focus\:tw-border-green-900:focus{
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }

  .xl\:focus\:tw-border-teal-100:focus{
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }

  .xl\:focus\:tw-border-teal-200:focus{
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }

  .xl\:focus\:tw-border-teal-300:focus{
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }

  .xl\:focus\:tw-border-teal-400:focus{
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }

  .xl\:focus\:tw-border-teal-500:focus{
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }

  .xl\:focus\:tw-border-teal-600:focus{
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }

  .xl\:focus\:tw-border-teal-700:focus{
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }

  .xl\:focus\:tw-border-teal-800:focus{
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }

  .xl\:focus\:tw-border-teal-900:focus{
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }

  .xl\:focus\:tw-border-blue-100:focus{
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }

  .xl\:focus\:tw-border-blue-200:focus{
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }

  .xl\:focus\:tw-border-blue-300:focus{
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }

  .xl\:focus\:tw-border-blue-400:focus{
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }

  .xl\:focus\:tw-border-blue-500:focus{
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }

  .xl\:focus\:tw-border-blue-600:focus{
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }

  .xl\:focus\:tw-border-blue-700:focus{
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }

  .xl\:focus\:tw-border-blue-800:focus{
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }

  .xl\:focus\:tw-border-blue-900:focus{
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }

  .xl\:focus\:tw-border-indigo-100:focus{
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }

  .xl\:focus\:tw-border-indigo-200:focus{
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }

  .xl\:focus\:tw-border-indigo-300:focus{
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }

  .xl\:focus\:tw-border-indigo-400:focus{
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }

  .xl\:focus\:tw-border-indigo-500:focus{
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }

  .xl\:focus\:tw-border-indigo-600:focus{
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }

  .xl\:focus\:tw-border-indigo-700:focus{
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }

  .xl\:focus\:tw-border-indigo-800:focus{
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }

  .xl\:focus\:tw-border-indigo-900:focus{
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }

  .xl\:focus\:tw-border-purple-100:focus{
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }

  .xl\:focus\:tw-border-purple-200:focus{
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }

  .xl\:focus\:tw-border-purple-300:focus{
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }

  .xl\:focus\:tw-border-purple-400:focus{
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }

  .xl\:focus\:tw-border-purple-500:focus{
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }

  .xl\:focus\:tw-border-purple-600:focus{
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }

  .xl\:focus\:tw-border-purple-700:focus{
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }

  .xl\:focus\:tw-border-purple-800:focus{
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }

  .xl\:focus\:tw-border-purple-900:focus{
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }

  .xl\:focus\:tw-border-pink-100:focus{
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }

  .xl\:focus\:tw-border-pink-200:focus{
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }

  .xl\:focus\:tw-border-pink-300:focus{
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }

  .xl\:focus\:tw-border-pink-400:focus{
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }

  .xl\:focus\:tw-border-pink-500:focus{
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }

  .xl\:focus\:tw-border-pink-600:focus{
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }

  .xl\:focus\:tw-border-pink-700:focus{
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }

  .xl\:focus\:tw-border-pink-800:focus{
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }

  .xl\:focus\:tw-border-pink-900:focus{
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }

  .xl\:focus\:tw-border-primary-blue:focus{
    --border-opacity: 1;
    border-color: #1976d2;
    border-color: rgba(25, 118, 210, var(--border-opacity));
  }

  .xl\:focus\:tw-border-primary-blue-dark:focus{
    --border-opacity: 1;
    border-color: #0c3b69;
    border-color: rgba(12, 59, 105, var(--border-opacity));
  }

  .xl\:focus\:tw-border-primary-white:focus{
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:focus\:tw-border-font-0:focus{
    --border-opacity: 1;
    border-color: #4f4f4f;
    border-color: rgba(79, 79, 79, var(--border-opacity));
  }

  .xl\:focus\:tw-border-font-1:focus{
    --border-opacity: 1;
    border-color: #fcfcfc;
    border-color: rgba(252, 252, 252, var(--border-opacity));
  }

  .xl\:focus\:tw-border-font-5:focus{
    --border-opacity: 1;
    border-color: #f6f6f6;
    border-color: rgba(246, 246, 246, var(--border-opacity));
  }

  .xl\:focus\:tw-border-font-10:focus{
    --border-opacity: 1;
    border-color: #ededed;
    border-color: rgba(237, 237, 237, var(--border-opacity));
  }

  .xl\:focus\:tw-border-font-50:focus{
    --border-opacity: 1;
    border-color: #a7a7a7;
    border-color: rgba(167, 167, 167, var(--border-opacity));
  }

  .xl\:focus\:tw-border-font-70:focus{
    --border-opacity: 1;
    border-color: #838383;
    border-color: rgba(131, 131, 131, var(--border-opacity));
  }

  .xl\:tw-border-opacity-0{
    --border-opacity: 0;
  }

  .xl\:tw-border-opacity-25{
    --border-opacity: 0.25;
  }

  .xl\:tw-border-opacity-50{
    --border-opacity: 0.5;
  }

  .xl\:tw-border-opacity-75{
    --border-opacity: 0.75;
  }

  .xl\:tw-border-opacity-100{
    --border-opacity: 1;
  }

  .xl\:hover\:tw-border-opacity-0:hover{
    --border-opacity: 0;
  }

  .xl\:hover\:tw-border-opacity-25:hover{
    --border-opacity: 0.25;
  }

  .xl\:hover\:tw-border-opacity-50:hover{
    --border-opacity: 0.5;
  }

  .xl\:hover\:tw-border-opacity-75:hover{
    --border-opacity: 0.75;
  }

  .xl\:hover\:tw-border-opacity-100:hover{
    --border-opacity: 1;
  }

  .xl\:focus\:tw-border-opacity-0:focus{
    --border-opacity: 0;
  }

  .xl\:focus\:tw-border-opacity-25:focus{
    --border-opacity: 0.25;
  }

  .xl\:focus\:tw-border-opacity-50:focus{
    --border-opacity: 0.5;
  }

  .xl\:focus\:tw-border-opacity-75:focus{
    --border-opacity: 0.75;
  }

  .xl\:focus\:tw-border-opacity-100:focus{
    --border-opacity: 1;
  }

  .xl\:tw-rounded-none{
    border-radius: 0;
  }

  .xl\:tw-rounded-sm{
    border-radius: 0.125rem;
  }

  .xl\:tw-rounded{
    border-radius: 0.25rem;
  }

  .xl\:tw-rounded-md{
    border-radius: 0.375rem;
  }

  .xl\:tw-rounded-lg{
    border-radius: 0.5rem;
  }

  .xl\:tw-rounded-xl{
    border-radius: 0.75rem;
  }

  .xl\:tw-rounded-2xl{
    border-radius: 1rem;
  }

  .xl\:tw-rounded-3xl{
    border-radius: 1.5rem;
  }

  .xl\:tw-rounded-full{
    border-radius: 9999px;
  }

  .xl\:tw-rounded-4px{
    border-radius: 4px;
  }

  .xl\:tw-rounded-t-none{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .xl\:tw-rounded-r-none{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .xl\:tw-rounded-b-none{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xl\:tw-rounded-l-none{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xl\:tw-rounded-t-sm{
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .xl\:tw-rounded-r-sm{
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .xl\:tw-rounded-b-sm{
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xl\:tw-rounded-l-sm{
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xl\:tw-rounded-t{
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .xl\:tw-rounded-r{
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .xl\:tw-rounded-b{
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xl\:tw-rounded-l{
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xl\:tw-rounded-t-md{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .xl\:tw-rounded-r-md{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .xl\:tw-rounded-b-md{
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .xl\:tw-rounded-l-md{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .xl\:tw-rounded-t-lg{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .xl\:tw-rounded-r-lg{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .xl\:tw-rounded-b-lg{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xl\:tw-rounded-l-lg{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xl\:tw-rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .xl\:tw-rounded-r-xl{
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .xl\:tw-rounded-b-xl{
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xl\:tw-rounded-l-xl{
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xl\:tw-rounded-t-2xl{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .xl\:tw-rounded-r-2xl{
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .xl\:tw-rounded-b-2xl{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xl\:tw-rounded-l-2xl{
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xl\:tw-rounded-t-3xl{
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .xl\:tw-rounded-r-3xl{
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .xl\:tw-rounded-b-3xl{
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .xl\:tw-rounded-l-3xl{
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .xl\:tw-rounded-t-full{
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .xl\:tw-rounded-r-full{
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .xl\:tw-rounded-b-full{
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl\:tw-rounded-l-full{
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl\:tw-rounded-t-4px{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .xl\:tw-rounded-r-4px{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .xl\:tw-rounded-b-4px{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .xl\:tw-rounded-l-4px{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .xl\:tw-rounded-tl-none{
    border-top-left-radius: 0;
  }

  .xl\:tw-rounded-tr-none{
    border-top-right-radius: 0;
  }

  .xl\:tw-rounded-br-none{
    border-bottom-right-radius: 0;
  }

  .xl\:tw-rounded-bl-none{
    border-bottom-left-radius: 0;
  }

  .xl\:tw-rounded-tl-sm{
    border-top-left-radius: 0.125rem;
  }

  .xl\:tw-rounded-tr-sm{
    border-top-right-radius: 0.125rem;
  }

  .xl\:tw-rounded-br-sm{
    border-bottom-right-radius: 0.125rem;
  }

  .xl\:tw-rounded-bl-sm{
    border-bottom-left-radius: 0.125rem;
  }

  .xl\:tw-rounded-tl{
    border-top-left-radius: 0.25rem;
  }

  .xl\:tw-rounded-tr{
    border-top-right-radius: 0.25rem;
  }

  .xl\:tw-rounded-br{
    border-bottom-right-radius: 0.25rem;
  }

  .xl\:tw-rounded-bl{
    border-bottom-left-radius: 0.25rem;
  }

  .xl\:tw-rounded-tl-md{
    border-top-left-radius: 0.375rem;
  }

  .xl\:tw-rounded-tr-md{
    border-top-right-radius: 0.375rem;
  }

  .xl\:tw-rounded-br-md{
    border-bottom-right-radius: 0.375rem;
  }

  .xl\:tw-rounded-bl-md{
    border-bottom-left-radius: 0.375rem;
  }

  .xl\:tw-rounded-tl-lg{
    border-top-left-radius: 0.5rem;
  }

  .xl\:tw-rounded-tr-lg{
    border-top-right-radius: 0.5rem;
  }

  .xl\:tw-rounded-br-lg{
    border-bottom-right-radius: 0.5rem;
  }

  .xl\:tw-rounded-bl-lg{
    border-bottom-left-radius: 0.5rem;
  }

  .xl\:tw-rounded-tl-xl{
    border-top-left-radius: 0.75rem;
  }

  .xl\:tw-rounded-tr-xl{
    border-top-right-radius: 0.75rem;
  }

  .xl\:tw-rounded-br-xl{
    border-bottom-right-radius: 0.75rem;
  }

  .xl\:tw-rounded-bl-xl{
    border-bottom-left-radius: 0.75rem;
  }

  .xl\:tw-rounded-tl-2xl{
    border-top-left-radius: 1rem;
  }

  .xl\:tw-rounded-tr-2xl{
    border-top-right-radius: 1rem;
  }

  .xl\:tw-rounded-br-2xl{
    border-bottom-right-radius: 1rem;
  }

  .xl\:tw-rounded-bl-2xl{
    border-bottom-left-radius: 1rem;
  }

  .xl\:tw-rounded-tl-3xl{
    border-top-left-radius: 1.5rem;
  }

  .xl\:tw-rounded-tr-3xl{
    border-top-right-radius: 1.5rem;
  }

  .xl\:tw-rounded-br-3xl{
    border-bottom-right-radius: 1.5rem;
  }

  .xl\:tw-rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem;
  }

  .xl\:tw-rounded-tl-full{
    border-top-left-radius: 9999px;
  }

  .xl\:tw-rounded-tr-full{
    border-top-right-radius: 9999px;
  }

  .xl\:tw-rounded-br-full{
    border-bottom-right-radius: 9999px;
  }

  .xl\:tw-rounded-bl-full{
    border-bottom-left-radius: 9999px;
  }

  .xl\:tw-rounded-tl-4px{
    border-top-left-radius: 4px;
  }

  .xl\:tw-rounded-tr-4px{
    border-top-right-radius: 4px;
  }

  .xl\:tw-rounded-br-4px{
    border-bottom-right-radius: 4px;
  }

  .xl\:tw-rounded-bl-4px{
    border-bottom-left-radius: 4px;
  }

  .xl\:tw-border-solid{
    border-style: solid;
  }

  .xl\:tw-border-dashed{
    border-style: dashed;
  }

  .xl\:tw-border-dotted{
    border-style: dotted;
  }

  .xl\:tw-border-double{
    border-style: double;
  }

  .xl\:tw-border-none{
    border-style: none;
  }

  .xl\:tw-border-0{
    border-width: 0;
  }

  .xl\:tw-border-2{
    border-width: 2px;
  }

  .xl\:tw-border-3{
    border-width: 3px;
  }

  .xl\:tw-border-4{
    border-width: 4px;
  }

  .xl\:tw-border-8{
    border-width: 8px;
  }

  .xl\:tw-border{
    border-width: 1px;
  }

  .xl\:tw-border-t-0{
    border-top-width: 0;
  }

  .xl\:tw-border-r-0{
    border-right-width: 0;
  }

  .xl\:tw-border-b-0{
    border-bottom-width: 0;
  }

  .xl\:tw-border-l-0{
    border-left-width: 0;
  }

  .xl\:tw-border-t-2{
    border-top-width: 2px;
  }

  .xl\:tw-border-r-2{
    border-right-width: 2px;
  }

  .xl\:tw-border-b-2{
    border-bottom-width: 2px;
  }

  .xl\:tw-border-l-2{
    border-left-width: 2px;
  }

  .xl\:tw-border-t-3{
    border-top-width: 3px;
  }

  .xl\:tw-border-r-3{
    border-right-width: 3px;
  }

  .xl\:tw-border-b-3{
    border-bottom-width: 3px;
  }

  .xl\:tw-border-l-3{
    border-left-width: 3px;
  }

  .xl\:tw-border-t-4{
    border-top-width: 4px;
  }

  .xl\:tw-border-r-4{
    border-right-width: 4px;
  }

  .xl\:tw-border-b-4{
    border-bottom-width: 4px;
  }

  .xl\:tw-border-l-4{
    border-left-width: 4px;
  }

  .xl\:tw-border-t-8{
    border-top-width: 8px;
  }

  .xl\:tw-border-r-8{
    border-right-width: 8px;
  }

  .xl\:tw-border-b-8{
    border-bottom-width: 8px;
  }

  .xl\:tw-border-l-8{
    border-left-width: 8px;
  }

  .xl\:tw-border-t{
    border-top-width: 1px;
  }

  .xl\:tw-border-r{
    border-right-width: 1px;
  }

  .xl\:tw-border-b{
    border-bottom-width: 1px;
  }

  .xl\:tw-border-l{
    border-left-width: 1px;
  }

  .xl\:tw-box-border{
    box-sizing: border-box;
  }

  .xl\:tw-box-content{
    box-sizing: content-box;
  }

  .xl\:tw-cursor-auto{
    cursor: auto;
  }

  .xl\:tw-cursor-default{
    cursor: default;
  }

  .xl\:tw-cursor-pointer{
    cursor: pointer;
  }

  .xl\:tw-cursor-wait{
    cursor: wait;
  }

  .xl\:tw-cursor-text{
    cursor: text;
  }

  .xl\:tw-cursor-move{
    cursor: move;
  }

  .xl\:tw-cursor-not-allowed{
    cursor: not-allowed;
  }

  .xl\:tw-block{
    display: block;
  }

  .xl\:tw-inline-block{
    display: inline-block;
  }

  .xl\:tw-inline{
    display: inline;
  }

  .xl\:tw-flex{
    display: flex;
  }

  .xl\:tw-inline-flex{
    display: inline-flex;
  }

  .xl\:tw-table{
    display: table;
  }

  .xl\:tw-table-caption{
    display: table-caption;
  }

  .xl\:tw-table-cell{
    display: table-cell;
  }

  .xl\:tw-table-column{
    display: table-column;
  }

  .xl\:tw-table-column-group{
    display: table-column-group;
  }

  .xl\:tw-table-footer-group{
    display: table-footer-group;
  }

  .xl\:tw-table-header-group{
    display: table-header-group;
  }

  .xl\:tw-table-row-group{
    display: table-row-group;
  }

  .xl\:tw-table-row{
    display: table-row;
  }

  .xl\:tw-flow-root{
    display: flow-root;
  }

  .xl\:tw-grid{
    display: grid;
  }

  .xl\:tw-inline-grid{
    display: inline-grid;
  }

  .xl\:tw-contents{
    display: contents;
  }

  .xl\:tw-hidden{
    display: none;
  }

  .xl\:tw-flex-row{
    flex-direction: row;
  }

  .xl\:tw-flex-row-reverse{
    flex-direction: row-reverse;
  }

  .xl\:tw-flex-col{
    flex-direction: column;
  }

  .xl\:tw-flex-col-reverse{
    flex-direction: column-reverse;
  }

  .xl\:tw-flex-wrap{
    flex-wrap: wrap;
  }

  .xl\:tw-flex-wrap-reverse{
    flex-wrap: wrap-reverse;
  }

  .xl\:tw-flex-no-wrap{
    flex-wrap: nowrap;
  }

  .xl\:tw-place-items-auto{
    place-items: auto;
  }

  .xl\:tw-place-items-start{
    place-items: start;
  }

  .xl\:tw-place-items-end{
    place-items: end;
  }

  .xl\:tw-place-items-center{
    place-items: center;
  }

  .xl\:tw-place-items-stretch{
    place-items: stretch;
  }

  .xl\:tw-place-content-center{
    place-content: center;
  }

  .xl\:tw-place-content-start{
    place-content: start;
  }

  .xl\:tw-place-content-end{
    place-content: end;
  }

  .xl\:tw-place-content-between{
    place-content: space-between;
  }

  .xl\:tw-place-content-around{
    place-content: space-around;
  }

  .xl\:tw-place-content-evenly{
    place-content: space-evenly;
  }

  .xl\:tw-place-content-stretch{
    place-content: stretch;
  }

  .xl\:tw-place-self-auto{
    place-self: auto;
  }

  .xl\:tw-place-self-start{
    place-self: start;
  }

  .xl\:tw-place-self-end{
    place-self: end;
  }

  .xl\:tw-place-self-center{
    place-self: center;
  }

  .xl\:tw-place-self-stretch{
    place-self: stretch;
  }

  .xl\:tw-items-start{
    align-items: flex-start;
  }

  .xl\:tw-items-end{
    align-items: flex-end;
  }

  .xl\:tw-items-center{
    align-items: center;
  }

  .xl\:tw-items-baseline{
    align-items: baseline;
  }

  .xl\:tw-items-stretch{
    align-items: stretch;
  }

  .xl\:tw-content-center{
    align-content: center;
  }

  .xl\:tw-content-start{
    align-content: flex-start;
  }

  .xl\:tw-content-end{
    align-content: flex-end;
  }

  .xl\:tw-content-between{
    align-content: space-between;
  }

  .xl\:tw-content-around{
    align-content: space-around;
  }

  .xl\:tw-content-evenly{
    align-content: space-evenly;
  }

  .xl\:tw-self-auto{
    align-self: auto;
  }

  .xl\:tw-self-start{
    align-self: flex-start;
  }

  .xl\:tw-self-end{
    align-self: flex-end;
  }

  .xl\:tw-self-center{
    align-self: center;
  }

  .xl\:tw-self-stretch{
    align-self: stretch;
  }

  .xl\:tw-justify-items-auto{
    justify-items: auto;
  }

  .xl\:tw-justify-items-start{
    justify-items: start;
  }

  .xl\:tw-justify-items-end{
    justify-items: end;
  }

  .xl\:tw-justify-items-center{
    justify-items: center;
  }

  .xl\:tw-justify-items-stretch{
    justify-items: stretch;
  }

  .xl\:tw-justify-start{
    justify-content: flex-start;
  }

  .xl\:tw-justify-end{
    justify-content: flex-end;
  }

  .xl\:tw-justify-center{
    justify-content: center;
  }

  .xl\:tw-justify-between{
    justify-content: space-between;
  }

  .xl\:tw-justify-around{
    justify-content: space-around;
  }

  .xl\:tw-justify-evenly{
    justify-content: space-evenly;
  }

  .xl\:tw-justify-self-auto{
    justify-self: auto;
  }

  .xl\:tw-justify-self-start{
    justify-self: start;
  }

  .xl\:tw-justify-self-end{
    justify-self: end;
  }

  .xl\:tw-justify-self-center{
    justify-self: center;
  }

  .xl\:tw-justify-self-stretch{
    justify-self: stretch;
  }

  .xl\:tw-flex-1{
    flex: 1 1 0%;
  }

  .xl\:tw-flex-auto{
    flex: 1 1 auto;
  }

  .xl\:tw-flex-initial{
    flex: 0 1 auto;
  }

  .xl\:tw-flex-none{
    flex: none;
  }

  .xl\:tw-flex-1\/2{
    flex: 1 1 50%;
  }

  .xl\:tw-flex-grow-0{
    flex-grow: 0;
  }

  .xl\:tw-flex-grow{
    flex-grow: 1;
  }

  .xl\:tw-flex-shrink-0{
    flex-shrink: 0;
  }

  .xl\:tw-flex-shrink{
    flex-shrink: 1;
  }

  .xl\:tw-order-1{
    order: 1;
  }

  .xl\:tw-order-2{
    order: 2;
  }

  .xl\:tw-order-3{
    order: 3;
  }

  .xl\:tw-order-4{
    order: 4;
  }

  .xl\:tw-order-5{
    order: 5;
  }

  .xl\:tw-order-6{
    order: 6;
  }

  .xl\:tw-order-7{
    order: 7;
  }

  .xl\:tw-order-8{
    order: 8;
  }

  .xl\:tw-order-9{
    order: 9;
  }

  .xl\:tw-order-10{
    order: 10;
  }

  .xl\:tw-order-11{
    order: 11;
  }

  .xl\:tw-order-12{
    order: 12;
  }

  .xl\:tw-order-first{
    order: -9999;
  }

  .xl\:tw-order-last{
    order: 9999;
  }

  .xl\:tw-order-none{
    order: 0;
  }

  .xl\:tw-float-right{
    float: right;
  }

  .xl\:tw-float-left{
    float: left;
  }

  .xl\:tw-float-none{
    float: none;
  }

  .xl\:tw-clearfix:after{
    content: "";
    display: table;
    clear: both;
  }

  .xl\:tw-clear-left{
    clear: left;
  }

  .xl\:tw-clear-right{
    clear: right;
  }

  .xl\:tw-clear-both{
    clear: both;
  }

  .xl\:tw-clear-none{
    clear: none;
  }

  .xl\:tw-font-sans{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  .xl\:tw-font-serif{
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  }

  .xl\:tw-font-mono{
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  .xl\:tw-font-hairline{
    font-weight: 100;
  }

  .xl\:tw-font-thin{
    font-weight: 200;
  }

  .xl\:tw-font-light{
    font-weight: 300;
  }

  .xl\:tw-font-normal{
    font-weight: 400;
  }

  .xl\:tw-font-medium{
    font-weight: 500;
  }

  .xl\:tw-font-semibold{
    font-weight: 600;
  }

  .xl\:tw-font-bold{
    font-weight: 700;
  }

  .xl\:tw-font-extrabold{
    font-weight: 800;
  }

  .xl\:tw-font-black{
    font-weight: 900;
  }

  .xl\:hover\:tw-font-hairline:hover{
    font-weight: 100;
  }

  .xl\:hover\:tw-font-thin:hover{
    font-weight: 200;
  }

  .xl\:hover\:tw-font-light:hover{
    font-weight: 300;
  }

  .xl\:hover\:tw-font-normal:hover{
    font-weight: 400;
  }

  .xl\:hover\:tw-font-medium:hover{
    font-weight: 500;
  }

  .xl\:hover\:tw-font-semibold:hover{
    font-weight: 600;
  }

  .xl\:hover\:tw-font-bold:hover{
    font-weight: 700;
  }

  .xl\:hover\:tw-font-extrabold:hover{
    font-weight: 800;
  }

  .xl\:hover\:tw-font-black:hover{
    font-weight: 900;
  }

  .xl\:focus\:tw-font-hairline:focus{
    font-weight: 100;
  }

  .xl\:focus\:tw-font-thin:focus{
    font-weight: 200;
  }

  .xl\:focus\:tw-font-light:focus{
    font-weight: 300;
  }

  .xl\:focus\:tw-font-normal:focus{
    font-weight: 400;
  }

  .xl\:focus\:tw-font-medium:focus{
    font-weight: 500;
  }

  .xl\:focus\:tw-font-semibold:focus{
    font-weight: 600;
  }

  .xl\:focus\:tw-font-bold:focus{
    font-weight: 700;
  }

  .xl\:focus\:tw-font-extrabold:focus{
    font-weight: 800;
  }

  .xl\:focus\:tw-font-black:focus{
    font-weight: 900;
  }

  .xl\:tw-h-0{
    height: 0;
  }

  .xl\:tw-h-1{
    height: 0.25rem;
  }

  .xl\:tw-h-2{
    height: 0.5rem;
  }

  .xl\:tw-h-3{
    height: 0.75rem;
  }

  .xl\:tw-h-4{
    height: 1rem;
  }

  .xl\:tw-h-5{
    height: 1.25rem;
  }

  .xl\:tw-h-6{
    height: 1.5rem;
  }

  .xl\:tw-h-8{
    height: 2rem;
  }

  .xl\:tw-h-10{
    height: 2.5rem;
  }

  .xl\:tw-h-12{
    height: 3rem;
  }

  .xl\:tw-h-16{
    height: 4rem;
  }

  .xl\:tw-h-20{
    height: 5rem;
  }

  .xl\:tw-h-24{
    height: 6rem;
  }

  .xl\:tw-h-32{
    height: 8rem;
  }

  .xl\:tw-h-40{
    height: 10rem;
  }

  .xl\:tw-h-48{
    height: 12rem;
  }

  .xl\:tw-h-56{
    height: 14rem;
  }

  .xl\:tw-h-64{
    height: 16rem;
  }

  .xl\:tw-h-auto{
    height: auto;
  }

  .xl\:tw-h-px{
    height: 1px;
  }

  .xl\:tw-h-full{
    height: 100%;
  }

  .xl\:tw-h-screen{
    height: 100vh;
  }

  .xl\:tw-h-25px{
    height: 25px;
  }

  .xl\:tw-h-35px{
    height: 35px;
  }

  .xl\:tw-h-40px{
    height: 40px;
  }

  .xl\:tw-h-45px{
    height: 45px;
  }

  .xl\:tw-h-50px{
    height: 50px;
  }

  .xl\:tw-h-60px{
    height: 60px;
  }

  .xl\:tw-h-65px{
    height: 65px;
  }

  .xl\:tw-h-200px{
    height: 200px;
  }

  .xl\:tw-h-330px{
    height: 330px;
  }

  .xl\:tw-text-xs{
    font-size: 0.75rem;
  }

  .xl\:tw-text-sm{
    font-size: 0.875rem;
  }

  .xl\:tw-text-base{
    font-size: 1rem;
  }

  .xl\:tw-text-lg{
    font-size: 1.125rem;
  }

  .xl\:tw-text-xl{
    font-size: 1.25rem;
  }

  .xl\:tw-text-2xl{
    font-size: 1.5rem;
  }

  .xl\:tw-text-3xl{
    font-size: 1.875rem;
  }

  .xl\:tw-text-4xl{
    font-size: 2.25rem;
  }

  .xl\:tw-text-5xl{
    font-size: 3rem;
  }

  .xl\:tw-text-6xl{
    font-size: 4rem;
  }

  .xl\:tw-text-12px{
    font-size: 12px;
  }

  .xl\:tw-text-14px{
    font-size: 14px;
  }

  .xl\:tw-text-16px{
    font-size: 16px;
  }

  .xl\:tw-text-18px{
    font-size: 18px;
  }

  .xl\:tw-text-20px{
    font-size: 20px;
  }

  .xl\:tw-text-22px{
    font-size: 22px;
  }

  .xl\:tw-text-28px{
    font-size: 28px;
  }

  .xl\:tw-leading-3{
    line-height: .75rem;
  }

  .xl\:tw-leading-4{
    line-height: 1rem;
  }

  .xl\:tw-leading-5{
    line-height: 1.25rem;
  }

  .xl\:tw-leading-6{
    line-height: 1.5rem;
  }

  .xl\:tw-leading-7{
    line-height: 1.75rem;
  }

  .xl\:tw-leading-8{
    line-height: 2rem;
  }

  .xl\:tw-leading-9{
    line-height: 2.25rem;
  }

  .xl\:tw-leading-10{
    line-height: 2.5rem;
  }

  .xl\:tw-leading-none{
    line-height: 1;
  }

  .xl\:tw-leading-tight{
    line-height: 1.25;
  }

  .xl\:tw-leading-snug{
    line-height: 1.375;
  }

  .xl\:tw-leading-normal{
    line-height: 1.5;
  }

  .xl\:tw-leading-relaxed{
    line-height: 1.625;
  }

  .xl\:tw-leading-loose{
    line-height: 2;
  }

  .xl\:tw-list-inside{
    list-style-position: inside;
  }

  .xl\:tw-list-outside{
    list-style-position: outside;
  }

  .xl\:tw-list-none{
    list-style-type: none;
  }

  .xl\:tw-list-disc{
    list-style-type: disc;
  }

  .xl\:tw-list-decimal{
    list-style-type: decimal;
  }

  .xl\:tw-m-0{
    margin: 0;
  }

  .xl\:tw-m-1{
    margin: 0.25rem;
  }

  .xl\:tw-m-2{
    margin: 0.5rem;
  }

  .xl\:tw-m-3{
    margin: 0.75rem;
  }

  .xl\:tw-m-4{
    margin: 1rem;
  }

  .xl\:tw-m-5{
    margin: 1.25rem;
  }

  .xl\:tw-m-6{
    margin: 1.5rem;
  }

  .xl\:tw-m-8{
    margin: 2rem;
  }

  .xl\:tw-m-10{
    margin: 2.5rem;
  }

  .xl\:tw-m-12{
    margin: 3rem;
  }

  .xl\:tw-m-16{
    margin: 4rem;
  }

  .xl\:tw-m-20{
    margin: 5rem;
  }

  .xl\:tw-m-24{
    margin: 6rem;
  }

  .xl\:tw-m-32{
    margin: 8rem;
  }

  .xl\:tw-m-40{
    margin: 10rem;
  }

  .xl\:tw-m-48{
    margin: 12rem;
  }

  .xl\:tw-m-56{
    margin: 14rem;
  }

  .xl\:tw-m-64{
    margin: 16rem;
  }

  .xl\:tw-m-auto{
    margin: auto;
  }

  .xl\:tw-m-px{
    margin: 1px;
  }

  .xl\:tw--m-1{
    margin: -0.25rem;
  }

  .xl\:tw--m-2{
    margin: -0.5rem;
  }

  .xl\:tw--m-3{
    margin: -0.75rem;
  }

  .xl\:tw--m-4{
    margin: -1rem;
  }

  .xl\:tw--m-5{
    margin: -1.25rem;
  }

  .xl\:tw--m-6{
    margin: -1.5rem;
  }

  .xl\:tw--m-8{
    margin: -2rem;
  }

  .xl\:tw--m-10{
    margin: -2.5rem;
  }

  .xl\:tw--m-12{
    margin: -3rem;
  }

  .xl\:tw--m-16{
    margin: -4rem;
  }

  .xl\:tw--m-20{
    margin: -5rem;
  }

  .xl\:tw--m-24{
    margin: -6rem;
  }

  .xl\:tw--m-32{
    margin: -8rem;
  }

  .xl\:tw--m-40{
    margin: -10rem;
  }

  .xl\:tw--m-48{
    margin: -12rem;
  }

  .xl\:tw--m-56{
    margin: -14rem;
  }

  .xl\:tw--m-64{
    margin: -16rem;
  }

  .xl\:tw--m-px{
    margin: -1px;
  }

  .xl\:tw-m-2px{
    margin: 2px;
  }

  .xl\:tw-m-5px{
    margin: 5px;
  }

  .xl\:tw-m-10px{
    margin: 10px;
  }

  .xl\:tw-m-15px{
    margin: 15px;
  }

  .xl\:tw-m-20px{
    margin: 20px;
  }

  .xl\:tw-m-25px{
    margin: 25px;
  }

  .xl\:tw-m-30px{
    margin: 30px;
  }

  .xl\:tw-m-40px{
    margin: 40px;
  }

  .xl\:tw-m-60px{
    margin: 60px;
  }

  .xl\:tw-m-80px{
    margin: 80px;
  }

  .xl\:tw-my-0{
    margin-top: 0;
    margin-bottom: 0;
  }

  .xl\:tw-mx-0{
    margin-left: 0;
    margin-right: 0;
  }

  .xl\:tw-my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .xl\:tw-mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .xl\:tw-my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .xl\:tw-mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .xl\:tw-my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .xl\:tw-mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .xl\:tw-my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .xl\:tw-mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .xl\:tw-my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .xl\:tw-mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .xl\:tw-my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .xl\:tw-mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .xl\:tw-my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xl\:tw-mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xl\:tw-my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .xl\:tw-mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .xl\:tw-my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .xl\:tw-mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .xl\:tw-my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xl\:tw-mx-16{
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xl\:tw-my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .xl\:tw-mx-20{
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .xl\:tw-my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .xl\:tw-mx-24{
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .xl\:tw-my-32{
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .xl\:tw-mx-32{
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .xl\:tw-my-40{
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .xl\:tw-mx-40{
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .xl\:tw-my-48{
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .xl\:tw-mx-48{
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .xl\:tw-my-56{
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .xl\:tw-mx-56{
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .xl\:tw-my-64{
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .xl\:tw-mx-64{
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .xl\:tw-my-auto{
    margin-top: auto;
    margin-bottom: auto;
  }

  .xl\:tw-mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:tw-my-px{
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .xl\:tw-mx-px{
    margin-left: 1px;
    margin-right: 1px;
  }

  .xl\:tw--my-1{
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .xl\:tw--mx-1{
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .xl\:tw--my-2{
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .xl\:tw--mx-2{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .xl\:tw--my-3{
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .xl\:tw--mx-3{
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .xl\:tw--my-4{
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .xl\:tw--mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .xl\:tw--my-5{
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .xl\:tw--mx-5{
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .xl\:tw--my-6{
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .xl\:tw--mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .xl\:tw--my-8{
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .xl\:tw--mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .xl\:tw--my-10{
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .xl\:tw--mx-10{
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xl\:tw--my-12{
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .xl\:tw--mx-12{
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .xl\:tw--my-16{
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .xl\:tw--mx-16{
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .xl\:tw--my-20{
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .xl\:tw--mx-20{
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .xl\:tw--my-24{
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .xl\:tw--mx-24{
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .xl\:tw--my-32{
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .xl\:tw--mx-32{
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .xl\:tw--my-40{
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .xl\:tw--mx-40{
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .xl\:tw--my-48{
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .xl\:tw--mx-48{
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .xl\:tw--my-56{
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .xl\:tw--mx-56{
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .xl\:tw--my-64{
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .xl\:tw--mx-64{
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .xl\:tw--my-px{
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .xl\:tw--mx-px{
    margin-left: -1px;
    margin-right: -1px;
  }

  .xl\:tw-my-2px{
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .xl\:tw-mx-2px{
    margin-left: 2px;
    margin-right: 2px;
  }

  .xl\:tw-my-5px{
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .xl\:tw-mx-5px{
    margin-left: 5px;
    margin-right: 5px;
  }

  .xl\:tw-my-10px{
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .xl\:tw-mx-10px{
    margin-left: 10px;
    margin-right: 10px;
  }

  .xl\:tw-my-15px{
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .xl\:tw-mx-15px{
    margin-left: 15px;
    margin-right: 15px;
  }

  .xl\:tw-my-20px{
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .xl\:tw-mx-20px{
    margin-left: 20px;
    margin-right: 20px;
  }

  .xl\:tw-my-25px{
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .xl\:tw-mx-25px{
    margin-left: 25px;
    margin-right: 25px;
  }

  .xl\:tw-my-30px{
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .xl\:tw-mx-30px{
    margin-left: 30px;
    margin-right: 30px;
  }

  .xl\:tw-my-40px{
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .xl\:tw-mx-40px{
    margin-left: 40px;
    margin-right: 40px;
  }

  .xl\:tw-my-60px{
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .xl\:tw-mx-60px{
    margin-left: 60px;
    margin-right: 60px;
  }

  .xl\:tw-my-80px{
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .xl\:tw-mx-80px{
    margin-left: 80px;
    margin-right: 80px;
  }

  .xl\:tw-mt-0{
    margin-top: 0;
  }

  .xl\:tw-mr-0{
    margin-right: 0;
  }

  .xl\:tw-mb-0{
    margin-bottom: 0;
  }

  .xl\:tw-ml-0{
    margin-left: 0;
  }

  .xl\:tw-mt-1{
    margin-top: 0.25rem;
  }

  .xl\:tw-mr-1{
    margin-right: 0.25rem;
  }

  .xl\:tw-mb-1{
    margin-bottom: 0.25rem;
  }

  .xl\:tw-ml-1{
    margin-left: 0.25rem;
  }

  .xl\:tw-mt-2{
    margin-top: 0.5rem;
  }

  .xl\:tw-mr-2{
    margin-right: 0.5rem;
  }

  .xl\:tw-mb-2{
    margin-bottom: 0.5rem;
  }

  .xl\:tw-ml-2{
    margin-left: 0.5rem;
  }

  .xl\:tw-mt-3{
    margin-top: 0.75rem;
  }

  .xl\:tw-mr-3{
    margin-right: 0.75rem;
  }

  .xl\:tw-mb-3{
    margin-bottom: 0.75rem;
  }

  .xl\:tw-ml-3{
    margin-left: 0.75rem;
  }

  .xl\:tw-mt-4{
    margin-top: 1rem;
  }

  .xl\:tw-mr-4{
    margin-right: 1rem;
  }

  .xl\:tw-mb-4{
    margin-bottom: 1rem;
  }

  .xl\:tw-ml-4{
    margin-left: 1rem;
  }

  .xl\:tw-mt-5{
    margin-top: 1.25rem;
  }

  .xl\:tw-mr-5{
    margin-right: 1.25rem;
  }

  .xl\:tw-mb-5{
    margin-bottom: 1.25rem;
  }

  .xl\:tw-ml-5{
    margin-left: 1.25rem;
  }

  .xl\:tw-mt-6{
    margin-top: 1.5rem;
  }

  .xl\:tw-mr-6{
    margin-right: 1.5rem;
  }

  .xl\:tw-mb-6{
    margin-bottom: 1.5rem;
  }

  .xl\:tw-ml-6{
    margin-left: 1.5rem;
  }

  .xl\:tw-mt-8{
    margin-top: 2rem;
  }

  .xl\:tw-mr-8{
    margin-right: 2rem;
  }

  .xl\:tw-mb-8{
    margin-bottom: 2rem;
  }

  .xl\:tw-ml-8{
    margin-left: 2rem;
  }

  .xl\:tw-mt-10{
    margin-top: 2.5rem;
  }

  .xl\:tw-mr-10{
    margin-right: 2.5rem;
  }

  .xl\:tw-mb-10{
    margin-bottom: 2.5rem;
  }

  .xl\:tw-ml-10{
    margin-left: 2.5rem;
  }

  .xl\:tw-mt-12{
    margin-top: 3rem;
  }

  .xl\:tw-mr-12{
    margin-right: 3rem;
  }

  .xl\:tw-mb-12{
    margin-bottom: 3rem;
  }

  .xl\:tw-ml-12{
    margin-left: 3rem;
  }

  .xl\:tw-mt-16{
    margin-top: 4rem;
  }

  .xl\:tw-mr-16{
    margin-right: 4rem;
  }

  .xl\:tw-mb-16{
    margin-bottom: 4rem;
  }

  .xl\:tw-ml-16{
    margin-left: 4rem;
  }

  .xl\:tw-mt-20{
    margin-top: 5rem;
  }

  .xl\:tw-mr-20{
    margin-right: 5rem;
  }

  .xl\:tw-mb-20{
    margin-bottom: 5rem;
  }

  .xl\:tw-ml-20{
    margin-left: 5rem;
  }

  .xl\:tw-mt-24{
    margin-top: 6rem;
  }

  .xl\:tw-mr-24{
    margin-right: 6rem;
  }

  .xl\:tw-mb-24{
    margin-bottom: 6rem;
  }

  .xl\:tw-ml-24{
    margin-left: 6rem;
  }

  .xl\:tw-mt-32{
    margin-top: 8rem;
  }

  .xl\:tw-mr-32{
    margin-right: 8rem;
  }

  .xl\:tw-mb-32{
    margin-bottom: 8rem;
  }

  .xl\:tw-ml-32{
    margin-left: 8rem;
  }

  .xl\:tw-mt-40{
    margin-top: 10rem;
  }

  .xl\:tw-mr-40{
    margin-right: 10rem;
  }

  .xl\:tw-mb-40{
    margin-bottom: 10rem;
  }

  .xl\:tw-ml-40{
    margin-left: 10rem;
  }

  .xl\:tw-mt-48{
    margin-top: 12rem;
  }

  .xl\:tw-mr-48{
    margin-right: 12rem;
  }

  .xl\:tw-mb-48{
    margin-bottom: 12rem;
  }

  .xl\:tw-ml-48{
    margin-left: 12rem;
  }

  .xl\:tw-mt-56{
    margin-top: 14rem;
  }

  .xl\:tw-mr-56{
    margin-right: 14rem;
  }

  .xl\:tw-mb-56{
    margin-bottom: 14rem;
  }

  .xl\:tw-ml-56{
    margin-left: 14rem;
  }

  .xl\:tw-mt-64{
    margin-top: 16rem;
  }

  .xl\:tw-mr-64{
    margin-right: 16rem;
  }

  .xl\:tw-mb-64{
    margin-bottom: 16rem;
  }

  .xl\:tw-ml-64{
    margin-left: 16rem;
  }

  .xl\:tw-mt-auto{
    margin-top: auto;
  }

  .xl\:tw-mr-auto{
    margin-right: auto;
  }

  .xl\:tw-mb-auto{
    margin-bottom: auto;
  }

  .xl\:tw-ml-auto{
    margin-left: auto;
  }

  .xl\:tw-mt-px{
    margin-top: 1px;
  }

  .xl\:tw-mr-px{
    margin-right: 1px;
  }

  .xl\:tw-mb-px{
    margin-bottom: 1px;
  }

  .xl\:tw-ml-px{
    margin-left: 1px;
  }

  .xl\:tw--mt-1{
    margin-top: -0.25rem;
  }

  .xl\:tw--mr-1{
    margin-right: -0.25rem;
  }

  .xl\:tw--mb-1{
    margin-bottom: -0.25rem;
  }

  .xl\:tw--ml-1{
    margin-left: -0.25rem;
  }

  .xl\:tw--mt-2{
    margin-top: -0.5rem;
  }

  .xl\:tw--mr-2{
    margin-right: -0.5rem;
  }

  .xl\:tw--mb-2{
    margin-bottom: -0.5rem;
  }

  .xl\:tw--ml-2{
    margin-left: -0.5rem;
  }

  .xl\:tw--mt-3{
    margin-top: -0.75rem;
  }

  .xl\:tw--mr-3{
    margin-right: -0.75rem;
  }

  .xl\:tw--mb-3{
    margin-bottom: -0.75rem;
  }

  .xl\:tw--ml-3{
    margin-left: -0.75rem;
  }

  .xl\:tw--mt-4{
    margin-top: -1rem;
  }

  .xl\:tw--mr-4{
    margin-right: -1rem;
  }

  .xl\:tw--mb-4{
    margin-bottom: -1rem;
  }

  .xl\:tw--ml-4{
    margin-left: -1rem;
  }

  .xl\:tw--mt-5{
    margin-top: -1.25rem;
  }

  .xl\:tw--mr-5{
    margin-right: -1.25rem;
  }

  .xl\:tw--mb-5{
    margin-bottom: -1.25rem;
  }

  .xl\:tw--ml-5{
    margin-left: -1.25rem;
  }

  .xl\:tw--mt-6{
    margin-top: -1.5rem;
  }

  .xl\:tw--mr-6{
    margin-right: -1.5rem;
  }

  .xl\:tw--mb-6{
    margin-bottom: -1.5rem;
  }

  .xl\:tw--ml-6{
    margin-left: -1.5rem;
  }

  .xl\:tw--mt-8{
    margin-top: -2rem;
  }

  .xl\:tw--mr-8{
    margin-right: -2rem;
  }

  .xl\:tw--mb-8{
    margin-bottom: -2rem;
  }

  .xl\:tw--ml-8{
    margin-left: -2rem;
  }

  .xl\:tw--mt-10{
    margin-top: -2.5rem;
  }

  .xl\:tw--mr-10{
    margin-right: -2.5rem;
  }

  .xl\:tw--mb-10{
    margin-bottom: -2.5rem;
  }

  .xl\:tw--ml-10{
    margin-left: -2.5rem;
  }

  .xl\:tw--mt-12{
    margin-top: -3rem;
  }

  .xl\:tw--mr-12{
    margin-right: -3rem;
  }

  .xl\:tw--mb-12{
    margin-bottom: -3rem;
  }

  .xl\:tw--ml-12{
    margin-left: -3rem;
  }

  .xl\:tw--mt-16{
    margin-top: -4rem;
  }

  .xl\:tw--mr-16{
    margin-right: -4rem;
  }

  .xl\:tw--mb-16{
    margin-bottom: -4rem;
  }

  .xl\:tw--ml-16{
    margin-left: -4rem;
  }

  .xl\:tw--mt-20{
    margin-top: -5rem;
  }

  .xl\:tw--mr-20{
    margin-right: -5rem;
  }

  .xl\:tw--mb-20{
    margin-bottom: -5rem;
  }

  .xl\:tw--ml-20{
    margin-left: -5rem;
  }

  .xl\:tw--mt-24{
    margin-top: -6rem;
  }

  .xl\:tw--mr-24{
    margin-right: -6rem;
  }

  .xl\:tw--mb-24{
    margin-bottom: -6rem;
  }

  .xl\:tw--ml-24{
    margin-left: -6rem;
  }

  .xl\:tw--mt-32{
    margin-top: -8rem;
  }

  .xl\:tw--mr-32{
    margin-right: -8rem;
  }

  .xl\:tw--mb-32{
    margin-bottom: -8rem;
  }

  .xl\:tw--ml-32{
    margin-left: -8rem;
  }

  .xl\:tw--mt-40{
    margin-top: -10rem;
  }

  .xl\:tw--mr-40{
    margin-right: -10rem;
  }

  .xl\:tw--mb-40{
    margin-bottom: -10rem;
  }

  .xl\:tw--ml-40{
    margin-left: -10rem;
  }

  .xl\:tw--mt-48{
    margin-top: -12rem;
  }

  .xl\:tw--mr-48{
    margin-right: -12rem;
  }

  .xl\:tw--mb-48{
    margin-bottom: -12rem;
  }

  .xl\:tw--ml-48{
    margin-left: -12rem;
  }

  .xl\:tw--mt-56{
    margin-top: -14rem;
  }

  .xl\:tw--mr-56{
    margin-right: -14rem;
  }

  .xl\:tw--mb-56{
    margin-bottom: -14rem;
  }

  .xl\:tw--ml-56{
    margin-left: -14rem;
  }

  .xl\:tw--mt-64{
    margin-top: -16rem;
  }

  .xl\:tw--mr-64{
    margin-right: -16rem;
  }

  .xl\:tw--mb-64{
    margin-bottom: -16rem;
  }

  .xl\:tw--ml-64{
    margin-left: -16rem;
  }

  .xl\:tw--mt-px{
    margin-top: -1px;
  }

  .xl\:tw--mr-px{
    margin-right: -1px;
  }

  .xl\:tw--mb-px{
    margin-bottom: -1px;
  }

  .xl\:tw--ml-px{
    margin-left: -1px;
  }

  .xl\:tw-mt-2px{
    margin-top: 2px;
  }

  .xl\:tw-mr-2px{
    margin-right: 2px;
  }

  .xl\:tw-mb-2px{
    margin-bottom: 2px;
  }

  .xl\:tw-ml-2px{
    margin-left: 2px;
  }

  .xl\:tw-mt-5px{
    margin-top: 5px;
  }

  .xl\:tw-mr-5px{
    margin-right: 5px;
  }

  .xl\:tw-mb-5px{
    margin-bottom: 5px;
  }

  .xl\:tw-ml-5px{
    margin-left: 5px;
  }

  .xl\:tw-mt-10px{
    margin-top: 10px;
  }

  .xl\:tw-mr-10px{
    margin-right: 10px;
  }

  .xl\:tw-mb-10px{
    margin-bottom: 10px;
  }

  .xl\:tw-ml-10px{
    margin-left: 10px;
  }

  .xl\:tw-mt-15px{
    margin-top: 15px;
  }

  .xl\:tw-mr-15px{
    margin-right: 15px;
  }

  .xl\:tw-mb-15px{
    margin-bottom: 15px;
  }

  .xl\:tw-ml-15px{
    margin-left: 15px;
  }

  .xl\:tw-mt-20px{
    margin-top: 20px;
  }

  .xl\:tw-mr-20px{
    margin-right: 20px;
  }

  .xl\:tw-mb-20px{
    margin-bottom: 20px;
  }

  .xl\:tw-ml-20px{
    margin-left: 20px;
  }

  .xl\:tw-mt-25px{
    margin-top: 25px;
  }

  .xl\:tw-mr-25px{
    margin-right: 25px;
  }

  .xl\:tw-mb-25px{
    margin-bottom: 25px;
  }

  .xl\:tw-ml-25px{
    margin-left: 25px;
  }

  .xl\:tw-mt-30px{
    margin-top: 30px;
  }

  .xl\:tw-mr-30px{
    margin-right: 30px;
  }

  .xl\:tw-mb-30px{
    margin-bottom: 30px;
  }

  .xl\:tw-ml-30px{
    margin-left: 30px;
  }

  .xl\:tw-mt-40px{
    margin-top: 40px;
  }

  .xl\:tw-mr-40px{
    margin-right: 40px;
  }

  .xl\:tw-mb-40px{
    margin-bottom: 40px;
  }

  .xl\:tw-ml-40px{
    margin-left: 40px;
  }

  .xl\:tw-mt-60px{
    margin-top: 60px;
  }

  .xl\:tw-mr-60px{
    margin-right: 60px;
  }

  .xl\:tw-mb-60px{
    margin-bottom: 60px;
  }

  .xl\:tw-ml-60px{
    margin-left: 60px;
  }

  .xl\:tw-mt-80px{
    margin-top: 80px;
  }

  .xl\:tw-mr-80px{
    margin-right: 80px;
  }

  .xl\:tw-mb-80px{
    margin-bottom: 80px;
  }

  .xl\:tw-ml-80px{
    margin-left: 80px;
  }

  .xl\:tw-max-h-full{
    max-height: 100%;
  }

  .xl\:tw-max-h-screen{
    max-height: 100vh;
  }

  .xl\:tw-max-w-none{
    max-width: none;
  }

  .xl\:tw-max-w-xs{
    max-width: 20rem;
  }

  .xl\:tw-max-w-sm{
    max-width: 24rem;
  }

  .xl\:tw-max-w-md{
    max-width: 28rem;
  }

  .xl\:tw-max-w-lg{
    max-width: 32rem;
  }

  .xl\:tw-max-w-xl{
    max-width: 36rem;
  }

  .xl\:tw-max-w-2xl{
    max-width: 42rem;
  }

  .xl\:tw-max-w-3xl{
    max-width: 48rem;
  }

  .xl\:tw-max-w-4xl{
    max-width: 56rem;
  }

  .xl\:tw-max-w-5xl{
    max-width: 64rem;
  }

  .xl\:tw-max-w-6xl{
    max-width: 72rem;
  }

  .xl\:tw-max-w-full{
    max-width: 100%;
  }

  .xl\:tw-max-w-screen-sm{
    max-width: 640px;
  }

  .xl\:tw-max-w-screen-md{
    max-width: 768px;
  }

  .xl\:tw-max-w-screen-lg{
    max-width: 1024px;
  }

  .xl\:tw-max-w-screen-xl{
    max-width: 1280px;
  }

  .xl\:tw-min-h-0{
    min-height: 0;
  }

  .xl\:tw-min-h-full{
    min-height: 100%;
  }

  .xl\:tw-min-h-screen{
    min-height: 100vh;
  }

  .xl\:tw-min-w-0{
    min-width: 0;
  }

  .xl\:tw-min-w-full{
    min-width: 100%;
  }

  .xl\:tw-object-contain{
    -o-object-fit: contain;
       object-fit: contain;
  }

  .xl\:tw-object-cover{
    -o-object-fit: cover;
       object-fit: cover;
  }

  .xl\:tw-object-fill{
    -o-object-fit: fill;
       object-fit: fill;
  }

  .xl\:tw-object-none{
    -o-object-fit: none;
       object-fit: none;
  }

  .xl\:tw-object-scale-down{
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .xl\:tw-object-bottom{
    -o-object-position: bottom;
       object-position: bottom;
  }

  .xl\:tw-object-center{
    -o-object-position: center;
       object-position: center;
  }

  .xl\:tw-object-left{
    -o-object-position: left;
       object-position: left;
  }

  .xl\:tw-object-left-bottom{
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .xl\:tw-object-left-top{
    -o-object-position: left top;
       object-position: left top;
  }

  .xl\:tw-object-right{
    -o-object-position: right;
       object-position: right;
  }

  .xl\:tw-object-right-bottom{
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .xl\:tw-object-right-top{
    -o-object-position: right top;
       object-position: right top;
  }

  .xl\:tw-object-top{
    -o-object-position: top;
       object-position: top;
  }

  .xl\:tw-opacity-0{
    opacity: 0;
  }

  .xl\:tw-opacity-25{
    opacity: 0.25;
  }

  .xl\:tw-opacity-50{
    opacity: 0.5;
  }

  .xl\:tw-opacity-75{
    opacity: 0.75;
  }

  .xl\:tw-opacity-100{
    opacity: 1;
  }

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

  .xl\:hover\:tw-opacity-25:hover{
    opacity: 0.25;
  }

  .xl\:hover\:tw-opacity-50:hover{
    opacity: 0.5;
  }

  .xl\:hover\:tw-opacity-75:hover{
    opacity: 0.75;
  }

  .xl\:hover\:tw-opacity-100:hover{
    opacity: 1;
  }

  .xl\:focus\:tw-opacity-0:focus{
    opacity: 0;
  }

  .xl\:focus\:tw-opacity-25:focus{
    opacity: 0.25;
  }

  .xl\:focus\:tw-opacity-50:focus{
    opacity: 0.5;
  }

  .xl\:focus\:tw-opacity-75:focus{
    opacity: 0.75;
  }

  .xl\:focus\:tw-opacity-100:focus{
    opacity: 1;
  }

  .xl\:tw-outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xl\:tw-outline-white{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xl\:tw-outline-black{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xl\:focus\:tw-outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xl\:focus\:tw-outline-white:focus{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xl\:focus\:tw-outline-black:focus{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xl\:tw-overflow-auto{
    overflow: auto;
  }

  .xl\:tw-overflow-hidden{
    overflow: hidden;
  }

  .xl\:tw-overflow-visible{
    overflow: visible;
  }

  .xl\:tw-overflow-scroll{
    overflow: scroll;
  }

  .xl\:tw-overflow-x-auto{
    overflow-x: auto;
  }

  .xl\:tw-overflow-y-auto{
    overflow-y: auto;
  }

  .xl\:tw-overflow-x-hidden{
    overflow-x: hidden;
  }

  .xl\:tw-overflow-y-hidden{
    overflow-y: hidden;
  }

  .xl\:tw-overflow-x-visible{
    overflow-x: visible;
  }

  .xl\:tw-overflow-y-visible{
    overflow-y: visible;
  }

  .xl\:tw-overflow-x-scroll{
    overflow-x: scroll;
  }

  .xl\:tw-overflow-y-scroll{
    overflow-y: scroll;
  }

  .xl\:tw-scrolling-touch{
    -webkit-overflow-scrolling: touch;
  }

  .xl\:tw-scrolling-auto{
    -webkit-overflow-scrolling: auto;
  }

  .xl\:tw-overscroll-auto{
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .xl\:tw-overscroll-contain{
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .xl\:tw-overscroll-none{
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .xl\:tw-overscroll-y-auto{
    overscroll-behavior-y: auto;
  }

  .xl\:tw-overscroll-y-contain{
    overscroll-behavior-y: contain;
  }

  .xl\:tw-overscroll-y-none{
    overscroll-behavior-y: none;
  }

  .xl\:tw-overscroll-x-auto{
    overscroll-behavior-x: auto;
  }

  .xl\:tw-overscroll-x-contain{
    overscroll-behavior-x: contain;
  }

  .xl\:tw-overscroll-x-none{
    overscroll-behavior-x: none;
  }

  .xl\:tw-p-0{
    padding: 0;
  }

  .xl\:tw-p-1{
    padding: 0.25rem;
  }

  .xl\:tw-p-2{
    padding: 0.5rem;
  }

  .xl\:tw-p-3{
    padding: 0.75rem;
  }

  .xl\:tw-p-4{
    padding: 1rem;
  }

  .xl\:tw-p-5{
    padding: 1.25rem;
  }

  .xl\:tw-p-6{
    padding: 1.5rem;
  }

  .xl\:tw-p-8{
    padding: 2rem;
  }

  .xl\:tw-p-10{
    padding: 2.5rem;
  }

  .xl\:tw-p-12{
    padding: 3rem;
  }

  .xl\:tw-p-16{
    padding: 4rem;
  }

  .xl\:tw-p-20{
    padding: 5rem;
  }

  .xl\:tw-p-24{
    padding: 6rem;
  }

  .xl\:tw-p-32{
    padding: 8rem;
  }

  .xl\:tw-p-40{
    padding: 10rem;
  }

  .xl\:tw-p-48{
    padding: 12rem;
  }

  .xl\:tw-p-56{
    padding: 14rem;
  }

  .xl\:tw-p-64{
    padding: 16rem;
  }

  .xl\:tw-p-px{
    padding: 1px;
  }

  .xl\:tw-p-3px{
    padding: 3px;
  }

  .xl\:tw-p-5px{
    padding: 5px;
  }

  .xl\:tw-p-10px{
    padding: 10px;
  }

  .xl\:tw-p-15px{
    padding: 15px;
  }

  .xl\:tw-p-20px{
    padding: 20px;
  }

  .xl\:tw-p-25px{
    padding: 25px;
  }

  .xl\:tw-p-30px{
    padding: 30px;
  }

  .xl\:tw-p-40px{
    padding: 40px;
  }

  .xl\:tw-p-55px{
    padding: 55px;
  }

  .xl\:tw-p-60px{
    padding: 60px;
  }

  .xl\:tw-py-0{
    padding-top: 0;
    padding-bottom: 0;
  }

  .xl\:tw-px-0{
    padding-left: 0;
    padding-right: 0;
  }

  .xl\:tw-py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .xl\:tw-px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .xl\:tw-py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .xl\:tw-px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .xl\:tw-py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .xl\:tw-px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .xl\:tw-py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xl\:tw-px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:tw-py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .xl\:tw-px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xl\:tw-py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xl\:tw-px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl\:tw-py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl\:tw-px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:tw-py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .xl\:tw-px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:tw-py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xl\:tw-px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xl\:tw-py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xl\:tw-px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:tw-py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xl\:tw-px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xl\:tw-py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xl\:tw-px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xl\:tw-py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xl\:tw-px-32{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xl\:tw-py-40{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xl\:tw-px-40{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .xl\:tw-py-48{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .xl\:tw-px-48{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .xl\:tw-py-56{
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .xl\:tw-px-56{
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .xl\:tw-py-64{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .xl\:tw-px-64{
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .xl\:tw-py-px{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .xl\:tw-px-px{
    padding-left: 1px;
    padding-right: 1px;
  }

  .xl\:tw-py-3px{
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .xl\:tw-px-3px{
    padding-left: 3px;
    padding-right: 3px;
  }

  .xl\:tw-py-5px{
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .xl\:tw-px-5px{
    padding-left: 5px;
    padding-right: 5px;
  }

  .xl\:tw-py-10px{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .xl\:tw-px-10px{
    padding-left: 10px;
    padding-right: 10px;
  }

  .xl\:tw-py-15px{
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .xl\:tw-px-15px{
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl\:tw-py-20px{
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .xl\:tw-px-20px{
    padding-left: 20px;
    padding-right: 20px;
  }

  .xl\:tw-py-25px{
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .xl\:tw-px-25px{
    padding-left: 25px;
    padding-right: 25px;
  }

  .xl\:tw-py-30px{
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .xl\:tw-px-30px{
    padding-left: 30px;
    padding-right: 30px;
  }

  .xl\:tw-py-40px{
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .xl\:tw-px-40px{
    padding-left: 40px;
    padding-right: 40px;
  }

  .xl\:tw-py-55px{
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .xl\:tw-px-55px{
    padding-left: 55px;
    padding-right: 55px;
  }

  .xl\:tw-py-60px{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .xl\:tw-px-60px{
    padding-left: 60px;
    padding-right: 60px;
  }

  .xl\:tw-pt-0{
    padding-top: 0;
  }

  .xl\:tw-pr-0{
    padding-right: 0;
  }

  .xl\:tw-pb-0{
    padding-bottom: 0;
  }

  .xl\:tw-pl-0{
    padding-left: 0;
  }

  .xl\:tw-pt-1{
    padding-top: 0.25rem;
  }

  .xl\:tw-pr-1{
    padding-right: 0.25rem;
  }

  .xl\:tw-pb-1{
    padding-bottom: 0.25rem;
  }

  .xl\:tw-pl-1{
    padding-left: 0.25rem;
  }

  .xl\:tw-pt-2{
    padding-top: 0.5rem;
  }

  .xl\:tw-pr-2{
    padding-right: 0.5rem;
  }

  .xl\:tw-pb-2{
    padding-bottom: 0.5rem;
  }

  .xl\:tw-pl-2{
    padding-left: 0.5rem;
  }

  .xl\:tw-pt-3{
    padding-top: 0.75rem;
  }

  .xl\:tw-pr-3{
    padding-right: 0.75rem;
  }

  .xl\:tw-pb-3{
    padding-bottom: 0.75rem;
  }

  .xl\:tw-pl-3{
    padding-left: 0.75rem;
  }

  .xl\:tw-pt-4{
    padding-top: 1rem;
  }

  .xl\:tw-pr-4{
    padding-right: 1rem;
  }

  .xl\:tw-pb-4{
    padding-bottom: 1rem;
  }

  .xl\:tw-pl-4{
    padding-left: 1rem;
  }

  .xl\:tw-pt-5{
    padding-top: 1.25rem;
  }

  .xl\:tw-pr-5{
    padding-right: 1.25rem;
  }

  .xl\:tw-pb-5{
    padding-bottom: 1.25rem;
  }

  .xl\:tw-pl-5{
    padding-left: 1.25rem;
  }

  .xl\:tw-pt-6{
    padding-top: 1.5rem;
  }

  .xl\:tw-pr-6{
    padding-right: 1.5rem;
  }

  .xl\:tw-pb-6{
    padding-bottom: 1.5rem;
  }

  .xl\:tw-pl-6{
    padding-left: 1.5rem;
  }

  .xl\:tw-pt-8{
    padding-top: 2rem;
  }

  .xl\:tw-pr-8{
    padding-right: 2rem;
  }

  .xl\:tw-pb-8{
    padding-bottom: 2rem;
  }

  .xl\:tw-pl-8{
    padding-left: 2rem;
  }

  .xl\:tw-pt-10{
    padding-top: 2.5rem;
  }

  .xl\:tw-pr-10{
    padding-right: 2.5rem;
  }

  .xl\:tw-pb-10{
    padding-bottom: 2.5rem;
  }

  .xl\:tw-pl-10{
    padding-left: 2.5rem;
  }

  .xl\:tw-pt-12{
    padding-top: 3rem;
  }

  .xl\:tw-pr-12{
    padding-right: 3rem;
  }

  .xl\:tw-pb-12{
    padding-bottom: 3rem;
  }

  .xl\:tw-pl-12{
    padding-left: 3rem;
  }

  .xl\:tw-pt-16{
    padding-top: 4rem;
  }

  .xl\:tw-pr-16{
    padding-right: 4rem;
  }

  .xl\:tw-pb-16{
    padding-bottom: 4rem;
  }

  .xl\:tw-pl-16{
    padding-left: 4rem;
  }

  .xl\:tw-pt-20{
    padding-top: 5rem;
  }

  .xl\:tw-pr-20{
    padding-right: 5rem;
  }

  .xl\:tw-pb-20{
    padding-bottom: 5rem;
  }

  .xl\:tw-pl-20{
    padding-left: 5rem;
  }

  .xl\:tw-pt-24{
    padding-top: 6rem;
  }

  .xl\:tw-pr-24{
    padding-right: 6rem;
  }

  .xl\:tw-pb-24{
    padding-bottom: 6rem;
  }

  .xl\:tw-pl-24{
    padding-left: 6rem;
  }

  .xl\:tw-pt-32{
    padding-top: 8rem;
  }

  .xl\:tw-pr-32{
    padding-right: 8rem;
  }

  .xl\:tw-pb-32{
    padding-bottom: 8rem;
  }

  .xl\:tw-pl-32{
    padding-left: 8rem;
  }

  .xl\:tw-pt-40{
    padding-top: 10rem;
  }

  .xl\:tw-pr-40{
    padding-right: 10rem;
  }

  .xl\:tw-pb-40{
    padding-bottom: 10rem;
  }

  .xl\:tw-pl-40{
    padding-left: 10rem;
  }

  .xl\:tw-pt-48{
    padding-top: 12rem;
  }

  .xl\:tw-pr-48{
    padding-right: 12rem;
  }

  .xl\:tw-pb-48{
    padding-bottom: 12rem;
  }

  .xl\:tw-pl-48{
    padding-left: 12rem;
  }

  .xl\:tw-pt-56{
    padding-top: 14rem;
  }

  .xl\:tw-pr-56{
    padding-right: 14rem;
  }

  .xl\:tw-pb-56{
    padding-bottom: 14rem;
  }

  .xl\:tw-pl-56{
    padding-left: 14rem;
  }

  .xl\:tw-pt-64{
    padding-top: 16rem;
  }

  .xl\:tw-pr-64{
    padding-right: 16rem;
  }

  .xl\:tw-pb-64{
    padding-bottom: 16rem;
  }

  .xl\:tw-pl-64{
    padding-left: 16rem;
  }

  .xl\:tw-pt-px{
    padding-top: 1px;
  }

  .xl\:tw-pr-px{
    padding-right: 1px;
  }

  .xl\:tw-pb-px{
    padding-bottom: 1px;
  }

  .xl\:tw-pl-px{
    padding-left: 1px;
  }

  .xl\:tw-pt-3px{
    padding-top: 3px;
  }

  .xl\:tw-pr-3px{
    padding-right: 3px;
  }

  .xl\:tw-pb-3px{
    padding-bottom: 3px;
  }

  .xl\:tw-pl-3px{
    padding-left: 3px;
  }

  .xl\:tw-pt-5px{
    padding-top: 5px;
  }

  .xl\:tw-pr-5px{
    padding-right: 5px;
  }

  .xl\:tw-pb-5px{
    padding-bottom: 5px;
  }

  .xl\:tw-pl-5px{
    padding-left: 5px;
  }

  .xl\:tw-pt-10px{
    padding-top: 10px;
  }

  .xl\:tw-pr-10px{
    padding-right: 10px;
  }

  .xl\:tw-pb-10px{
    padding-bottom: 10px;
  }

  .xl\:tw-pl-10px{
    padding-left: 10px;
  }

  .xl\:tw-pt-15px{
    padding-top: 15px;
  }

  .xl\:tw-pr-15px{
    padding-right: 15px;
  }

  .xl\:tw-pb-15px{
    padding-bottom: 15px;
  }

  .xl\:tw-pl-15px{
    padding-left: 15px;
  }

  .xl\:tw-pt-20px{
    padding-top: 20px;
  }

  .xl\:tw-pr-20px{
    padding-right: 20px;
  }

  .xl\:tw-pb-20px{
    padding-bottom: 20px;
  }

  .xl\:tw-pl-20px{
    padding-left: 20px;
  }

  .xl\:tw-pt-25px{
    padding-top: 25px;
  }

  .xl\:tw-pr-25px{
    padding-right: 25px;
  }

  .xl\:tw-pb-25px{
    padding-bottom: 25px;
  }

  .xl\:tw-pl-25px{
    padding-left: 25px;
  }

  .xl\:tw-pt-30px{
    padding-top: 30px;
  }

  .xl\:tw-pr-30px{
    padding-right: 30px;
  }

  .xl\:tw-pb-30px{
    padding-bottom: 30px;
  }

  .xl\:tw-pl-30px{
    padding-left: 30px;
  }

  .xl\:tw-pt-40px{
    padding-top: 40px;
  }

  .xl\:tw-pr-40px{
    padding-right: 40px;
  }

  .xl\:tw-pb-40px{
    padding-bottom: 40px;
  }

  .xl\:tw-pl-40px{
    padding-left: 40px;
  }

  .xl\:tw-pt-55px{
    padding-top: 55px;
  }

  .xl\:tw-pr-55px{
    padding-right: 55px;
  }

  .xl\:tw-pb-55px{
    padding-bottom: 55px;
  }

  .xl\:tw-pl-55px{
    padding-left: 55px;
  }

  .xl\:tw-pt-60px{
    padding-top: 60px;
  }

  .xl\:tw-pr-60px{
    padding-right: 60px;
  }

  .xl\:tw-pb-60px{
    padding-bottom: 60px;
  }

  .xl\:tw-pl-60px{
    padding-left: 60px;
  }

  .xl\:tw-placeholder-transparent::-moz-placeholder{
    color: transparent;
  }

  .xl\:tw-placeholder-transparent:-ms-input-placeholder{
    color: transparent;
  }

  .xl\:tw-placeholder-transparent::placeholder{
    color: transparent;
  }

  .xl\:tw-placeholder-current::-moz-placeholder{
    color: currentColor;
  }

  .xl\:tw-placeholder-current:-ms-input-placeholder{
    color: currentColor;
  }

  .xl\:tw-placeholder-current::placeholder{
    color: currentColor;
  }

  .xl\:tw-placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-black:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-black::placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-white:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-white::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-100::placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-200::placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-300::placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-400::placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-500::placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-600::placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-700::placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-800::placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-gray-900::placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-100::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-200::placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-300::placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-400::placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-500::placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-600::placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-700::placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-800::placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-red-900::placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-100::placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-200::placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-300::placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-400::placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-500::placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-600::placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-700::placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-800::placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-orange-900::placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-100::placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-200::placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-300::placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-400::placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-500::placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-600::placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-700::placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-800::placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-yellow-900::placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-100::placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-200::placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-300::placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-400::placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-500::placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-600::placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-700::placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-800::placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-green-900::placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-100::placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-200::placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-300::placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-400::placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-500::placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-600::placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-700::placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-800::placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-teal-900::placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-100::placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-200::placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-300::placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-400::placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-500::placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-600::placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-700::placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-800::placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-blue-900::placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-100::placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-200::placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-300::placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-400::placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-500::placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-600::placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-700::placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-800::placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-indigo-900::placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-100::placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-200::placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-300::placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-400::placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-500::placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-600::placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-700::placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-800::placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-purple-900::placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-100::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-200:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-200::placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-300:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-300::placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-400::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-400:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-400::placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-500:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-500::placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-600:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-600::placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-700:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-700::placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-800::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-800:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-800::placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-900:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-pink-900::placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-primary-blue::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-primary-blue:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-primary-blue::placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-primary-blue-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-primary-blue-dark:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-primary-blue-dark::placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-primary-white::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-primary-white:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-primary-white::placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-0::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-0:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-0::placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-1::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-1:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-1::placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-5::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-5:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-5::placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-10::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-10:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-10::placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-50::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-50:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-50::placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-70::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-70:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-font-70::placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-transparent:focus::-moz-placeholder{
    color: transparent;
  }

  .xl\:focus\:tw-placeholder-transparent:focus:-ms-input-placeholder{
    color: transparent;
  }

  .xl\:focus\:tw-placeholder-transparent:focus::placeholder{
    color: transparent;
  }

  .xl\:focus\:tw-placeholder-current:focus::-moz-placeholder{
    color: currentColor;
  }

  .xl\:focus\:tw-placeholder-current:focus:-ms-input-placeholder{
    color: currentColor;
  }

  .xl\:focus\:tw-placeholder-current:focus::placeholder{
    color: currentColor;
  }

  .xl\:focus\:tw-placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-black:focus::placeholder{
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-white:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-red-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-orange-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-green-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-teal-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-blue-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-indigo-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-purple-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-400:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-400:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-800:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-800:focus::placeholder{
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-pink-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-primary-blue:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-primary-blue:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-primary-blue:focus::placeholder{
    --placeholder-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-primary-blue-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-primary-blue-dark:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-primary-blue-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-primary-white:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-primary-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-primary-white:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-0:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-0:focus::placeholder{
    --placeholder-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-1:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-1:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-1:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-5:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-5:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-5:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-10:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-10:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-10:focus::placeholder{
    --placeholder-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-50:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-50:focus::placeholder{
    --placeholder-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-70:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-70:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .xl\:focus\:tw-placeholder-font-70:focus::placeholder{
    --placeholder-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--placeholder-opacity));
  }

  .xl\:tw-placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .xl\:tw-placeholder-opacity-0:-ms-input-placeholder{
    --placeholder-opacity: 0;
  }

  .xl\:tw-placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0;
  }

  .xl\:tw-placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .xl\:tw-placeholder-opacity-25:-ms-input-placeholder{
    --placeholder-opacity: 0.25;
  }

  .xl\:tw-placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25;
  }

  .xl\:tw-placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .xl\:tw-placeholder-opacity-50:-ms-input-placeholder{
    --placeholder-opacity: 0.5;
  }

  .xl\:tw-placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5;
  }

  .xl\:tw-placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .xl\:tw-placeholder-opacity-75:-ms-input-placeholder{
    --placeholder-opacity: 0.75;
  }

  .xl\:tw-placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75;
  }

  .xl\:tw-placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .xl\:tw-placeholder-opacity-100:-ms-input-placeholder{
    --placeholder-opacity: 1;
  }

  .xl\:tw-placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1;
  }

  .xl\:focus\:tw-placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .xl\:focus\:tw-placeholder-opacity-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 0;
  }

  .xl\:focus\:tw-placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0;
  }

  .xl\:focus\:tw-placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .xl\:focus\:tw-placeholder-opacity-25:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.25;
  }

  .xl\:focus\:tw-placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25;
  }

  .xl\:focus\:tw-placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .xl\:focus\:tw-placeholder-opacity-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.5;
  }

  .xl\:focus\:tw-placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5;
  }

  .xl\:focus\:tw-placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .xl\:focus\:tw-placeholder-opacity-75:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.75;
  }

  .xl\:focus\:tw-placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75;
  }

  .xl\:focus\:tw-placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .xl\:focus\:tw-placeholder-opacity-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1;
  }

  .xl\:focus\:tw-placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1;
  }

  .xl\:tw-pointer-events-none{
    pointer-events: none;
  }

  .xl\:tw-pointer-events-auto{
    pointer-events: auto;
  }

  .xl\:tw-static{
    position: static;
  }

  .xl\:tw-fixed{
    position: fixed;
  }

  .xl\:tw-absolute{
    position: absolute;
  }

  .xl\:tw-relative{
    position: relative;
  }

  .xl\:tw-sticky{
    position: -webkit-sticky;
    position: sticky;
  }

  .xl\:tw-inset-0{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .xl\:tw-inset-auto{
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .xl\:tw--inset-10px{
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
  }

  .xl\:tw-inset-y-0{
    top: 0;
    bottom: 0;
  }

  .xl\:tw-inset-x-0{
    right: 0;
    left: 0;
  }

  .xl\:tw-inset-y-auto{
    top: auto;
    bottom: auto;
  }

  .xl\:tw-inset-x-auto{
    right: auto;
    left: auto;
  }

  .xl\:tw--inset-y-10px{
    top: -10px;
    bottom: -10px;
  }

  .xl\:tw--inset-x-10px{
    right: -10px;
    left: -10px;
  }

  .xl\:tw-top-0{
    top: 0;
  }

  .xl\:tw-right-0{
    right: 0;
  }

  .xl\:tw-bottom-0{
    bottom: 0;
  }

  .xl\:tw-left-0{
    left: 0;
  }

  .xl\:tw-top-auto{
    top: auto;
  }

  .xl\:tw-right-auto{
    right: auto;
  }

  .xl\:tw-bottom-auto{
    bottom: auto;
  }

  .xl\:tw-left-auto{
    left: auto;
  }

  .xl\:tw--top-10px{
    top: -10px;
  }

  .xl\:tw--right-10px{
    right: -10px;
  }

  .xl\:tw--bottom-10px{
    bottom: -10px;
  }

  .xl\:tw--left-10px{
    left: -10px;
  }

  .xl\:tw-resize-none{
    resize: none;
  }

  .xl\:tw-resize-y{
    resize: vertical;
  }

  .xl\:tw-resize-x{
    resize: horizontal;
  }

  .xl\:tw-resize{
    resize: both;
  }

  .xl\:tw-shadow-xs{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xl\:tw-shadow-sm{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xl\:tw-shadow{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:tw-shadow-md{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xl\:tw-shadow-lg{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xl\:tw-shadow-xl{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xl\:tw-shadow-2xl{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xl\:tw-shadow-inner{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:tw-shadow-outline{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xl\:tw-shadow-none{
    box-shadow: none;
  }

  .xl\:tw-shadow-1dp{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

  .xl\:tw-shadow-2dp{
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  }

  .xl\:tw-shadow-6dp{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .xl\:hover\:tw-shadow-xs:hover{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xl\:hover\:tw-shadow-sm:hover{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xl\:hover\:tw-shadow:hover{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:hover\:tw-shadow-md:hover{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xl\:hover\:tw-shadow-lg:hover{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xl\:hover\:tw-shadow-xl:hover{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xl\:hover\:tw-shadow-2xl:hover{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xl\:hover\:tw-shadow-inner:hover{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:hover\:tw-shadow-outline:hover{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xl\:hover\:tw-shadow-none:hover{
    box-shadow: none;
  }

  .xl\:hover\:tw-shadow-1dp:hover{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

  .xl\:hover\:tw-shadow-2dp:hover{
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  }

  .xl\:hover\:tw-shadow-6dp:hover{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .xl\:focus\:tw-shadow-xs:focus{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xl\:focus\:tw-shadow-sm:focus{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xl\:focus\:tw-shadow:focus{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:focus\:tw-shadow-md:focus{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xl\:focus\:tw-shadow-lg:focus{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xl\:focus\:tw-shadow-xl:focus{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xl\:focus\:tw-shadow-2xl:focus{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xl\:focus\:tw-shadow-inner:focus{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:focus\:tw-shadow-outline:focus{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xl\:focus\:tw-shadow-none:focus{
    box-shadow: none;
  }

  .xl\:focus\:tw-shadow-1dp:focus{
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  }

  .xl\:focus\:tw-shadow-2dp:focus{
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  }

  .xl\:focus\:tw-shadow-6dp:focus{
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  }

  .xl\:tw-fill-current{
    fill: currentColor;
  }

  .xl\:tw-stroke-current{
    stroke: currentColor;
  }

  .xl\:tw-stroke-0{
    stroke-width: 0;
  }

  .xl\:tw-stroke-1{
    stroke-width: 1;
  }

  .xl\:tw-stroke-2{
    stroke-width: 2;
  }

  .xl\:tw-table-auto{
    table-layout: auto;
  }

  .xl\:tw-table-fixed{
    table-layout: fixed;
  }

  .xl\:tw-text-left{
    text-align: left;
  }

  .xl\:tw-text-center{
    text-align: center;
  }

  .xl\:tw-text-right{
    text-align: right;
  }

  .xl\:tw-text-justify{
    text-align: justify;
  }

  .xl\:tw-text-transparent{
    color: transparent;
  }

  .xl\:tw-text-current{
    color: currentColor;
  }

  .xl\:tw-text-black{
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xl\:tw-text-white{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:tw-text-gray-100{
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xl\:tw-text-gray-200{
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xl\:tw-text-gray-300{
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xl\:tw-text-gray-400{
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xl\:tw-text-gray-500{
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xl\:tw-text-gray-600{
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xl\:tw-text-gray-700{
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xl\:tw-text-gray-800{
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xl\:tw-text-gray-900{
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xl\:tw-text-red-100{
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }

  .xl\:tw-text-red-200{
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }

  .xl\:tw-text-red-300{
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }

  .xl\:tw-text-red-400{
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }

  .xl\:tw-text-red-500{
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }

  .xl\:tw-text-red-600{
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }

  .xl\:tw-text-red-700{
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }

  .xl\:tw-text-red-800{
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }

  .xl\:tw-text-red-900{
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }

  .xl\:tw-text-orange-100{
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }

  .xl\:tw-text-orange-200{
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }

  .xl\:tw-text-orange-300{
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }

  .xl\:tw-text-orange-400{
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }

  .xl\:tw-text-orange-500{
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }

  .xl\:tw-text-orange-600{
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }

  .xl\:tw-text-orange-700{
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }

  .xl\:tw-text-orange-800{
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }

  .xl\:tw-text-orange-900{
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }

  .xl\:tw-text-yellow-100{
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }

  .xl\:tw-text-yellow-200{
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }

  .xl\:tw-text-yellow-300{
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }

  .xl\:tw-text-yellow-400{
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }

  .xl\:tw-text-yellow-500{
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }

  .xl\:tw-text-yellow-600{
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }

  .xl\:tw-text-yellow-700{
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }

  .xl\:tw-text-yellow-800{
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }

  .xl\:tw-text-yellow-900{
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }

  .xl\:tw-text-green-100{
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }

  .xl\:tw-text-green-200{
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }

  .xl\:tw-text-green-300{
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }

  .xl\:tw-text-green-400{
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }

  .xl\:tw-text-green-500{
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }

  .xl\:tw-text-green-600{
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }

  .xl\:tw-text-green-700{
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }

  .xl\:tw-text-green-800{
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }

  .xl\:tw-text-green-900{
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }

  .xl\:tw-text-teal-100{
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }

  .xl\:tw-text-teal-200{
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }

  .xl\:tw-text-teal-300{
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }

  .xl\:tw-text-teal-400{
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }

  .xl\:tw-text-teal-500{
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }

  .xl\:tw-text-teal-600{
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }

  .xl\:tw-text-teal-700{
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }

  .xl\:tw-text-teal-800{
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }

  .xl\:tw-text-teal-900{
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }

  .xl\:tw-text-blue-100{
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }

  .xl\:tw-text-blue-200{
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }

  .xl\:tw-text-blue-300{
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }

  .xl\:tw-text-blue-400{
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }

  .xl\:tw-text-blue-500{
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }

  .xl\:tw-text-blue-600{
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }

  .xl\:tw-text-blue-700{
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }

  .xl\:tw-text-blue-800{
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }

  .xl\:tw-text-blue-900{
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }

  .xl\:tw-text-indigo-100{
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }

  .xl\:tw-text-indigo-200{
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }

  .xl\:tw-text-indigo-300{
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }

  .xl\:tw-text-indigo-400{
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }

  .xl\:tw-text-indigo-500{
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }

  .xl\:tw-text-indigo-600{
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }

  .xl\:tw-text-indigo-700{
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }

  .xl\:tw-text-indigo-800{
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }

  .xl\:tw-text-indigo-900{
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }

  .xl\:tw-text-purple-100{
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }

  .xl\:tw-text-purple-200{
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }

  .xl\:tw-text-purple-300{
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }

  .xl\:tw-text-purple-400{
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }

  .xl\:tw-text-purple-500{
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }

  .xl\:tw-text-purple-600{
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }

  .xl\:tw-text-purple-700{
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }

  .xl\:tw-text-purple-800{
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }

  .xl\:tw-text-purple-900{
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }

  .xl\:tw-text-pink-100{
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }

  .xl\:tw-text-pink-200{
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }

  .xl\:tw-text-pink-300{
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }

  .xl\:tw-text-pink-400{
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }

  .xl\:tw-text-pink-500{
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }

  .xl\:tw-text-pink-600{
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }

  .xl\:tw-text-pink-700{
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }

  .xl\:tw-text-pink-800{
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }

  .xl\:tw-text-pink-900{
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }

  .xl\:tw-text-primary-blue{
    --text-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--text-opacity));
  }

  .xl\:tw-text-primary-blue-dark{
    --text-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--text-opacity));
  }

  .xl\:tw-text-primary-white{
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:tw-text-font-0{
    --text-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--text-opacity));
  }

  .xl\:tw-text-font-1{
    --text-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--text-opacity));
  }

  .xl\:tw-text-font-5{
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

  .xl\:tw-text-font-10{
    --text-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--text-opacity));
  }

  .xl\:tw-text-font-50{
    --text-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--text-opacity));
  }

  .xl\:tw-text-font-70{
    --text-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--text-opacity));
  }

  .xl\:hover\:tw-text-transparent:hover{
    color: transparent;
  }

  .xl\:hover\:tw-text-current:hover{
    color: currentColor;
  }

  .xl\:hover\:tw-text-black:hover{
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xl\:hover\:tw-text-white:hover{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:hover\:tw-text-gray-100:hover{
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xl\:hover\:tw-text-gray-200:hover{
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xl\:hover\:tw-text-gray-300:hover{
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xl\:hover\:tw-text-gray-400:hover{
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xl\:hover\:tw-text-gray-500:hover{
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xl\:hover\:tw-text-gray-600:hover{
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xl\:hover\:tw-text-gray-700:hover{
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xl\:hover\:tw-text-gray-800:hover{
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xl\:hover\:tw-text-gray-900:hover{
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xl\:hover\:tw-text-red-100:hover{
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }

  .xl\:hover\:tw-text-red-200:hover{
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }

  .xl\:hover\:tw-text-red-300:hover{
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }

  .xl\:hover\:tw-text-red-400:hover{
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }

  .xl\:hover\:tw-text-red-500:hover{
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }

  .xl\:hover\:tw-text-red-600:hover{
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }

  .xl\:hover\:tw-text-red-700:hover{
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }

  .xl\:hover\:tw-text-red-800:hover{
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }

  .xl\:hover\:tw-text-red-900:hover{
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }

  .xl\:hover\:tw-text-orange-100:hover{
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }

  .xl\:hover\:tw-text-orange-200:hover{
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }

  .xl\:hover\:tw-text-orange-300:hover{
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }

  .xl\:hover\:tw-text-orange-400:hover{
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }

  .xl\:hover\:tw-text-orange-500:hover{
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }

  .xl\:hover\:tw-text-orange-600:hover{
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }

  .xl\:hover\:tw-text-orange-700:hover{
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }

  .xl\:hover\:tw-text-orange-800:hover{
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }

  .xl\:hover\:tw-text-orange-900:hover{
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }

  .xl\:hover\:tw-text-yellow-100:hover{
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }

  .xl\:hover\:tw-text-yellow-200:hover{
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }

  .xl\:hover\:tw-text-yellow-300:hover{
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }

  .xl\:hover\:tw-text-yellow-400:hover{
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }

  .xl\:hover\:tw-text-yellow-500:hover{
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }

  .xl\:hover\:tw-text-yellow-600:hover{
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }

  .xl\:hover\:tw-text-yellow-700:hover{
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }

  .xl\:hover\:tw-text-yellow-800:hover{
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }

  .xl\:hover\:tw-text-yellow-900:hover{
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }

  .xl\:hover\:tw-text-green-100:hover{
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }

  .xl\:hover\:tw-text-green-200:hover{
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }

  .xl\:hover\:tw-text-green-300:hover{
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }

  .xl\:hover\:tw-text-green-400:hover{
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }

  .xl\:hover\:tw-text-green-500:hover{
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }

  .xl\:hover\:tw-text-green-600:hover{
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }

  .xl\:hover\:tw-text-green-700:hover{
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }

  .xl\:hover\:tw-text-green-800:hover{
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }

  .xl\:hover\:tw-text-green-900:hover{
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }

  .xl\:hover\:tw-text-teal-100:hover{
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }

  .xl\:hover\:tw-text-teal-200:hover{
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }

  .xl\:hover\:tw-text-teal-300:hover{
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }

  .xl\:hover\:tw-text-teal-400:hover{
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }

  .xl\:hover\:tw-text-teal-500:hover{
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }

  .xl\:hover\:tw-text-teal-600:hover{
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }

  .xl\:hover\:tw-text-teal-700:hover{
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }

  .xl\:hover\:tw-text-teal-800:hover{
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }

  .xl\:hover\:tw-text-teal-900:hover{
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }

  .xl\:hover\:tw-text-blue-100:hover{
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }

  .xl\:hover\:tw-text-blue-200:hover{
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }

  .xl\:hover\:tw-text-blue-300:hover{
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }

  .xl\:hover\:tw-text-blue-400:hover{
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }

  .xl\:hover\:tw-text-blue-500:hover{
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }

  .xl\:hover\:tw-text-blue-600:hover{
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }

  .xl\:hover\:tw-text-blue-700:hover{
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }

  .xl\:hover\:tw-text-blue-800:hover{
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }

  .xl\:hover\:tw-text-blue-900:hover{
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }

  .xl\:hover\:tw-text-indigo-100:hover{
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }

  .xl\:hover\:tw-text-indigo-200:hover{
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }

  .xl\:hover\:tw-text-indigo-300:hover{
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }

  .xl\:hover\:tw-text-indigo-400:hover{
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }

  .xl\:hover\:tw-text-indigo-500:hover{
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }

  .xl\:hover\:tw-text-indigo-600:hover{
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }

  .xl\:hover\:tw-text-indigo-700:hover{
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }

  .xl\:hover\:tw-text-indigo-800:hover{
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }

  .xl\:hover\:tw-text-indigo-900:hover{
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }

  .xl\:hover\:tw-text-purple-100:hover{
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }

  .xl\:hover\:tw-text-purple-200:hover{
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }

  .xl\:hover\:tw-text-purple-300:hover{
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }

  .xl\:hover\:tw-text-purple-400:hover{
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }

  .xl\:hover\:tw-text-purple-500:hover{
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }

  .xl\:hover\:tw-text-purple-600:hover{
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }

  .xl\:hover\:tw-text-purple-700:hover{
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }

  .xl\:hover\:tw-text-purple-800:hover{
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }

  .xl\:hover\:tw-text-purple-900:hover{
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }

  .xl\:hover\:tw-text-pink-100:hover{
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }

  .xl\:hover\:tw-text-pink-200:hover{
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }

  .xl\:hover\:tw-text-pink-300:hover{
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }

  .xl\:hover\:tw-text-pink-400:hover{
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }

  .xl\:hover\:tw-text-pink-500:hover{
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }

  .xl\:hover\:tw-text-pink-600:hover{
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }

  .xl\:hover\:tw-text-pink-700:hover{
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }

  .xl\:hover\:tw-text-pink-800:hover{
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }

  .xl\:hover\:tw-text-pink-900:hover{
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }

  .xl\:hover\:tw-text-primary-blue:hover{
    --text-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--text-opacity));
  }

  .xl\:hover\:tw-text-primary-blue-dark:hover{
    --text-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--text-opacity));
  }

  .xl\:hover\:tw-text-primary-white:hover{
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:hover\:tw-text-font-0:hover{
    --text-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--text-opacity));
  }

  .xl\:hover\:tw-text-font-1:hover{
    --text-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--text-opacity));
  }

  .xl\:hover\:tw-text-font-5:hover{
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

  .xl\:hover\:tw-text-font-10:hover{
    --text-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--text-opacity));
  }

  .xl\:hover\:tw-text-font-50:hover{
    --text-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--text-opacity));
  }

  .xl\:hover\:tw-text-font-70:hover{
    --text-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--text-opacity));
  }

  .xl\:focus\:tw-text-transparent:focus{
    color: transparent;
  }

  .xl\:focus\:tw-text-current:focus{
    color: currentColor;
  }

  .xl\:focus\:tw-text-black:focus{
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xl\:focus\:tw-text-white:focus{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:focus\:tw-text-gray-100:focus{
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xl\:focus\:tw-text-gray-200:focus{
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xl\:focus\:tw-text-gray-300:focus{
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xl\:focus\:tw-text-gray-400:focus{
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xl\:focus\:tw-text-gray-500:focus{
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xl\:focus\:tw-text-gray-600:focus{
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xl\:focus\:tw-text-gray-700:focus{
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xl\:focus\:tw-text-gray-800:focus{
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xl\:focus\:tw-text-gray-900:focus{
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xl\:focus\:tw-text-red-100:focus{
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }

  .xl\:focus\:tw-text-red-200:focus{
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }

  .xl\:focus\:tw-text-red-300:focus{
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }

  .xl\:focus\:tw-text-red-400:focus{
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }

  .xl\:focus\:tw-text-red-500:focus{
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }

  .xl\:focus\:tw-text-red-600:focus{
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }

  .xl\:focus\:tw-text-red-700:focus{
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }

  .xl\:focus\:tw-text-red-800:focus{
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }

  .xl\:focus\:tw-text-red-900:focus{
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }

  .xl\:focus\:tw-text-orange-100:focus{
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }

  .xl\:focus\:tw-text-orange-200:focus{
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }

  .xl\:focus\:tw-text-orange-300:focus{
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }

  .xl\:focus\:tw-text-orange-400:focus{
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }

  .xl\:focus\:tw-text-orange-500:focus{
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }

  .xl\:focus\:tw-text-orange-600:focus{
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }

  .xl\:focus\:tw-text-orange-700:focus{
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }

  .xl\:focus\:tw-text-orange-800:focus{
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }

  .xl\:focus\:tw-text-orange-900:focus{
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }

  .xl\:focus\:tw-text-yellow-100:focus{
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }

  .xl\:focus\:tw-text-yellow-200:focus{
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }

  .xl\:focus\:tw-text-yellow-300:focus{
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }

  .xl\:focus\:tw-text-yellow-400:focus{
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }

  .xl\:focus\:tw-text-yellow-500:focus{
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }

  .xl\:focus\:tw-text-yellow-600:focus{
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }

  .xl\:focus\:tw-text-yellow-700:focus{
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }

  .xl\:focus\:tw-text-yellow-800:focus{
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }

  .xl\:focus\:tw-text-yellow-900:focus{
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }

  .xl\:focus\:tw-text-green-100:focus{
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }

  .xl\:focus\:tw-text-green-200:focus{
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }

  .xl\:focus\:tw-text-green-300:focus{
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }

  .xl\:focus\:tw-text-green-400:focus{
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }

  .xl\:focus\:tw-text-green-500:focus{
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }

  .xl\:focus\:tw-text-green-600:focus{
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }

  .xl\:focus\:tw-text-green-700:focus{
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }

  .xl\:focus\:tw-text-green-800:focus{
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }

  .xl\:focus\:tw-text-green-900:focus{
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }

  .xl\:focus\:tw-text-teal-100:focus{
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }

  .xl\:focus\:tw-text-teal-200:focus{
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }

  .xl\:focus\:tw-text-teal-300:focus{
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }

  .xl\:focus\:tw-text-teal-400:focus{
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }

  .xl\:focus\:tw-text-teal-500:focus{
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }

  .xl\:focus\:tw-text-teal-600:focus{
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }

  .xl\:focus\:tw-text-teal-700:focus{
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }

  .xl\:focus\:tw-text-teal-800:focus{
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }

  .xl\:focus\:tw-text-teal-900:focus{
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }

  .xl\:focus\:tw-text-blue-100:focus{
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }

  .xl\:focus\:tw-text-blue-200:focus{
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }

  .xl\:focus\:tw-text-blue-300:focus{
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }

  .xl\:focus\:tw-text-blue-400:focus{
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }

  .xl\:focus\:tw-text-blue-500:focus{
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }

  .xl\:focus\:tw-text-blue-600:focus{
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }

  .xl\:focus\:tw-text-blue-700:focus{
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }

  .xl\:focus\:tw-text-blue-800:focus{
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }

  .xl\:focus\:tw-text-blue-900:focus{
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }

  .xl\:focus\:tw-text-indigo-100:focus{
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }

  .xl\:focus\:tw-text-indigo-200:focus{
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }

  .xl\:focus\:tw-text-indigo-300:focus{
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }

  .xl\:focus\:tw-text-indigo-400:focus{
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }

  .xl\:focus\:tw-text-indigo-500:focus{
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }

  .xl\:focus\:tw-text-indigo-600:focus{
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }

  .xl\:focus\:tw-text-indigo-700:focus{
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }

  .xl\:focus\:tw-text-indigo-800:focus{
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }

  .xl\:focus\:tw-text-indigo-900:focus{
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }

  .xl\:focus\:tw-text-purple-100:focus{
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }

  .xl\:focus\:tw-text-purple-200:focus{
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }

  .xl\:focus\:tw-text-purple-300:focus{
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }

  .xl\:focus\:tw-text-purple-400:focus{
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }

  .xl\:focus\:tw-text-purple-500:focus{
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }

  .xl\:focus\:tw-text-purple-600:focus{
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }

  .xl\:focus\:tw-text-purple-700:focus{
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }

  .xl\:focus\:tw-text-purple-800:focus{
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }

  .xl\:focus\:tw-text-purple-900:focus{
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }

  .xl\:focus\:tw-text-pink-100:focus{
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }

  .xl\:focus\:tw-text-pink-200:focus{
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }

  .xl\:focus\:tw-text-pink-300:focus{
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }

  .xl\:focus\:tw-text-pink-400:focus{
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }

  .xl\:focus\:tw-text-pink-500:focus{
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }

  .xl\:focus\:tw-text-pink-600:focus{
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }

  .xl\:focus\:tw-text-pink-700:focus{
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }

  .xl\:focus\:tw-text-pink-800:focus{
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }

  .xl\:focus\:tw-text-pink-900:focus{
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }

  .xl\:focus\:tw-text-primary-blue:focus{
    --text-opacity: 1;
    color: #1976d2;
    color: rgba(25, 118, 210, var(--text-opacity));
  }

  .xl\:focus\:tw-text-primary-blue-dark:focus{
    --text-opacity: 1;
    color: #0c3b69;
    color: rgba(12, 59, 105, var(--text-opacity));
  }

  .xl\:focus\:tw-text-primary-white:focus{
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:focus\:tw-text-font-0:focus{
    --text-opacity: 1;
    color: #4f4f4f;
    color: rgba(79, 79, 79, var(--text-opacity));
  }

  .xl\:focus\:tw-text-font-1:focus{
    --text-opacity: 1;
    color: #fcfcfc;
    color: rgba(252, 252, 252, var(--text-opacity));
  }

  .xl\:focus\:tw-text-font-5:focus{
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

  .xl\:focus\:tw-text-font-10:focus{
    --text-opacity: 1;
    color: #ededed;
    color: rgba(237, 237, 237, var(--text-opacity));
  }

  .xl\:focus\:tw-text-font-50:focus{
    --text-opacity: 1;
    color: #a7a7a7;
    color: rgba(167, 167, 167, var(--text-opacity));
  }

  .xl\:focus\:tw-text-font-70:focus{
    --text-opacity: 1;
    color: #838383;
    color: rgba(131, 131, 131, var(--text-opacity));
  }

  .xl\:tw-text-opacity-0{
    --text-opacity: 0;
  }

  .xl\:tw-text-opacity-25{
    --text-opacity: 0.25;
  }

  .xl\:tw-text-opacity-50{
    --text-opacity: 0.5;
  }

  .xl\:tw-text-opacity-75{
    --text-opacity: 0.75;
  }

  .xl\:tw-text-opacity-100{
    --text-opacity: 1;
  }

  .xl\:hover\:tw-text-opacity-0:hover{
    --text-opacity: 0;
  }

  .xl\:hover\:tw-text-opacity-25:hover{
    --text-opacity: 0.25;
  }

  .xl\:hover\:tw-text-opacity-50:hover{
    --text-opacity: 0.5;
  }

  .xl\:hover\:tw-text-opacity-75:hover{
    --text-opacity: 0.75;
  }

  .xl\:hover\:tw-text-opacity-100:hover{
    --text-opacity: 1;
  }

  .xl\:focus\:tw-text-opacity-0:focus{
    --text-opacity: 0;
  }

  .xl\:focus\:tw-text-opacity-25:focus{
    --text-opacity: 0.25;
  }

  .xl\:focus\:tw-text-opacity-50:focus{
    --text-opacity: 0.5;
  }

  .xl\:focus\:tw-text-opacity-75:focus{
    --text-opacity: 0.75;
  }

  .xl\:focus\:tw-text-opacity-100:focus{
    --text-opacity: 1;
  }

  .xl\:tw-italic{
    font-style: italic;
  }

  .xl\:tw-not-italic{
    font-style: normal;
  }

  .xl\:tw-uppercase{
    text-transform: uppercase;
  }

  .xl\:tw-lowercase{
    text-transform: lowercase;
  }

  .xl\:tw-capitalize{
    text-transform: capitalize;
  }

  .xl\:tw-normal-case{
    text-transform: none;
  }

  .xl\:tw-underline{
    text-decoration: underline;
  }

  .xl\:tw-line-through{
    text-decoration: line-through;
  }

  .xl\:tw-no-underline{
    text-decoration: none;
  }

  .xl\:hover\:tw-underline:hover{
    text-decoration: underline;
  }

  .xl\:hover\:tw-line-through:hover{
    text-decoration: line-through;
  }

  .xl\:hover\:tw-no-underline:hover{
    text-decoration: none;
  }

  .xl\:focus\:tw-underline:focus{
    text-decoration: underline;
  }

  .xl\:focus\:tw-line-through:focus{
    text-decoration: line-through;
  }

  .xl\:focus\:tw-no-underline:focus{
    text-decoration: none;
  }

  .xl\:tw-antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xl\:tw-subpixel-antialiased{
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xl\:tw-ordinal, .xl\:tw-slashed-zero, .xl\:tw-lining-nums, .xl\:tw-oldstyle-nums, .xl\:tw-proportional-nums, .xl\:tw-tabular-nums, .xl\:tw-diagonal-fractions, .xl\:tw-stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
  }

  .xl\:tw-normal-nums{
    font-variant-numeric: normal;
  }

  .xl\:tw-ordinal{
    --font-variant-numeric-ordinal: ordinal;
  }

  .xl\:tw-slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .xl\:tw-lining-nums{
    --font-variant-numeric-figure: lining-nums;
  }

  .xl\:tw-oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .xl\:tw-proportional-nums{
    --font-variant-numeric-spacing: proportional-nums;
  }

  .xl\:tw-tabular-nums{
    --font-variant-numeric-spacing: tabular-nums;
  }

  .xl\:tw-diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .xl\:tw-stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .xl\:tw-tracking-tighter{
    letter-spacing: -0.05em;
  }

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

  .xl\:tw-tracking-normal{
    letter-spacing: 0;
  }

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

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

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

  .xl\:tw-select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .xl\:tw-select-text{
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .xl\:tw-select-all{
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .xl\:tw-select-auto{
    -webkit-user-select: auto;
       -moz-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .xl\:tw-align-baseline{
    vertical-align: baseline;
  }

  .xl\:tw-align-top{
    vertical-align: top;
  }

  .xl\:tw-align-middle{
    vertical-align: middle;
  }

  .xl\:tw-align-bottom{
    vertical-align: bottom;
  }

  .xl\:tw-align-text-top{
    vertical-align: text-top;
  }

  .xl\:tw-align-text-bottom{
    vertical-align: text-bottom;
  }

  .xl\:tw-visible{
    visibility: visible;
  }

  .xl\:tw-invisible{
    visibility: hidden;
  }

  .xl\:tw-whitespace-normal{
    white-space: normal;
  }

  .xl\:tw-whitespace-no-wrap{
    white-space: nowrap;
  }

  .xl\:tw-whitespace-pre{
    white-space: pre;
  }

  .xl\:tw-whitespace-pre-line{
    white-space: pre-line;
  }

  .xl\:tw-whitespace-pre-wrap{
    white-space: pre-wrap;
  }

  .xl\:tw-break-normal{
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .xl\:tw-break-words{
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .xl\:tw-break-all{
    word-break: break-all;
  }

  .xl\:tw-truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .xl\:tw-w-0{
    width: 0;
  }

  .xl\:tw-w-1{
    width: 0.25rem;
  }

  .xl\:tw-w-2{
    width: 0.5rem;
  }

  .xl\:tw-w-3{
    width: 0.75rem;
  }

  .xl\:tw-w-4{
    width: 1rem;
  }

  .xl\:tw-w-5{
    width: 1.25rem;
  }

  .xl\:tw-w-6{
    width: 1.5rem;
  }

  .xl\:tw-w-8{
    width: 2rem;
  }

  .xl\:tw-w-10{
    width: 2.5rem;
  }

  .xl\:tw-w-12{
    width: 3rem;
  }

  .xl\:tw-w-16{
    width: 4rem;
  }

  .xl\:tw-w-20{
    width: 5rem;
  }

  .xl\:tw-w-24{
    width: 6rem;
  }

  .xl\:tw-w-32{
    width: 8rem;
  }

  .xl\:tw-w-40{
    width: 10rem;
  }

  .xl\:tw-w-48{
    width: 12rem;
  }

  .xl\:tw-w-56{
    width: 14rem;
  }

  .xl\:tw-w-64{
    width: 16rem;
  }

  .xl\:tw-w-auto{
    width: auto;
  }

  .xl\:tw-w-px{
    width: 1px;
  }

  .xl\:tw-w-1\/2{
    width: 50%;
  }

  .xl\:tw-w-1\/3{
    width: 33.333333%;
  }

  .xl\:tw-w-2\/3{
    width: 66.666667%;
  }

  .xl\:tw-w-1\/4{
    width: 25%;
  }

  .xl\:tw-w-2\/4{
    width: 50%;
  }

  .xl\:tw-w-3\/4{
    width: 75%;
  }

  .xl\:tw-w-1\/5{
    width: 20%;
  }

  .xl\:tw-w-2\/5{
    width: 40%;
  }

  .xl\:tw-w-3\/5{
    width: 60%;
  }

  .xl\:tw-w-4\/5{
    width: 80%;
  }

  .xl\:tw-w-1\/6{
    width: 16.666667%;
  }

  .xl\:tw-w-2\/6{
    width: 33.333333%;
  }

  .xl\:tw-w-3\/6{
    width: 50%;
  }

  .xl\:tw-w-4\/6{
    width: 66.666667%;
  }

  .xl\:tw-w-5\/6{
    width: 83.333333%;
  }

  .xl\:tw-w-1\/12{
    width: 8.333333%;
  }

  .xl\:tw-w-2\/12{
    width: 16.666667%;
  }

  .xl\:tw-w-3\/12{
    width: 25%;
  }

  .xl\:tw-w-4\/12{
    width: 33.333333%;
  }

  .xl\:tw-w-5\/12{
    width: 41.666667%;
  }

  .xl\:tw-w-6\/12{
    width: 50%;
  }

  .xl\:tw-w-7\/12{
    width: 58.333333%;
  }

  .xl\:tw-w-8\/12{
    width: 66.666667%;
  }

  .xl\:tw-w-9\/12{
    width: 75%;
  }

  .xl\:tw-w-10\/12{
    width: 83.333333%;
  }

  .xl\:tw-w-11\/12{
    width: 91.666667%;
  }

  .xl\:tw-w-full{
    width: 100%;
  }

  .xl\:tw-w-screen{
    width: 100vw;
  }

  .xl\:tw-w-25px{
    width: 25px;
  }

  .xl\:tw-w-30px{
    width: 30px;
  }

  .xl\:tw-w-35px{
    width: 35px;
  }

  .xl\:tw-w-40px{
    width: 40px;
  }

  .xl\:tw-w-50px{
    width: 50px;
  }

  .xl\:tw-w-60px{
    width: 60px;
  }

  .xl\:tw-w-200px{
    width: 200px;
  }

  .xl\:tw-w-250px{
    width: 250px;
  }

  .xl\:tw-w-265px{
    width: 265px;
  }

  .xl\:tw-w-280px{
    width: 280px;
  }

  .xl\:tw-w-320px{
    width: 320px;
  }

  .xl\:tw-z-0{
    z-index: 0;
  }

  .xl\:tw-z-10{
    z-index: 10;
  }

  .xl\:tw-z-20{
    z-index: 20;
  }

  .xl\:tw-z-30{
    z-index: 30;
  }

  .xl\:tw-z-40{
    z-index: 40;
  }

  .xl\:tw-z-50{
    z-index: 50;
  }

  .xl\:tw-z-auto{
    z-index: auto;
  }

  .xl\:tw-gap-0{
    grid-gap: 0;
    gap: 0;
  }

  .xl\:tw-gap-1{
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .xl\:tw-gap-2{
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .xl\:tw-gap-3{
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .xl\:tw-gap-4{
    grid-gap: 1rem;
    gap: 1rem;
  }

  .xl\:tw-gap-5{
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .xl\:tw-gap-6{
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .xl\:tw-gap-8{
    grid-gap: 2rem;
    gap: 2rem;
  }

  .xl\:tw-gap-10{
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .xl\:tw-gap-12{
    grid-gap: 3rem;
    gap: 3rem;
  }

  .xl\:tw-gap-16{
    grid-gap: 4rem;
    gap: 4rem;
  }

  .xl\:tw-gap-20{
    grid-gap: 5rem;
    gap: 5rem;
  }

  .xl\:tw-gap-24{
    grid-gap: 6rem;
    gap: 6rem;
  }

  .xl\:tw-gap-32{
    grid-gap: 8rem;
    gap: 8rem;
  }

  .xl\:tw-gap-40{
    grid-gap: 10rem;
    gap: 10rem;
  }

  .xl\:tw-gap-48{
    grid-gap: 12rem;
    gap: 12rem;
  }

  .xl\:tw-gap-56{
    grid-gap: 14rem;
    gap: 14rem;
  }

  .xl\:tw-gap-64{
    grid-gap: 16rem;
    gap: 16rem;
  }

  .xl\:tw-gap-px{
    grid-gap: 1px;
    gap: 1px;
  }

  .xl\:tw-col-gap-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .xl\:tw-col-gap-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .xl\:tw-col-gap-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .xl\:tw-col-gap-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .xl\:tw-col-gap-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .xl\:tw-col-gap-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .xl\:tw-col-gap-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .xl\:tw-col-gap-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .xl\:tw-col-gap-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .xl\:tw-col-gap-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .xl\:tw-col-gap-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .xl\:tw-col-gap-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .xl\:tw-col-gap-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .xl\:tw-col-gap-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .xl\:tw-col-gap-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .xl\:tw-col-gap-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .xl\:tw-col-gap-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .xl\:tw-col-gap-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .xl\:tw-col-gap-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .xl\:tw-gap-x-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .xl\:tw-gap-x-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .xl\:tw-gap-x-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .xl\:tw-gap-x-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .xl\:tw-gap-x-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .xl\:tw-gap-x-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .xl\:tw-gap-x-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .xl\:tw-gap-x-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .xl\:tw-gap-x-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .xl\:tw-gap-x-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .xl\:tw-gap-x-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .xl\:tw-gap-x-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .xl\:tw-gap-x-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .xl\:tw-gap-x-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .xl\:tw-gap-x-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .xl\:tw-gap-x-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .xl\:tw-gap-x-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .xl\:tw-gap-x-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .xl\:tw-gap-x-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .xl\:tw-row-gap-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .xl\:tw-row-gap-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .xl\:tw-row-gap-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .xl\:tw-row-gap-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .xl\:tw-row-gap-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .xl\:tw-row-gap-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .xl\:tw-row-gap-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .xl\:tw-row-gap-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .xl\:tw-row-gap-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .xl\:tw-row-gap-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .xl\:tw-row-gap-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .xl\:tw-row-gap-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .xl\:tw-row-gap-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .xl\:tw-row-gap-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .xl\:tw-row-gap-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .xl\:tw-row-gap-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .xl\:tw-row-gap-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .xl\:tw-row-gap-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .xl\:tw-row-gap-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .xl\:tw-gap-y-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .xl\:tw-gap-y-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .xl\:tw-gap-y-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .xl\:tw-gap-y-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .xl\:tw-gap-y-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .xl\:tw-gap-y-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .xl\:tw-gap-y-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .xl\:tw-gap-y-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .xl\:tw-gap-y-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .xl\:tw-gap-y-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .xl\:tw-gap-y-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .xl\:tw-gap-y-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .xl\:tw-gap-y-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .xl\:tw-gap-y-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .xl\:tw-gap-y-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .xl\:tw-gap-y-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .xl\:tw-gap-y-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .xl\:tw-gap-y-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .xl\:tw-gap-y-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .xl\:tw-grid-flow-row{
    grid-auto-flow: row;
  }

  .xl\:tw-grid-flow-col{
    grid-auto-flow: column;
  }

  .xl\:tw-grid-flow-row-dense{
    grid-auto-flow: row dense;
  }

  .xl\:tw-grid-flow-col-dense{
    grid-auto-flow: column dense;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .xl\:tw-grid-cols-none{
    grid-template-columns: none;
  }

  .xl\:tw-auto-cols-auto{
    grid-auto-columns: auto;
  }

  .xl\:tw-auto-cols-min{
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .xl\:tw-auto-cols-max{
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .xl\:tw-auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr);
  }

  .xl\:tw-col-auto{
    grid-column: auto;
  }

  .xl\:tw-col-span-1{
    grid-column: span 1 / span 1;
  }

  .xl\:tw-col-span-2{
    grid-column: span 2 / span 2;
  }

  .xl\:tw-col-span-3{
    grid-column: span 3 / span 3;
  }

  .xl\:tw-col-span-4{
    grid-column: span 4 / span 4;
  }

  .xl\:tw-col-span-5{
    grid-column: span 5 / span 5;
  }

  .xl\:tw-col-span-6{
    grid-column: span 6 / span 6;
  }

  .xl\:tw-col-span-7{
    grid-column: span 7 / span 7;
  }

  .xl\:tw-col-span-8{
    grid-column: span 8 / span 8;
  }

  .xl\:tw-col-span-9{
    grid-column: span 9 / span 9;
  }

  .xl\:tw-col-span-10{
    grid-column: span 10 / span 10;
  }

  .xl\:tw-col-span-11{
    grid-column: span 11 / span 11;
  }

  .xl\:tw-col-span-12{
    grid-column: span 12 / span 12;
  }

  .xl\:tw-col-span-full{
    grid-column: 1 / -1;
  }

  .xl\:tw-col-start-1{
    grid-column-start: 1;
  }

  .xl\:tw-col-start-2{
    grid-column-start: 2;
  }

  .xl\:tw-col-start-3{
    grid-column-start: 3;
  }

  .xl\:tw-col-start-4{
    grid-column-start: 4;
  }

  .xl\:tw-col-start-5{
    grid-column-start: 5;
  }

  .xl\:tw-col-start-6{
    grid-column-start: 6;
  }

  .xl\:tw-col-start-7{
    grid-column-start: 7;
  }

  .xl\:tw-col-start-8{
    grid-column-start: 8;
  }

  .xl\:tw-col-start-9{
    grid-column-start: 9;
  }

  .xl\:tw-col-start-10{
    grid-column-start: 10;
  }

  .xl\:tw-col-start-11{
    grid-column-start: 11;
  }

  .xl\:tw-col-start-12{
    grid-column-start: 12;
  }

  .xl\:tw-col-start-13{
    grid-column-start: 13;
  }

  .xl\:tw-col-start-auto{
    grid-column-start: auto;
  }

  .xl\:tw-col-end-1{
    grid-column-end: 1;
  }

  .xl\:tw-col-end-2{
    grid-column-end: 2;
  }

  .xl\:tw-col-end-3{
    grid-column-end: 3;
  }

  .xl\:tw-col-end-4{
    grid-column-end: 4;
  }

  .xl\:tw-col-end-5{
    grid-column-end: 5;
  }

  .xl\:tw-col-end-6{
    grid-column-end: 6;
  }

  .xl\:tw-col-end-7{
    grid-column-end: 7;
  }

  .xl\:tw-col-end-8{
    grid-column-end: 8;
  }

  .xl\:tw-col-end-9{
    grid-column-end: 9;
  }

  .xl\:tw-col-end-10{
    grid-column-end: 10;
  }

  .xl\:tw-col-end-11{
    grid-column-end: 11;
  }

  .xl\:tw-col-end-12{
    grid-column-end: 12;
  }

  .xl\:tw-col-end-13{
    grid-column-end: 13;
  }

  .xl\:tw-col-end-auto{
    grid-column-end: auto;
  }

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

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

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

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

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

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

  .xl\:tw-grid-rows-none{
    grid-template-rows: none;
  }

  .xl\:tw-auto-rows-auto{
    grid-auto-rows: auto;
  }

  .xl\:tw-auto-rows-min{
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .xl\:tw-auto-rows-max{
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .xl\:tw-auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr);
  }

  .xl\:tw-row-auto{
    grid-row: auto;
  }

  .xl\:tw-row-span-1{
    grid-row: span 1 / span 1;
  }

  .xl\:tw-row-span-2{
    grid-row: span 2 / span 2;
  }

  .xl\:tw-row-span-3{
    grid-row: span 3 / span 3;
  }

  .xl\:tw-row-span-4{
    grid-row: span 4 / span 4;
  }

  .xl\:tw-row-span-5{
    grid-row: span 5 / span 5;
  }

  .xl\:tw-row-span-6{
    grid-row: span 6 / span 6;
  }

  .xl\:tw-row-span-full{
    grid-row: 1 / -1;
  }

  .xl\:tw-row-start-1{
    grid-row-start: 1;
  }

  .xl\:tw-row-start-2{
    grid-row-start: 2;
  }

  .xl\:tw-row-start-3{
    grid-row-start: 3;
  }

  .xl\:tw-row-start-4{
    grid-row-start: 4;
  }

  .xl\:tw-row-start-5{
    grid-row-start: 5;
  }

  .xl\:tw-row-start-6{
    grid-row-start: 6;
  }

  .xl\:tw-row-start-7{
    grid-row-start: 7;
  }

  .xl\:tw-row-start-auto{
    grid-row-start: auto;
  }

  .xl\:tw-row-end-1{
    grid-row-end: 1;
  }

  .xl\:tw-row-end-2{
    grid-row-end: 2;
  }

  .xl\:tw-row-end-3{
    grid-row-end: 3;
  }

  .xl\:tw-row-end-4{
    grid-row-end: 4;
  }

  .xl\:tw-row-end-5{
    grid-row-end: 5;
  }

  .xl\:tw-row-end-6{
    grid-row-end: 6;
  }

  .xl\:tw-row-end-7{
    grid-row-end: 7;
  }

  .xl\:tw-row-end-auto{
    grid-row-end: auto;
  }

  .xl\:tw-transform{
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  .xl\:tw-transform-none{
    transform: none;
  }

  .xl\:tw-origin-center{
    transform-origin: center;
  }

  .xl\:tw-origin-top{
    transform-origin: top;
  }

  .xl\:tw-origin-top-right{
    transform-origin: top right;
  }

  .xl\:tw-origin-right{
    transform-origin: right;
  }

  .xl\:tw-origin-bottom-right{
    transform-origin: bottom right;
  }

  .xl\:tw-origin-bottom{
    transform-origin: bottom;
  }

  .xl\:tw-origin-bottom-left{
    transform-origin: bottom left;
  }

  .xl\:tw-origin-left{
    transform-origin: left;
  }

  .xl\:tw-origin-top-left{
    transform-origin: top left;
  }

  .xl\:tw-scale-0{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xl\:tw-scale-50{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xl\:tw-scale-75{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xl\:tw-scale-90{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xl\:tw-scale-95{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xl\:tw-scale-100{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xl\:tw-scale-105{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xl\:tw-scale-110{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xl\:tw-scale-125{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xl\:tw-scale-150{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xl\:tw-scale-x-0{
    --transform-scale-x: 0;
  }

  .xl\:tw-scale-x-50{
    --transform-scale-x: .5;
  }

  .xl\:tw-scale-x-75{
    --transform-scale-x: .75;
  }

  .xl\:tw-scale-x-90{
    --transform-scale-x: .9;
  }

  .xl\:tw-scale-x-95{
    --transform-scale-x: .95;
  }

  .xl\:tw-scale-x-100{
    --transform-scale-x: 1;
  }

  .xl\:tw-scale-x-105{
    --transform-scale-x: 1.05;
  }

  .xl\:tw-scale-x-110{
    --transform-scale-x: 1.1;
  }

  .xl\:tw-scale-x-125{
    --transform-scale-x: 1.25;
  }

  .xl\:tw-scale-x-150{
    --transform-scale-x: 1.5;
  }

  .xl\:tw-scale-y-0{
    --transform-scale-y: 0;
  }

  .xl\:tw-scale-y-50{
    --transform-scale-y: .5;
  }

  .xl\:tw-scale-y-75{
    --transform-scale-y: .75;
  }

  .xl\:tw-scale-y-90{
    --transform-scale-y: .9;
  }

  .xl\:tw-scale-y-95{
    --transform-scale-y: .95;
  }

  .xl\:tw-scale-y-100{
    --transform-scale-y: 1;
  }

  .xl\:tw-scale-y-105{
    --transform-scale-y: 1.05;
  }

  .xl\:tw-scale-y-110{
    --transform-scale-y: 1.1;
  }

  .xl\:tw-scale-y-125{
    --transform-scale-y: 1.25;
  }

  .xl\:tw-scale-y-150{
    --transform-scale-y: 1.5;
  }

  .xl\:hover\:tw-scale-0:hover{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xl\:hover\:tw-scale-50:hover{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xl\:hover\:tw-scale-75:hover{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xl\:hover\:tw-scale-90:hover{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xl\:hover\:tw-scale-95:hover{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xl\:hover\:tw-scale-100:hover{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xl\:hover\:tw-scale-105:hover{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xl\:hover\:tw-scale-110:hover{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xl\:hover\:tw-scale-125:hover{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xl\:hover\:tw-scale-150:hover{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xl\:hover\:tw-scale-x-0:hover{
    --transform-scale-x: 0;
  }

  .xl\:hover\:tw-scale-x-50:hover{
    --transform-scale-x: .5;
  }

  .xl\:hover\:tw-scale-x-75:hover{
    --transform-scale-x: .75;
  }

  .xl\:hover\:tw-scale-x-90:hover{
    --transform-scale-x: .9;
  }

  .xl\:hover\:tw-scale-x-95:hover{
    --transform-scale-x: .95;
  }

  .xl\:hover\:tw-scale-x-100:hover{
    --transform-scale-x: 1;
  }

  .xl\:hover\:tw-scale-x-105:hover{
    --transform-scale-x: 1.05;
  }

  .xl\:hover\:tw-scale-x-110:hover{
    --transform-scale-x: 1.1;
  }

  .xl\:hover\:tw-scale-x-125:hover{
    --transform-scale-x: 1.25;
  }

  .xl\:hover\:tw-scale-x-150:hover{
    --transform-scale-x: 1.5;
  }

  .xl\:hover\:tw-scale-y-0:hover{
    --transform-scale-y: 0;
  }

  .xl\:hover\:tw-scale-y-50:hover{
    --transform-scale-y: .5;
  }

  .xl\:hover\:tw-scale-y-75:hover{
    --transform-scale-y: .75;
  }

  .xl\:hover\:tw-scale-y-90:hover{
    --transform-scale-y: .9;
  }

  .xl\:hover\:tw-scale-y-95:hover{
    --transform-scale-y: .95;
  }

  .xl\:hover\:tw-scale-y-100:hover{
    --transform-scale-y: 1;
  }

  .xl\:hover\:tw-scale-y-105:hover{
    --transform-scale-y: 1.05;
  }

  .xl\:hover\:tw-scale-y-110:hover{
    --transform-scale-y: 1.1;
  }

  .xl\:hover\:tw-scale-y-125:hover{
    --transform-scale-y: 1.25;
  }

  .xl\:hover\:tw-scale-y-150:hover{
    --transform-scale-y: 1.5;
  }

  .xl\:focus\:tw-scale-0:focus{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xl\:focus\:tw-scale-50:focus{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xl\:focus\:tw-scale-75:focus{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xl\:focus\:tw-scale-90:focus{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xl\:focus\:tw-scale-95:focus{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xl\:focus\:tw-scale-100:focus{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xl\:focus\:tw-scale-105:focus{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xl\:focus\:tw-scale-110:focus{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xl\:focus\:tw-scale-125:focus{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xl\:focus\:tw-scale-150:focus{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xl\:focus\:tw-scale-x-0:focus{
    --transform-scale-x: 0;
  }

  .xl\:focus\:tw-scale-x-50:focus{
    --transform-scale-x: .5;
  }

  .xl\:focus\:tw-scale-x-75:focus{
    --transform-scale-x: .75;
  }

  .xl\:focus\:tw-scale-x-90:focus{
    --transform-scale-x: .9;
  }

  .xl\:focus\:tw-scale-x-95:focus{
    --transform-scale-x: .95;
  }

  .xl\:focus\:tw-scale-x-100:focus{
    --transform-scale-x: 1;
  }

  .xl\:focus\:tw-scale-x-105:focus{
    --transform-scale-x: 1.05;
  }

  .xl\:focus\:tw-scale-x-110:focus{
    --transform-scale-x: 1.1;
  }

  .xl\:focus\:tw-scale-x-125:focus{
    --transform-scale-x: 1.25;
  }

  .xl\:focus\:tw-scale-x-150:focus{
    --transform-scale-x: 1.5;
  }

  .xl\:focus\:tw-scale-y-0:focus{
    --transform-scale-y: 0;
  }

  .xl\:focus\:tw-scale-y-50:focus{
    --transform-scale-y: .5;
  }

  .xl\:focus\:tw-scale-y-75:focus{
    --transform-scale-y: .75;
  }

  .xl\:focus\:tw-scale-y-90:focus{
    --transform-scale-y: .9;
  }

  .xl\:focus\:tw-scale-y-95:focus{
    --transform-scale-y: .95;
  }

  .xl\:focus\:tw-scale-y-100:focus{
    --transform-scale-y: 1;
  }

  .xl\:focus\:tw-scale-y-105:focus{
    --transform-scale-y: 1.05;
  }

  .xl\:focus\:tw-scale-y-110:focus{
    --transform-scale-y: 1.1;
  }

  .xl\:focus\:tw-scale-y-125:focus{
    --transform-scale-y: 1.25;
  }

  .xl\:focus\:tw-scale-y-150:focus{
    --transform-scale-y: 1.5;
  }

  .xl\:tw-rotate-0{
    --transform-rotate: 0;
  }

  .xl\:tw-rotate-1{
    --transform-rotate: 1deg;
  }

  .xl\:tw-rotate-2{
    --transform-rotate: 2deg;
  }

  .xl\:tw-rotate-3{
    --transform-rotate: 3deg;
  }

  .xl\:tw-rotate-6{
    --transform-rotate: 6deg;
  }

  .xl\:tw-rotate-12{
    --transform-rotate: 12deg;
  }

  .xl\:tw-rotate-45{
    --transform-rotate: 45deg;
  }

  .xl\:tw-rotate-90{
    --transform-rotate: 90deg;
  }

  .xl\:tw-rotate-180{
    --transform-rotate: 180deg;
  }

  .xl\:tw--rotate-180{
    --transform-rotate: -180deg;
  }

  .xl\:tw--rotate-90{
    --transform-rotate: -90deg;
  }

  .xl\:tw--rotate-45{
    --transform-rotate: -45deg;
  }

  .xl\:tw--rotate-12{
    --transform-rotate: -12deg;
  }

  .xl\:tw--rotate-6{
    --transform-rotate: -6deg;
  }

  .xl\:tw--rotate-3{
    --transform-rotate: -3deg;
  }

  .xl\:tw--rotate-2{
    --transform-rotate: -2deg;
  }

  .xl\:tw--rotate-1{
    --transform-rotate: -1deg;
  }

  .xl\:hover\:tw-rotate-0:hover{
    --transform-rotate: 0;
  }

  .xl\:hover\:tw-rotate-1:hover{
    --transform-rotate: 1deg;
  }

  .xl\:hover\:tw-rotate-2:hover{
    --transform-rotate: 2deg;
  }

  .xl\:hover\:tw-rotate-3:hover{
    --transform-rotate: 3deg;
  }

  .xl\:hover\:tw-rotate-6:hover{
    --transform-rotate: 6deg;
  }

  .xl\:hover\:tw-rotate-12:hover{
    --transform-rotate: 12deg;
  }

  .xl\:hover\:tw-rotate-45:hover{
    --transform-rotate: 45deg;
  }

  .xl\:hover\:tw-rotate-90:hover{
    --transform-rotate: 90deg;
  }

  .xl\:hover\:tw-rotate-180:hover{
    --transform-rotate: 180deg;
  }

  .xl\:hover\:tw--rotate-180:hover{
    --transform-rotate: -180deg;
  }

  .xl\:hover\:tw--rotate-90:hover{
    --transform-rotate: -90deg;
  }

  .xl\:hover\:tw--rotate-45:hover{
    --transform-rotate: -45deg;
  }

  .xl\:hover\:tw--rotate-12:hover{
    --transform-rotate: -12deg;
  }

  .xl\:hover\:tw--rotate-6:hover{
    --transform-rotate: -6deg;
  }

  .xl\:hover\:tw--rotate-3:hover{
    --transform-rotate: -3deg;
  }

  .xl\:hover\:tw--rotate-2:hover{
    --transform-rotate: -2deg;
  }

  .xl\:hover\:tw--rotate-1:hover{
    --transform-rotate: -1deg;
  }

  .xl\:focus\:tw-rotate-0:focus{
    --transform-rotate: 0;
  }

  .xl\:focus\:tw-rotate-1:focus{
    --transform-rotate: 1deg;
  }

  .xl\:focus\:tw-rotate-2:focus{
    --transform-rotate: 2deg;
  }

  .xl\:focus\:tw-rotate-3:focus{
    --transform-rotate: 3deg;
  }

  .xl\:focus\:tw-rotate-6:focus{
    --transform-rotate: 6deg;
  }

  .xl\:focus\:tw-rotate-12:focus{
    --transform-rotate: 12deg;
  }

  .xl\:focus\:tw-rotate-45:focus{
    --transform-rotate: 45deg;
  }

  .xl\:focus\:tw-rotate-90:focus{
    --transform-rotate: 90deg;
  }

  .xl\:focus\:tw-rotate-180:focus{
    --transform-rotate: 180deg;
  }

  .xl\:focus\:tw--rotate-180:focus{
    --transform-rotate: -180deg;
  }

  .xl\:focus\:tw--rotate-90:focus{
    --transform-rotate: -90deg;
  }

  .xl\:focus\:tw--rotate-45:focus{
    --transform-rotate: -45deg;
  }

  .xl\:focus\:tw--rotate-12:focus{
    --transform-rotate: -12deg;
  }

  .xl\:focus\:tw--rotate-6:focus{
    --transform-rotate: -6deg;
  }

  .xl\:focus\:tw--rotate-3:focus{
    --transform-rotate: -3deg;
  }

  .xl\:focus\:tw--rotate-2:focus{
    --transform-rotate: -2deg;
  }

  .xl\:focus\:tw--rotate-1:focus{
    --transform-rotate: -1deg;
  }

  .xl\:tw-translate-x-0{
    --transform-translate-x: 0;
  }

  .xl\:tw-translate-x-1{
    --transform-translate-x: 0.25rem;
  }

  .xl\:tw-translate-x-2{
    --transform-translate-x: 0.5rem;
  }

  .xl\:tw-translate-x-3{
    --transform-translate-x: 0.75rem;
  }

  .xl\:tw-translate-x-4{
    --transform-translate-x: 1rem;
  }

  .xl\:tw-translate-x-5{
    --transform-translate-x: 1.25rem;
  }

  .xl\:tw-translate-x-6{
    --transform-translate-x: 1.5rem;
  }

  .xl\:tw-translate-x-8{
    --transform-translate-x: 2rem;
  }

  .xl\:tw-translate-x-10{
    --transform-translate-x: 2.5rem;
  }

  .xl\:tw-translate-x-12{
    --transform-translate-x: 3rem;
  }

  .xl\:tw-translate-x-16{
    --transform-translate-x: 4rem;
  }

  .xl\:tw-translate-x-20{
    --transform-translate-x: 5rem;
  }

  .xl\:tw-translate-x-24{
    --transform-translate-x: 6rem;
  }

  .xl\:tw-translate-x-32{
    --transform-translate-x: 8rem;
  }

  .xl\:tw-translate-x-40{
    --transform-translate-x: 10rem;
  }

  .xl\:tw-translate-x-48{
    --transform-translate-x: 12rem;
  }

  .xl\:tw-translate-x-56{
    --transform-translate-x: 14rem;
  }

  .xl\:tw-translate-x-64{
    --transform-translate-x: 16rem;
  }

  .xl\:tw-translate-x-px{
    --transform-translate-x: 1px;
  }

  .xl\:tw--translate-x-1{
    --transform-translate-x: -0.25rem;
  }

  .xl\:tw--translate-x-2{
    --transform-translate-x: -0.5rem;
  }

  .xl\:tw--translate-x-3{
    --transform-translate-x: -0.75rem;
  }

  .xl\:tw--translate-x-4{
    --transform-translate-x: -1rem;
  }

  .xl\:tw--translate-x-5{
    --transform-translate-x: -1.25rem;
  }

  .xl\:tw--translate-x-6{
    --transform-translate-x: -1.5rem;
  }

  .xl\:tw--translate-x-8{
    --transform-translate-x: -2rem;
  }

  .xl\:tw--translate-x-10{
    --transform-translate-x: -2.5rem;
  }

  .xl\:tw--translate-x-12{
    --transform-translate-x: -3rem;
  }

  .xl\:tw--translate-x-16{
    --transform-translate-x: -4rem;
  }

  .xl\:tw--translate-x-20{
    --transform-translate-x: -5rem;
  }

  .xl\:tw--translate-x-24{
    --transform-translate-x: -6rem;
  }

  .xl\:tw--translate-x-32{
    --transform-translate-x: -8rem;
  }

  .xl\:tw--translate-x-40{
    --transform-translate-x: -10rem;
  }

  .xl\:tw--translate-x-48{
    --transform-translate-x: -12rem;
  }

  .xl\:tw--translate-x-56{
    --transform-translate-x: -14rem;
  }

  .xl\:tw--translate-x-64{
    --transform-translate-x: -16rem;
  }

  .xl\:tw--translate-x-px{
    --transform-translate-x: -1px;
  }

  .xl\:tw--translate-x-full{
    --transform-translate-x: -100%;
  }

  .xl\:tw--translate-x-1\/2{
    --transform-translate-x: -50%;
  }

  .xl\:tw-translate-x-1\/2{
    --transform-translate-x: 50%;
  }

  .xl\:tw-translate-x-full{
    --transform-translate-x: 100%;
  }

  .xl\:tw-translate-y-0{
    --transform-translate-y: 0;
  }

  .xl\:tw-translate-y-1{
    --transform-translate-y: 0.25rem;
  }

  .xl\:tw-translate-y-2{
    --transform-translate-y: 0.5rem;
  }

  .xl\:tw-translate-y-3{
    --transform-translate-y: 0.75rem;
  }

  .xl\:tw-translate-y-4{
    --transform-translate-y: 1rem;
  }

  .xl\:tw-translate-y-5{
    --transform-translate-y: 1.25rem;
  }

  .xl\:tw-translate-y-6{
    --transform-translate-y: 1.5rem;
  }

  .xl\:tw-translate-y-8{
    --transform-translate-y: 2rem;
  }

  .xl\:tw-translate-y-10{
    --transform-translate-y: 2.5rem;
  }

  .xl\:tw-translate-y-12{
    --transform-translate-y: 3rem;
  }

  .xl\:tw-translate-y-16{
    --transform-translate-y: 4rem;
  }

  .xl\:tw-translate-y-20{
    --transform-translate-y: 5rem;
  }

  .xl\:tw-translate-y-24{
    --transform-translate-y: 6rem;
  }

  .xl\:tw-translate-y-32{
    --transform-translate-y: 8rem;
  }

  .xl\:tw-translate-y-40{
    --transform-translate-y: 10rem;
  }

  .xl\:tw-translate-y-48{
    --transform-translate-y: 12rem;
  }

  .xl\:tw-translate-y-56{
    --transform-translate-y: 14rem;
  }

  .xl\:tw-translate-y-64{
    --transform-translate-y: 16rem;
  }

  .xl\:tw-translate-y-px{
    --transform-translate-y: 1px;
  }

  .xl\:tw--translate-y-1{
    --transform-translate-y: -0.25rem;
  }

  .xl\:tw--translate-y-2{
    --transform-translate-y: -0.5rem;
  }

  .xl\:tw--translate-y-3{
    --transform-translate-y: -0.75rem;
  }

  .xl\:tw--translate-y-4{
    --transform-translate-y: -1rem;
  }

  .xl\:tw--translate-y-5{
    --transform-translate-y: -1.25rem;
  }

  .xl\:tw--translate-y-6{
    --transform-translate-y: -1.5rem;
  }

  .xl\:tw--translate-y-8{
    --transform-translate-y: -2rem;
  }

  .xl\:tw--translate-y-10{
    --transform-translate-y: -2.5rem;
  }

  .xl\:tw--translate-y-12{
    --transform-translate-y: -3rem;
  }

  .xl\:tw--translate-y-16{
    --transform-translate-y: -4rem;
  }

  .xl\:tw--translate-y-20{
    --transform-translate-y: -5rem;
  }

  .xl\:tw--translate-y-24{
    --transform-translate-y: -6rem;
  }

  .xl\:tw--translate-y-32{
    --transform-translate-y: -8rem;
  }

  .xl\:tw--translate-y-40{
    --transform-translate-y: -10rem;
  }

  .xl\:tw--translate-y-48{
    --transform-translate-y: -12rem;
  }

  .xl\:tw--translate-y-56{
    --transform-translate-y: -14rem;
  }

  .xl\:tw--translate-y-64{
    --transform-translate-y: -16rem;
  }

  .xl\:tw--translate-y-px{
    --transform-translate-y: -1px;
  }

  .xl\:tw--translate-y-full{
    --transform-translate-y: -100%;
  }

  .xl\:tw--translate-y-1\/2{
    --transform-translate-y: -50%;
  }

  .xl\:tw-translate-y-1\/2{
    --transform-translate-y: 50%;
  }

  .xl\:tw-translate-y-full{
    --transform-translate-y: 100%;
  }

  .xl\:hover\:tw-translate-x-0:hover{
    --transform-translate-x: 0;
  }

  .xl\:hover\:tw-translate-x-1:hover{
    --transform-translate-x: 0.25rem;
  }

  .xl\:hover\:tw-translate-x-2:hover{
    --transform-translate-x: 0.5rem;
  }

  .xl\:hover\:tw-translate-x-3:hover{
    --transform-translate-x: 0.75rem;
  }

  .xl\:hover\:tw-translate-x-4:hover{
    --transform-translate-x: 1rem;
  }

  .xl\:hover\:tw-translate-x-5:hover{
    --transform-translate-x: 1.25rem;
  }

  .xl\:hover\:tw-translate-x-6:hover{
    --transform-translate-x: 1.5rem;
  }

  .xl\:hover\:tw-translate-x-8:hover{
    --transform-translate-x: 2rem;
  }

  .xl\:hover\:tw-translate-x-10:hover{
    --transform-translate-x: 2.5rem;
  }

  .xl\:hover\:tw-translate-x-12:hover{
    --transform-translate-x: 3rem;
  }

  .xl\:hover\:tw-translate-x-16:hover{
    --transform-translate-x: 4rem;
  }

  .xl\:hover\:tw-translate-x-20:hover{
    --transform-translate-x: 5rem;
  }

  .xl\:hover\:tw-translate-x-24:hover{
    --transform-translate-x: 6rem;
  }

  .xl\:hover\:tw-translate-x-32:hover{
    --transform-translate-x: 8rem;
  }

  .xl\:hover\:tw-translate-x-40:hover{
    --transform-translate-x: 10rem;
  }

  .xl\:hover\:tw-translate-x-48:hover{
    --transform-translate-x: 12rem;
  }

  .xl\:hover\:tw-translate-x-56:hover{
    --transform-translate-x: 14rem;
  }

  .xl\:hover\:tw-translate-x-64:hover{
    --transform-translate-x: 16rem;
  }

  .xl\:hover\:tw-translate-x-px:hover{
    --transform-translate-x: 1px;
  }

  .xl\:hover\:tw--translate-x-1:hover{
    --transform-translate-x: -0.25rem;
  }

  .xl\:hover\:tw--translate-x-2:hover{
    --transform-translate-x: -0.5rem;
  }

  .xl\:hover\:tw--translate-x-3:hover{
    --transform-translate-x: -0.75rem;
  }

  .xl\:hover\:tw--translate-x-4:hover{
    --transform-translate-x: -1rem;
  }

  .xl\:hover\:tw--translate-x-5:hover{
    --transform-translate-x: -1.25rem;
  }

  .xl\:hover\:tw--translate-x-6:hover{
    --transform-translate-x: -1.5rem;
  }

  .xl\:hover\:tw--translate-x-8:hover{
    --transform-translate-x: -2rem;
  }

  .xl\:hover\:tw--translate-x-10:hover{
    --transform-translate-x: -2.5rem;
  }

  .xl\:hover\:tw--translate-x-12:hover{
    --transform-translate-x: -3rem;
  }

  .xl\:hover\:tw--translate-x-16:hover{
    --transform-translate-x: -4rem;
  }

  .xl\:hover\:tw--translate-x-20:hover{
    --transform-translate-x: -5rem;
  }

  .xl\:hover\:tw--translate-x-24:hover{
    --transform-translate-x: -6rem;
  }

  .xl\:hover\:tw--translate-x-32:hover{
    --transform-translate-x: -8rem;
  }

  .xl\:hover\:tw--translate-x-40:hover{
    --transform-translate-x: -10rem;
  }

  .xl\:hover\:tw--translate-x-48:hover{
    --transform-translate-x: -12rem;
  }

  .xl\:hover\:tw--translate-x-56:hover{
    --transform-translate-x: -14rem;
  }

  .xl\:hover\:tw--translate-x-64:hover{
    --transform-translate-x: -16rem;
  }

  .xl\:hover\:tw--translate-x-px:hover{
    --transform-translate-x: -1px;
  }

  .xl\:hover\:tw--translate-x-full:hover{
    --transform-translate-x: -100%;
  }

  .xl\:hover\:tw--translate-x-1\/2:hover{
    --transform-translate-x: -50%;
  }

  .xl\:hover\:tw-translate-x-1\/2:hover{
    --transform-translate-x: 50%;
  }

  .xl\:hover\:tw-translate-x-full:hover{
    --transform-translate-x: 100%;
  }

  .xl\:hover\:tw-translate-y-0:hover{
    --transform-translate-y: 0;
  }

  .xl\:hover\:tw-translate-y-1:hover{
    --transform-translate-y: 0.25rem;
  }

  .xl\:hover\:tw-translate-y-2:hover{
    --transform-translate-y: 0.5rem;
  }

  .xl\:hover\:tw-translate-y-3:hover{
    --transform-translate-y: 0.75rem;
  }

  .xl\:hover\:tw-translate-y-4:hover{
    --transform-translate-y: 1rem;
  }

  .xl\:hover\:tw-translate-y-5:hover{
    --transform-translate-y: 1.25rem;
  }

  .xl\:hover\:tw-translate-y-6:hover{
    --transform-translate-y: 1.5rem;
  }

  .xl\:hover\:tw-translate-y-8:hover{
    --transform-translate-y: 2rem;
  }

  .xl\:hover\:tw-translate-y-10:hover{
    --transform-translate-y: 2.5rem;
  }

  .xl\:hover\:tw-translate-y-12:hover{
    --transform-translate-y: 3rem;
  }

  .xl\:hover\:tw-translate-y-16:hover{
    --transform-translate-y: 4rem;
  }

  .xl\:hover\:tw-translate-y-20:hover{
    --transform-translate-y: 5rem;
  }

  .xl\:hover\:tw-translate-y-24:hover{
    --transform-translate-y: 6rem;
  }

  .xl\:hover\:tw-translate-y-32:hover{
    --transform-translate-y: 8rem;
  }

  .xl\:hover\:tw-translate-y-40:hover{
    --transform-translate-y: 10rem;
  }

  .xl\:hover\:tw-translate-y-48:hover{
    --transform-translate-y: 12rem;
  }

  .xl\:hover\:tw-translate-y-56:hover{
    --transform-translate-y: 14rem;
  }

  .xl\:hover\:tw-translate-y-64:hover{
    --transform-translate-y: 16rem;
  }

  .xl\:hover\:tw-translate-y-px:hover{
    --transform-translate-y: 1px;
  }

  .xl\:hover\:tw--translate-y-1:hover{
    --transform-translate-y: -0.25rem;
  }

  .xl\:hover\:tw--translate-y-2:hover{
    --transform-translate-y: -0.5rem;
  }

  .xl\:hover\:tw--translate-y-3:hover{
    --transform-translate-y: -0.75rem;
  }

  .xl\:hover\:tw--translate-y-4:hover{
    --transform-translate-y: -1rem;
  }

  .xl\:hover\:tw--translate-y-5:hover{
    --transform-translate-y: -1.25rem;
  }

  .xl\:hover\:tw--translate-y-6:hover{
    --transform-translate-y: -1.5rem;
  }

  .xl\:hover\:tw--translate-y-8:hover{
    --transform-translate-y: -2rem;
  }

  .xl\:hover\:tw--translate-y-10:hover{
    --transform-translate-y: -2.5rem;
  }

  .xl\:hover\:tw--translate-y-12:hover{
    --transform-translate-y: -3rem;
  }

  .xl\:hover\:tw--translate-y-16:hover{
    --transform-translate-y: -4rem;
  }

  .xl\:hover\:tw--translate-y-20:hover{
    --transform-translate-y: -5rem;
  }

  .xl\:hover\:tw--translate-y-24:hover{
    --transform-translate-y: -6rem;
  }

  .xl\:hover\:tw--translate-y-32:hover{
    --transform-translate-y: -8rem;
  }

  .xl\:hover\:tw--translate-y-40:hover{
    --transform-translate-y: -10rem;
  }

  .xl\:hover\:tw--translate-y-48:hover{
    --transform-translate-y: -12rem;
  }

  .xl\:hover\:tw--translate-y-56:hover{
    --transform-translate-y: -14rem;
  }

  .xl\:hover\:tw--translate-y-64:hover{
    --transform-translate-y: -16rem;
  }

  .xl\:hover\:tw--translate-y-px:hover{
    --transform-translate-y: -1px;
  }

  .xl\:hover\:tw--translate-y-full:hover{
    --transform-translate-y: -100%;
  }

  .xl\:hover\:tw--translate-y-1\/2:hover{
    --transform-translate-y: -50%;
  }

  .xl\:hover\:tw-translate-y-1\/2:hover{
    --transform-translate-y: 50%;
  }

  .xl\:hover\:tw-translate-y-full:hover{
    --transform-translate-y: 100%;
  }

  .xl\:focus\:tw-translate-x-0:focus{
    --transform-translate-x: 0;
  }

  .xl\:focus\:tw-translate-x-1:focus{
    --transform-translate-x: 0.25rem;
  }

  .xl\:focus\:tw-translate-x-2:focus{
    --transform-translate-x: 0.5rem;
  }

  .xl\:focus\:tw-translate-x-3:focus{
    --transform-translate-x: 0.75rem;
  }

  .xl\:focus\:tw-translate-x-4:focus{
    --transform-translate-x: 1rem;
  }

  .xl\:focus\:tw-translate-x-5:focus{
    --transform-translate-x: 1.25rem;
  }

  .xl\:focus\:tw-translate-x-6:focus{
    --transform-translate-x: 1.5rem;
  }

  .xl\:focus\:tw-translate-x-8:focus{
    --transform-translate-x: 2rem;
  }

  .xl\:focus\:tw-translate-x-10:focus{
    --transform-translate-x: 2.5rem;
  }

  .xl\:focus\:tw-translate-x-12:focus{
    --transform-translate-x: 3rem;
  }

  .xl\:focus\:tw-translate-x-16:focus{
    --transform-translate-x: 4rem;
  }

  .xl\:focus\:tw-translate-x-20:focus{
    --transform-translate-x: 5rem;
  }

  .xl\:focus\:tw-translate-x-24:focus{
    --transform-translate-x: 6rem;
  }

  .xl\:focus\:tw-translate-x-32:focus{
    --transform-translate-x: 8rem;
  }

  .xl\:focus\:tw-translate-x-40:focus{
    --transform-translate-x: 10rem;
  }

  .xl\:focus\:tw-translate-x-48:focus{
    --transform-translate-x: 12rem;
  }

  .xl\:focus\:tw-translate-x-56:focus{
    --transform-translate-x: 14rem;
  }

  .xl\:focus\:tw-translate-x-64:focus{
    --transform-translate-x: 16rem;
  }

  .xl\:focus\:tw-translate-x-px:focus{
    --transform-translate-x: 1px;
  }

  .xl\:focus\:tw--translate-x-1:focus{
    --transform-translate-x: -0.25rem;
  }

  .xl\:focus\:tw--translate-x-2:focus{
    --transform-translate-x: -0.5rem;
  }

  .xl\:focus\:tw--translate-x-3:focus{
    --transform-translate-x: -0.75rem;
  }

  .xl\:focus\:tw--translate-x-4:focus{
    --transform-translate-x: -1rem;
  }

  .xl\:focus\:tw--translate-x-5:focus{
    --transform-translate-x: -1.25rem;
  }

  .xl\:focus\:tw--translate-x-6:focus{
    --transform-translate-x: -1.5rem;
  }

  .xl\:focus\:tw--translate-x-8:focus{
    --transform-translate-x: -2rem;
  }

  .xl\:focus\:tw--translate-x-10:focus{
    --transform-translate-x: -2.5rem;
  }

  .xl\:focus\:tw--translate-x-12:focus{
    --transform-translate-x: -3rem;
  }

  .xl\:focus\:tw--translate-x-16:focus{
    --transform-translate-x: -4rem;
  }

  .xl\:focus\:tw--translate-x-20:focus{
    --transform-translate-x: -5rem;
  }

  .xl\:focus\:tw--translate-x-24:focus{
    --transform-translate-x: -6rem;
  }

  .xl\:focus\:tw--translate-x-32:focus{
    --transform-translate-x: -8rem;
  }

  .xl\:focus\:tw--translate-x-40:focus{
    --transform-translate-x: -10rem;
  }

  .xl\:focus\:tw--translate-x-48:focus{
    --transform-translate-x: -12rem;
  }

  .xl\:focus\:tw--translate-x-56:focus{
    --transform-translate-x: -14rem;
  }

  .xl\:focus\:tw--translate-x-64:focus{
    --transform-translate-x: -16rem;
  }

  .xl\:focus\:tw--translate-x-px:focus{
    --transform-translate-x: -1px;
  }

  .xl\:focus\:tw--translate-x-full:focus{
    --transform-translate-x: -100%;
  }

  .xl\:focus\:tw--translate-x-1\/2:focus{
    --transform-translate-x: -50%;
  }

  .xl\:focus\:tw-translate-x-1\/2:focus{
    --transform-translate-x: 50%;
  }

  .xl\:focus\:tw-translate-x-full:focus{
    --transform-translate-x: 100%;
  }

  .xl\:focus\:tw-translate-y-0:focus{
    --transform-translate-y: 0;
  }

  .xl\:focus\:tw-translate-y-1:focus{
    --transform-translate-y: 0.25rem;
  }

  .xl\:focus\:tw-translate-y-2:focus{
    --transform-translate-y: 0.5rem;
  }

  .xl\:focus\:tw-translate-y-3:focus{
    --transform-translate-y: 0.75rem;
  }

  .xl\:focus\:tw-translate-y-4:focus{
    --transform-translate-y: 1rem;
  }

  .xl\:focus\:tw-translate-y-5:focus{
    --transform-translate-y: 1.25rem;
  }

  .xl\:focus\:tw-translate-y-6:focus{
    --transform-translate-y: 1.5rem;
  }

  .xl\:focus\:tw-translate-y-8:focus{
    --transform-translate-y: 2rem;
  }

  .xl\:focus\:tw-translate-y-10:focus{
    --transform-translate-y: 2.5rem;
  }

  .xl\:focus\:tw-translate-y-12:focus{
    --transform-translate-y: 3rem;
  }

  .xl\:focus\:tw-translate-y-16:focus{
    --transform-translate-y: 4rem;
  }

  .xl\:focus\:tw-translate-y-20:focus{
    --transform-translate-y: 5rem;
  }

  .xl\:focus\:tw-translate-y-24:focus{
    --transform-translate-y: 6rem;
  }

  .xl\:focus\:tw-translate-y-32:focus{
    --transform-translate-y: 8rem;
  }

  .xl\:focus\:tw-translate-y-40:focus{
    --transform-translate-y: 10rem;
  }

  .xl\:focus\:tw-translate-y-48:focus{
    --transform-translate-y: 12rem;
  }

  .xl\:focus\:tw-translate-y-56:focus{
    --transform-translate-y: 14rem;
  }

  .xl\:focus\:tw-translate-y-64:focus{
    --transform-translate-y: 16rem;
  }

  .xl\:focus\:tw-translate-y-px:focus{
    --transform-translate-y: 1px;
  }

  .xl\:focus\:tw--translate-y-1:focus{
    --transform-translate-y: -0.25rem;
  }

  .xl\:focus\:tw--translate-y-2:focus{
    --transform-translate-y: -0.5rem;
  }

  .xl\:focus\:tw--translate-y-3:focus{
    --transform-translate-y: -0.75rem;
  }

  .xl\:focus\:tw--translate-y-4:focus{
    --transform-translate-y: -1rem;
  }

  .xl\:focus\:tw--translate-y-5:focus{
    --transform-translate-y: -1.25rem;
  }

  .xl\:focus\:tw--translate-y-6:focus{
    --transform-translate-y: -1.5rem;
  }

  .xl\:focus\:tw--translate-y-8:focus{
    --transform-translate-y: -2rem;
  }

  .xl\:focus\:tw--translate-y-10:focus{
    --transform-translate-y: -2.5rem;
  }

  .xl\:focus\:tw--translate-y-12:focus{
    --transform-translate-y: -3rem;
  }

  .xl\:focus\:tw--translate-y-16:focus{
    --transform-translate-y: -4rem;
  }

  .xl\:focus\:tw--translate-y-20:focus{
    --transform-translate-y: -5rem;
  }

  .xl\:focus\:tw--translate-y-24:focus{
    --transform-translate-y: -6rem;
  }

  .xl\:focus\:tw--translate-y-32:focus{
    --transform-translate-y: -8rem;
  }

  .xl\:focus\:tw--translate-y-40:focus{
    --transform-translate-y: -10rem;
  }

  .xl\:focus\:tw--translate-y-48:focus{
    --transform-translate-y: -12rem;
  }

  .xl\:focus\:tw--translate-y-56:focus{
    --transform-translate-y: -14rem;
  }

  .xl\:focus\:tw--translate-y-64:focus{
    --transform-translate-y: -16rem;
  }

  .xl\:focus\:tw--translate-y-px:focus{
    --transform-translate-y: -1px;
  }

  .xl\:focus\:tw--translate-y-full:focus{
    --transform-translate-y: -100%;
  }

  .xl\:focus\:tw--translate-y-1\/2:focus{
    --transform-translate-y: -50%;
  }

  .xl\:focus\:tw-translate-y-1\/2:focus{
    --transform-translate-y: 50%;
  }

  .xl\:focus\:tw-translate-y-full:focus{
    --transform-translate-y: 100%;
  }

  .xl\:tw-skew-x-0{
    --transform-skew-x: 0;
  }

  .xl\:tw-skew-x-1{
    --transform-skew-x: 1deg;
  }

  .xl\:tw-skew-x-2{
    --transform-skew-x: 2deg;
  }

  .xl\:tw-skew-x-3{
    --transform-skew-x: 3deg;
  }

  .xl\:tw-skew-x-6{
    --transform-skew-x: 6deg;
  }

  .xl\:tw-skew-x-12{
    --transform-skew-x: 12deg;
  }

  .xl\:tw--skew-x-12{
    --transform-skew-x: -12deg;
  }

  .xl\:tw--skew-x-6{
    --transform-skew-x: -6deg;
  }

  .xl\:tw--skew-x-3{
    --transform-skew-x: -3deg;
  }

  .xl\:tw--skew-x-2{
    --transform-skew-x: -2deg;
  }

  .xl\:tw--skew-x-1{
    --transform-skew-x: -1deg;
  }

  .xl\:tw-skew-y-0{
    --transform-skew-y: 0;
  }

  .xl\:tw-skew-y-1{
    --transform-skew-y: 1deg;
  }

  .xl\:tw-skew-y-2{
    --transform-skew-y: 2deg;
  }

  .xl\:tw-skew-y-3{
    --transform-skew-y: 3deg;
  }

  .xl\:tw-skew-y-6{
    --transform-skew-y: 6deg;
  }

  .xl\:tw-skew-y-12{
    --transform-skew-y: 12deg;
  }

  .xl\:tw--skew-y-12{
    --transform-skew-y: -12deg;
  }

  .xl\:tw--skew-y-6{
    --transform-skew-y: -6deg;
  }

  .xl\:tw--skew-y-3{
    --transform-skew-y: -3deg;
  }

  .xl\:tw--skew-y-2{
    --transform-skew-y: -2deg;
  }

  .xl\:tw--skew-y-1{
    --transform-skew-y: -1deg;
  }

  .xl\:hover\:tw-skew-x-0:hover{
    --transform-skew-x: 0;
  }

  .xl\:hover\:tw-skew-x-1:hover{
    --transform-skew-x: 1deg;
  }

  .xl\:hover\:tw-skew-x-2:hover{
    --transform-skew-x: 2deg;
  }

  .xl\:hover\:tw-skew-x-3:hover{
    --transform-skew-x: 3deg;
  }

  .xl\:hover\:tw-skew-x-6:hover{
    --transform-skew-x: 6deg;
  }

  .xl\:hover\:tw-skew-x-12:hover{
    --transform-skew-x: 12deg;
  }

  .xl\:hover\:tw--skew-x-12:hover{
    --transform-skew-x: -12deg;
  }

  .xl\:hover\:tw--skew-x-6:hover{
    --transform-skew-x: -6deg;
  }

  .xl\:hover\:tw--skew-x-3:hover{
    --transform-skew-x: -3deg;
  }

  .xl\:hover\:tw--skew-x-2:hover{
    --transform-skew-x: -2deg;
  }

  .xl\:hover\:tw--skew-x-1:hover{
    --transform-skew-x: -1deg;
  }

  .xl\:hover\:tw-skew-y-0:hover{
    --transform-skew-y: 0;
  }

  .xl\:hover\:tw-skew-y-1:hover{
    --transform-skew-y: 1deg;
  }

  .xl\:hover\:tw-skew-y-2:hover{
    --transform-skew-y: 2deg;
  }

  .xl\:hover\:tw-skew-y-3:hover{
    --transform-skew-y: 3deg;
  }

  .xl\:hover\:tw-skew-y-6:hover{
    --transform-skew-y: 6deg;
  }

  .xl\:hover\:tw-skew-y-12:hover{
    --transform-skew-y: 12deg;
  }

  .xl\:hover\:tw--skew-y-12:hover{
    --transform-skew-y: -12deg;
  }

  .xl\:hover\:tw--skew-y-6:hover{
    --transform-skew-y: -6deg;
  }

  .xl\:hover\:tw--skew-y-3:hover{
    --transform-skew-y: -3deg;
  }

  .xl\:hover\:tw--skew-y-2:hover{
    --transform-skew-y: -2deg;
  }

  .xl\:hover\:tw--skew-y-1:hover{
    --transform-skew-y: -1deg;
  }

  .xl\:focus\:tw-skew-x-0:focus{
    --transform-skew-x: 0;
  }

  .xl\:focus\:tw-skew-x-1:focus{
    --transform-skew-x: 1deg;
  }

  .xl\:focus\:tw-skew-x-2:focus{
    --transform-skew-x: 2deg;
  }

  .xl\:focus\:tw-skew-x-3:focus{
    --transform-skew-x: 3deg;
  }

  .xl\:focus\:tw-skew-x-6:focus{
    --transform-skew-x: 6deg;
  }

  .xl\:focus\:tw-skew-x-12:focus{
    --transform-skew-x: 12deg;
  }

  .xl\:focus\:tw--skew-x-12:focus{
    --transform-skew-x: -12deg;
  }

  .xl\:focus\:tw--skew-x-6:focus{
    --transform-skew-x: -6deg;
  }

  .xl\:focus\:tw--skew-x-3:focus{
    --transform-skew-x: -3deg;
  }

  .xl\:focus\:tw--skew-x-2:focus{
    --transform-skew-x: -2deg;
  }

  .xl\:focus\:tw--skew-x-1:focus{
    --transform-skew-x: -1deg;
  }

  .xl\:focus\:tw-skew-y-0:focus{
    --transform-skew-y: 0;
  }

  .xl\:focus\:tw-skew-y-1:focus{
    --transform-skew-y: 1deg;
  }

  .xl\:focus\:tw-skew-y-2:focus{
    --transform-skew-y: 2deg;
  }

  .xl\:focus\:tw-skew-y-3:focus{
    --transform-skew-y: 3deg;
  }

  .xl\:focus\:tw-skew-y-6:focus{
    --transform-skew-y: 6deg;
  }

  .xl\:focus\:tw-skew-y-12:focus{
    --transform-skew-y: 12deg;
  }

  .xl\:focus\:tw--skew-y-12:focus{
    --transform-skew-y: -12deg;
  }

  .xl\:focus\:tw--skew-y-6:focus{
    --transform-skew-y: -6deg;
  }

  .xl\:focus\:tw--skew-y-3:focus{
    --transform-skew-y: -3deg;
  }

  .xl\:focus\:tw--skew-y-2:focus{
    --transform-skew-y: -2deg;
  }

  .xl\:focus\:tw--skew-y-1:focus{
    --transform-skew-y: -1deg;
  }

  .xl\:tw-transition-none{
    transition-property: none;
  }

  .xl\:tw-transition-all{
    transition-property: all;
  }

  .xl\:tw-transition{
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .xl\:tw-transition-colors{
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .xl\:tw-transition-opacity{
    transition-property: opacity;
  }

  .xl\:tw-transition-shadow{
    transition-property: box-shadow;
  }

  .xl\:tw-transition-transform{
    transition-property: transform;
  }

  .xl\:tw-ease-linear{
    transition-timing-function: linear;
  }

  .xl\:tw-ease-in{
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .xl\:tw-ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .xl\:tw-ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .xl\:tw-duration-75{
    transition-duration: 75ms;
  }

  .xl\:tw-duration-100{
    transition-duration: 100ms;
  }

  .xl\:tw-duration-150{
    transition-duration: 150ms;
  }

  .xl\:tw-duration-200{
    transition-duration: 200ms;
  }

  .xl\:tw-duration-300{
    transition-duration: 300ms;
  }

  .xl\:tw-duration-500{
    transition-duration: 500ms;
  }

  .xl\:tw-duration-700{
    transition-duration: 700ms;
  }

  .xl\:tw-duration-1000{
    transition-duration: 1000ms;
  }

  .xl\:tw-delay-75{
    transition-delay: 75ms;
  }

  .xl\:tw-delay-100{
    transition-delay: 100ms;
  }

  .xl\:tw-delay-150{
    transition-delay: 150ms;
  }

  .xl\:tw-delay-200{
    transition-delay: 200ms;
  }

  .xl\:tw-delay-300{
    transition-delay: 300ms;
  }

  .xl\:tw-delay-500{
    transition-delay: 500ms;
  }

  .xl\:tw-delay-700{
    transition-delay: 700ms;
  }

  .xl\:tw-delay-1000{
    transition-delay: 1000ms;
  }

  .xl\:tw-animate-none{
    -webkit-animation: none;
            animation: none;
  }

  .xl\:tw-animate-spin{
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }

  .xl\:tw-animate-ping{
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .xl\:tw-animate-pulse{
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .xl\:tw-animate-bounce{
    -webkit-animation: bounce 1s infinite;
            animation: bounce 1s infinite;
  }
}