tailwind binding generator for elm written in deno

elm_tailwind.ts

Tailwind.elm

module Tailwind exposing (..)

{-| Generated from Tailwind 2.2.19.
-}

import Html exposing (Attribute)
import Html.Attributes exposing (class)


{-| Maps to `container`:

    .container {
      width: 100%;
    }

    .container {
      max-width: 640px;
    }

    .container {
      max-width: 768px;
    }

    .container {
      max-width: 1024px;
    }

    .container {
      max-width: 1280px;
    }

    .container {
      max-width: 1536px;
    }
-}
container : Attribute msg
container =
    class "container"


{-| Maps to `sr-only`:

    .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;
    }
-}
srOnly : Attribute msg
srOnly =
    class "sr-only"


{-| Maps to `not-sr-only`:

    .not-sr-only {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip: auto;
      white-space: normal;
    }
-}
notSrOnly : Attribute msg
notSrOnly =
    class "not-sr-only"


{-| Maps to `focus-within:sr-only`:

    .focus-within\:sr-only:focus-within {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
    }
-}
focusWithinSrOnly : Attribute msg
focusWithinSrOnly =
    class "focus-within:sr-only"


{-| Maps to `focus-within:not-sr-only`:

    .focus-within\:not-sr-only:focus-within {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip: auto;
      white-space: normal;
    }
-}
focusWithinNotSrOnly : Attribute msg
focusWithinNotSrOnly =
    class "focus-within:not-sr-only"


{-| Maps to `focus:sr-only`:

    .focus\: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;
    }
-}
focusSrOnly : Attribute msg
focusSrOnly =
    class "focus:sr-only"


{-| Maps to `focus:not-sr-only`:

    .focus\:not-sr-only:focus {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip: auto;
      white-space: normal;
    }
-}
focusNotSrOnly : Attribute msg
focusNotSrOnly =
    class "focus:not-sr-only"


{-| Maps to `pointer-events-none`:

    .pointer-events-none {
      pointer-events: none;
    }
-}
pointerEventsNone : Attribute msg
pointerEventsNone =
    class "pointer-events-none"


{-| Maps to `pointer-events-auto`:

    .pointer-events-auto {
      pointer-events: auto;
    }
-}
pointerEventsAuto : Attribute msg
pointerEventsAuto =
    class "pointer-events-auto"


{-| Maps to `visible`:

    .visible {
      visibility: visible;
    }
-}
visible : Attribute msg
visible =
    class "visible"


{-| Maps to `invisible`:

    .invisible {
      visibility: hidden;
    }
-}
invisible : Attribute msg
invisible =
    class "invisible"


{-| Maps to `static`:

    .static {
      position: static;
    }
-}
static : Attribute msg
static =
    class "static"


{-| Maps to `fixed`:

    .fixed {
      position: fixed;
    }
-}
fixed : Attribute msg
fixed =
    class "fixed"


{-| Maps to `absolute`:

    .absolute {
      position: absolute;
    }
-}
absolute : Attribute msg
absolute =
    class "absolute"


{-| Maps to `relative`:

    .relative {
      position: relative;
    }
-}
relative : Attribute msg
relative =
    class "relative"


{-| Maps to `sticky`:

    .sticky {
      position: sticky;
    }
-}
sticky : Attribute msg
sticky =
    class "sticky"


{-| Maps to `inset-0`:

    .inset-0 {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
-}
inset0 : Attribute msg
inset0 =
    class "inset-0"


{-| Maps to `inset-1`:

    .inset-1 {
      top: 0.25rem;
      right: 0.25rem;
      bottom: 0.25rem;
      left: 0.25rem;
    }
-}
inset1 : Attribute msg
inset1 =
    class "inset-1"


{-| Maps to `inset-2`:

    .inset-2 {
      top: 0.5rem;
      right: 0.5rem;
      bottom: 0.5rem;
      left: 0.5rem;
    }
-}
inset2 : Attribute msg
inset2 =
    class "inset-2"


{-| Maps to `inset-3`:

    .inset-3 {
      top: 0.75rem;
      right: 0.75rem;
      bottom: 0.75rem;
      left: 0.75rem;
    }
-}
inset3 : Attribute msg
inset3 =
    class "inset-3"


{-| Maps to `inset-4`:

    .inset-4 {
      top: 1rem;
      right: 1rem;
      bottom: 1rem;
      left: 1rem;
    }
-}
inset4 : Attribute msg
inset4 =
    class "inset-4"


{-| Maps to `inset-5`:

    .inset-5 {
      top: 1.25rem;
      right: 1.25rem;
      bottom: 1.25rem;
      left: 1.25rem;
    }
-}
inset5 : Attribute msg
inset5 =
    class "inset-5"


{-| Maps to `inset-6`:

    .inset-6 {
      top: 1.5rem;
      right: 1.5rem;
      bottom: 1.5rem;
      left: 1.5rem;
    }
-}
inset6 : Attribute msg
inset6 =
    class "inset-6"


{-| Maps to `inset-7`:

    .inset-7 {
      top: 1.75rem;
      right: 1.75rem;
      bottom: 1.75rem;
      left: 1.75rem;
    }
-}
inset7 : Attribute msg
inset7 =
    class "inset-7"


{-| Maps to `inset-8`:

    .inset-8 {
      top: 2rem;
      right: 2rem;
      bottom: 2rem;
      left: 2rem;
    }
-}
inset8 : Attribute msg
inset8 =
    class "inset-8"


{-| Maps to `inset-9`:

    .inset-9 {
      top: 2.25rem;
      right: 2.25rem;
      bottom: 2.25rem;
      left: 2.25rem;
    }
-}
inset9 : Attribute msg
inset9 =
    class "inset-9"


{-| Maps to `inset-10`:

    .inset-10 {
      top: 2.5rem;
      right: 2.5rem;
      bottom: 2.5rem;
      left: 2.5rem;
    }
-}
inset10 : Attribute msg
inset10 =
    class "inset-10"


{-| Maps to `inset-11`:

    .inset-11 {
      top: 2.75rem;
      right: 2.75rem;
      bottom: 2.75rem;
      left: 2.75rem;
    }
-}
inset11 : Attribute msg
inset11 =
    class "inset-11"


{-| Maps to `inset-12`:

    .inset-12 {
      top: 3rem;
      right: 3rem;
      bottom: 3rem;
      left: 3rem;
    }
-}
inset12 : Attribute msg
inset12 =
    class "inset-12"


{-| Maps to `inset-14`:

    .inset-14 {
      top: 3.5rem;
      right: 3.5rem;
      bottom: 3.5rem;
      left: 3.5rem;
    }
-}
inset14 : Attribute msg
inset14 =
    class "inset-14"


{-| Maps to `inset-16`:

    .inset-16 {
      top: 4rem;
      right: 4rem;
      bottom: 4rem;
      left: 4rem;
    }
-}
inset16 : Attribute msg
inset16 =
    class "inset-16"


{-| Maps to `inset-20`:

    .inset-20 {
      top: 5rem;
      right: 5rem;
      bottom: 5rem;
      left: 5rem;
    }
-}
inset20 : Attribute msg
inset20 =
    class "inset-20"


{-| Maps to `inset-24`:

    .inset-24 {
      top: 6rem;
      right: 6rem;
      bottom: 6rem;
      left: 6rem;
    }
-}
inset24 : Attribute msg
inset24 =
    class "inset-24"


{-| Maps to `inset-28`:

    .inset-28 {
      top: 7rem;
      right: 7rem;
      bottom: 7rem;
      left: 7rem;
    }
-}
inset28 : Attribute msg
inset28 =
    class "inset-28"


{-| Maps to `inset-32`:

    .inset-32 {
      top: 8rem;
      right: 8rem;
      bottom: 8rem;
      left: 8rem;
    }
-}
inset32 : Attribute msg
inset32 =
    class "inset-32"


{-| Maps to `inset-36`:

    .inset-36 {
      top: 9rem;
      right: 9rem;
      bottom: 9rem;
      left: 9rem;
    }
-}
inset36 : Attribute msg
inset36 =
    class "inset-36"


{-| Maps to `inset-40`:

    .inset-40 {
      top: 10rem;
      right: 10rem;
      bottom: 10rem;
      left: 10rem;
    }
-}
inset40 : Attribute msg
inset40 =
    class "inset-40"


{-| Maps to `inset-44`:

    .inset-44 {
      top: 11rem;
      right: 11rem;
      bottom: 11rem;
      left: 11rem;
    }
-}
inset44 : Attribute msg
inset44 =
    class "inset-44"


{-| Maps to `inset-48`:

    .inset-48 {
      top: 12rem;
      right: 12rem;
      bottom: 12rem;
      left: 12rem;
    }
-}
inset48 : Attribute msg
inset48 =
    class "inset-48"


{-| Maps to `inset-52`:

    .inset-52 {
      top: 13rem;
      right: 13rem;
      bottom: 13rem;
      left: 13rem;
    }
-}
inset52 : Attribute msg
inset52 =
    class "inset-52"


{-| Maps to `inset-56`:

    .inset-56 {
      top: 14rem;
      right: 14rem;
      bottom: 14rem;
      left: 14rem;
    }
-}
inset56 : Attribute msg
inset56 =
    class "inset-56"


{-| Maps to `inset-60`:

    .inset-60 {
      top: 15rem;
      right: 15rem;
      bottom: 15rem;
      left: 15rem;
    }
-}
inset60 : Attribute msg
inset60 =
    class "inset-60"


{-| Maps to `inset-64`:

    .inset-64 {
      top: 16rem;
      right: 16rem;
      bottom: 16rem;
      left: 16rem;
    }
-}
inset64 : Attribute msg
inset64 =
    class "inset-64"


{-| Maps to `inset-72`:

    .inset-72 {
      top: 18rem;
      right: 18rem;
      bottom: 18rem;
      left: 18rem;
    }
-}
inset72 : Attribute msg
inset72 =
    class "inset-72"


{-| Maps to `inset-80`:

    .inset-80 {
      top: 20rem;
      right: 20rem;
      bottom: 20rem;
      left: 20rem;
    }
-}
inset80 : Attribute msg
inset80 =
    class "inset-80"


{-| Maps to `inset-96`:

    .inset-96 {
      top: 24rem;
      right: 24rem;
      bottom: 24rem;
      left: 24rem;
    }
-}
inset96 : Attribute msg
inset96 =
    class "inset-96"


{-| Maps to `inset-auto`:

    .inset-auto {
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
    }
-}
insetAuto : Attribute msg
insetAuto =
    class "inset-auto"


{-| Maps to `inset-px`:

    .inset-px {
      top: 1px;
      right: 1px;
      bottom: 1px;
      left: 1px;
    }
-}
insetPx : Attribute msg
insetPx =
    class "inset-px"


{-| Maps to `inset-0.5`:

    .inset-0\.5 {
      top: 0.125rem;
      right: 0.125rem;
      bottom: 0.125rem;
      left: 0.125rem;
    }
-}
inset0o5 : Attribute msg
inset0o5 =
    class "inset-0.5"


{-| Maps to `inset-1.5`:

    .inset-1\.5 {
      top: 0.375rem;
      right: 0.375rem;
      bottom: 0.375rem;
      left: 0.375rem;
    }
-}
inset1o5 : Attribute msg
inset1o5 =
    class "inset-1.5"


{-| Maps to `inset-2.5`:

    .inset-2\.5 {
      top: 0.625rem;
      right: 0.625rem;
      bottom: 0.625rem;
      left: 0.625rem;
    }
-}
inset2o5 : Attribute msg
inset2o5 =
    class "inset-2.5"


{-| Maps to `inset-3.5`:

    .inset-3\.5 {
      top: 0.875rem;
      right: 0.875rem;
      bottom: 0.875rem;
      left: 0.875rem;
    }
-}
inset3o5 : Attribute msg
inset3o5 =
    class "inset-3.5"


{-| Maps to `-inset-0`:

    .-inset-0 {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
-}
negInset0 : Attribute msg
negInset0 =
    class "-inset-0"


{-| Maps to `-inset-1`:

    .-inset-1 {
      top: -0.25rem;
      right: -0.25rem;
      bottom: -0.25rem;
      left: -0.25rem;
    }
-}
negInset1 : Attribute msg
negInset1 =
    class "-inset-1"


{-| Maps to `-inset-2`:

    .-inset-2 {
      top: -0.5rem;
      right: -0.5rem;
      bottom: -0.5rem;
      left: -0.5rem;
    }
-}
negInset2 : Attribute msg
negInset2 =
    class "-inset-2"


{-| Maps to `-inset-3`:

    .-inset-3 {
      top: -0.75rem;
      right: -0.75rem;
      bottom: -0.75rem;
      left: -0.75rem;
    }
-}
negInset3 : Attribute msg
negInset3 =
    class "-inset-3"


{-| Maps to `-inset-4`:

    .-inset-4 {
      top: -1rem;
      right: -1rem;
      bottom: -1rem;
      left: -1rem;
    }
-}
negInset4 : Attribute msg
negInset4 =
    class "-inset-4"


{-| Maps to `-inset-5`:

    .-inset-5 {
      top: -1.25rem;
      right: -1.25rem;
      bottom: -1.25rem;
      left: -1.25rem;
    }
-}
negInset5 : Attribute msg
negInset5 =
    class "-inset-5"


{-| Maps to `-inset-6`:

    .-inset-6 {
      top: -1.5rem;
      right: -1.5rem;
      bottom: -1.5rem;
      left: -1.5rem;
    }
-}
negInset6 : Attribute msg
negInset6 =
    class "-inset-6"


{-| Maps to `-inset-7`:

    .-inset-7 {
      top: -1.75rem;
      right: -1.75rem;
      bottom: -1.75rem;
      left: -1.75rem;
    }
-}
negInset7 : Attribute msg
negInset7 =
    class "-inset-7"


{-| Maps to `-inset-8`:

    .-inset-8 {
      top: -2rem;
      right: -2rem;
      bottom: -2rem;
      left: -2rem;
    }
-}
negInset8 : Attribute msg
negInset8 =
    class "-inset-8"


{-| Maps to `-inset-9`:

    .-inset-9 {
      top: -2.25rem;
      right: -2.25rem;
      bottom: -2.25rem;
      left: -2.25rem;
    }
-}
negInset9 : Attribute msg
negInset9 =
    class "-inset-9"


{-| Maps to `-inset-10`:

    .-inset-10 {
      top: -2.5rem;
      right: -2.5rem;
      bottom: -2.5rem;
      left: -2.5rem;
    }
-}
negInset10 : Attribute msg
negInset10 =
    class "-inset-10"


{-| Maps to `-inset-11`:

    .-inset-11 {
      top: -2.75rem;
      right: -2.75rem;
      bottom: -2.75rem;
      left: -2.75rem;
    }
-}
negInset11 : Attribute msg
negInset11 =
    class "-inset-11"


{-| Maps to `-inset-12`:

    .-inset-12 {
      top: -3rem;
      right: -3rem;
      bottom: -3rem;
      left: -3rem;
    }
-}
negInset12 : Attribute msg
negInset12 =
    class "-inset-12"


{-| Maps to `-inset-14`:

    .-inset-14 {
      top: -3.5rem;
      right: -3.5rem;
      bottom: -3.5rem;
      left: -3.5rem;
    }
-}
negInset14 : Attribute msg
negInset14 =
    class "-inset-14"


{-| Maps to `-inset-16`:

    .-inset-16 {
      top: -4rem;
      right: -4rem;
      bottom: -4rem;
      left: -4rem;
    }
-}
negInset16 : Attribute msg
negInset16 =
    class "-inset-16"


{-| Maps to `-inset-20`:

    .-inset-20 {
      top: -5rem;
      right: -5rem;
      bottom: -5rem;
      left: -5rem;
    }
-}
negInset20 : Attribute msg
negInset20 =
    class "-inset-20"


{-| Maps to `-inset-24`:

    .-inset-24 {
      top: -6rem;
      right: -6rem;
      bottom: -6rem;
      left: -6rem;
    }
-}
negInset24 : Attribute msg
negInset24 =
    class "-inset-24"


{-| Maps to `-inset-28`:

    .-inset-28 {
      top: -7rem;
      right: -7rem;
      bottom: -7rem;
      left: -7rem;
    }
-}
negInset28 : Attribute msg
negInset28 =
    class "-inset-28"


{-| Maps to `-inset-32`:

    .-inset-32 {
      top: -8rem;
      right: -8rem;
      bottom: -8rem;
      left: -8rem;
    }
-}
negInset32 : Attribute msg
negInset32 =
    class "-inset-32"


{-| Maps to `-inset-36`:

    .-inset-36 {
      top: -9rem;
      right: -9rem;
      bottom: -9rem;
      left: -9rem;
    }
-}
negInset36 : Attribute msg
negInset36 =
    class "-inset-36"


{-| Maps to `-inset-40`:

    .-inset-40 {
      top: -10rem;
      right: -10rem;
      bottom: -10rem;
      left: -10rem;
    }
-}
negInset40 : Attribute msg
negInset40 =
    class "-inset-40"


{-| Maps to `-inset-44`:

    .-inset-44 {
      top: -11rem;
      right: -11rem;
      bottom: -11rem;
      left: -11rem;
    }
-}
negInset44 : Attribute msg
negInset44 =
    class "-inset-44"


{-| Maps to `-inset-48`:

    .-inset-48 {
      top: -12rem;
      right: -12rem;
      bottom: -12rem;
      left: -12rem;
    }
-}
negInset48 : Attribute msg
negInset48 =
    class "-inset-48"


{-| Maps to `-inset-52`:

    .-inset-52 {
      top: -13rem;
      right: -13rem;
      bottom: -13rem;
      left: -13rem;
    }
-}
negInset52 : Attribute msg
negInset52 =
    class "-inset-52"


{-| Maps to `-inset-56`:

    .-inset-56 {
      top: -14rem;
      right: -14rem;
      bottom: -14rem;
      left: -14rem;
    }
-}
negInset56 : Attribute msg
negInset56 =
    class "-inset-56"


{-| Maps to `-inset-60`:

    .-inset-60 {
      top: -15rem;
      right: -15rem;
      bottom: -15rem;
      left: -15rem;
    }
-}
negInset60 : Attribute msg
negInset60 =
    class "-inset-60"


{-| Maps to `-inset-64`:

    .-inset-64 {
      top: -16rem;
      right: -16rem;
      bottom: -16rem;
      left: -16rem;
    }
-}
negInset64 : Attribute msg
negInset64 =
    class "-inset-64"


{-| Maps to `-inset-72`:

    .-inset-72 {
      top: -18rem;
      right: -18rem;
      bottom: -18rem;
      left: -18rem;
    }
-}
negInset72 : Attribute msg
negInset72 =
    class "-inset-72"


{-| Maps to `-inset-80`:

    .-inset-80 {
      top: -20rem;
      right: -20rem;
      bottom: -20rem;
      left: -20rem;
    }
-}
negInset80 : Attribute msg
negInset80 =
    class "-inset-80"


{-| Maps to `-inset-96`:

    .-inset-96 {
      top: -24rem;
      right: -24rem;
      bottom: -24rem;
      left: -24rem;
    }
-}
negInset96 : Attribute msg
negInset96 =
    class "-inset-96"


{-| Maps to `-inset-px`:

    .-inset-px {
      top: -1px;
      right: -1px;
      bottom: -1px;
      left: -1px;
    }
-}
negInsetPx : Attribute msg
negInsetPx =
    class "-inset-px"


{-| Maps to `-inset-0.5`:

    .-inset-0\.5 {
      top: -0.125rem;
      right: -0.125rem;
      bottom: -0.125rem;
      left: -0.125rem;
    }
-}
negInset0o5 : Attribute msg
negInset0o5 =
    class "-inset-0.5"


{-| Maps to `-inset-1.5`:

    .-inset-1\.5 {
      top: -0.375rem;
      right: -0.375rem;
      bottom: -0.375rem;
      left: -0.375rem;
    }
-}
negInset1o5 : Attribute msg
negInset1o5 =
    class "-inset-1.5"


{-| Maps to `-inset-2.5`:

    .-inset-2\.5 {
      top: -0.625rem;
      right: -0.625rem;
      bottom: -0.625rem;
      left: -0.625rem;
    }
-}
negInset2o5 : Attribute msg
negInset2o5 =
    class "-inset-2.5"


{-| Maps to `-inset-3.5`:

    .-inset-3\.5 {
      top: -0.875rem;
      right: -0.875rem;
      bottom: -0.875rem;
      left: -0.875rem;
    }
-}
negInset3o5 : Attribute msg
negInset3o5 =
    class "-inset-3.5"


{-| Maps to `inset-1/2`:

    .inset-1\/2 {
      top: 50%;
      right: 50%;
      bottom: 50%;
      left: 50%;
    }
-}
inset1Over2 : Attribute msg
inset1Over2 =
    class "inset-1/2"


{-| Maps to `inset-1/3`:

    .inset-1\/3 {
      top: 33.333333%;
      right: 33.333333%;
      bottom: 33.333333%;
      left: 33.333333%;
    }
-}
inset1Over3 : Attribute msg
inset1Over3 =
    class "inset-1/3"


{-| Maps to `inset-2/3`:

    .inset-2\/3 {
      top: 66.666667%;
      right: 66.666667%;
      bottom: 66.666667%;
      left: 66.666667%;
    }
-}
inset2Over3 : Attribute msg
inset2Over3 =
    class "inset-2/3"


{-| Maps to `inset-1/4`:

    .inset-1\/4 {
      top: 25%;
      right: 25%;
      bottom: 25%;
      left: 25%;
    }
-}
inset1Over4 : Attribute msg
inset1Over4 =
    class "inset-1/4"


{-| Maps to `inset-2/4`:

    .inset-2\/4 {
      top: 50%;
      right: 50%;
      bottom: 50%;
      left: 50%;
    }
-}
inset2Over4 : Attribute msg
inset2Over4 =
    class "inset-2/4"


{-| Maps to `inset-3/4`:

    .inset-3\/4 {
      top: 75%;
      right: 75%;
      bottom: 75%;
      left: 75%;
    }
-}
inset3Over4 : Attribute msg
inset3Over4 =
    class "inset-3/4"


{-| Maps to `inset-full`:

    .inset-full {
      top: 100%;
      right: 100%;
      bottom: 100%;
      left: 100%;
    }
-}
insetFull : Attribute msg
insetFull =
    class "inset-full"


{-| Maps to `-inset-1/2`:

    .-inset-1\/2 {
      top: -50%;
      right: -50%;
      bottom: -50%;
      left: -50%;
    }
-}
negInset1Over2 : Attribute msg
negInset1Over2 =
    class "-inset-1/2"


{-| Maps to `-inset-1/3`:

    .-inset-1\/3 {
      top: -33.333333%;
      right: -33.333333%;
      bottom: -33.333333%;
      left: -33.333333%;
    }
-}
negInset1Over3 : Attribute msg
negInset1Over3 =
    class "-inset-1/3"


{-| Maps to `-inset-2/3`:

    .-inset-2\/3 {
      top: -66.666667%;
      right: -66.666667%;
      bottom: -66.666667%;
      left: -66.666667%;
    }
-}
negInset2Over3 : Attribute msg
negInset2Over3 =
    class "-inset-2/3"


{-| Maps to `-inset-1/4`:

    .-inset-1\/4 {
      top: -25%;
      right: -25%;
      bottom: -25%;
      left: -25%;
    }
-}
negInset1Over4 : Attribute msg
negInset1Over4 =
    class "-inset-1/4"


{-| Maps to `-inset-2/4`:

    .-inset-2\/4 {
      top: -50%;
      right: -50%;
      bottom: -50%;
      left: -50%;
    }
-}
negInset2Over4 : Attribute msg
negInset2Over4 =
    class "-inset-2/4"


{-| Maps to `-inset-3/4`:

    .-inset-3\/4 {
      top: -75%;
      right: -75%;
      bottom: -75%;
      left: -75%;
    }
-}
negInset3Over4 : Attribute msg
negInset3Over4 =
    class "-inset-3/4"


{-| Maps to `-inset-full`:

    .-inset-full {
      top: -100%;
      right: -100%;
      bottom: -100%;
      left: -100%;
    }
-}
negInsetFull : Attribute msg
negInsetFull =
    class "-inset-full"


{-| Maps to `inset-x-0`:

    .inset-x-0 {
      left: 0;
      right: 0;
    }
-}
insetX0 : Attribute msg
insetX0 =
    class "inset-x-0"


{-| Maps to `inset-x-1`:

    .inset-x-1 {
      left: 0.25rem;
      right: 0.25rem;
    }
-}
insetX1 : Attribute msg
insetX1 =
    class "inset-x-1"


{-| Maps to `inset-x-2`:

    .inset-x-2 {
      left: 0.5rem;
      right: 0.5rem;
    }
-}
insetX2 : Attribute msg
insetX2 =
    class "inset-x-2"


{-| Maps to `inset-x-3`:

    .inset-x-3 {
      left: 0.75rem;
      right: 0.75rem;
    }
-}
insetX3 : Attribute msg
insetX3 =
    class "inset-x-3"


{-| Maps to `inset-x-4`:

    .inset-x-4 {
      left: 1rem;
      right: 1rem;
    }
-}
insetX4 : Attribute msg
insetX4 =
    class "inset-x-4"


{-| Maps to `inset-x-5`:

    .inset-x-5 {
      left: 1.25rem;
      right: 1.25rem;
    }
-}
insetX5 : Attribute msg
insetX5 =
    class "inset-x-5"


{-| Maps to `inset-x-6`:

    .inset-x-6 {
      left: 1.5rem;
      right: 1.5rem;
    }
-}
insetX6 : Attribute msg
insetX6 =
    class "inset-x-6"


{-| Maps to `inset-x-7`:

    .inset-x-7 {
      left: 1.75rem;
      right: 1.75rem;
    }
-}
insetX7 : Attribute msg
insetX7 =
    class "inset-x-7"


{-| Maps to `inset-x-8`:

    .inset-x-8 {
      left: 2rem;
      right: 2rem;
    }
-}
insetX8 : Attribute msg
insetX8 =
    class "inset-x-8"


{-| Maps to `inset-x-9`:

    .inset-x-9 {
      left: 2.25rem;
      right: 2.25rem;
    }
-}
insetX9 : Attribute msg
insetX9 =
    class "inset-x-9"


{-| Maps to `inset-x-10`:

    .inset-x-10 {
      left: 2.5rem;
      right: 2.5rem;
    }
-}
insetX10 : Attribute msg
insetX10 =
    class "inset-x-10"


{-| Maps to `inset-x-11`:

    .inset-x-11 {
      left: 2.75rem;
      right: 2.75rem;
    }
-}
insetX11 : Attribute msg
insetX11 =
    class "inset-x-11"


{-| Maps to `inset-x-12`:

    .inset-x-12 {
      left: 3rem;
      right: 3rem;
    }
-}
insetX12 : Attribute msg
insetX12 =
    class "inset-x-12"


{-| Maps to `inset-x-14`:

    .inset-x-14 {
      left: 3.5rem;
      right: 3.5rem;
    }
-}
insetX14 : Attribute msg
insetX14 =
    class "inset-x-14"


{-| Maps to `inset-x-16`:

    .inset-x-16 {
      left: 4rem;
      right: 4rem;
    }
-}
insetX16 : Attribute msg
insetX16 =
    class "inset-x-16"


{-| Maps to `inset-x-20`:

    .inset-x-20 {
      left: 5rem;
      right: 5rem;
    }
-}
insetX20 : Attribute msg
insetX20 =
    class "inset-x-20"


{-| Maps to `inset-x-24`:

    .inset-x-24 {
      left: 6rem;
      right: 6rem;
    }
-}
insetX24 : Attribute msg
insetX24 =
    class "inset-x-24"


{-| Maps to `inset-x-28`:

    .inset-x-28 {
      left: 7rem;
      right: 7rem;
    }
-}
insetX28 : Attribute msg
insetX28 =
    class "inset-x-28"


{-| Maps to `inset-x-32`:

    .inset-x-32 {
      left: 8rem;
      right: 8rem;
    }
-}
insetX32 : Attribute msg
insetX32 =
    class "inset-x-32"


{-| Maps to `inset-x-36`:

    .inset-x-36 {
      left: 9rem;
      right: 9rem;
    }
-}
insetX36 : Attribute msg
insetX36 =
    class "inset-x-36"


{-| Maps to `inset-x-40`:

    .inset-x-40 {
      left: 10rem;
      right: 10rem;
    }
-}
insetX40 : Attribute msg
insetX40 =
    class "inset-x-40"


{-| Maps to `inset-x-44`:

    .inset-x-44 {
      left: 11rem;
      right: 11rem;
    }
-}
insetX44 : Attribute msg
insetX44 =
    class "inset-x-44"


{-| Maps to `inset-x-48`:

    .inset-x-48 {
      left: 12rem;
      right: 12rem;
    }
-}
insetX48 : Attribute msg
insetX48 =
    class "inset-x-48"


{-| Maps to `inset-x-52`:

    .inset-x-52 {
      left: 13rem;
      right: 13rem;
    }
-}
insetX52 : Attribute msg
insetX52 =
    class "inset-x-52"


{-| Maps to `inset-x-56`:

    .inset-x-56 {
      left: 14rem;
      right: 14rem;
    }
-}
insetX56 : Attribute msg
insetX56 =
    class "inset-x-56"


{-| Maps to `inset-x-60`:

    .inset-x-60 {
      left: 15rem;
      right: 15rem;
    }
-}
insetX60 : Attribute msg
insetX60 =
    class "inset-x-60"


{-| Maps to `inset-x-64`:

    .inset-x-64 {
      left: 16rem;
      right: 16rem;
    }
-}
insetX64 : Attribute msg
insetX64 =
    class "inset-x-64"


{-| Maps to `inset-x-72`:

    .inset-x-72 {
      left: 18rem;
      right: 18rem;
    }
-}
insetX72 : Attribute msg
insetX72 =
    class "inset-x-72"


{-| Maps to `inset-x-80`:

    .inset-x-80 {
      left: 20rem;
      right: 20rem;
    }
-}
insetX80 : Attribute msg
insetX80 =
    class "inset-x-80"


{-| Maps to `inset-x-96`:

    .inset-x-96 {
      left: 24rem;
      right: 24rem;
    }
-}
insetX96 : Attribute msg
insetX96 =
    class "inset-x-96"


{-| Maps to `inset-x-auto`:

    .inset-x-auto {
      left: auto;
      right: auto;
    }
-}
insetXAuto : Attribute msg
insetXAuto =
    class "inset-x-auto"


{-| Maps to `inset-x-px`:

    .inset-x-px {
      left: 1px;
      right: 1px;
    }
-}
insetXPx : Attribute msg
insetXPx =
    class "inset-x-px"


{-| Maps to `inset-x-0.5`:

    .inset-x-0\.5 {
      left: 0.125rem;
      right: 0.125rem;
    }
-}
insetX0o5 : Attribute msg
insetX0o5 =
    class "inset-x-0.5"


{-| Maps to `inset-x-1.5`:

    .inset-x-1\.5 {
      left: 0.375rem;
      right: 0.375rem;
    }
-}
insetX1o5 : Attribute msg
insetX1o5 =
    class "inset-x-1.5"


{-| Maps to `inset-x-2.5`:

    .inset-x-2\.5 {
      left: 0.625rem;
      right: 0.625rem;
    }
-}
insetX2o5 : Attribute msg
insetX2o5 =
    class "inset-x-2.5"


{-| Maps to `inset-x-3.5`:

    .inset-x-3\.5 {
      left: 0.875rem;
      right: 0.875rem;
    }
-}
insetX3o5 : Attribute msg
insetX3o5 =
    class "inset-x-3.5"


{-| Maps to `-inset-x-0`:

    .-inset-x-0 {
      left: 0;
      right: 0;
    }
-}
negInsetX0 : Attribute msg
negInsetX0 =
    class "-inset-x-0"


{-| Maps to `-inset-x-1`:

    .-inset-x-1 {
      left: -0.25rem;
      right: -0.25rem;
    }
-}
negInsetX1 : Attribute msg
negInsetX1 =
    class "-inset-x-1"


{-| Maps to `-inset-x-2`:

    .-inset-x-2 {
      left: -0.5rem;
      right: -0.5rem;
    }
-}
negInsetX2 : Attribute msg
negInsetX2 =
    class "-inset-x-2"


{-| Maps to `-inset-x-3`:

    .-inset-x-3 {
      left: -0.75rem;
      right: -0.75rem;
    }
-}
negInsetX3 : Attribute msg
negInsetX3 =
    class "-inset-x-3"


{-| Maps to `-inset-x-4`:

    .-inset-x-4 {
      left: -1rem;
      right: -1rem;
    }
-}
negInsetX4 : Attribute msg
negInsetX4 =
    class "-inset-x-4"


{-| Maps to `-inset-x-5`:

    .-inset-x-5 {
      left: -1.25rem;
      right: -1.25rem;
    }
-}
negInsetX5 : Attribute msg
negInsetX5 =
    class "-inset-x-5"


{-| Maps to `-inset-x-6`:

    .-inset-x-6 {
      left: -1.5rem;
      right: -1.5rem;
    }
-}
negInsetX6 : Attribute msg
negInsetX6 =
    class "-inset-x-6"


{-| Maps to `-inset-x-7`:

    .-inset-x-7 {
      left: -1.75rem;
      right: -1.75rem;
    }
-}
negInsetX7 : Attribute msg
negInsetX7 =
    class "-inset-x-7"


{-| Maps to `-inset-x-8`:

    .-inset-x-8 {
      left: -2rem;
      right: -2rem;
    }
-}
negInsetX8 : Attribute msg
negInsetX8 =
    class "-inset-x-8"


{-| Maps to `-inset-x-9`:

    .-inset-x-9 {
      left: -2.25rem;
      right: -2.25rem;
    }
-}
negInsetX9 : Attribute msg
negInsetX9 =
    class "-inset-x-9"


{-| Maps to `-inset-x-10`:

    .-inset-x-10 {
      left: -2.5rem;
      right: -2.5rem;
    }
-}
negInsetX10 : Attribute msg
negInsetX10 =
    class "-inset-x-10"


{-| Maps to `-inset-x-11`:

    .-inset-x-11 {
      left: -2.75rem;
      right: -2.75rem;
    }
-}
negInsetX11 : Attribute msg
negInsetX11 =
    class "-inset-x-11"


{-| Maps to `-inset-x-12`:

    .-inset-x-12 {
      left: -3rem;
      right: -3rem;
    }
-}
negInsetX12 : Attribute msg
negInsetX12 =
    class "-inset-x-12"


{-| Maps to `-inset-x-14`:

    .-inset-x-14 {
      left: -3.5rem;
      right: -3.5rem;
    }
-}
negInsetX14 : Attribute msg
negInsetX14 =
    class "-inset-x-14"


{-| Maps to `-inset-x-16`:

    .-inset-x-16 {
      left: -4rem;
      right: -4rem;
    }
-}
negInsetX16 : Attribute msg
negInsetX16 =
    class "-inset-x-16"


{-| Maps to `-inset-x-20`:

    .-inset-x-20 {
      left: -5rem;
      right: -5rem;
    }
-}
negInsetX20 : Attribute msg
negInsetX20 =
    class "-inset-x-20"


{-| Maps to `-inset-x-24`:

    .-inset-x-24 {
      left: -6rem;
      right: -6rem;
    }
-}
negInsetX24 : Attribute msg
negInsetX24 =
    class "-inset-x-24"


{-| Maps to `-inset-x-28`:

    .-inset-x-28 {
      left: -7rem;
      right: -7rem;
    }
-}
negInsetX28 : Attribute msg
negInsetX28 =
    class "-inset-x-28"


{-| Maps to `-inset-x-32`:

    .-inset-x-32 {
      left: -8rem;
      right: -8rem;
    }
-}
negInsetX32 : Attribute msg
negInsetX32 =
    class "-inset-x-32"


{-| Maps to `-inset-x-36`:

    .-inset-x-36 {
      left: -9rem;
      right: -9rem;
    }
-}
negInsetX36 : Attribute msg
negInsetX36 =
    class "-inset-x-36"


{-| Maps to `-inset-x-40`:

    .-inset-x-40 {
      left: -10rem;
      right: -10rem;
    }
-}
negInsetX40 : Attribute msg
negInsetX40 =
    class "-inset-x-40"


{-| Maps to `-inset-x-44`:

    .-inset-x-44 {
      left: -11rem;
      right: -11rem;
    }
-}
negInsetX44 : Attribute msg
negInsetX44 =
    class "-inset-x-44"


{-| Maps to `-inset-x-48`:

    .-inset-x-48 {
      left: -12rem;
      right: -12rem;
    }
-}
negInsetX48 : Attribute msg
negInsetX48 =
    class "-inset-x-48"


{-| Maps to `-inset-x-52`:

    .-inset-x-52 {
      left: -13rem;
      right: -13rem;
    }
-}
negInsetX52 : Attribute msg
negInsetX52 =
    class "-inset-x-52"


{-| Maps to `-inset-x-56`:

    .-inset-x-56 {
      left: -14rem;
      right: -14rem;
    }
-}
negInsetX56 : Attribute msg
negInsetX56 =
    class "-inset-x-56"


{-| Maps to `-inset-x-60`:

    .-inset-x-60 {
      left: -15rem;
      right: -15rem;
    }
-}
negInsetX60 : Attribute msg
negInsetX60 =
    class "-inset-x-60"


{-| Maps to `-inset-x-64`:

    .-inset-x-64 {
      left: -16rem;
      right: -16rem;
    }
-}
negInsetX64 : Attribute msg
negInsetX64 =
    class "-inset-x-64"


{-| Maps to `-inset-x-72`:

    .-inset-x-72 {
      left: -18rem;
      right: -18rem;
    }
-}
negInsetX72 : Attribute msg
negInsetX72 =
    class "-inset-x-72"


{-| Maps to `-inset-x-80`:

    .-inset-x-80 {
      left: -20rem;
      right: -20rem;
    }
-}
negInsetX80 : Attribute msg
negInsetX80 =
    class "-inset-x-80"


{-| Maps to `-inset-x-96`:

    .-inset-x-96 {
      left: -24rem;
      right: -24rem;
    }
-}
negInsetX96 : Attribute msg
negInsetX96 =
    class "-inset-x-96"


{-| Maps to `-inset-x-px`:

    .-inset-x-px {
      left: -1px;
      right: -1px;
    }
-}
negInsetXPx : Attribute msg
negInsetXPx =
    class "-inset-x-px"


{-| Maps to `-inset-x-0.5`:

    .-inset-x-0\.5 {
      left: -0.125rem;
      right: -0.125rem;
    }
-}
negInsetX0o5 : Attribute msg
negInsetX0o5 =
    class "-inset-x-0.5"


{-| Maps to `-inset-x-1.5`:

    .-inset-x-1\.5 {
      left: -0.375rem;
      right: -0.375rem;
    }
-}
negInsetX1o5 : Attribute msg
negInsetX1o5 =
    class "-inset-x-1.5"


{-| Maps to `-inset-x-2.5`:

    .-inset-x-2\.5 {
      left: -0.625rem;
      right: -0.625rem;
    }
-}
negInsetX2o5 : Attribute msg
negInsetX2o5 =
    class "-inset-x-2.5"


{-| Maps to `-inset-x-3.5`:

    .-inset-x-3\.5 {
      left: -0.875rem;
      right: -0.875rem;
    }
-}
negInsetX3o5 : Attribute msg
negInsetX3o5 =
    class "-inset-x-3.5"


{-| Maps to `inset-x-1/2`:

    .inset-x-1\/2 {
      left: 50%;
      right: 50%;
    }
-}
insetX1Over2 : Attribute msg
insetX1Over2 =
    class "inset-x-1/2"


{-| Maps to `inset-x-1/3`:

    .inset-x-1\/3 {
      left: 33.333333%;
      right: 33.333333%;
    }
-}
insetX1Over3 : Attribute msg
insetX1Over3 =
    class "inset-x-1/3"


{-| Maps to `inset-x-2/3`:

    .inset-x-2\/3 {
      left: 66.666667%;
      right: 66.666667%;
    }
-}
insetX2Over3 : Attribute msg
insetX2Over3 =
    class "inset-x-2/3"


{-| Maps to `inset-x-1/4`:

    .inset-x-1\/4 {
      left: 25%;
      right: 25%;
    }
-}
insetX1Over4 : Attribute msg
insetX1Over4 =
    class "inset-x-1/4"


{-| Maps to `inset-x-2/4`:

    .inset-x-2\/4 {
      left: 50%;
      right: 50%;
    }
-}
insetX2Over4 : Attribute msg
insetX2Over4 =
    class "inset-x-2/4"


{-| Maps to `inset-x-3/4`:

    .inset-x-3\/4 {
      left: 75%;
      right: 75%;
    }
-}
insetX3Over4 : Attribute msg
insetX3Over4 =
    class "inset-x-3/4"


{-| Maps to `inset-x-full`:

    .inset-x-full {
      left: 100%;
      right: 100%;
    }
-}
insetXFull : Attribute msg
insetXFull =
    class "inset-x-full"


{-| Maps to `-inset-x-1/2`:

    .-inset-x-1\/2 {
      left: -50%;
      right: -50%;
    }
-}
negInsetX1Over2 : Attribute msg
negInsetX1Over2 =
    class "-inset-x-1/2"


{-| Maps to `-inset-x-1/3`:

    .-inset-x-1\/3 {
      left: -33.333333%;
      right: -33.333333%;
    }
-}
negInsetX1Over3 : Attribute msg
negInsetX1Over3 =
    class "-inset-x-1/3"


{-| Maps to `-inset-x-2/3`:

    .-inset-x-2\/3 {
      left: -66.666667%;
      right: -66.666667%;
    }
-}
negInsetX2Over3 : Attribute msg
negInsetX2Over3 =
    class "-inset-x-2/3"


{-| Maps to `-inset-x-1/4`:

    .-inset-x-1\/4 {
      left: -25%;
      right: -25%;
    }
-}
negInsetX1Over4 : Attribute msg
negInsetX1Over4 =
    class "-inset-x-1/4"


{-| Maps to `-inset-x-2/4`:

    .-inset-x-2\/4 {
      left: -50%;
      right: -50%;
    }
-}
negInsetX2Over4 : Attribute msg
negInsetX2Over4 =
    class "-inset-x-2/4"


{-| Maps to `-inset-x-3/4`:

    .-inset-x-3\/4 {
      left: -75%;
      right: -75%;
    }
-}
negInsetX3Over4 : Attribute msg
negInsetX3Over4 =
    class "-inset-x-3/4"


{-| Maps to `-inset-x-full`:

    .-inset-x-full {
      left: -100%;
      right: -100%;
    }
-}
negInsetXFull : Attribute msg
negInsetXFull =
    class "-inset-x-full"


{-| Maps to `inset-y-0`:

    .inset-y-0 {
      top: 0;
      bottom: 0;
    }
-}
insetY0 : Attribute msg
insetY0 =
    class "inset-y-0"


{-| Maps to `inset-y-1`:

    .inset-y-1 {
      top: 0.25rem;
      bottom: 0.25rem;
    }
-}
insetY1 : Attribute msg
insetY1 =
    class "inset-y-1"


{-| Maps to `inset-y-2`:

    .inset-y-2 {
      top: 0.5rem;
      bottom: 0.5rem;
    }
-}
insetY2 : Attribute msg
insetY2 =
    class "inset-y-2"


{-| Maps to `inset-y-3`:

    .inset-y-3 {
      top: 0.75rem;
      bottom: 0.75rem;
    }
-}
insetY3 : Attribute msg
insetY3 =
    class "inset-y-3"


{-| Maps to `inset-y-4`:

    .inset-y-4 {
      top: 1rem;
      bottom: 1rem;
    }
-}
insetY4 : Attribute msg
insetY4 =
    class "inset-y-4"


{-| Maps to `inset-y-5`:

    .inset-y-5 {
      top: 1.25rem;
      bottom: 1.25rem;
    }
-}
insetY5 : Attribute msg
insetY5 =
    class "inset-y-5"


{-| Maps to `inset-y-6`:

    .inset-y-6 {
      top: 1.5rem;
      bottom: 1.5rem;
    }
-}
insetY6 : Attribute msg
insetY6 =
    class "inset-y-6"


{-| Maps to `inset-y-7`:

    .inset-y-7 {
      top: 1.75rem;
      bottom: 1.75rem;
    }
-}
insetY7 : Attribute msg
insetY7 =
    class "inset-y-7"


{-| Maps to `inset-y-8`:

    .inset-y-8 {
      top: 2rem;
      bottom: 2rem;
    }
-}
insetY8 : Attribute msg
insetY8 =
    class "inset-y-8"


{-| Maps to `inset-y-9`:

    .inset-y-9 {
      top: 2.25rem;
      bottom: 2.25rem;
    }
-}
insetY9 : Attribute msg
insetY9 =
    class "inset-y-9"


{-| Maps to `inset-y-10`:

    .inset-y-10 {
      top: 2.5rem;
      bottom: 2.5rem;
    }
-}
insetY10 : Attribute msg
insetY10 =
    class "inset-y-10"


{-| Maps to `inset-y-11`:

    .inset-y-11 {
      top: 2.75rem;
      bottom: 2.75rem;
    }
-}
insetY11 : Attribute msg
insetY11 =
    class "inset-y-11"


{-| Maps to `inset-y-12`:

    .inset-y-12 {
      top: 3rem;
      bottom: 3rem;
    }
-}
insetY12 : Attribute msg
insetY12 =
    class "inset-y-12"


{-| Maps to `inset-y-14`:

    .inset-y-14 {
      top: 3.5rem;
      bottom: 3.5rem;
    }
-}
insetY14 : Attribute msg
insetY14 =
    class "inset-y-14"


{-| Maps to `inset-y-16`:

    .inset-y-16 {
      top: 4rem;
      bottom: 4rem;
    }
-}
insetY16 : Attribute msg
insetY16 =
    class "inset-y-16"


{-| Maps to `inset-y-20`:

    .inset-y-20 {
      top: 5rem;
      bottom: 5rem;
    }
-}
insetY20 : Attribute msg
insetY20 =
    class "inset-y-20"


{-| Maps to `inset-y-24`:

    .inset-y-24 {
      top: 6rem;
      bottom: 6rem;
    }
-}
insetY24 : Attribute msg
insetY24 =
    class "inset-y-24"


{-| Maps to `inset-y-28`:

    .inset-y-28 {
      top: 7rem;
      bottom: 7rem;
    }
-}
insetY28 : Attribute msg
insetY28 =
    class "inset-y-28"


{-| Maps to `inset-y-32`:

    .inset-y-32 {
      top: 8rem;
      bottom: 8rem;
    }
-}
insetY32 : Attribute msg
insetY32 =
    class "inset-y-32"


{-| Maps to `inset-y-36`:

    .inset-y-36 {
      top: 9rem;
      bottom: 9rem;
    }
-}
insetY36 : Attribute msg
insetY36 =
    class "inset-y-36"


{-| Maps to `inset-y-40`:

    .inset-y-40 {
      top: 10rem;
      bottom: 10rem;
    }
-}
insetY40 : Attribute msg
insetY40 =
    class "inset-y-40"


{-| Maps to `inset-y-44`:

    .inset-y-44 {
      top: 11rem;
      bottom: 11rem;
    }
-}
insetY44 : Attribute msg
insetY44 =
    class "inset-y-44"


{-| Maps to `inset-y-48`:

    .inset-y-48 {
      top: 12rem;
      bottom: 12rem;
    }
-}
insetY48 : Attribute msg
insetY48 =
    class "inset-y-48"


{-| Maps to `inset-y-52`:

    .inset-y-52 {
      top: 13rem;
      bottom: 13rem;
    }
-}
insetY52 : Attribute msg
insetY52 =
    class "inset-y-52"


{-| Maps to `inset-y-56`:

    .inset-y-56 {
      top: 14rem;
      bottom: 14rem;
    }
-}
insetY56 : Attribute msg
insetY56 =
    class "inset-y-56"


{-| Maps to `inset-y-60`:

    .inset-y-60 {
      top: 15rem;
      bottom: 15rem;
    }
-}
insetY60 : Attribute msg
insetY60 =
    class "inset-y-60"


{-| Maps to `inset-y-64`:

    .inset-y-64 {
      top: 16rem;
      bottom: 16rem;
    }
-}
insetY64 : Attribute msg
insetY64 =
    class "inset-y-64"


{-| Maps to `inset-y-72`:

    .inset-y-72 {
      top: 18rem;
      bottom: 18rem;
    }
-}
insetY72 : Attribute msg
insetY72 =
    class "inset-y-72"


{-| Maps to `inset-y-80`:

    .inset-y-80 {
      top: 20rem;
      bottom: 20rem;
    }
-}
insetY80 : Attribute msg
insetY80 =
    class "inset-y-80"


{-| Maps to `inset-y-96`:

    .inset-y-96 {
      top: 24rem;
      bottom: 24rem;
    }
-}
insetY96 : Attribute msg
insetY96 =
    class "inset-y-96"


{-| Maps to `inset-y-auto`:

    .inset-y-auto {
      top: auto;
      bottom: auto;
    }
-}
insetYAuto : Attribute msg
insetYAuto =
    class "inset-y-auto"


{-| Maps to `inset-y-px`:

    .inset-y-px {
      top: 1px;
      bottom: 1px;
    }
-}
insetYPx : Attribute msg
insetYPx =
    class "inset-y-px"


{-| Maps to `inset-y-0.5`:

    .inset-y-0\.5 {
      top: 0.125rem;
      bottom: 0.125rem;
    }
-}
insetY0o5 : Attribute msg
insetY0o5 =
    class "inset-y-0.5"


{-| Maps to `inset-y-1.5`:

    .inset-y-1\.5 {
      top: 0.375rem;
      bottom: 0.375rem;
    }
-}
insetY1o5 : Attribute msg
insetY1o5 =
    class "inset-y-1.5"


{-| Maps to `inset-y-2.5`:

    .inset-y-2\.5 {
      top: 0.625rem;
      bottom: 0.625rem;
    }
-}
insetY2o5 : Attribute msg
insetY2o5 =
    class "inset-y-2.5"


{-| Maps to `inset-y-3.5`:

    .inset-y-3\.5 {
      top: 0.875rem;
      bottom: 0.875rem;
    }
-}
insetY3o5 : Attribute msg
insetY3o5 =
    class "inset-y-3.5"


{-| Maps to `-inset-y-0`:

    .-inset-y-0 {
      top: 0;
      bottom: 0;
    }
-}
negInsetY0 : Attribute msg
negInsetY0 =
    class "-inset-y-0"


{-| Maps to `-inset-y-1`:

    .-inset-y-1 {
      top: -0.25rem;
      bottom: -0.25rem;
    }
-}
negInsetY1 : Attribute msg
negInsetY1 =
    class "-inset-y-1"


{-| Maps to `-inset-y-2`:

    .-inset-y-2 {
      top: -0.5rem;
      bottom: -0.5rem;
    }
-}
negInsetY2 : Attribute msg
negInsetY2 =
    class "-inset-y-2"


{-| Maps to `-inset-y-3`:

    .-inset-y-3 {
      top: -0.75rem;
      bottom: -0.75rem;
    }
-}
negInsetY3 : Attribute msg
negInsetY3 =
    class "-inset-y-3"


{-| Maps to `-inset-y-4`:

    .-inset-y-4 {
      top: -1rem;
      bottom: -1rem;
    }
-}
negInsetY4 : Attribute msg
negInsetY4 =
    class "-inset-y-4"


{-| Maps to `-inset-y-5`:

    .-inset-y-5 {
      top: -1.25rem;
      bottom: -1.25rem;
    }
-}
negInsetY5 : Attribute msg
negInsetY5 =
    class "-inset-y-5"


{-| Maps to `-inset-y-6`:

    .-inset-y-6 {
      top: -1.5rem;
      bottom: -1.5rem;
    }
-}
negInsetY6 : Attribute msg
negInsetY6 =
    class "-inset-y-6"


{-| Maps to `-inset-y-7`:

    .-inset-y-7 {
      top: -1.75rem;
      bottom: -1.75rem;
    }
-}
negInsetY7 : Attribute msg
negInsetY7 =
    class "-inset-y-7"


{-| Maps to `-inset-y-8`:

    .-inset-y-8 {
      top: -2rem;
      bottom: -2rem;
    }
-}
negInsetY8 : Attribute msg
negInsetY8 =
    class "-inset-y-8"


{-| Maps to `-inset-y-9`:

    .-inset-y-9 {
      top: -2.25rem;
      bottom: -2.25rem;
    }
-}
negInsetY9 : Attribute msg
negInsetY9 =
    class "-inset-y-9"


{-| Maps to `-inset-y-10`:

    .-inset-y-10 {
      top: -2.5rem;
      bottom: -2.5rem;
    }
-}
negInsetY10 : Attribute msg
negInsetY10 =
    class "-inset-y-10"


{-| Maps to `-inset-y-11`:

    .-inset-y-11 {
      top: -2.75rem;
      bottom: -2.75rem;
    }
-}
negInsetY11 : Attribute msg
negInsetY11 =
    class "-inset-y-11"


{-| Maps to `-inset-y-12`:

    .-inset-y-12 {
      top: -3rem;
      bottom: -3rem;
    }
-}
negInsetY12 : Attribute msg
negInsetY12 =
    class "-inset-y-12"


{-| Maps to `-inset-y-14`:

    .-inset-y-14 {
      top: -3.5rem;
      bottom: -3.5rem;
    }
-}
negInsetY14 : Attribute msg
negInsetY14 =
    class "-inset-y-14"


{-| Maps to `-inset-y-16`:

    .-inset-y-16 {
      top: -4rem;
      bottom: -4rem;
    }
-}
negInsetY16 : Attribute msg
negInsetY16 =
    class "-inset-y-16"


{-| Maps to `-inset-y-20`:

    .-inset-y-20 {
      top: -5rem;
      bottom: -5rem;
    }
-}
negInsetY20 : Attribute msg
negInsetY20 =
    class "-inset-y-20"


{-| Maps to `-inset-y-24`:

    .-inset-y-24 {
      top: -6rem;
      bottom: -6rem;
    }
-}
negInsetY24 : Attribute msg
negInsetY24 =
    class "-inset-y-24"


{-| Maps to `-inset-y-28`:

    .-inset-y-28 {
      top: -7rem;
      bottom: -7rem;
    }
-}
negInsetY28 : Attribute msg
negInsetY28 =
    class "-inset-y-28"


{-| Maps to `-inset-y-32`:

    .-inset-y-32 {
      top: -8rem;
      bottom: -8rem;
    }
-}
negInsetY32 : Attribute msg
negInsetY32 =
    class "-inset-y-32"


{-| Maps to `-inset-y-36`:

    .-inset-y-36 {
      top: -9rem;
      bottom: -9rem;
    }
-}
negInsetY36 : Attribute msg
negInsetY36 =
    class "-inset-y-36"


{-| Maps to `-inset-y-40`:

    .-inset-y-40 {
      top: -10rem;
      bottom: -10rem;
    }
-}
negInsetY40 : Attribute msg
negInsetY40 =
    class "-inset-y-40"


{-| Maps to `-inset-y-44`:

    .-inset-y-44 {
      top: -11rem;
      bottom: -11rem;
    }
-}
negInsetY44 : Attribute msg
negInsetY44 =
    class "-inset-y-44"


{-| Maps to `-inset-y-48`:

    .-inset-y-48 {
      top: -12rem;
      bottom: -12rem;
    }
-}
negInsetY48 : Attribute msg
negInsetY48 =
    class "-inset-y-48"


{-| Maps to `-inset-y-52`:

    .-inset-y-52 {
      top: -13rem;
      bottom: -13rem;
    }
-}
negInsetY52 : Attribute msg
negInsetY52 =
    class "-inset-y-52"


{-| Maps to `-inset-y-56`:

    .-inset-y-56 {
      top: -14rem;
      bottom: -14rem;
    }
-}
negInsetY56 : Attribute msg
negInsetY56 =
    class "-inset-y-56"


{-| Maps to `-inset-y-60`:

    .-inset-y-60 {
      top: -15rem;
      bottom: -15rem;
    }
-}
negInsetY60 : Attribute msg
negInsetY60 =
    class "-inset-y-60"


{-| Maps to `-inset-y-64`:

    .-inset-y-64 {
      top: -16rem;
      bottom: -16rem;
    }
-}
negInsetY64 : Attribute msg
negInsetY64 =
    class "-inset-y-64"


{-| Maps to `-inset-y-72`:

    .-inset-y-72 {
      top: -18rem;
      bottom: -18rem;
    }
-}
negInsetY72 : Attribute msg
negInsetY72 =
    class "-inset-y-72"


{-| Maps to `-inset-y-80`:

    .-inset-y-80 {
      top: -20rem;
      bottom: -20rem;
    }
-}
negInsetY80 : Attribute msg
negInsetY80 =
    class "-inset-y-80"


{-| Maps to `-inset-y-96`:

    .-inset-y-96 {
      top: -24rem;
      bottom: -24rem;
    }
-}
negInsetY96 : Attribute msg
negInsetY96 =
    class "-inset-y-96"


{-| Maps to `-inset-y-px`:

    .-inset-y-px {
      top: -1px;
      bottom: -1px;
    }
-}
negInsetYPx : Attribute msg
negInsetYPx =
    class "-inset-y-px"


{-| Maps to `-inset-y-0.5`:

    .-inset-y-0\.5 {
      top: -0.125rem;
      bottom: -0.125rem;
    }
-}
negInsetY0o5 : Attribute msg
negInsetY0o5 =
    class "-inset-y-0.5"


{-| Maps to `-inset-y-1.5`:

    .-inset-y-1\.5 {
      top: -0.375rem;
      bottom: -0.375rem;
    }
-}
negInsetY1o5 : Attribute msg
negInsetY1o5 =
    class "-inset-y-1.5"


{-| Maps to `-inset-y-2.5`:

    .-inset-y-2\.5 {
      top: -0.625rem;
      bottom: -0.625rem;
    }
-}
negInsetY2o5 : Attribute msg
negInsetY2o5 =
    class "-inset-y-2.5"


{-| Maps to `-inset-y-3.5`:

    .-inset-y-3\.5 {
      top: -0.875rem;
      bottom: -0.875rem;
    }
-}
negInsetY3o5 : Attribute msg
negInsetY3o5 =
    class "-inset-y-3.5"


{-| Maps to `inset-y-1/2`:

    .inset-y-1\/2 {
      top: 50%;
      bottom: 50%;
    }
-}
insetY1Over2 : Attribute msg
insetY1Over2 =
    class "inset-y-1/2"


{-| Maps to `inset-y-1/3`:

    .inset-y-1\/3 {
      top: 33.333333%;
      bottom: 33.333333%;
    }
-}
insetY1Over3 : Attribute msg
insetY1Over3 =
    class "inset-y-1/3"


{-| Maps to `inset-y-2/3`:

    .inset-y-2\/3 {
      top: 66.666667%;
      bottom: 66.666667%;
    }
-}
insetY2Over3 : Attribute msg
insetY2Over3 =
    class "inset-y-2/3"


{-| Maps to `inset-y-1/4`:

    .inset-y-1\/4 {
      top: 25%;
      bottom: 25%;
    }
-}
insetY1Over4 : Attribute msg
insetY1Over4 =
    class "inset-y-1/4"


{-| Maps to `inset-y-2/4`:

    .inset-y-2\/4 {
      top: 50%;
      bottom: 50%;
    }
-}
insetY2Over4 : Attribute msg
insetY2Over4 =
    class "inset-y-2/4"


{-| Maps to `inset-y-3/4`:

    .inset-y-3\/4 {
      top: 75%;
      bottom: 75%;
    }
-}
insetY3Over4 : Attribute msg
insetY3Over4 =
    class "inset-y-3/4"


{-| Maps to `inset-y-full`:

    .inset-y-full {
      top: 100%;
      bottom: 100%;
    }
-}
insetYFull : Attribute msg
insetYFull =
    class "inset-y-full"


{-| Maps to `-inset-y-1/2`:

    .-inset-y-1\/2 {
      top: -50%;
      bottom: -50%;
    }
-}
negInsetY1Over2 : Attribute msg
negInsetY1Over2 =
    class "-inset-y-1/2"


{-| Maps to `-inset-y-1/3`:

    .-inset-y-1\/3 {
      top: -33.333333%;
      bottom: -33.333333%;
    }
-}
negInsetY1Over3 : Attribute msg
negInsetY1Over3 =
    class "-inset-y-1/3"


{-| Maps to `-inset-y-2/3`:

    .-inset-y-2\/3 {
      top: -66.666667%;
      bottom: -66.666667%;
    }
-}
negInsetY2Over3 : Attribute msg
negInsetY2Over3 =
    class "-inset-y-2/3"


{-| Maps to `-inset-y-1/4`:

    .-inset-y-1\/4 {
      top: -25%;
      bottom: -25%;
    }
-}
negInsetY1Over4 : Attribute msg
negInsetY1Over4 =
    class "-inset-y-1/4"


{-| Maps to `-inset-y-2/4`:

    .-inset-y-2\/4 {
      top: -50%;
      bottom: -50%;
    }
-}
negInsetY2Over4 : Attribute msg
negInsetY2Over4 =
    class "-inset-y-2/4"


{-| Maps to `-inset-y-3/4`:

    .-inset-y-3\/4 {
      top: -75%;
      bottom: -75%;
    }
-}
negInsetY3Over4 : Attribute msg
negInsetY3Over4 =
    class "-inset-y-3/4"


{-| Maps to `-inset-y-full`:

    .-inset-y-full {
      top: -100%;
      bottom: -100%;
    }
-}
negInsetYFull : Attribute msg
negInsetYFull =
    class "-inset-y-full"


{-| Maps to `top-0`:

    .top-0 {
      top: 0;
    }
-}
top0 : Attribute msg
top0 =
    class "top-0"


{-| Maps to `top-1`:

    .top-1 {
      top: 0.25rem;
    }
-}
top1 : Attribute msg
top1 =
    class "top-1"


{-| Maps to `top-2`:

    .top-2 {
      top: 0.5rem;
    }
-}
top2 : Attribute msg
top2 =
    class "top-2"


{-| Maps to `top-3`:

    .top-3 {
      top: 0.75rem;
    }
-}
top3 : Attribute msg
top3 =
    class "top-3"


{-| Maps to `top-4`:

    .top-4 {
      top: 1rem;
    }
-}
top4 : Attribute msg
top4 =
    class "top-4"


{-| Maps to `top-5`:

    .top-5 {
      top: 1.25rem;
    }
-}
top5 : Attribute msg
top5 =
    class "top-5"


{-| Maps to `top-6`:

    .top-6 {
      top: 1.5rem;
    }
-}
top6 : Attribute msg
top6 =
    class "top-6"


{-| Maps to `top-7`:

    .top-7 {
      top: 1.75rem;
    }
-}
top7 : Attribute msg
top7 =
    class "top-7"


{-| Maps to `top-8`:

    .top-8 {
      top: 2rem;
    }
-}
top8 : Attribute msg
top8 =
    class "top-8"


{-| Maps to `top-9`:

    .top-9 {
      top: 2.25rem;
    }
-}
top9 : Attribute msg
top9 =
    class "top-9"


{-| Maps to `top-10`:

    .top-10 {
      top: 2.5rem;
    }
-}
top10 : Attribute msg
top10 =
    class "top-10"


{-| Maps to `top-11`:

    .top-11 {
      top: 2.75rem;
    }
-}
top11 : Attribute msg
top11 =
    class "top-11"


{-| Maps to `top-12`:

    .top-12 {
      top: 3rem;
    }
-}
top12 : Attribute msg
top12 =
    class "top-12"


{-| Maps to `top-14`:

    .top-14 {
      top: 3.5rem;
    }
-}
top14 : Attribute msg
top14 =
    class "top-14"


{-| Maps to `top-16`:

    .top-16 {
      top: 4rem;
    }
-}
top16 : Attribute msg
top16 =
    class "top-16"


{-| Maps to `top-20`:

    .top-20 {
      top: 5rem;
    }
-}
top20 : Attribute msg
top20 =
    class "top-20"


{-| Maps to `top-24`:

    .top-24 {
      top: 6rem;
    }
-}
top24 : Attribute msg
top24 =
    class "top-24"


{-| Maps to `top-28`:

    .top-28 {
      top: 7rem;
    }
-}
top28 : Attribute msg
top28 =
    class "top-28"


{-| Maps to `top-32`:

    .top-32 {
      top: 8rem;
    }
-}
top32 : Attribute msg
top32 =
    class "top-32"


{-| Maps to `top-36`:

    .top-36 {
      top: 9rem;
    }
-}
top36 : Attribute msg
top36 =
    class "top-36"


{-| Maps to `top-40`:

    .top-40 {
      top: 10rem;
    }
-}
top40 : Attribute msg
top40 =
    class "top-40"


{-| Maps to `top-44`:

    .top-44 {
      top: 11rem;
    }
-}
top44 : Attribute msg
top44 =
    class "top-44"


{-| Maps to `top-48`:

    .top-48 {
      top: 12rem;
    }
-}
top48 : Attribute msg
top48 =
    class "top-48"


{-| Maps to `top-52`:

    .top-52 {
      top: 13rem;
    }
-}
top52 : Attribute msg
top52 =
    class "top-52"


{-| Maps to `top-56`:

    .top-56 {
      top: 14rem;
    }
-}
top56 : Attribute msg
top56 =
    class "top-56"


{-| Maps to `top-60`:

    .top-60 {
      top: 15rem;
    }
-}
top60 : Attribute msg
top60 =
    class "top-60"


{-| Maps to `top-64`:

    .top-64 {
      top: 16rem;
    }
-}
top64 : Attribute msg
top64 =
    class "top-64"


{-| Maps to `top-72`:

    .top-72 {
      top: 18rem;
    }
-}
top72 : Attribute msg
top72 =
    class "top-72"


{-| Maps to `top-80`:

    .top-80 {
      top: 20rem;
    }
-}
top80 : Attribute msg
top80 =
    class "top-80"


{-| Maps to `top-96`:

    .top-96 {
      top: 24rem;
    }
-}
top96 : Attribute msg
top96 =
    class "top-96"


{-| Maps to `top-auto`:

    .top-auto {
      top: auto;
    }
-}
topAuto : Attribute msg
topAuto =
    class "top-auto"


{-| Maps to `top-px`:

    .top-px {
      top: 1px;
    }
-}
topPx : Attribute msg
topPx =
    class "top-px"


{-| Maps to `top-0.5`:

    .top-0\.5 {
      top: 0.125rem;
    }
-}
top0o5 : Attribute msg
top0o5 =
    class "top-0.5"


{-| Maps to `top-1.5`:

    .top-1\.5 {
      top: 0.375rem;
    }
-}
top1o5 : Attribute msg
top1o5 =
    class "top-1.5"


{-| Maps to `top-2.5`:

    .top-2\.5 {
      top: 0.625rem;
    }
-}
top2o5 : Attribute msg
top2o5 =
    class "top-2.5"


{-| Maps to `top-3.5`:

    .top-3\.5 {
      top: 0.875rem;
    }
-}
top3o5 : Attribute msg
top3o5 =
    class "top-3.5"


{-| Maps to `-top-0`:

    .-top-0 {
      top: 0;
    }
-}
negTop0 : Attribute msg
negTop0 =
    class "-top-0"


{-| Maps to `-top-1`:

    .-top-1 {
      top: -0.25rem;
    }
-}
negTop1 : Attribute msg
negTop1 =
    class "-top-1"


{-| Maps to `-top-2`:

    .-top-2 {
      top: -0.5rem;
    }
-}
negTop2 : Attribute msg
negTop2 =
    class "-top-2"


{-| Maps to `-top-3`:

    .-top-3 {
      top: -0.75rem;
    }
-}
negTop3 : Attribute msg
negTop3 =
    class "-top-3"


{-| Maps to `-top-4`:

    .-top-4 {
      top: -1rem;
    }
-}
negTop4 : Attribute msg
negTop4 =
    class "-top-4"


{-| Maps to `-top-5`:

    .-top-5 {
      top: -1.25rem;
    }
-}
negTop5 : Attribute msg
negTop5 =
    class "-top-5"


{-| Maps to `-top-6`:

    .-top-6 {
      top: -1.5rem;
    }
-}
negTop6 : Attribute msg
negTop6 =
    class "-top-6"


{-| Maps to `-top-7`:

    .-top-7 {
      top: -1.75rem;
    }
-}
negTop7 : Attribute msg
negTop7 =
    class "-top-7"


{-| Maps to `-top-8`:

    .-top-8 {
      top: -2rem;
    }
-}
negTop8 : Attribute msg
negTop8 =
    class "-top-8"


{-| Maps to `-top-9`:

    .-top-9 {
      top: -2.25rem;
    }
-}
negTop9 : Attribute msg
negTop9 =
    class "-top-9"


{-| Maps to `-top-10`:

    .-top-10 {
      top: -2.5rem;
    }
-}
negTop10 : Attribute msg
negTop10 =
    class "-top-10"


{-| Maps to `-top-11`:

    .-top-11 {
      top: -2.75rem;
    }
-}
negTop11 : Attribute msg
negTop11 =
    class "-top-11"


{-| Maps to `-top-12`:

    .-top-12 {
      top: -3rem;
    }
-}
negTop12 : Attribute msg
negTop12 =
    class "-top-12"


{-| Maps to `-top-14`:

    .-top-14 {
      top: -3.5rem;
    }
-}
negTop14 : Attribute msg
negTop14 =
    class "-top-14"


{-| Maps to `-top-16`:

    .-top-16 {
      top: -4rem;
    }
-}
negTop16 : Attribute msg
negTop16 =
    class "-top-16"


{-| Maps to `-top-20`:

    .-top-20 {
      top: -5rem;
    }
-}
negTop20 : Attribute msg
negTop20 =
    class "-top-20"


{-| Maps to `-top-24`:

    .-top-24 {
      top: -6rem;
    }
-}
negTop24 : Attribute msg
negTop24 =
    class "-top-24"


{-| Maps to `-top-28`:

    .-top-28 {
      top: -7rem;
    }
-}
negTop28 : Attribute msg
negTop28 =
    class "-top-28"


{-| Maps to `-top-32`:

    .-top-32 {
      top: -8rem;
    }
-}
negTop32 : Attribute msg
negTop32 =
    class "-top-32"


{-| Maps to `-top-36`:

    .-top-36 {
      top: -9rem;
    }
-}
negTop36 : Attribute msg
negTop36 =
    class "-top-36"


{-| Maps to `-top-40`:

    .-top-40 {
      top: -10rem;
    }
-}
negTop40 : Attribute msg
negTop40 =
    class "-top-40"


{-| Maps to `-top-44`:

    .-top-44 {
      top: -11rem;
    }
-}
negTop44 : Attribute msg
negTop44 =
    class "-top-44"


{-| Maps to `-top-48`:

    .-top-48 {
      top: -12rem;
    }
-}
negTop48 : Attribute msg
negTop48 =
    class "-top-48"


{-| Maps to `-top-52`:

    .-top-52 {
      top: -13rem;
    }
-}
negTop52 : Attribute msg
negTop52 =
    class "-top-52"


{-| Maps to `-top-56`:

    .-top-56 {
      top: -14rem;
    }
-}
negTop56 : Attribute msg
negTop56 =
    class "-top-56"


{-| Maps to `-top-60`:

    .-top-60 {
      top: -15rem;
    }
-}
negTop60 : Attribute msg
negTop60 =
    class "-top-60"


{-| Maps to `-top-64`:

    .-top-64 {
      top: -16rem;
    }
-}
negTop64 : Attribute msg
negTop64 =
    class "-top-64"


{-| Maps to `-top-72`:

    .-top-72 {
      top: -18rem;
    }
-}
negTop72 : Attribute msg
negTop72 =
    class "-top-72"


{-| Maps to `-top-80`:

    .-top-80 {
      top: -20rem;
    }
-}
negTop80 : Attribute msg
negTop80 =
    class "-top-80"


{-| Maps to `-top-96`:

    .-top-96 {
      top: -24rem;
    }
-}
negTop96 : Attribute msg
negTop96 =
    class "-top-96"


{-| Maps to `-top-px`:

    .-top-px {
      top: -1px;
    }
-}
negTopPx : Attribute msg
negTopPx =
    class "-top-px"


{-| Maps to `-top-0.5`:

    .-top-0\.5 {
      top: -0.125rem;
    }
-}
negTop0o5 : Attribute msg
negTop0o5 =
    class "-top-0.5"


{-| Maps to `-top-1.5`:

    .-top-1\.5 {
      top: -0.375rem;
    }
-}
negTop1o5 : Attribute msg
negTop1o5 =
    class "-top-1.5"


{-| Maps to `-top-2.5`:

    .-top-2\.5 {
      top: -0.625rem;
    }
-}
negTop2o5 : Attribute msg
negTop2o5 =
    class "-top-2.5"


{-| Maps to `-top-3.5`:

    .-top-3\.5 {
      top: -0.875rem;
    }
-}
negTop3o5 : Attribute msg
negTop3o5 =
    class "-top-3.5"


{-| Maps to `top-1/2`:

    .top-1\/2 {
      top: 50%;
    }
-}
top1Over2 : Attribute msg
top1Over2 =
    class "top-1/2"


{-| Maps to `top-1/3`:

    .top-1\/3 {
      top: 33.333333%;
    }
-}
top1Over3 : Attribute msg
top1Over3 =
    class "top-1/3"


{-| Maps to `top-2/3`:

    .top-2\/3 {
      top: 66.666667%;
    }
-}
top2Over3 : Attribute msg
top2Over3 =
    class "top-2/3"


{-| Maps to `top-1/4`:

    .top-1\/4 {
      top: 25%;
    }
-}
top1Over4 : Attribute msg
top1Over4 =
    class "top-1/4"


{-| Maps to `top-2/4`:

    .top-2\/4 {
      top: 50%;
    }
-}
top2Over4 : Attribute msg
top2Over4 =
    class "top-2/4"


{-| Maps to `top-3/4`:

    .top-3\/4 {
      top: 75%;
    }
-}
top3Over4 : Attribute msg
top3Over4 =
    class "top-3/4"


{-| Maps to `top-full`:

    .top-full {
      top: 100%;
    }
-}
topFull : Attribute msg
topFull =
    class "top-full"


{-| Maps to `-top-1/2`:

    .-top-1\/2 {
      top: -50%;
    }
-}
negTop1Over2 : Attribute msg
negTop1Over2 =
    class "-top-1/2"


{-| Maps to `-top-1/3`:

    .-top-1\/3 {
      top: -33.333333%;
    }
-}
negTop1Over3 : Attribute msg
negTop1Over3 =
    class "-top-1/3"


{-| Maps to `-top-2/3`:

    .-top-2\/3 {
      top: -66.666667%;
    }
-}
negTop2Over3 : Attribute msg
negTop2Over3 =
    class "-top-2/3"


{-| Maps to `-top-1/4`:

    .-top-1\/4 {
      top: -25%;
    }
-}
negTop1Over4 : Attribute msg
negTop1Over4 =
    class "-top-1/4"


{-| Maps to `-top-2/4`:

    .-top-2\/4 {
      top: -50%;
    }
-}
negTop2Over4 : Attribute msg
negTop2Over4 =
    class "-top-2/4"


{-| Maps to `-top-3/4`:

    .-top-3\/4 {
      top: -75%;
    }
-}
negTop3Over4 : Attribute msg
negTop3Over4 =
    class "-top-3/4"


{-| Maps to `-top-full`:

    .-top-full {
      top: -100%;
    }
-}
negTopFull : Attribute msg
negTopFull =
    class "-top-full"


{-| Maps to `right-0`:

    .right-0 {
      right: 0;
    }
-}
right0 : Attribute msg
right0 =
    class "right-0"


{-| Maps to `right-1`:

    .right-1 {
      right: 0.25rem;
    }
-}
right1 : Attribute msg
right1 =
    class "right-1"


{-| Maps to `right-2`:

    .right-2 {
      right: 0.5rem;
    }
-}
right2 : Attribute msg
right2 =
    class "right-2"


{-| Maps to `right-3`:

    .right-3 {
      right: 0.75rem;
    }
-}
right3 : Attribute msg
right3 =
    class "right-3"


{-| Maps to `right-4`:

    .right-4 {
      right: 1rem;
    }
-}
right4 : Attribute msg
right4 =
    class "right-4"


{-| Maps to `right-5`:

    .right-5 {
      right: 1.25rem;
    }
-}
right5 : Attribute msg
right5 =
    class "right-5"


{-| Maps to `right-6`:

    .right-6 {
      right: 1.5rem;
    }
-}
right6 : Attribute msg
right6 =
    class "right-6"


{-| Maps to `right-7`:

    .right-7 {
      right: 1.75rem;
    }
-}
right7 : Attribute msg
right7 =
    class "right-7"


{-| Maps to `right-8`:

    .right-8 {
      right: 2rem;
    }
-}
right8 : Attribute msg
right8 =
    class "right-8"


{-| Maps to `right-9`:

    .right-9 {
      right: 2.25rem;
    }
-}
right9 : Attribute msg
right9 =
    class "right-9"


{-| Maps to `right-10`:

    .right-10 {
      right: 2.5rem;
    }
-}
right10 : Attribute msg
right10 =
    class "right-10"


{-| Maps to `right-11`:

    .right-11 {
      right: 2.75rem;
    }
-}
right11 : Attribute msg
right11 =
    class "right-11"


{-| Maps to `right-12`:

    .right-12 {
      right: 3rem;
    }
-}
right12 : Attribute msg
right12 =
    class "right-12"


{-| Maps to `right-14`:

    .right-14 {
      right: 3.5rem;
    }
-}
right14 : Attribute msg
right14 =
    class "right-14"


{-| Maps to `right-16`:

    .right-16 {
      right: 4rem;
    }
-}
right16 : Attribute msg
right16 =
    class "right-16"


{-| Maps to `right-20`:

    .right-20 {
      right: 5rem;
    }
-}
right20 : Attribute msg
right20 =
    class "right-20"


{-| Maps to `right-24`:

    .right-24 {
      right: 6rem;
    }
-}
right24 : Attribute msg
right24 =
    class "right-24"


{-| Maps to `right-28`:

    .right-28 {
      right: 7rem;
    }
-}
right28 : Attribute msg
right28 =
    class "right-28"


{-| Maps to `right-32`:

    .right-32 {
      right: 8rem;
    }
-}
right32 : Attribute msg
right32 =
    class "right-32"


{-| Maps to `right-36`:

    .right-36 {
      right: 9rem;
    }
-}
right36 : Attribute msg
right36 =
    class "right-36"


{-| Maps to `right-40`:

    .right-40 {
      right: 10rem;
    }
-}
right40 : Attribute msg
right40 =
    class "right-40"


{-| Maps to `right-44`:

    .right-44 {
      right: 11rem;
    }
-}
right44 : Attribute msg
right44 =
    class "right-44"


{-| Maps to `right-48`:

    .right-48 {
      right: 12rem;
    }
-}
right48 : Attribute msg
right48 =
    class "right-48"


{-| Maps to `right-52`:

    .right-52 {
      right: 13rem;
    }
-}
right52 : Attribute msg
right52 =
    class "right-52"


{-| Maps to `right-56`:

    .right-56 {
      right: 14rem;
    }
-}
right56 : Attribute msg
right56 =
    class "right-56"


{-| Maps to `right-60`:

    .right-60 {
      right: 15rem;
    }
-}
right60 : Attribute msg
right60 =
    class "right-60"


{-| Maps to `right-64`:

    .right-64 {
      right: 16rem;
    }
-}
right64 : Attribute msg
right64 =
    class "right-64"


{-| Maps to `right-72`:

    .right-72 {
      right: 18rem;
    }
-}
right72 : Attribute msg
right72 =
    class "right-72"


{-| Maps to `right-80`:

    .right-80 {
      right: 20rem;
    }
-}
right80 : Attribute msg
right80 =
    class "right-80"


{-| Maps to `right-96`:

    .right-96 {
      right: 24rem;
    }
-}
right96 : Attribute msg
right96 =
    class "right-96"


{-| Maps to `right-auto`:

    .right-auto {
      right: auto;
    }
-}
rightAuto : Attribute msg
rightAuto =
    class "right-auto"


{-| Maps to `right-px`:

    .right-px {
      right: 1px;
    }
-}
rightPx : Attribute msg
rightPx =
    class "right-px"


{-| Maps to `right-0.5`:

    .right-0\.5 {
      right: 0.125rem;
    }
-}
right0o5 : Attribute msg
right0o5 =
    class "right-0.5"


{-| Maps to `right-1.5`:

    .right-1\.5 {
      right: 0.375rem;
    }
-}
right1o5 : Attribute msg
right1o5 =
    class "right-1.5"


{-| Maps to `right-2.5`:

    .right-2\.5 {
      right: 0.625rem;
    }
-}
right2o5 : Attribute msg
right2o5 =
    class "right-2.5"


{-| Maps to `right-3.5`:

    .right-3\.5 {
      right: 0.875rem;
    }
-}
right3o5 : Attribute msg
right3o5 =
    class "right-3.5"


{-| Maps to `-right-0`:

    .-right-0 {
      right: 0;
    }
-}
negRight0 : Attribute msg
negRight0 =
    class "-right-0"


{-| Maps to `-right-1`:

    .-right-1 {
      right: -0.25rem;
    }
-}
negRight1 : Attribute msg
negRight1 =
    class "-right-1"


{-| Maps to `-right-2`:

    .-right-2 {
      right: -0.5rem;
    }
-}
negRight2 : Attribute msg
negRight2 =
    class "-right-2"


{-| Maps to `-right-3`:

    .-right-3 {
      right: -0.75rem;
    }
-}
negRight3 : Attribute msg
negRight3 =
    class "-right-3"


{-| Maps to `-right-4`:

    .-right-4 {
      right: -1rem;
    }
-}
negRight4 : Attribute msg
negRight4 =
    class "-right-4"


{-| Maps to `-right-5`:

    .-right-5 {
      right: -1.25rem;
    }
-}
negRight5 : Attribute msg
negRight5 =
    class "-right-5"


{-| Maps to `-right-6`:

    .-right-6 {
      right: -1.5rem;
    }
-}
negRight6 : Attribute msg
negRight6 =
    class "-right-6"


{-| Maps to `-right-7`:

    .-right-7 {
      right: -1.75rem;
    }
-}
negRight7 : Attribute msg
negRight7 =
    class "-right-7"


{-| Maps to `-right-8`:

    .-right-8 {
      right: -2rem;
    }
-}
negRight8 : Attribute msg
negRight8 =
    class "-right-8"


{-| Maps to `-right-9`:

    .-right-9 {
      right: -2.25rem;
    }
-}
negRight9 : Attribute msg
negRight9 =
    class "-right-9"


{-| Maps to `-right-10`:

    .-right-10 {
      right: -2.5rem;
    }
-}
negRight10 : Attribute msg
negRight10 =
    class "-right-10"


{-| Maps to `-right-11`:

    .-right-11 {
      right: -2.75rem;
    }
-}
negRight11 : Attribute msg
negRight11 =
    class "-right-11"


{-| Maps to `-right-12`:

    .-right-12 {
      right: -3rem;
    }
-}
negRight12 : Attribute msg
negRight12 =
    class "-right-12"


{-| Maps to `-right-14`:

    .-right-14 {
      right: -3.5rem;
    }
-}
negRight14 : Attribute msg
negRight14 =
    class "-right-14"


{-| Maps to `-right-16`:

    .-right-16 {
      right: -4rem;
    }
-}
negRight16 : Attribute msg
negRight16 =
    class "-right-16"


{-| Maps to `-right-20`:

    .-right-20 {
      right: -5rem;
    }
-}
negRight20 : Attribute msg
negRight20 =
    class "-right-20"


{-| Maps to `-right-24`:

    .-right-24 {
      right: -6rem;
    }
-}
negRight24 : Attribute msg
negRight24 =
    class "-right-24"


{-| Maps to `-right-28`:

    .-right-28 {
      right: -7rem;
    }
-}
negRight28 : Attribute msg
negRight28 =
    class "-right-28"


{-| Maps to `-right-32`:

    .-right-32 {
      right: -8rem;
    }
-}
negRight32 : Attribute msg
negRight32 =
    class "-right-32"


{-| Maps to `-right-36`:

    .-right-36 {
      right: -9rem;
    }
-}
negRight36 : Attribute msg
negRight36 =
    class "-right-36"


{-| Maps to `-right-40`:

    .-right-40 {
      right: -10rem;
    }
-}
negRight40 : Attribute msg
negRight40 =
    class "-right-40"


{-| Maps to `-right-44`:

    .-right-44 {
      right: -11rem;
    }
-}
negRight44 : Attribute msg
negRight44 =
    class "-right-44"


{-| Maps to `-right-48`:

    .-right-48 {
      right: -12rem;
    }
-}
negRight48 : Attribute msg
negRight48 =
    class "-right-48"


{-| Maps to `-right-52`:

    .-right-52 {
      right: -13rem;
    }
-}
negRight52 : Attribute msg
negRight52 =
    class "-right-52"


{-| Maps to `-right-56`:

    .-right-56 {
      right: -14rem;
    }
-}
negRight56 : Attribute msg
negRight56 =
    class "-right-56"


{-| Maps to `-right-60`:

    .-right-60 {
      right: -15rem;
    }
-}
negRight60 : Attribute msg
negRight60 =
    class "-right-60"


{-| Maps to `-right-64`:

    .-right-64 {
      right: -16rem;
    }
-}
negRight64 : Attribute msg
negRight64 =
    class "-right-64"


{-| Maps to `-right-72`:

    .-right-72 {
      right: -18rem;
    }
-}
negRight72 : Attribute msg
negRight72 =
    class "-right-72"


{-| Maps to `-right-80`:

    .-right-80 {
      right: -20rem;
    }
-}
negRight80 : Attribute msg
negRight80 =
    class "-right-80"


{-| Maps to `-right-96`:

    .-right-96 {
      right: -24rem;
    }
-}
negRight96 : Attribute msg
negRight96 =
    class "-right-96"


{-| Maps to `-right-px`:

    .-right-px {
      right: -1px;
    }
-}
negRightPx : Attribute msg
negRightPx =
    class "-right-px"


{-| Maps to `-right-0.5`:

    .-right-0\.5 {
      right: -0.125rem;
    }
-}
negRight0o5 : Attribute msg
negRight0o5 =
    class "-right-0.5"


{-| Maps to `-right-1.5`:

    .-right-1\.5 {
      right: -0.375rem;
    }
-}
negRight1o5 : Attribute msg
negRight1o5 =
    class "-right-1.5"


{-| Maps to `-right-2.5`:

    .-right-2\.5 {
      right: -0.625rem;
    }
-}
negRight2o5 : Attribute msg
negRight2o5 =
    class "-right-2.5"


{-| Maps to `-right-3.5`:

    .-right-3\.5 {
      right: -0.875rem;
    }
-}
negRight3o5 : Attribute msg
negRight3o5 =
    class "-right-3.5"


{-| Maps to `right-1/2`:

    .right-1\/2 {
      right: 50%;
    }
-}
right1Over2 : Attribute msg
right1Over2 =
    class "right-1/2"


{-| Maps to `right-1/3`:

    .right-1\/3 {
      right: 33.333333%;
    }
-}
right1Over3 : Attribute msg
right1Over3 =
    class "right-1/3"


{-| Maps to `right-2/3`:

    .right-2\/3 {
      right: 66.666667%;
    }
-}
right2Over3 : Attribute msg
right2Over3 =
    class "right-2/3"


{-| Maps to `right-1/4`:

    .right-1\/4 {
      right: 25%;
    }
-}
right1Over4 : Attribute msg
right1Over4 =
    class "right-1/4"


{-| Maps to `right-2/4`:

    .right-2\/4 {
      right: 50%;
    }
-}
right2Over4 : Attribute msg
right2Over4 =
    class "right-2/4"


{-| Maps to `right-3/4`:

    .right-3\/4 {
      right: 75%;
    }
-}
right3Over4 : Attribute msg
right3Over4 =
    class "right-3/4"


{-| Maps to `right-full`:

    .right-full {
      right: 100%;
    }
-}
rightFull : Attribute msg
rightFull =
    class "right-full"


{-| Maps to `-right-1/2`:

    .-right-1\/2 {
      right: -50%;
    }
-}
negRight1Over2 : Attribute msg
negRight1Over2 =
    class "-right-1/2"


{-| Maps to `-right-1/3`:

    .-right-1\/3 {
      right: -33.333333%;
    }
-}
negRight1Over3 : Attribute msg
negRight1Over3 =
    class "-right-1/3"


{-| Maps to `-right-2/3`:

    .-right-2\/3 {
      right: -66.666667%;
    }
-}
negRight2Over3 : Attribute msg
negRight2Over3 =
    class "-right-2/3"


{-| Maps to `-right-1/4`:

    .-right-1\/4 {
      right: -25%;
    }
-}
negRight1Over4 : Attribute msg
negRight1Over4 =
    class "-right-1/4"


{-| Maps to `-right-2/4`:

    .-right-2\/4 {
      right: -50%;
    }
-}
negRight2Over4 : Attribute msg
negRight2Over4 =
    class "-right-2/4"


{-| Maps to `-right-3/4`:

    .-right-3\/4 {
      right: -75%;
    }
-}
negRight3Over4 : Attribute msg
negRight3Over4 =
    class "-right-3/4"


{-| Maps to `-right-full`:

    .-right-full {
      right: -100%;
    }
-}
negRightFull : Attribute msg
negRightFull =
    class "-right-full"


{-| Maps to `bottom-0`:

    .bottom-0 {
      bottom: 0;
    }
-}
bottom0 : Attribute msg
bottom0 =
    class "bottom-0"


{-| Maps to `bottom-1`:

    .bottom-1 {
      bottom: 0.25rem;
    }
-}
bottom1 : Attribute msg
bottom1 =
    class "bottom-1"


{-| Maps to `bottom-2`:

    .bottom-2 {
      bottom: 0.5rem;
    }
-}
bottom2 : Attribute msg
bottom2 =
    class "bottom-2"


{-| Maps to `bottom-3`:

    .bottom-3 {
      bottom: 0.75rem;
    }
-}
bottom3 : Attribute msg
bottom3 =
    class "bottom-3"


{-| Maps to `bottom-4`:

    .bottom-4 {
      bottom: 1rem;
    }
-}
bottom4 : Attribute msg
bottom4 =
    class "bottom-4"


{-| Maps to `bottom-5`:

    .bottom-5 {
      bottom: 1.25rem;
    }
-}
bottom5 : Attribute msg
bottom5 =
    class "bottom-5"


{-| Maps to `bottom-6`:

    .bottom-6 {
      bottom: 1.5rem;
    }
-}
bottom6 : Attribute msg
bottom6 =
    class "bottom-6"


{-| Maps to `bottom-7`:

    .bottom-7 {
      bottom: 1.75rem;
    }
-}
bottom7 : Attribute msg
bottom7 =
    class "bottom-7"


{-| Maps to `bottom-8`:

    .bottom-8 {
      bottom: 2rem;
    }
-}
bottom8 : Attribute msg
bottom8 =
    class "bottom-8"


{-| Maps to `bottom-9`:

    .bottom-9 {
      bottom: 2.25rem;
    }
-}
bottom9 : Attribute msg
bottom9 =
    class "bottom-9"


{-| Maps to `bottom-10`:

    .bottom-10 {
      bottom: 2.5rem;
    }
-}
bottom10 : Attribute msg
bottom10 =
    class "bottom-10"


{-| Maps to `bottom-11`:

    .bottom-11 {
      bottom: 2.75rem;
    }
-}
bottom11 : Attribute msg
bottom11 =
    class "bottom-11"


{-| Maps to `bottom-12`:

    .bottom-12 {
      bottom: 3rem;
    }
-}
bottom12 : Attribute msg
bottom12 =
    class "bottom-12"


{-| Maps to `bottom-14`:

    .bottom-14 {
      bottom: 3.5rem;
    }
-}
bottom14 : Attribute msg
bottom14 =
    class "bottom-14"


{-| Maps to `bottom-16`:

    .bottom-16 {
      bottom: 4rem;
    }
-}
bottom16 : Attribute msg
bottom16 =
    class "bottom-16"


{-| Maps to `bottom-20`:

    .bottom-20 {
      bottom: 5rem;
    }
-}
bottom20 : Attribute msg
bottom20 =
    class "bottom-20"


{-| Maps to `bottom-24`:

    .bottom-24 {
      bottom: 6rem;
    }
-}
bottom24 : Attribute msg
bottom24 =
    class "bottom-24"


{-| Maps to `bottom-28`:

    .bottom-28 {
      bottom: 7rem;
    }
-}
bottom28 : Attribute msg
bottom28 =
    class "bottom-28"


{-| Maps to `bottom-32`:

    .bottom-32 {
      bottom: 8rem;
    }
-}
bottom32 : Attribute msg
bottom32 =
    class "bottom-32"


{-| Maps to `bottom-36`:

    .bottom-36 {
      bottom: 9rem;
    }
-}
bottom36 : Attribute msg
bottom36 =
    class "bottom-36"


{-| Maps to `bottom-40`:

    .bottom-40 {
      bottom: 10rem;
    }
-}
bottom40 : Attribute msg
bottom40 =
    class "bottom-40"


{-| Maps to `bottom-44`:

    .bottom-44 {
      bottom: 11rem;
    }
-}
bottom44 : Attribute msg
bottom44 =
    class "bottom-44"


{-| Maps to `bottom-48`:

    .bottom-48 {
      bottom: 12rem;
    }
-}
bottom48 : Attribute msg
bottom48 =
    class "bottom-48"


{-| Maps to `bottom-52`:

    .bottom-52 {
      bottom: 13rem;
    }
-}
bottom52 : Attribute msg
bottom52 =
    class "bottom-52"


{-| Maps to `bottom-56`:

    .bottom-56 {
      bottom: 14rem;
    }
-}
bottom56 : Attribute msg
bottom56 =
    class "bottom-56"


{-| Maps to `bottom-60`:

    .bottom-60 {
      bottom: 15rem;
    }
-}
bottom60 : Attribute msg
bottom60 =
    class "bottom-60"


{-| Maps to `bottom-64`:

    .bottom-64 {
      bottom: 16rem;
    }
-}
bottom64 : Attribute msg
bottom64 =
    class "bottom-64"


{-| Maps to `bottom-72`:

    .bottom-72 {
      bottom: 18rem;
    }
-}
bottom72 : Attribute msg
bottom72 =
    class "bottom-72"


{-| Maps to `bottom-80`:

    .bottom-80 {
      bottom: 20rem;
    }
-}
bottom80 : Attribute msg
bottom80 =
    class "bottom-80"


{-| Maps to `bottom-96`:

    .bottom-96 {
      bottom: 24rem;
    }
-}
bottom96 : Attribute msg
bottom96 =
    class "bottom-96"


{-| Maps to `bottom-auto`:

    .bottom-auto {
      bottom: auto;
    }
-}
bottomAuto : Attribute msg
bottomAuto =
    class "bottom-auto"


{-| Maps to `bottom-px`:

    .bottom-px {
      bottom: 1px;
    }
-}
bottomPx : Attribute msg
bottomPx =
    class "bottom-px"


{-| Maps to `bottom-0.5`:

    .bottom-0\.5 {
      bottom: 0.125rem;
    }
-}
bottom0o5 : Attribute msg
bottom0o5 =
    class "bottom-0.5"


{-| Maps to `bottom-1.5`:

    .bottom-1\.5 {
      bottom: 0.375rem;
    }
-}
bottom1o5 : Attribute msg
bottom1o5 =
    class "bottom-1.5"


{-| Maps to `bottom-2.5`:

    .bottom-2\.5 {
      bottom: 0.625rem;
    }
-}
bottom2o5 : Attribute msg
bottom2o5 =
    class "bottom-2.5"


{-| Maps to `bottom-3.5`:

    .bottom-3\.5 {
      bottom: 0.875rem;
    }
-}
bottom3o5 : Attribute msg
bottom3o5 =
    class "bottom-3.5"


{-| Maps to `-bottom-0`:

    .-bottom-0 {
      bottom: 0;
    }
-}
negBottom0 : Attribute msg
negBottom0 =
    class "-bottom-0"


{-| Maps to `-bottom-1`:

    .-bottom-1 {
      bottom: -0.25rem;
    }
-}
negBottom1 : Attribute msg
negBottom1 =
    class "-bottom-1"


{-| Maps to `-bottom-2`:

    .-bottom-2 {
      bottom: -0.5rem;
    }
-}
negBottom2 : Attribute msg
negBottom2 =
    class "-bottom-2"


{-| Maps to `-bottom-3`:

    .-bottom-3 {
      bottom: -0.75rem;
    }
-}
negBottom3 : Attribute msg
negBottom3 =
    class "-bottom-3"


{-| Maps to `-bottom-4`:

    .-bottom-4 {
      bottom: -1rem;
    }
-}
negBottom4 : Attribute msg
negBottom4 =
    class "-bottom-4"


{-| Maps to `-bottom-5`:

    .-bottom-5 {
      bottom: -1.25rem;
    }
-}
negBottom5 : Attribute msg
negBottom5 =
    class "-bottom-5"


{-| Maps to `-bottom-6`:

    .-bottom-6 {
      bottom: -1.5rem;
    }
-}
negBottom6 : Attribute msg
negBottom6 =
    class "-bottom-6"


{-| Maps to `-bottom-7`:

    .-bottom-7 {
      bottom: -1.75rem;
    }
-}
negBottom7 : Attribute msg
negBottom7 =
    class "-bottom-7"


{-| Maps to `-bottom-8`:

    .-bottom-8 {
      bottom: -2rem;
    }
-}
negBottom8 : Attribute msg
negBottom8 =
    class "-bottom-8"


{-| Maps to `-bottom-9`:

    .-bottom-9 {
      bottom: -2.25rem;
    }
-}
negBottom9 : Attribute msg
negBottom9 =
    class "-bottom-9"


{-| Maps to `-bottom-10`:

    .-bottom-10 {
      bottom: -2.5rem;
    }
-}
negBottom10 : Attribute msg
negBottom10 =
    class "-bottom-10"


{-| Maps to `-bottom-11`:

    .-bottom-11 {
      bottom: -2.75rem;
    }
-}
negBottom11 : Attribute msg
negBottom11 =
    class "-bottom-11"


{-| Maps to `-bottom-12`:

    .-bottom-12 {
      bottom: -3rem;
    }
-}
negBottom12 : Attribute msg
negBottom12 =
    class "-bottom-12"


{-| Maps to `-bottom-14`:

    .-bottom-14 {
      bottom: -3.5rem;
    }
-}
negBottom14 : Attribute msg
negBottom14 =
    class "-bottom-14"


{-| Maps to `-bottom-16`:

    .-bottom-16 {
      bottom: -4rem;
    }
-}
negBottom16 : Attribute msg
negBottom16 =
    class "-bottom-16"


{-| Maps to `-bottom-20`:

    .-bottom-20 {
      bottom: -5rem;
    }
-}
negBottom20 : Attribute msg
negBottom20 =
    class "-bottom-20"


{-| Maps to `-bottom-24`:

    .-bottom-24 {
      bottom: -6rem;
    }
-}
negBottom24 : Attribute msg
negBottom24 =
    class "-bottom-24"


{-| Maps to `-bottom-28`:

    .-bottom-28 {
      bottom: -7rem;
    }
-}
negBottom28 : Attribute msg
negBottom28 =
    class "-bottom-28"


{-| Maps to `-bottom-32`:

    .-bottom-32 {
      bottom: -8rem;
    }
-}
negBottom32 : Attribute msg
negBottom32 =
    class "-bottom-32"


{-| Maps to `-bottom-36`:

    .-bottom-36 {
      bottom: -9rem;
    }
-}
negBottom36 : Attribute msg
negBottom36 =
    class "-bottom-36"


{-| Maps to `-bottom-40`:

    .-bottom-40 {
      bottom: -10rem;
    }
-}
negBottom40 : Attribute msg
negBottom40 =
    class "-bottom-40"


{-| Maps to `-bottom-44`:

    .-bottom-44 {
      bottom: -11rem;
    }
-}
negBottom44 : Attribute msg
negBottom44 =
    class "-bottom-44"


{-| Maps to `-bottom-48`:

    .-bottom-48 {
      bottom: -12rem;
    }
-}
negBottom48 : Attribute msg
negBottom48 =
    class "-bottom-48"


{-| Maps to `-bottom-52`:

    .-bottom-52 {
      bottom: -13rem;
    }
-}
negBottom52 : Attribute msg
negBottom52 =
    class "-bottom-52"


{-| Maps to `-bottom-56`:

    .-bottom-56 {
      bottom: -14rem;
    }
-}
negBottom56 : Attribute msg
negBottom56 =
    class "-bottom-56"


{-| Maps to `-bottom-60`:

    .-bottom-60 {
      bottom: -15rem;
    }
-}
negBottom60 : Attribute msg
negBottom60 =
    class "-bottom-60"


{-| Maps to `-bottom-64`:

    .-bottom-64 {
      bottom: -16rem;
    }
-}
negBottom64 : Attribute msg
negBottom64 =
    class "-bottom-64"


{-| Maps to `-bottom-72`:

    .-bottom-72 {
      bottom: -18rem;
    }
-}
negBottom72 : Attribute msg
negBottom72 =
    class "-bottom-72"


{-| Maps to `-bottom-80`:

    .-bottom-80 {
      bottom: -20rem;
    }
-}
negBottom80 : Attribute msg
negBottom80 =
    class "-bottom-80"


{-| Maps to `-bottom-96`:

    .-bottom-96 {
      bottom: -24rem;
    }
-}
negBottom96 : Attribute msg
negBottom96 =
    class "-bottom-96"


{-| Maps to `-bottom-px`:

    .-bottom-px {
      bottom: -1px;
    }
-}
negBottomPx : Attribute msg
negBottomPx =
    class "-bottom-px"


{-| Maps to `-bottom-0.5`:

    .-bottom-0\.5 {
      bottom: -0.125rem;
    }
-}
negBottom0o5 : Attribute msg
negBottom0o5 =
    class "-bottom-0.5"


{-| Maps to `-bottom-1.5`:

    .-bottom-1\.5 {
      bottom: -0.375rem;
    }
-}
negBottom1o5 : Attribute msg
negBottom1o5 =
    class "-bottom-1.5"


{-| Maps to `-bottom-2.5`:

    .-bottom-2\.5 {
      bottom: -0.625rem;
    }
-}
negBottom2o5 : Attribute msg
negBottom2o5 =
    class "-bottom-2.5"


{-| Maps to `-bottom-3.5`:

    .-bottom-3\.5 {
      bottom: -0.875rem;
    }
-}
negBottom3o5 : Attribute msg
negBottom3o5 =
    class "-bottom-3.5"


{-| Maps to `bottom-1/2`:

    .bottom-1\/2 {
      bottom: 50%;
    }
-}
bottom1Over2 : Attribute msg
bottom1Over2 =
    class "bottom-1/2"


{-| Maps to `bottom-1/3`:

    .bottom-1\/3 {
      bottom: 33.333333%;
    }
-}
bottom1Over3 : Attribute msg
bottom1Over3 =
    class "bottom-1/3"


{-| Maps to `bottom-2/3`:

    .bottom-2\/3 {
      bottom: 66.666667%;
    }
-}
bottom2Over3 : Attribute msg
bottom2Over3 =
    class "bottom-2/3"


{-| Maps to `bottom-1/4`:

    .bottom-1\/4 {
      bottom: 25%;
    }
-}
bottom1Over4 : Attribute msg
bottom1Over4 =
    class "bottom-1/4"


{-| Maps to `bottom-2/4`:

    .bottom-2\/4 {
      bottom: 50%;
    }
-}
bottom2Over4 : Attribute msg
bottom2Over4 =
    class "bottom-2/4"


{-| Maps to `bottom-3/4`:

    .bottom-3\/4 {
      bottom: 75%;
    }
-}
bottom3Over4 : Attribute msg
bottom3Over4 =
    class "bottom-3/4"


{-| Maps to `bottom-full`:

    .bottom-full {
      bottom: 100%;
    }
-}
bottomFull : Attribute msg
bottomFull =
    class "bottom-full"


{-| Maps to `-bottom-1/2`:

    .-bottom-1\/2 {
      bottom: -50%;
    }
-}
negBottom1Over2 : Attribute msg
negBottom1Over2 =
    class "-bottom-1/2"


{-| Maps to `-bottom-1/3`:

    .-bottom-1\/3 {
      bottom: -33.333333%;
    }
-}
negBottom1Over3 : Attribute msg
negBottom1Over3 =
    class "-bottom-1/3"


{-| Maps to `-bottom-2/3`:

    .-bottom-2\/3 {
      bottom: -66.666667%;
    }
-}
negBottom2Over3 : Attribute msg
negBottom2Over3 =
    class "-bottom-2/3"


{-| Maps to `-bottom-1/4`:

    .-bottom-1\/4 {
      bottom: -25%;
    }
-}
negBottom1Over4 : Attribute msg
negBottom1Over4 =
    class "-bottom-1/4"


{-| Maps to `-bottom-2/4`:

    .-bottom-2\/4 {
      bottom: -50%;
    }
-}
negBottom2Over4 : Attribute msg
negBottom2Over4 =
    class "-bottom-2/4"


{-| Maps to `-bottom-3/4`:

    .-bottom-3\/4 {
      bottom: -75%;
    }
-}
negBottom3Over4 : Attribute msg
negBottom3Over4 =
    class "-bottom-3/4"


{-| Maps to `-bottom-full`:

    .-bottom-full {
      bottom: -100%;
    }
-}
negBottomFull : Attribute msg
negBottomFull =
    class "-bottom-full"


{-| Maps to `left-0`:

    .left-0 {
      left: 0;
    }
-}
left0 : Attribute msg
left0 =
    class "left-0"


{-| Maps to `left-1`:

    .left-1 {
      left: 0.25rem;
    }
-}
left1 : Attribute msg
left1 =
    class "left-1"


{-| Maps to `left-2`:

    .left-2 {
      left: 0.5rem;
    }
-}
left2 : Attribute msg
left2 =
    class "left-2"


{-| Maps to `left-3`:

    .left-3 {
      left: 0.75rem;
    }
-}
left3 : Attribute msg
left3 =
    class "left-3"


{-| Maps to `left-4`:

    .left-4 {
      left: 1rem;
    }
-}
left4 : Attribute msg
left4 =
    class "left-4"


{-| Maps to `left-5`:

    .left-5 {
      left: 1.25rem;
    }
-}
left5 : Attribute msg
left5 =
    class "left-5"


{-| Maps to `left-6`:

    .left-6 {
      left: 1.5rem;
    }
-}
left6 : Attribute msg
left6 =
    class "left-6"


{-| Maps to `left-7`:

    .left-7 {
      left: 1.75rem;
    }
-}
left7 : Attribute msg
left7 =
    class "left-7"


{-| Maps to `left-8`:

    .left-8 {
      left: 2rem;
    }
-}
left8 : Attribute msg
left8 =
    class "left-8"


{-| Maps to `left-9`:

    .left-9 {
      left: 2.25rem;
    }
-}
left9 : Attribute msg
left9 =
    class "left-9"


{-| Maps to `left-10`:

    .left-10 {
      left: 2.5rem;
    }
-}
left10 : Attribute msg
left10 =
    class "left-10"


{-| Maps to `left-11`:

    .left-11 {
      left: 2.75rem;
    }
-}
left11 : Attribute msg
left11 =
    class "left-11"


{-| Maps to `left-12`:

    .left-12 {
      left: 3rem;
    }
-}
left12 : Attribute msg
left12 =
    class "left-12"


{-| Maps to `left-14`:

    .left-14 {
      left: 3.5rem;
    }
-}
left14 : Attribute msg
left14 =
    class "left-14"


{-| Maps to `left-16`:

    .left-16 {
      left: 4rem;
    }
-}
left16 : Attribute msg
left16 =
    class "left-16"


{-| Maps to `left-20`:

    .left-20 {
      left: 5rem;
    }
-}
left20 : Attribute msg
left20 =
    class "left-20"


{-| Maps to `left-24`:

    .left-24 {
      left: 6rem;
    }
-}
left24 : Attribute msg
left24 =
    class "left-24"


{-| Maps to `left-28`:

    .left-28 {
      left: 7rem;
    }
-}
left28 : Attribute msg
left28 =
    class "left-28"


{-| Maps to `left-32`:

    .left-32 {
      left: 8rem;
    }
-}
left32 : Attribute msg
left32 =
    class "left-32"


{-| Maps to `left-36`:

    .left-36 {
      left: 9rem;
    }
-}
left36 : Attribute msg
left36 =
    class "left-36"


{-| Maps to `left-40`:

    .left-40 {
      left: 10rem;
    }
-}
left40 : Attribute msg
left40 =
    class "left-40"


{-| Maps to `left-44`:

    .left-44 {
      left: 11rem;
    }
-}
left44 : Attribute msg
left44 =
    class "left-44"


{-| Maps to `left-48`:

    .left-48 {
      left: 12rem;
    }
-}
left48 : Attribute msg
left48 =
    class "left-48"


{-| Maps to `left-52`:

    .left-52 {
      left: 13rem;
    }
-}
left52 : Attribute msg
left52 =
    class "left-52"


{-| Maps to `left-56`:

    .left-56 {
      left: 14rem;
    }
-}
left56 : Attribute msg
left56 =
    class "left-56"


{-| Maps to `left-60`:

    .left-60 {
      left: 15rem;
    }
-}
left60 : Attribute msg
left60 =
    class "left-60"


{-| Maps to `left-64`:

    .left-64 {
      left: 16rem;
    }
-}
left64 : Attribute msg
left64 =
    class "left-64"


{-| Maps to `left-72`:

    .left-72 {
      left: 18rem;
    }
-}
left72 : Attribute msg
left72 =
    class "left-72"


{-| Maps to `left-80`:

    .left-80 {
      left: 20rem;
    }
-}
left80 : Attribute msg
left80 =
    class "left-80"


{-| Maps to `left-96`:

    .left-96 {
      left: 24rem;
    }
-}
left96 : Attribute msg
left96 =
    class "left-96"


{-| Maps to `left-auto`:

    .left-auto {
      left: auto;
    }
-}
leftAuto : Attribute msg
leftAuto =
    class "left-auto"


{-| Maps to `left-px`:

    .left-px {
      left: 1px;
    }
-}
leftPx : Attribute msg
leftPx =
    class "left-px"


{-| Maps to `left-0.5`:

    .left-0\.5 {
      left: 0.125rem;
    }
-}
left0o5 : Attribute msg
left0o5 =
    class "left-0.5"


{-| Maps to `left-1.5`:

    .left-1\.5 {
      left: 0.375rem;
    }
-}
left1o5 : Attribute msg
left1o5 =
    class "left-1.5"


{-| Maps to `left-2.5`:

    .left-2\.5 {
      left: 0.625rem;
    }
-}
left2o5 : Attribute msg
left2o5 =
    class "left-2.5"


{-| Maps to `left-3.5`:

    .left-3\.5 {
      left: 0.875rem;
    }
-}
left3o5 : Attribute msg
left3o5 =
    class "left-3.5"


{-| Maps to `-left-0`:

    .-left-0 {
      left: 0;
    }
-}
negLeft0 : Attribute msg
negLeft0 =
    class "-left-0"


{-| Maps to `-left-1`:

    .-left-1 {
      left: -0.25rem;
    }
-}
negLeft1 : Attribute msg
negLeft1 =
    class "-left-1"


{-| Maps to `-left-2`:

    .-left-2 {
      left: -0.5rem;
    }
-}
negLeft2 : Attribute msg
negLeft2 =
    class "-left-2"


{-| Maps to `-left-3`:

    .-left-3 {
      left: -0.75rem;
    }
-}
negLeft3 : Attribute msg
negLeft3 =
    class "-left-3"


{-| Maps to `-left-4`:

    .-left-4 {
      left: -1rem;
    }
-}
negLeft4 : Attribute msg
negLeft4 =
    class "-left-4"


{-| Maps to `-left-5`:

    .-left-5 {
      left: -1.25rem;
    }
-}
negLeft5 : Attribute msg
negLeft5 =
    class "-left-5"


{-| Maps to `-left-6`:

    .-left-6 {
      left: -1.5rem;
    }
-}
negLeft6 : Attribute msg
negLeft6 =
    class "-left-6"


{-| Maps to `-left-7`:

    .-left-7 {
      left: -1.75rem;
    }
-}
negLeft7 : Attribute msg
negLeft7 =
    class "-left-7"


{-| Maps to `-left-8`:

    .-left-8 {
      left: -2rem;
    }
-}
negLeft8 : Attribute msg
negLeft8 =
    class "-left-8"


{-| Maps to `-left-9`:

    .-left-9 {
      left: -2.25rem;
    }
-}
negLeft9 : Attribute msg
negLeft9 =
    class "-left-9"


{-| Maps to `-left-10`:

    .-left-10 {
      left: -2.5rem;
    }
-}
negLeft10 : Attribute msg
negLeft10 =
    class "-left-10"


{-| Maps to `-left-11`:

    .-left-11 {
      left: -2.75rem;
    }
-}
negLeft11 : Attribute msg
negLeft11 =
    class "-left-11"


{-| Maps to `-left-12`:

    .-left-12 {
      left: -3rem;
    }
-}
negLeft12 : Attribute msg
negLeft12 =
    class "-left-12"


{-| Maps to `-left-14`:

    .-left-14 {
      left: -3.5rem;
    }
-}
negLeft14 : Attribute msg
negLeft14 =
    class "-left-14"


{-| Maps to `-left-16`:

    .-left-16 {
      left: -4rem;
    }
-}
negLeft16 : Attribute msg
negLeft16 =
    class "-left-16"


{-| Maps to `-left-20`:

    .-left-20 {
      left: -5rem;
    }
-}
negLeft20 : Attribute msg
negLeft20 =
    class "-left-20"


{-| Maps to `-left-24`:

    .-left-24 {
      left: -6rem;
    }
-}
negLeft24 : Attribute msg
negLeft24 =
    class "-left-24"


{-| Maps to `-left-28`:

    .-left-28 {
      left: -7rem;
    }
-}
negLeft28 : Attribute msg
negLeft28 =
    class "-left-28"


{-| Maps to `-left-32`:

    .-left-32 {
      left: -8rem;
    }
-}
negLeft32 : Attribute msg
negLeft32 =
    class "-left-32"


{-| Maps to `-left-36`:

    .-left-36 {
      left: -9rem;
    }
-}
negLeft36 : Attribute msg
negLeft36 =
    class "-left-36"


{-| Maps to `-left-40`:

    .-left-40 {
      left: -10rem;
    }
-}
negLeft40 : Attribute msg
negLeft40 =
    class "-left-40"


{-| Maps to `-left-44`:

    .-left-44 {
      left: -11rem;
    }
-}
negLeft44 : Attribute msg
negLeft44 =
    class "-left-44"


{-| Maps to `-left-48`:

    .-left-48 {
      left: -12rem;
    }
-}
negLeft48 : Attribute msg
negLeft48 =
    class "-left-48"


{-| Maps to `-left-52`:

    .-left-52 {
      left: -13rem;
    }
-}
negLeft52 : Attribute msg
negLeft52 =
    class "-left-52"


{-| Maps to `-left-56`:

    .-left-56 {
      left: -14rem;
    }
-}
negLeft56 : Attribute msg
negLeft56 =
    class "-left-56"


{-| Maps to `-left-60`:

    .-left-60 {
      left: -15rem;
    }
-}
negLeft60 : Attribute msg
negLeft60 =
    class "-left-60"


{-| Maps to `-left-64`:

    .-left-64 {
      left: -16rem;
    }
-}
negLeft64 : Attribute msg
negLeft64 =
    class "-left-64"


{-| Maps to `-left-72`:

    .-left-72 {
      left: -18rem;
    }
-}
negLeft72 : Attribute msg
negLeft72 =
    class "-left-72"


{-| Maps to `-left-80`:

    .-left-80 {
      left: -20rem;
    }
-}
negLeft80 : Attribute msg
negLeft80 =
    class "-left-80"


{-| Maps to `-left-96`:

    .-left-96 {
      left: -24rem;
    }
-}
negLeft96 : Attribute msg
negLeft96 =
    class "-left-96"


{-| Maps to `-left-px`:

    .-left-px {
      left: -1px;
    }
-}
negLeftPx : Attribute msg
negLeftPx =
    class "-left-px"


{-| Maps to `-left-0.5`:

    .-left-0\.5 {
      left: -0.125rem;
    }
-}
negLeft0o5 : Attribute msg
negLeft0o5 =
    class "-left-0.5"


{-| Maps to `-left-1.5`:

    .-left-1\.5 {
      left: -0.375rem;
    }
-}
negLeft1o5 : Attribute msg
negLeft1o5 =
    class "-left-1.5"


{-| Maps to `-left-2.5`:

    .-left-2\.5 {
      left: -0.625rem;
    }
-}
negLeft2o5 : Attribute msg
negLeft2o5 =
    class "-left-2.5"


{-| Maps to `-left-3.5`:

    .-left-3\.5 {
      left: -0.875rem;
    }
-}
negLeft3o5 : Attribute msg
negLeft3o5 =
    class "-left-3.5"


{-| Maps to `left-1/2`:

    .left-1\/2 {
      left: 50%;
    }
-}
left1Over2 : Attribute msg
left1Over2 =
    class "left-1/2"


{-| Maps to `left-1/3`:

    .left-1\/3 {
      left: 33.333333%;
    }
-}
left1Over3 : Attribute msg
left1Over3 =
    class "left-1/3"


{-| Maps to `left-2/3`:

    .left-2\/3 {
      left: 66.666667%;
    }
-}
left2Over3 : Attribute msg
left2Over3 =
    class "left-2/3"


{-| Maps to `left-1/4`:

    .left-1\/4 {
      left: 25%;
    }
-}
left1Over4 : Attribute msg
left1Over4 =
    class "left-1/4"


{-| Maps to `left-2/4`:

    .left-2\/4 {
      left: 50%;
    }
-}
left2Over4 : Attribute msg
left2Over4 =
    class "left-2/4"


{-| Maps to `left-3/4`:

    .left-3\/4 {
      left: 75%;
    }
-}
left3Over4 : Attribute msg
left3Over4 =
    class "left-3/4"


{-| Maps to `left-full`:

    .left-full {
      left: 100%;
    }
-}
leftFull : Attribute msg
leftFull =
    class "left-full"


{-| Maps to `-left-1/2`:

    .-left-1\/2 {
      left: -50%;
    }
-}
negLeft1Over2 : Attribute msg
negLeft1Over2 =
    class "-left-1/2"


{-| Maps to `-left-1/3`:

    .-left-1\/3 {
      left: -33.333333%;
    }
-}
negLeft1Over3 : Attribute msg
negLeft1Over3 =
    class "-left-1/3"


{-| Maps to `-left-2/3`:

    .-left-2\/3 {
      left: -66.666667%;
    }
-}
negLeft2Over3 : Attribute msg
negLeft2Over3 =
    class "-left-2/3"


{-| Maps to `-left-1/4`:

    .-left-1\/4 {
      left: -25%;
    }
-}
negLeft1Over4 : Attribute msg
negLeft1Over4 =
    class "-left-1/4"


{-| Maps to `-left-2/4`:

    .-left-2\/4 {
      left: -50%;
    }
-}
negLeft2Over4 : Attribute msg
negLeft2Over4 =
    class "-left-2/4"


{-| Maps to `-left-3/4`:

    .-left-3\/4 {
      left: -75%;
    }
-}
negLeft3Over4 : Attribute msg
negLeft3Over4 =
    class "-left-3/4"


{-| Maps to `-left-full`:

    .-left-full {
      left: -100%;
    }
-}
negLeftFull : Attribute msg
negLeftFull =
    class "-left-full"


{-| Maps to `isolate`:

    .isolate {
      isolation: isolate;
    }
-}
isolate : Attribute msg
isolate =
    class "isolate"


{-| Maps to `isolation-auto`:

    .isolation-auto {
      isolation: auto;
    }
-}
isolationAuto : Attribute msg
isolationAuto =
    class "isolation-auto"


{-| Maps to `z-0`:

    .z-0 {
      z-index: 0;
    }
-}
z0 : Attribute msg
z0 =
    class "z-0"


{-| Maps to `z-10`:

    .z-10 {
      z-index: 10;
    }
-}
z10 : Attribute msg
z10 =
    class "z-10"


{-| Maps to `z-20`:

    .z-20 {
      z-index: 20;
    }
-}
z20 : Attribute msg
z20 =
    class "z-20"


{-| Maps to `z-30`:

    .z-30 {
      z-index: 30;
    }
-}
z30 : Attribute msg
z30 =
    class "z-30"


{-| Maps to `z-40`:

    .z-40 {
      z-index: 40;
    }
-}
z40 : Attribute msg
z40 =
    class "z-40"


{-| Maps to `z-50`:

    .z-50 {
      z-index: 50;
    }
-}
z50 : Attribute msg
z50 =
    class "z-50"


{-| Maps to `z-auto`:

    .z-auto {
      z-index: auto;
    }
-}
zAuto : Attribute msg
zAuto =
    class "z-auto"


{-| Maps to `focus-within:z-0`:

    .focus-within\:z-0:focus-within {
      z-index: 0;
    }
-}
focusWithinZ0 : Attribute msg
focusWithinZ0 =
    class "focus-within:z-0"


{-| Maps to `focus-within:z-10`:

    .focus-within\:z-10:focus-within {
      z-index: 10;
    }
-}
focusWithinZ10 : Attribute msg
focusWithinZ10 =
    class "focus-within:z-10"


{-| Maps to `focus-within:z-20`:

    .focus-within\:z-20:focus-within {
      z-index: 20;
    }
-}
focusWithinZ20 : Attribute msg
focusWithinZ20 =
    class "focus-within:z-20"


{-| Maps to `focus-within:z-30`:

    .focus-within\:z-30:focus-within {
      z-index: 30;
    }
-}
focusWithinZ30 : Attribute msg
focusWithinZ30 =
    class "focus-within:z-30"


{-| Maps to `focus-within:z-40`:

    .focus-within\:z-40:focus-within {
      z-index: 40;
    }
-}
focusWithinZ40 : Attribute msg
focusWithinZ40 =
    class "focus-within:z-40"


{-| Maps to `focus-within:z-50`:

    .focus-within\:z-50:focus-within {
      z-index: 50;
    }
-}
focusWithinZ50 : Attribute msg
focusWithinZ50 =
    class "focus-within:z-50"


{-| Maps to `focus-within:z-auto`:

    .focus-within\:z-auto:focus-within {
      z-index: auto;
    }
-}
focusWithinZAuto : Attribute msg
focusWithinZAuto =
    class "focus-within:z-auto"


{-| Maps to `focus:z-0`:

    .focus\:z-0:focus {
      z-index: 0;
    }
-}
focusZ0 : Attribute msg
focusZ0 =
    class "focus:z-0"


{-| Maps to `focus:z-10`:

    .focus\:z-10:focus {
      z-index: 10;
    }
-}
focusZ10 : Attribute msg
focusZ10 =
    class "focus:z-10"


{-| Maps to `focus:z-20`:

    .focus\:z-20:focus {
      z-index: 20;
    }
-}
focusZ20 : Attribute msg
focusZ20 =
    class "focus:z-20"


{-| Maps to `focus:z-30`:

    .focus\:z-30:focus {
      z-index: 30;
    }
-}
focusZ30 : Attribute msg
focusZ30 =
    class "focus:z-30"


{-| Maps to `focus:z-40`:

    .focus\:z-40:focus {
      z-index: 40;
    }
-}
focusZ40 : Attribute msg
focusZ40 =
    class "focus:z-40"


{-| Maps to `focus:z-50`:

    .focus\:z-50:focus {
      z-index: 50;
    }
-}
focusZ50 : Attribute msg
focusZ50 =
    class "focus:z-50"


{-| Maps to `focus:z-auto`:

    .focus\:z-auto:focus {
      z-index: auto;
    }
-}
focusZAuto : Attribute msg
focusZAuto =
    class "focus:z-auto"


{-| Maps to `order-1`:

    .order-1 {
      order: 1;
    }
-}
order1 : Attribute msg
order1 =
    class "order-1"


{-| Maps to `order-2`:

    .order-2 {
      order: 2;
    }
-}
order2 : Attribute msg
order2 =
    class "order-2"


{-| Maps to `order-3`:

    .order-3 {
      order: 3;
    }
-}
order3 : Attribute msg
order3 =
    class "order-3"


{-| Maps to `order-4`:

    .order-4 {
      order: 4;
    }
-}
order4 : Attribute msg
order4 =
    class "order-4"


{-| Maps to `order-5`:

    .order-5 {
      order: 5;
    }
-}
order5 : Attribute msg
order5 =
    class "order-5"


{-| Maps to `order-6`:

    .order-6 {
      order: 6;
    }
-}
order6 : Attribute msg
order6 =
    class "order-6"


{-| Maps to `order-7`:

    .order-7 {
      order: 7;
    }
-}
order7 : Attribute msg
order7 =
    class "order-7"


{-| Maps to `order-8`:

    .order-8 {
      order: 8;
    }
-}
order8 : Attribute msg
order8 =
    class "order-8"


{-| Maps to `order-9`:

    .order-9 {
      order: 9;
    }
-}
order9 : Attribute msg
order9 =
    class "order-9"


{-| Maps to `order-10`:

    .order-10 {
      order: 10;
    }
-}
order10 : Attribute msg
order10 =
    class "order-10"


{-| Maps to `order-11`:

    .order-11 {
      order: 11;
    }
-}
order11 : Attribute msg
order11 =
    class "order-11"


{-| Maps to `order-12`:

    .order-12 {
      order: 12;
    }
-}
order12 : Attribute msg
order12 =
    class "order-12"


{-| Maps to `order-first`:

    .order-first {
      order: -9999;
    }
-}
orderFirst : Attribute msg
orderFirst =
    class "order-first"


{-| Maps to `order-last`:

    .order-last {
      order: 9999;
    }
-}
orderLast : Attribute msg
orderLast =
    class "order-last"


{-| Maps to `order-none`:

    .order-none {
      order: 0;
    }
-}
orderNone : Attribute msg
orderNone =
    class "order-none"


{-| Maps to `col-auto`:

    .col-auto {
      grid-column: auto;
    }
-}
colAuto : Attribute msg
colAuto =
    class "col-auto"


{-| Maps to `col-span-1`:

    .col-span-1 {
      grid-column: span 1 / span 1;
    }
-}
colSpan1 : Attribute msg
colSpan1 =
    class "col-span-1"


{-| Maps to `col-span-2`:

    .col-span-2 {
      grid-column: span 2 / span 2;
    }
-}
colSpan2 : Attribute msg
colSpan2 =
    class "col-span-2"


{-| Maps to `col-span-3`:

    .col-span-3 {
      grid-column: span 3 / span 3;
    }
-}
colSpan3 : Attribute msg
colSpan3 =
    class "col-span-3"


{-| Maps to `col-span-4`:

    .col-span-4 {
      grid-column: span 4 / span 4;
    }
-}
colSpan4 : Attribute msg
colSpan4 =
    class "col-span-4"


{-| Maps to `col-span-5`:

    .col-span-5 {
      grid-column: span 5 / span 5;
    }
-}
colSpan5 : Attribute msg
colSpan5 =
    class "col-span-5"


{-| Maps to `col-span-6`:

    .col-span-6 {
      grid-column: span 6 / span 6;
    }
-}
colSpan6 : Attribute msg
colSpan6 =
    class "col-span-6"


{-| Maps to `col-span-7`:

    .col-span-7 {
      grid-column: span 7 / span 7;
    }
-}
colSpan7 : Attribute msg
colSpan7 =
    class "col-span-7"


{-| Maps to `col-span-8`:

    .col-span-8 {
      grid-column: span 8 / span 8;
    }
-}
colSpan8 : Attribute msg
colSpan8 =
    class "col-span-8"


{-| Maps to `col-span-9`:

    .col-span-9 {
      grid-column: span 9 / span 9;
    }
-}
colSpan9 : Attribute msg
colSpan9 =
    class "col-span-9"


{-| Maps to `col-span-10`:

    .col-span-10 {
      grid-column: span 10 / span 10;
    }
-}
colSpan10 : Attribute msg
colSpan10 =
    class "col-span-10"


{-| Maps to `col-span-11`:

    .col-span-11 {
      grid-column: span 11 / span 11;
    }
-}
colSpan11 : Attribute msg
colSpan11 =
    class "col-span-11"


{-| Maps to `col-span-12`:

    .col-span-12 {
      grid-column: span 12 / span 12;
    }
-}
colSpan12 : Attribute msg
colSpan12 =
    class "col-span-12"


{-| Maps to `col-span-full`:

    .col-span-full {
      grid-column: 1/-1;
    }
-}
colSpanFull : Attribute msg
colSpanFull =
    class "col-span-full"


{-| Maps to `col-start-1`:

    .col-start-1 {
      grid-column-start: 1;
    }
-}
colStart1 : Attribute msg
colStart1 =
    class "col-start-1"


{-| Maps to `col-start-2`:

    .col-start-2 {
      grid-column-start: 2;
    }
-}
colStart2 : Attribute msg
colStart2 =
    class "col-start-2"


{-| Maps to `col-start-3`:

    .col-start-3 {
      grid-column-start: 3;
    }
-}
colStart3 : Attribute msg
colStart3 =
    class "col-start-3"


{-| Maps to `col-start-4`:

    .col-start-4 {
      grid-column-start: 4;
    }
-}
colStart4 : Attribute msg
colStart4 =
    class "col-start-4"


{-| Maps to `col-start-5`:

    .col-start-5 {
      grid-column-start: 5;
    }
-}
colStart5 : Attribute msg
colStart5 =
    class "col-start-5"


{-| Maps to `col-start-6`:

    .col-start-6 {
      grid-column-start: 6;
    }
-}
colStart6 : Attribute msg
colStart6 =
    class "col-start-6"


{-| Maps to `col-start-7`:

    .col-start-7 {
      grid-column-start: 7;
    }
-}
colStart7 : Attribute msg
colStart7 =
    class "col-start-7"


{-| Maps to `col-start-8`:

    .col-start-8 {
      grid-column-start: 8;
    }
-}
colStart8 : Attribute msg
colStart8 =
    class "col-start-8"


{-| Maps to `col-start-9`:

    .col-start-9 {
      grid-column-start: 9;
    }
-}
colStart9 : Attribute msg
colStart9 =
    class "col-start-9"


{-| Maps to `col-start-10`:

    .col-start-10 {
      grid-column-start: 10;
    }
-}
colStart10 : Attribute msg
colStart10 =
    class "col-start-10"


{-| Maps to `col-start-11`:

    .col-start-11 {
      grid-column-start: 11;
    }
-}
colStart11 : Attribute msg
colStart11 =
    class "col-start-11"


{-| Maps to `col-start-12`:

    .col-start-12 {
      grid-column-start: 12;
    }
-}
colStart12 : Attribute msg
colStart12 =
    class "col-start-12"


{-| Maps to `col-start-13`:

    .col-start-13 {
      grid-column-start: 13;
    }
-}
colStart13 : Attribute msg
colStart13 =
    class "col-start-13"


{-| Maps to `col-start-auto`:

    .col-start-auto {
      grid-column-start: auto;
    }
-}
colStartAuto : Attribute msg
colStartAuto =
    class "col-start-auto"


{-| Maps to `col-end-1`:

    .col-end-1 {
      grid-column-end: 1;
    }
-}
colEnd1 : Attribute msg
colEnd1 =
    class "col-end-1"


{-| Maps to `col-end-2`:

    .col-end-2 {
      grid-column-end: 2;
    }
-}
colEnd2 : Attribute msg
colEnd2 =
    class "col-end-2"


{-| Maps to `col-end-3`:

    .col-end-3 {
      grid-column-end: 3;
    }
-}
colEnd3 : Attribute msg
colEnd3 =
    class "col-end-3"


{-| Maps to `col-end-4`:

    .col-end-4 {
      grid-column-end: 4;
    }
-}
colEnd4 : Attribute msg
colEnd4 =
    class "col-end-4"


{-| Maps to `col-end-5`:

    .col-end-5 {
      grid-column-end: 5;
    }
-}
colEnd5 : Attribute msg
colEnd5 =
    class "col-end-5"


{-| Maps to `col-end-6`:

    .col-end-6 {
      grid-column-end: 6;
    }
-}
colEnd6 : Attribute msg
colEnd6 =
    class "col-end-6"


{-| Maps to `col-end-7`:

    .col-end-7 {
      grid-column-end: 7;
    }
-}
colEnd7 : Attribute msg
colEnd7 =
    class "col-end-7"


{-| Maps to `col-end-8`:

    .col-end-8 {
      grid-column-end: 8;
    }
-}
colEnd8 : Attribute msg
colEnd8 =
    class "col-end-8"


{-| Maps to `col-end-9`:

    .col-end-9 {
      grid-column-end: 9;
    }
-}
colEnd9 : Attribute msg
colEnd9 =
    class "col-end-9"


{-| Maps to `col-end-10`:

    .col-end-10 {
      grid-column-end: 10;
    }
-}
colEnd10 : Attribute msg
colEnd10 =
    class "col-end-10"


{-| Maps to `col-end-11`:

    .col-end-11 {
      grid-column-end: 11;
    }
-}
colEnd11 : Attribute msg
colEnd11 =
    class "col-end-11"


{-| Maps to `col-end-12`:

    .col-end-12 {
      grid-column-end: 12;
    }
-}
colEnd12 : Attribute msg
colEnd12 =
    class "col-end-12"


{-| Maps to `col-end-13`:

    .col-end-13 {
      grid-column-end: 13;
    }
-}
colEnd13 : Attribute msg
colEnd13 =
    class "col-end-13"


{-| Maps to `col-end-auto`:

    .col-end-auto {
      grid-column-end: auto;
    }
-}
colEndAuto : Attribute msg
colEndAuto =
    class "col-end-auto"


{-| Maps to `row-auto`:

    .row-auto {
      grid-row: auto;
    }
-}
rowAuto : Attribute msg
rowAuto =
    class "row-auto"


{-| Maps to `row-span-1`:

    .row-span-1 {
      grid-row: span 1 / span 1;
    }
-}
rowSpan1 : Attribute msg
rowSpan1 =
    class "row-span-1"


{-| Maps to `row-span-2`:

    .row-span-2 {
      grid-row: span 2 / span 2;
    }
-}
rowSpan2 : Attribute msg
rowSpan2 =
    class "row-span-2"


{-| Maps to `row-span-3`:

    .row-span-3 {
      grid-row: span 3 / span 3;
    }
-}
rowSpan3 : Attribute msg
rowSpan3 =
    class "row-span-3"


{-| Maps to `row-span-4`:

    .row-span-4 {
      grid-row: span 4 / span 4;
    }
-}
rowSpan4 : Attribute msg
rowSpan4 =
    class "row-span-4"


{-| Maps to `row-span-5`:

    .row-span-5 {
      grid-row: span 5 / span 5;
    }
-}
rowSpan5 : Attribute msg
rowSpan5 =
    class "row-span-5"


{-| Maps to `row-span-6`:

    .row-span-6 {
      grid-row: span 6 / span 6;
    }
-}
rowSpan6 : Attribute msg
rowSpan6 =
    class "row-span-6"


{-| Maps to `row-span-full`:

    .row-span-full {
      grid-row: 1/-1;
    }
-}
rowSpanFull : Attribute msg
rowSpanFull =
    class "row-span-full"


{-| Maps to `row-start-1`:

    .row-start-1 {
      grid-row-start: 1;
    }
-}
rowStart1 : Attribute msg
rowStart1 =
    class "row-start-1"


{-| Maps to `row-start-2`:

    .row-start-2 {
      grid-row-start: 2;
    }
-}
rowStart2 : Attribute msg
rowStart2 =
    class "row-start-2"


{-| Maps to `row-start-3`:

    .row-start-3 {
      grid-row-start: 3;
    }
-}
rowStart3 : Attribute msg
rowStart3 =
    class "row-start-3"


{-| Maps to `row-start-4`:

    .row-start-4 {
      grid-row-start: 4;
    }
-}
rowStart4 : Attribute msg
rowStart4 =
    class "row-start-4"


{-| Maps to `row-start-5`:

    .row-start-5 {
      grid-row-start: 5;
    }
-}
rowStart5 : Attribute msg
rowStart5 =
    class "row-start-5"


{-| Maps to `row-start-6`:

    .row-start-6 {
      grid-row-start: 6;
    }
-}
rowStart6 : Attribute msg
rowStart6 =
    class "row-start-6"


{-| Maps to `row-start-7`:

    .row-start-7 {
      grid-row-start: 7;
    }
-}
rowStart7 : Attribute msg
rowStart7 =
    class "row-start-7"


{-| Maps to `row-start-auto`:

    .row-start-auto {
      grid-row-start: auto;
    }
-}
rowStartAuto : Attribute msg
rowStartAuto =
    class "row-start-auto"


{-| Maps to `row-end-1`:

    .row-end-1 {
      grid-row-end: 1;
    }
-}
rowEnd1 : Attribute msg
rowEnd1 =
    class "row-end-1"


{-| Maps to `row-end-2`:

    .row-end-2 {
      grid-row-end: 2;
    }
-}
rowEnd2 : Attribute msg
rowEnd2 =
    class "row-end-2"


{-| Maps to `row-end-3`:

    .row-end-3 {
      grid-row-end: 3;
    }
-}
rowEnd3 : Attribute msg
rowEnd3 =
    class "row-end-3"


{-| Maps to `row-end-4`:

    .row-end-4 {
      grid-row-end: 4;
    }
-}
rowEnd4 : Attribute msg
rowEnd4 =
    class "row-end-4"


{-| Maps to `row-end-5`:

    .row-end-5 {
      grid-row-end: 5;
    }
-}
rowEnd5 : Attribute msg
rowEnd5 =
    class "row-end-5"


{-| Maps to `row-end-6`:

    .row-end-6 {
      grid-row-end: 6;
    }
-}
rowEnd6 : Attribute msg
rowEnd6 =
    class "row-end-6"


{-| Maps to `row-end-7`:

    .row-end-7 {
      grid-row-end: 7;
    }
-}
rowEnd7 : Attribute msg
rowEnd7 =
    class "row-end-7"


{-| Maps to `row-end-auto`:

    .row-end-auto {
      grid-row-end: auto;
    }
-}
rowEndAuto : Attribute msg
rowEndAuto =
    class "row-end-auto"


{-| Maps to `float-right`:

    .float-right {
      float: right;
    }
-}
floatRight : Attribute msg
floatRight =
    class "float-right"


{-| Maps to `float-left`:

    .float-left {
      float: left;
    }
-}
floatLeft : Attribute msg
floatLeft =
    class "float-left"


{-| Maps to `float-none`:

    .float-none {
      float: none;
    }
-}
floatNone : Attribute msg
floatNone =
    class "float-none"


{-| Maps to `clear-left`:

    .clear-left {
      clear: left;
    }
-}
clearLeft : Attribute msg
clearLeft =
    class "clear-left"


{-| Maps to `clear-right`:

    .clear-right {
      clear: right;
    }
-}
clearRight : Attribute msg
clearRight =
    class "clear-right"


{-| Maps to `clear-both`:

    .clear-both {
      clear: both;
    }
-}
clearBoth : Attribute msg
clearBoth =
    class "clear-both"


{-| Maps to `clear-none`:

    .clear-none {
      clear: none;
    }
-}
clearNone : Attribute msg
clearNone =
    class "clear-none"


{-| Maps to `m-0`:

    .m-0 {
      margin: 0;
    }
-}
m0 : Attribute msg
m0 =
    class "m-0"


{-| Maps to `m-1`:

    .m-1 {
      margin: 0.25rem;
    }
-}
m1 : Attribute msg
m1 =
    class "m-1"


{-| Maps to `m-2`:

    .m-2 {
      margin: 0.5rem;
    }
-}
m2 : Attribute msg
m2 =
    class "m-2"


{-| Maps to `m-3`:

    .m-3 {
      margin: 0.75rem;
    }
-}
m3 : Attribute msg
m3 =
    class "m-3"


{-| Maps to `m-4`:

    .m-4 {
      margin: 1rem;
    }
-}
m4 : Attribute msg
m4 =
    class "m-4"


{-| Maps to `m-5`:

    .m-5 {
      margin: 1.25rem;
    }
-}
m5 : Attribute msg
m5 =
    class "m-5"


{-| Maps to `m-6`:

    .m-6 {
      margin: 1.5rem;
    }
-}
m6 : Attribute msg
m6 =
    class "m-6"


{-| Maps to `m-7`:

    .m-7 {
      margin: 1.75rem;
    }
-}
m7 : Attribute msg
m7 =
    class "m-7"


{-| Maps to `m-8`:

    .m-8 {
      margin: 2rem;
    }
-}
m8 : Attribute msg
m8 =
    class "m-8"


{-| Maps to `m-9`:

    .m-9 {
      margin: 2.25rem;
    }
-}
m9 : Attribute msg
m9 =
    class "m-9"


{-| Maps to `m-10`:

    .m-10 {
      margin: 2.5rem;
    }
-}
m10 : Attribute msg
m10 =
    class "m-10"


{-| Maps to `m-11`:

    .m-11 {
      margin: 2.75rem;
    }
-}
m11 : Attribute msg
m11 =
    class "m-11"


{-| Maps to `m-12`:

    .m-12 {
      margin: 3rem;
    }
-}
m12 : Attribute msg
m12 =
    class "m-12"


{-| Maps to `m-14`:

    .m-14 {
      margin: 3.5rem;
    }
-}
m14 : Attribute msg
m14 =
    class "m-14"


{-| Maps to `m-16`:

    .m-16 {
      margin: 4rem;
    }
-}
m16 : Attribute msg
m16 =
    class "m-16"


{-| Maps to `m-20`:

    .m-20 {
      margin: 5rem;
    }
-}
m20 : Attribute msg
m20 =
    class "m-20"


{-| Maps to `m-24`:

    .m-24 {
      margin: 6rem;
    }
-}
m24 : Attribute msg
m24 =
    class "m-24"


{-| Maps to `m-28`:

    .m-28 {
      margin: 7rem;
    }
-}
m28 : Attribute msg
m28 =
    class "m-28"


{-| Maps to `m-32`:

    .m-32 {
      margin: 8rem;
    }
-}
m32 : Attribute msg
m32 =
    class "m-32"


{-| Maps to `m-36`:

    .m-36 {
      margin: 9rem;
    }
-}
m36 : Attribute msg
m36 =
    class "m-36"


{-| Maps to `m-40`:

    .m-40 {
      margin: 10rem;
    }
-}
m40 : Attribute msg
m40 =
    class "m-40"


{-| Maps to `m-44`:

    .m-44 {
      margin: 11rem;
    }
-}
m44 : Attribute msg
m44 =
    class "m-44"


{-| Maps to `m-48`:

    .m-48 {
      margin: 12rem;
    }
-}
m48 : Attribute msg
m48 =
    class "m-48"


{-| Maps to `m-52`:

    .m-52 {
      margin: 13rem;
    }
-}
m52 : Attribute msg
m52 =
    class "m-52"


{-| Maps to `m-56`:

    .m-56 {
      margin: 14rem;
    }
-}
m56 : Attribute msg
m56 =
    class "m-56"


{-| Maps to `m-60`:

    .m-60 {
      margin: 15rem;
    }
-}
m60 : Attribute msg
m60 =
    class "m-60"


{-| Maps to `m-64`:

    .m-64 {
      margin: 16rem;
    }
-}
m64 : Attribute msg
m64 =
    class "m-64"


{-| Maps to `m-72`:

    .m-72 {
      margin: 18rem;
    }
-}
m72 : Attribute msg
m72 =
    class "m-72"


{-| Maps to `m-80`:

    .m-80 {
      margin: 20rem;
    }
-}
m80 : Attribute msg
m80 =
    class "m-80"


{-| Maps to `m-96`:

    .m-96 {
      margin: 24rem;
    }
-}
m96 : Attribute msg
m96 =
    class "m-96"


{-| Maps to `m-auto`:

    .m-auto {
      margin: auto;
    }
-}
mAuto : Attribute msg
mAuto =
    class "m-auto"


{-| Maps to `m-px`:

    .m-px {
      margin: 1px;
    }
-}
mPx : Attribute msg
mPx =
    class "m-px"


{-| Maps to `m-0.5`:

    .m-0\.5 {
      margin: 0.125rem;
    }
-}
m0o5 : Attribute msg
m0o5 =
    class "m-0.5"


{-| Maps to `m-1.5`:

    .m-1\.5 {
      margin: 0.375rem;
    }
-}
m1o5 : Attribute msg
m1o5 =
    class "m-1.5"


{-| Maps to `m-2.5`:

    .m-2\.5 {
      margin: 0.625rem;
    }
-}
m2o5 : Attribute msg
m2o5 =
    class "m-2.5"


{-| Maps to `m-3.5`:

    .m-3\.5 {
      margin: 0.875rem;
    }
-}
m3o5 : Attribute msg
m3o5 =
    class "m-3.5"


{-| Maps to `-m-0`:

    .-m-0 {
      margin: 0;
    }
-}
negM0 : Attribute msg
negM0 =
    class "-m-0"


{-| Maps to `-m-1`:

    .-m-1 {
      margin: -0.25rem;
    }
-}
negM1 : Attribute msg
negM1 =
    class "-m-1"


{-| Maps to `-m-2`:

    .-m-2 {
      margin: -0.5rem;
    }
-}
negM2 : Attribute msg
negM2 =
    class "-m-2"


{-| Maps to `-m-3`:

    .-m-3 {
      margin: -0.75rem;
    }
-}
negM3 : Attribute msg
negM3 =
    class "-m-3"


{-| Maps to `-m-4`:

    .-m-4 {
      margin: -1rem;
    }
-}
negM4 : Attribute msg
negM4 =
    class "-m-4"


{-| Maps to `-m-5`:

    .-m-5 {
      margin: -1.25rem;
    }
-}
negM5 : Attribute msg
negM5 =
    class "-m-5"


{-| Maps to `-m-6`:

    .-m-6 {
      margin: -1.5rem;
    }
-}
negM6 : Attribute msg
negM6 =
    class "-m-6"


{-| Maps to `-m-7`:

    .-m-7 {
      margin: -1.75rem;
    }
-}
negM7 : Attribute msg
negM7 =
    class "-m-7"


{-| Maps to `-m-8`:

    .-m-8 {
      margin: -2rem;
    }
-}
negM8 : Attribute msg
negM8 =
    class "-m-8"


{-| Maps to `-m-9`:

    .-m-9 {
      margin: -2.25rem;
    }
-}
negM9 : Attribute msg
negM9 =
    class "-m-9"


{-| Maps to `-m-10`:

    .-m-10 {
      margin: -2.5rem;
    }
-}
negM10 : Attribute msg
negM10 =
    class "-m-10"


{-| Maps to `-m-11`:

    .-m-11 {
      margin: -2.75rem;
    }
-}
negM11 : Attribute msg
negM11 =
    class "-m-11"


{-| Maps to `-m-12`:

    .-m-12 {
      margin: -3rem;
    }
-}
negM12 : Attribute msg
negM12 =
    class "-m-12"


{-| Maps to `-m-14`:

    .-m-14 {
      margin: -3.5rem;
    }
-}
negM14 : Attribute msg
negM14 =
    class "-m-14"


{-| Maps to `-m-16`:

    .-m-16 {
      margin: -4rem;
    }
-}
negM16 : Attribute msg
negM16 =
    class "-m-16"


{-| Maps to `-m-20`:

    .-m-20 {
      margin: -5rem;
    }
-}
negM20 : Attribute msg
negM20 =
    class "-m-20"


{-| Maps to `-m-24`:

    .-m-24 {
      margin: -6rem;
    }
-}
negM24 : Attribute msg
negM24 =
    class "-m-24"


{-| Maps to `-m-28`:

    .-m-28 {
      margin: -7rem;
    }
-}
negM28 : Attribute msg
negM28 =
    class "-m-28"


{-| Maps to `-m-32`:

    .-m-32 {
      margin: -8rem;
    }
-}
negM32 : Attribute msg
negM32 =
    class "-m-32"


{-| Maps to `-m-36`:

    .-m-36 {
      margin: -9rem;
    }
-}
negM36 : Attribute msg
negM36 =
    class "-m-36"


{-| Maps to `-m-40`:

    .-m-40 {
      margin: -10rem;
    }
-}
negM40 : Attribute msg
negM40 =
    class "-m-40"


{-| Maps to `-m-44`:

    .-m-44 {
      margin: -11rem;
    }
-}
negM44 : Attribute msg
negM44 =
    class "-m-44"


{-| Maps to `-m-48`:

    .-m-48 {
      margin: -12rem;
    }
-}
negM48 : Attribute msg
negM48 =
    class "-m-48"


{-| Maps to `-m-52`:

    .-m-52 {
      margin: -13rem;
    }
-}
negM52 : Attribute msg
negM52 =
    class "-m-52"


{-| Maps to `-m-56`:

    .-m-56 {
      margin: -14rem;
    }
-}
negM56 : Attribute msg
negM56 =
    class "-m-56"


{-| Maps to `-m-60`:

    .-m-60 {
      margin: -15rem;
    }
-}
negM60 : Attribute msg
negM60 =
    class "-m-60"


{-| Maps to `-m-64`:

    .-m-64 {
      margin: -16rem;
    }
-}
negM64 : Attribute msg
negM64 =
    class "-m-64"


{-| Maps to `-m-72`:

    .-m-72 {
      margin: -18rem;
    }
-}
negM72 : Attribute msg
negM72 =
    class "-m-72"


{-| Maps to `-m-80`:

    .-m-80 {
      margin: -20rem;
    }
-}
negM80 : Attribute msg
negM80 =
    class "-m-80"


{-| Maps to `-m-96`:

    .-m-96 {
      margin: -24rem;
    }
-}
negM96 : Attribute msg
negM96 =
    class "-m-96"


{-| Maps to `-m-px`:

    .-m-px {
      margin: -1px;
    }
-}
negMPx : Attribute msg
negMPx =
    class "-m-px"


{-| Maps to `-m-0.5`:

    .-m-0\.5 {
      margin: -0.125rem;
    }
-}
negM0o5 : Attribute msg
negM0o5 =
    class "-m-0.5"


{-| Maps to `-m-1.5`:

    .-m-1\.5 {
      margin: -0.375rem;
    }
-}
negM1o5 : Attribute msg
negM1o5 =
    class "-m-1.5"


{-| Maps to `-m-2.5`:

    .-m-2\.5 {
      margin: -0.625rem;
    }
-}
negM2o5 : Attribute msg
negM2o5 =
    class "-m-2.5"


{-| Maps to `-m-3.5`:

    .-m-3\.5 {
      margin: -0.875rem;
    }
-}
negM3o5 : Attribute msg
negM3o5 =
    class "-m-3.5"


{-| Maps to `mx-0`:

    .mx-0 {
      margin-left: 0;
      margin-right: 0;
    }
-}
mx0 : Attribute msg
mx0 =
    class "mx-0"


{-| Maps to `mx-1`:

    .mx-1 {
      margin-left: 0.25rem;
      margin-right: 0.25rem;
    }
-}
mx1 : Attribute msg
mx1 =
    class "mx-1"


{-| Maps to `mx-2`:

    .mx-2 {
      margin-left: 0.5rem;
      margin-right: 0.5rem;
    }
-}
mx2 : Attribute msg
mx2 =
    class "mx-2"


{-| Maps to `mx-3`:

    .mx-3 {
      margin-left: 0.75rem;
      margin-right: 0.75rem;
    }
-}
mx3 : Attribute msg
mx3 =
    class "mx-3"


{-| Maps to `mx-4`:

    .mx-4 {
      margin-left: 1rem;
      margin-right: 1rem;
    }
-}
mx4 : Attribute msg
mx4 =
    class "mx-4"


{-| Maps to `mx-5`:

    .mx-5 {
      margin-left: 1.25rem;
      margin-right: 1.25rem;
    }
-}
mx5 : Attribute msg
mx5 =
    class "mx-5"


{-| Maps to `mx-6`:

    .mx-6 {
      margin-left: 1.5rem;
      margin-right: 1.5rem;
    }
-}
mx6 : Attribute msg
mx6 =
    class "mx-6"


{-| Maps to `mx-7`:

    .mx-7 {
      margin-left: 1.75rem;
      margin-right: 1.75rem;
    }
-}
mx7 : Attribute msg
mx7 =
    class "mx-7"


{-| Maps to `mx-8`:

    .mx-8 {
      margin-left: 2rem;
      margin-right: 2rem;
    }
-}
mx8 : Attribute msg
mx8 =
    class "mx-8"


{-| Maps to `mx-9`:

    .mx-9 {
      margin-left: 2.25rem;
      margin-right: 2.25rem;
    }
-}
mx9 : Attribute msg
mx9 =
    class "mx-9"


{-| Maps to `mx-10`:

    .mx-10 {
      margin-left: 2.5rem;
      margin-right: 2.5rem;
    }
-}
mx10 : Attribute msg
mx10 =
    class "mx-10"


{-| Maps to `mx-11`:

    .mx-11 {
      margin-left: 2.75rem;
      margin-right: 2.75rem;
    }
-}
mx11 : Attribute msg
mx11 =
    class "mx-11"


{-| Maps to `mx-12`:

    .mx-12 {
      margin-left: 3rem;
      margin-right: 3rem;
    }
-}
mx12 : Attribute msg
mx12 =
    class "mx-12"


{-| Maps to `mx-14`:

    .mx-14 {
      margin-left: 3.5rem;
      margin-right: 3.5rem;
    }
-}
mx14 : Attribute msg
mx14 =
    class "mx-14"


{-| Maps to `mx-16`:

    .mx-16 {
      margin-left: 4rem;
      margin-right: 4rem;
    }
-}
mx16 : Attribute msg
mx16 =
    class "mx-16"


{-| Maps to `mx-20`:

    .mx-20 {
      margin-left: 5rem;
      margin-right: 5rem;
    }
-}
mx20 : Attribute msg
mx20 =
    class "mx-20"


{-| Maps to `mx-24`:

    .mx-24 {
      margin-left: 6rem;
      margin-right: 6rem;
    }
-}
mx24 : Attribute msg
mx24 =
    class "mx-24"


{-| Maps to `mx-28`:

    .mx-28 {
      margin-left: 7rem;
      margin-right: 7rem;
    }
-}
mx28 : Attribute msg
mx28 =
    class "mx-28"


{-| Maps to `mx-32`:

    .mx-32 {
      margin-left: 8rem;
      margin-right: 8rem;
    }
-}
mx32 : Attribute msg
mx32 =
    class "mx-32"


{-| Maps to `mx-36`:

    .mx-36 {
      margin-left: 9rem;
      margin-right: 9rem;
    }
-}
mx36 : Attribute msg
mx36 =
    class "mx-36"


{-| Maps to `mx-40`:

    .mx-40 {
      margin-left: 10rem;
      margin-right: 10rem;
    }
-}
mx40 : Attribute msg
mx40 =
    class "mx-40"


{-| Maps to `mx-44`:

    .mx-44 {
      margin-left: 11rem;
      margin-right: 11rem;
    }
-}
mx44 : Attribute msg
mx44 =
    class "mx-44"


{-| Maps to `mx-48`:

    .mx-48 {
      margin-left: 12rem;
      margin-right: 12rem;
    }
-}
mx48 : Attribute msg
mx48 =
    class "mx-48"


{-| Maps to `mx-52`:

    .mx-52 {
      margin-left: 13rem;
      margin-right: 13rem;
    }
-}
mx52 : Attribute msg
mx52 =
    class "mx-52"


{-| Maps to `mx-56`:

    .mx-56 {
      margin-left: 14rem;
      margin-right: 14rem;
    }
-}
mx56 : Attribute msg
mx56 =
    class "mx-56"


{-| Maps to `mx-60`:

    .mx-60 {
      margin-left: 15rem;
      margin-right: 15rem;
    }
-}
mx60 : Attribute msg
mx60 =
    class "mx-60"


{-| Maps to `mx-64`:

    .mx-64 {
      margin-left: 16rem;
      margin-right: 16rem;
    }
-}
mx64 : Attribute msg
mx64 =
    class "mx-64"


{-| Maps to `mx-72`:

    .mx-72 {
      margin-left: 18rem;
      margin-right: 18rem;
    }
-}
mx72 : Attribute msg
mx72 =
    class "mx-72"


{-| Maps to `mx-80`:

    .mx-80 {
      margin-left: 20rem;
      margin-right: 20rem;
    }
-}
mx80 : Attribute msg
mx80 =
    class "mx-80"


{-| Maps to `mx-96`:

    .mx-96 {
      margin-left: 24rem;
      margin-right: 24rem;
    }
-}
mx96 : Attribute msg
mx96 =
    class "mx-96"


{-| Maps to `mx-auto`:

    .mx-auto {
      margin-left: auto;
      margin-right: auto;
    }
-}
mxAuto : Attribute msg
mxAuto =
    class "mx-auto"


{-| Maps to `mx-px`:

    .mx-px {
      margin-left: 1px;
      margin-right: 1px;
    }
-}
mxPx : Attribute msg
mxPx =
    class "mx-px"


{-| Maps to `mx-0.5`:

    .mx-0\.5 {
      margin-left: 0.125rem;
      margin-right: 0.125rem;
    }
-}
mx0o5 : Attribute msg
mx0o5 =
    class "mx-0.5"


{-| Maps to `mx-1.5`:

    .mx-1\.5 {
      margin-left: 0.375rem;
      margin-right: 0.375rem;
    }
-}
mx1o5 : Attribute msg
mx1o5 =
    class "mx-1.5"


{-| Maps to `mx-2.5`:

    .mx-2\.5 {
      margin-left: 0.625rem;
      margin-right: 0.625rem;
    }
-}
mx2o5 : Attribute msg
mx2o5 =
    class "mx-2.5"


{-| Maps to `mx-3.5`:

    .mx-3\.5 {
      margin-left: 0.875rem;
      margin-right: 0.875rem;
    }
-}
mx3o5 : Attribute msg
mx3o5 =
    class "mx-3.5"


{-| Maps to `-mx-0`:

    .-mx-0 {
      margin-left: 0;
      margin-right: 0;
    }
-}
negMx0 : Attribute msg
negMx0 =
    class "-mx-0"


{-| Maps to `-mx-1`:

    .-mx-1 {
      margin-left: -0.25rem;
      margin-right: -0.25rem;
    }
-}
negMx1 : Attribute msg
negMx1 =
    class "-mx-1"


{-| Maps to `-mx-2`:

    .-mx-2 {
      margin-left: -0.5rem;
      margin-right: -0.5rem;
    }
-}
negMx2 : Attribute msg
negMx2 =
    class "-mx-2"


{-| Maps to `-mx-3`:

    .-mx-3 {
      margin-left: -0.75rem;
      margin-right: -0.75rem;
    }
-}
negMx3 : Attribute msg
negMx3 =
    class "-mx-3"


{-| Maps to `-mx-4`:

    .-mx-4 {
      margin-left: -1rem;
      margin-right: -1rem;
    }
-}
negMx4 : Attribute msg
negMx4 =
    class "-mx-4"


{-| Maps to `-mx-5`:

    .-mx-5 {
      margin-left: -1.25rem;
      margin-right: -1.25rem;
    }
-}
negMx5 : Attribute msg
negMx5 =
    class "-mx-5"


{-| Maps to `-mx-6`:

    .-mx-6 {
      margin-left: -1.5rem;
      margin-right: -1.5rem;
    }
-}
negMx6 : Attribute msg
negMx6 =
    class "-mx-6"


{-| Maps to `-mx-7`:

    .-mx-7 {
      margin-left: -1.75rem;
      margin-right: -1.75rem;
    }
-}
negMx7 : Attribute msg
negMx7 =
    class "-mx-7"


{-| Maps to `-mx-8`:

    .-mx-8 {
      margin-left: -2rem;
      margin-right: -2rem;
    }
-}
negMx8 : Attribute msg
negMx8 =
    class "-mx-8"


{-| Maps to `-mx-9`:

    .-mx-9 {
      margin-left: -2.25rem;
      margin-right: -2.25rem;
    }
-}
negMx9 : Attribute msg
negMx9 =
    class "-mx-9"


{-| Maps to `-mx-10`:

    .-mx-10 {
      margin-left: -2.5rem;
      margin-right: -2.5rem;
    }
-}
negMx10 : Attribute msg
negMx10 =
    class "-mx-10"


{-| Maps to `-mx-11`:

    .-mx-11 {
      margin-left: -2.75rem;
      margin-right: -2.75rem;
    }
-}
negMx11 : Attribute msg
negMx11 =
    class "-mx-11"


{-| Maps to `-mx-12`:

    .-mx-12 {
      margin-left: -3rem;
      margin-right: -3rem;
    }
-}
negMx12 : Attribute msg
negMx12 =
    class "-mx-12"


{-| Maps to `-mx-14`:

    .-mx-14 {
      margin-left: -3.5rem;
      margin-right: -3.5rem;
    }
-}
negMx14 : Attribute msg
negMx14 =
    class "-mx-14"


{-| Maps to `-mx-16`:

    .-mx-16 {
      margin-left: -4rem;
      margin-right: -4rem;
    }
-}
negMx16 : Attribute msg
negMx16 =
    class "-mx-16"


{-| Maps to `-mx-20`:

    .-mx-20 {
      margin-left: -5rem;
      margin-right: -5rem;
    }
-}
negMx20 : Attribute msg
negMx20 =
    class "-mx-20"


{-| Maps to `-mx-24`:

    .-mx-24 {
      margin-left: -6rem;
      margin-right: -6rem;
    }
-}
negMx24 : Attribute msg
negMx24 =
    class "-mx-24"


{-| Maps to `-mx-28`:

    .-mx-28 {
      margin-left: -7rem;
      margin-right: -7rem;
    }
-}
negMx28 : Attribute msg
negMx28 =
    class "-mx-28"


{-| Maps to `-mx-32`:

    .-mx-32 {
      margin-left: -8rem;
      margin-right: -8rem;
    }
-}
negMx32 : Attribute msg
negMx32 =
    class "-mx-32"


{-| Maps to `-mx-36`:

    .-mx-36 {
      margin-left: -9rem;
      margin-right: -9rem;
    }
-}
negMx36 : Attribute msg
negMx36 =
    class "-mx-36"


{-| Maps to `-mx-40`:

    .-mx-40 {
      margin-left: -10rem;
      margin-right: -10rem;
    }
-}
negMx40 : Attribute msg
negMx40 =
    class "-mx-40"


{-| Maps to `-mx-44`:

    .-mx-44 {
      margin-left: -11rem;
      margin-right: -11rem;
    }
-}
negMx44 : Attribute msg
negMx44 =
    class "-mx-44"


{-| Maps to `-mx-48`:

    .-mx-48 {
      margin-left: -12rem;
      margin-right: -12rem;
    }
-}
negMx48 : Attribute msg
negMx48 =
    class "-mx-48"


{-| Maps to `-mx-52`:

    .-mx-52 {
      margin-left: -13rem;
      margin-right: -13rem;
    }
-}
negMx52 : Attribute msg
negMx52 =
    class "-mx-52"


{-| Maps to `-mx-56`:

    .-mx-56 {
      margin-left: -14rem;
      margin-right: -14rem;
    }
-}
negMx56 : Attribute msg
negMx56 =
    class "-mx-56"


{-| Maps to `-mx-60`:

    .-mx-60 {
      margin-left: -15rem;
      margin-right: -15rem;
    }
-}
negMx60 : Attribute msg
negMx60 =
    class "-mx-60"


{-| Maps to `-mx-64`:

    .-mx-64 {
      margin-left: -16rem;
      margin-right: -16rem;
    }
-}
negMx64 : Attribute msg
negMx64 =
    class "-mx-64"


{-| Maps to `-mx-72`:

    .-mx-72 {
      margin-left: -18rem;
      margin-right: -18rem;
    }
-}
negMx72 : Attribute msg
negMx72 =
    class "-mx-72"


{-| Maps to `-mx-80`:

    .-mx-80 {
      margin-left: -20rem;
      margin-right: -20rem;
    }
-}
negMx80 : Attribute msg
negMx80 =
    class "-mx-80"


{-| Maps to `-mx-96`:

    .-mx-96 {
      margin-left: -24rem;
      margin-right: -24rem;
    }
-}
negMx96 : Attribute msg
negMx96 =
    class "-mx-96"


{-| Maps to `-mx-px`:

    .-mx-px {
      margin-left: -1px;
      margin-right: -1px;
    }
-}
negMxPx : Attribute msg
negMxPx =
    class "-mx-px"


{-| Maps to `-mx-0.5`:

    .-mx-0\.5 {
      margin-left: -0.125rem;
      margin-right: -0.125rem;
    }
-}
negMx0o5 : Attribute msg
negMx0o5 =
    class "-mx-0.5"


{-| Maps to `-mx-1.5`:

    .-mx-1\.5 {
      margin-left: -0.375rem;
      margin-right: -0.375rem;
    }
-}
negMx1o5 : Attribute msg
negMx1o5 =
    class "-mx-1.5"


{-| Maps to `-mx-2.5`:

    .-mx-2\.5 {
      margin-left: -0.625rem;
      margin-right: -0.625rem;
    }
-}
negMx2o5 : Attribute msg
negMx2o5 =
    class "-mx-2.5"


{-| Maps to `-mx-3.5`:

    .-mx-3\.5 {
      margin-left: -0.875rem;
      margin-right: -0.875rem;
    }
-}
negMx3o5 : Attribute msg
negMx3o5 =
    class "-mx-3.5"


{-| Maps to `my-0`:

    .my-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
-}
my0 : Attribute msg
my0 =
    class "my-0"


{-| Maps to `my-1`:

    .my-1 {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem;
    }
-}
my1 : Attribute msg
my1 =
    class "my-1"


{-| Maps to `my-2`:

    .my-2 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
-}
my2 : Attribute msg
my2 =
    class "my-2"


{-| Maps to `my-3`:

    .my-3 {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem;
    }
-}
my3 : Attribute msg
my3 =
    class "my-3"


{-| Maps to `my-4`:

    .my-4 {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
-}
my4 : Attribute msg
my4 =
    class "my-4"


{-| Maps to `my-5`:

    .my-5 {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
    }
-}
my5 : Attribute msg
my5 =
    class "my-5"


{-| Maps to `my-6`:

    .my-6 {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
-}
my6 : Attribute msg
my6 =
    class "my-6"


{-| Maps to `my-7`:

    .my-7 {
      margin-top: 1.75rem;
      margin-bottom: 1.75rem;
    }
-}
my7 : Attribute msg
my7 =
    class "my-7"


{-| Maps to `my-8`:

    .my-8 {
      margin-top: 2rem;
      margin-bottom: 2rem;
    }
-}
my8 : Attribute msg
my8 =
    class "my-8"


{-| Maps to `my-9`:

    .my-9 {
      margin-top: 2.25rem;
      margin-bottom: 2.25rem;
    }
-}
my9 : Attribute msg
my9 =
    class "my-9"


{-| Maps to `my-10`:

    .my-10 {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem;
    }
-}
my10 : Attribute msg
my10 =
    class "my-10"


{-| Maps to `my-11`:

    .my-11 {
      margin-top: 2.75rem;
      margin-bottom: 2.75rem;
    }
-}
my11 : Attribute msg
my11 =
    class "my-11"


{-| Maps to `my-12`:

    .my-12 {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
-}
my12 : Attribute msg
my12 =
    class "my-12"


{-| Maps to `my-14`:

    .my-14 {
      margin-top: 3.5rem;
      margin-bottom: 3.5rem;
    }
-}
my14 : Attribute msg
my14 =
    class "my-14"


{-| Maps to `my-16`:

    .my-16 {
      margin-top: 4rem;
      margin-bottom: 4rem;
    }
-}
my16 : Attribute msg
my16 =
    class "my-16"


{-| Maps to `my-20`:

    .my-20 {
      margin-top: 5rem;
      margin-bottom: 5rem;
    }
-}
my20 : Attribute msg
my20 =
    class "my-20"


{-| Maps to `my-24`:

    .my-24 {
      margin-top: 6rem;
      margin-bottom: 6rem;
    }
-}
my24 : Attribute msg
my24 =
    class "my-24"


{-| Maps to `my-28`:

    .my-28 {
      margin-top: 7rem;
      margin-bottom: 7rem;
    }
-}
my28 : Attribute msg
my28 =
    class "my-28"


{-| Maps to `my-32`:

    .my-32 {
      margin-top: 8rem;
      margin-bottom: 8rem;
    }
-}
my32 : Attribute msg
my32 =
    class "my-32"


{-| Maps to `my-36`:

    .my-36 {
      margin-top: 9rem;
      margin-bottom: 9rem;
    }
-}
my36 : Attribute msg
my36 =
    class "my-36"


{-| Maps to `my-40`:

    .my-40 {
      margin-top: 10rem;
      margin-bottom: 10rem;
    }
-}
my40 : Attribute msg
my40 =
    class "my-40"


{-| Maps to `my-44`:

    .my-44 {
      margin-top: 11rem;
      margin-bottom: 11rem;
    }
-}
my44 : Attribute msg
my44 =
    class "my-44"


{-| Maps to `my-48`:

    .my-48 {
      margin-top: 12rem;
      margin-bottom: 12rem;
    }
-}
my48 : Attribute msg
my48 =
    class "my-48"


{-| Maps to `my-52`:

    .my-52 {
      margin-top: 13rem;
      margin-bottom: 13rem;
    }
-}
my52 : Attribute msg
my52 =
    class "my-52"


{-| Maps to `my-56`:

    .my-56 {
      margin-top: 14rem;
      margin-bottom: 14rem;
    }
-}
my56 : Attribute msg
my56 =
    class "my-56"


{-| Maps to `my-60`:

    .my-60 {
      margin-top: 15rem;
      margin-bottom: 15rem;
    }
-}
my60 : Attribute msg
my60 =
    class "my-60"


{-| Maps to `my-64`:

    .my-64 {
      margin-top: 16rem;
      margin-bottom: 16rem;
    }
-}
my64 : Attribute msg
my64 =
    class "my-64"


{-| Maps to `my-72`:

    .my-72 {
      margin-top: 18rem;
      margin-bottom: 18rem;
    }
-}
my72 : Attribute msg
my72 =
    class "my-72"


{-| Maps to `my-80`:

    .my-80 {
      margin-top: 20rem;
      margin-bottom: 20rem;
    }
-}
my80 : Attribute msg
my80 =
    class "my-80"


{-| Maps to `my-96`:

    .my-96 {
      margin-top: 24rem;
      margin-bottom: 24rem;
    }
-}
my96 : Attribute msg
my96 =
    class "my-96"


{-| Maps to `my-auto`:

    .my-auto {
      margin-top: auto;
      margin-bottom: auto;
    }
-}
myAuto : Attribute msg
myAuto =
    class "my-auto"


{-| Maps to `my-px`:

    .my-px {
      margin-top: 1px;
      margin-bottom: 1px;
    }
-}
myPx : Attribute msg
myPx =
    class "my-px"


{-| Maps to `my-0.5`:

    .my-0\.5 {
      margin-top: 0.125rem;
      margin-bottom: 0.125rem;
    }
-}
my0o5 : Attribute msg
my0o5 =
    class "my-0.5"


{-| Maps to `my-1.5`:

    .my-1\.5 {
      margin-top: 0.375rem;
      margin-bottom: 0.375rem;
    }
-}
my1o5 : Attribute msg
my1o5 =
    class "my-1.5"


{-| Maps to `my-2.5`:

    .my-2\.5 {
      margin-top: 0.625rem;
      margin-bottom: 0.625rem;
    }
-}
my2o5 : Attribute msg
my2o5 =
    class "my-2.5"


{-| Maps to `my-3.5`:

    .my-3\.5 {
      margin-top: 0.875rem;
      margin-bottom: 0.875rem;
    }
-}
my3o5 : Attribute msg
my3o5 =
    class "my-3.5"


{-| Maps to `-my-0`:

    .-my-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
-}
negMy0 : Attribute msg
negMy0 =
    class "-my-0"


{-| Maps to `-my-1`:

    .-my-1 {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem;
    }
-}
negMy1 : Attribute msg
negMy1 =
    class "-my-1"


{-| Maps to `-my-2`:

    .-my-2 {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem;
    }
-}
negMy2 : Attribute msg
negMy2 =
    class "-my-2"


{-| Maps to `-my-3`:

    .-my-3 {
      margin-top: -0.75rem;
      margin-bottom: -0.75rem;
    }
-}
negMy3 : Attribute msg
negMy3 =
    class "-my-3"


{-| Maps to `-my-4`:

    .-my-4 {
      margin-top: -1rem;
      margin-bottom: -1rem;
    }
-}
negMy4 : Attribute msg
negMy4 =
    class "-my-4"


{-| Maps to `-my-5`:

    .-my-5 {
      margin-top: -1.25rem;
      margin-bottom: -1.25rem;
    }
-}
negMy5 : Attribute msg
negMy5 =
    class "-my-5"


{-| Maps to `-my-6`:

    .-my-6 {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem;
    }
-}
negMy6 : Attribute msg
negMy6 =
    class "-my-6"


{-| Maps to `-my-7`:

    .-my-7 {
      margin-top: -1.75rem;
      margin-bottom: -1.75rem;
    }
-}
negMy7 : Attribute msg
negMy7 =
    class "-my-7"


{-| Maps to `-my-8`:

    .-my-8 {
      margin-top: -2rem;
      margin-bottom: -2rem;
    }
-}
negMy8 : Attribute msg
negMy8 =
    class "-my-8"


{-| Maps to `-my-9`:

    .-my-9 {
      margin-top: -2.25rem;
      margin-bottom: -2.25rem;
    }
-}
negMy9 : Attribute msg
negMy9 =
    class "-my-9"


{-| Maps to `-my-10`:

    .-my-10 {
      margin-top: -2.5rem;
      margin-bottom: -2.5rem;
    }
-}
negMy10 : Attribute msg
negMy10 =
    class "-my-10"


{-| Maps to `-my-11`:

    .-my-11 {
      margin-top: -2.75rem;
      margin-bottom: -2.75rem;
    }
-}
negMy11 : Attribute msg
negMy11 =
    class "-my-11"


{-| Maps to `-my-12`:

    .-my-12 {
      margin-top: -3rem;
      margin-bottom: -3rem;
    }
-}
negMy12 : Attribute msg
negMy12 =
    class "-my-12"


{-| Maps to `-my-14`:

    .-my-14 {
      margin-top: -3.5rem;
      margin-bottom: -3.5rem;
    }
-}
negMy14 : Attribute msg
negMy14 =
    class "-my-14"


{-| Maps to `-my-16`:

    .-my-16 {
      margin-top: -4rem;
      margin-bottom: -4rem;
    }
-}
negMy16 : Attribute msg
negMy16 =
    class "-my-16"


{-| Maps to `-my-20`:

    .-my-20 {
      margin-top: -5rem;
      margin-bottom: -5rem;
    }
-}
negMy20 : Attribute msg
negMy20 =
    class "-my-20"


{-| Maps to `-my-24`:

    .-my-24 {
      margin-top: -6rem;
      margin-bottom: -6rem;
    }
-}
negMy24 : Attribute msg
negMy24 =
    class "-my-24"


{-| Maps to `-my-28`:

    .-my-28 {
      margin-top: -7rem;
      margin-bottom: -7rem;
    }
-}
negMy28 : Attribute msg
negMy28 =
    class "-my-28"


{-| Maps to `-my-32`:

    .-my-32 {
      margin-top: -8rem;
      margin-bottom: -8rem;
    }
-}
negMy32 : Attribute msg
negMy32 =
    class "-my-32"


{-| Maps to `-my-36`:

    .-my-36 {
      margin-top: -9rem;
      margin-bottom: -9rem;
    }
-}
negMy36 : Attribute msg
negMy36 =
    class "-my-36"


{-| Maps to `-my-40`:

    .-my-40 {
      margin-top: -10rem;
      margin-bottom: -10rem;
    }
-}
negMy40 : Attribute msg
negMy40 =
    class "-my-40"


{-| Maps to `-my-44`:

    .-my-44 {
      margin-top: -11rem;
      margin-bottom: -11rem;
    }
-}
negMy44 : Attribute msg
negMy44 =
    class "-my-44"


{-| Maps to `-my-48`:

    .-my-48 {
      margin-top: -12rem;
      margin-bottom: -12rem;
    }
-}
negMy48 : Attribute msg
negMy48 =
    class "-my-48"


{-| Maps to `-my-52`:

    .-my-52 {
      margin-top: -13rem;
      margin-bottom: -13rem;
    }
-}
negMy52 : Attribute msg
negMy52 =
    class "-my-52"


{-| Maps to `-my-56`:

    .-my-56 {
      margin-top: -14rem;
      margin-bottom: -14rem;
    }
-}
negMy56 : Attribute msg
negMy56 =
    class "-my-56"


{-| Maps to `-my-60`:

    .-my-60 {
      margin-top: -15rem;
      margin-bottom: -15rem;
    }
-}
negMy60 : Attribute msg
negMy60 =
    class "-my-60"


{-| Maps to `-my-64`:

    .-my-64 {
      margin-top: -16rem;
      margin-bottom: -16rem;
    }
-}
negMy64 : Attribute msg
negMy64 =
    class "-my-64"


{-| Maps to `-my-72`:

    .-my-72 {
      margin-top: -18rem;
      margin-bottom: -18rem;
    }
-}
negMy72 : Attribute msg
negMy72 =
    class "-my-72"


{-| Maps to `-my-80`:

    .-my-80 {
      margin-top: -20rem;
      margin-bottom: -20rem;
    }
-}
negMy80 : Attribute msg
negMy80 =
    class "-my-80"


{-| Maps to `-my-96`:

    .-my-96 {
      margin-top: -24rem;
      margin-bottom: -24rem;
    }
-}
negMy96 : Attribute msg
negMy96 =
    class "-my-96"


{-| Maps to `-my-px`:

    .-my-px {
      margin-top: -1px;
      margin-bottom: -1px;
    }
-}
negMyPx : Attribute msg
negMyPx =
    class "-my-px"


{-| Maps to `-my-0.5`:

    .-my-0\.5 {
      margin-top: -0.125rem;
      margin-bottom: -0.125rem;
    }
-}
negMy0o5 : Attribute msg
negMy0o5 =
    class "-my-0.5"


{-| Maps to `-my-1.5`:

    .-my-1\.5 {
      margin-top: -0.375rem;
      margin-bottom: -0.375rem;
    }
-}
negMy1o5 : Attribute msg
negMy1o5 =
    class "-my-1.5"


{-| Maps to `-my-2.5`:

    .-my-2\.5 {
      margin-top: -0.625rem;
      margin-bottom: -0.625rem;
    }
-}
negMy2o5 : Attribute msg
negMy2o5 =
    class "-my-2.5"


{-| Maps to `-my-3.5`:

    .-my-3\.5 {
      margin-top: -0.875rem;
      margin-bottom: -0.875rem;
    }
-}
negMy3o5 : Attribute msg
negMy3o5 =
    class "-my-3.5"


{-| Maps to `mt-0`:

    .mt-0 {
      margin-top: 0;
    }
-}
mt0 : Attribute msg
mt0 =
    class "mt-0"


{-| Maps to `mt-1`:

    .mt-1 {
      margin-top: 0.25rem;
    }
-}
mt1 : Attribute msg
mt1 =
    class "mt-1"


{-| Maps to `mt-2`:

    .mt-2 {
      margin-top: 0.5rem;
    }
-}
mt2 : Attribute msg
mt2 =
    class "mt-2"


{-| Maps to `mt-3`:

    .mt-3 {
      margin-top: 0.75rem;
    }
-}
mt3 : Attribute msg
mt3 =
    class "mt-3"


{-| Maps to `mt-4`:

    .mt-4 {
      margin-top: 1rem;
    }
-}
mt4 : Attribute msg
mt4 =
    class "mt-4"


{-| Maps to `mt-5`:

    .mt-5 {
      margin-top: 1.25rem;
    }
-}
mt5 : Attribute msg
mt5 =
    class "mt-5"


{-| Maps to `mt-6`:

    .mt-6 {
      margin-top: 1.5rem;
    }
-}
mt6 : Attribute msg
mt6 =
    class "mt-6"


{-| Maps to `mt-7`:

    .mt-7 {
      margin-top: 1.75rem;
    }
-}
mt7 : Attribute msg
mt7 =
    class "mt-7"


{-| Maps to `mt-8`:

    .mt-8 {
      margin-top: 2rem;
    }
-}
mt8 : Attribute msg
mt8 =
    class "mt-8"


{-| Maps to `mt-9`:

    .mt-9 {
      margin-top: 2.25rem;
    }
-}
mt9 : Attribute msg
mt9 =
    class "mt-9"


{-| Maps to `mt-10`:

    .mt-10 {
      margin-top: 2.5rem;
    }
-}
mt10 : Attribute msg
mt10 =
    class "mt-10"


{-| Maps to `mt-11`:

    .mt-11 {
      margin-top: 2.75rem;
    }
-}
mt11 : Attribute msg
mt11 =
    class "mt-11"


{-| Maps to `mt-12`:

    .mt-12 {
      margin-top: 3rem;
    }
-}
mt12 : Attribute msg
mt12 =
    class "mt-12"


{-| Maps to `mt-14`:

    .mt-14 {
      margin-top: 3.5rem;
    }
-}
mt14 : Attribute msg
mt14 =
    class "mt-14"


{-| Maps to `mt-16`:

    .mt-16 {
      margin-top: 4rem;
    }
-}
mt16 : Attribute msg
mt16 =
    class "mt-16"


{-| Maps to `mt-20`:

    .mt-20 {
      margin-top: 5rem;
    }
-}
mt20 : Attribute msg
mt20 =
    class "mt-20"


{-| Maps to `mt-24`:

    .mt-24 {
      margin-top: 6rem;
    }
-}
mt24 : Attribute msg
mt24 =
    class "mt-24"


{-| Maps to `mt-28`:

    .mt-28 {
      margin-top: 7rem;
    }
-}
mt28 : Attribute msg
mt28 =
    class "mt-28"


{-| Maps to `mt-32`:

    .mt-32 {
      margin-top: 8rem;
    }
-}
mt32 : Attribute msg
mt32 =
    class "mt-32"


{-| Maps to `mt-36`:

    .mt-36 {
      margin-top: 9rem;
    }
-}
mt36 : Attribute msg
mt36 =
    class "mt-36"


{-| Maps to `mt-40`:

    .mt-40 {
      margin-top: 10rem;
    }
-}
mt40 : Attribute msg
mt40 =
    class "mt-40"


{-| Maps to `mt-44`:

    .mt-44 {
      margin-top: 11rem;
    }
-}
mt44 : Attribute msg
mt44 =
    class "mt-44"


{-| Maps to `mt-48`:

    .mt-48 {
      margin-top: 12rem;
    }
-}
mt48 : Attribute msg
mt48 =
    class "mt-48"


{-| Maps to `mt-52`:

    .mt-52 {
      margin-top: 13rem;
    }
-}
mt52 : Attribute msg
mt52 =
    class "mt-52"


{-| Maps to `mt-56`:

    .mt-56 {
      margin-top: 14rem;
    }
-}
mt56 : Attribute msg
mt56 =
    class "mt-56"


{-| Maps to `mt-60`:

    .mt-60 {
      margin-top: 15rem;
    }
-}
mt60 : Attribute msg
mt60 =
    class "mt-60"


{-| Maps to `mt-64`:

    .mt-64 {
      margin-top: 16rem;
    }
-}
mt64 : Attribute msg
mt64 =
    class "mt-64"


{-| Maps to `mt-72`:

    .mt-72 {
      margin-top: 18rem;
    }
-}
mt72 : Attribute msg
mt72 =
    class "mt-72"


{-| Maps to `mt-80`:

    .mt-80 {
      margin-top: 20rem;
    }
-}
mt80 : Attribute msg
mt80 =
    class "mt-80"


{-| Maps to `mt-96`:

    .mt-96 {
      margin-top: 24rem;
    }
-}
mt96 : Attribute msg
mt96 =
    class "mt-96"


{-| Maps to `mt-auto`:

    .mt-auto {
      margin-top: auto;
    }
-}
mtAuto : Attribute msg
mtAuto =
    class "mt-auto"


{-| Maps to `mt-px`:

    .mt-px {
      margin-top: 1px;
    }
-}
mtPx : Attribute msg
mtPx =
    class "mt-px"


{-| Maps to `mt-0.5`:

    .mt-0\.5 {
      margin-top: 0.125rem;
    }
-}
mt0o5 : Attribute msg
mt0o5 =
    class "mt-0.5"


{-| Maps to `mt-1.5`:

    .mt-1\.5 {
      margin-top: 0.375rem;
    }
-}
mt1o5 : Attribute msg
mt1o5 =
    class "mt-1.5"


{-| Maps to `mt-2.5`:

    .mt-2\.5 {
      margin-top: 0.625rem;
    }
-}
mt2o5 : Attribute msg
mt2o5 =
    class "mt-2.5"


{-| Maps to `mt-3.5`:

    .mt-3\.5 {
      margin-top: 0.875rem;
    }
-}
mt3o5 : Attribute msg
mt3o5 =
    class "mt-3.5"


{-| Maps to `-mt-0`:

    .-mt-0 {
      margin-top: 0;
    }
-}
negMt0 : Attribute msg
negMt0 =
    class "-mt-0"


{-| Maps to `-mt-1`:

    .-mt-1 {
      margin-top: -0.25rem;
    }
-}
negMt1 : Attribute msg
negMt1 =
    class "-mt-1"


{-| Maps to `-mt-2`:

    .-mt-2 {
      margin-top: -0.5rem;
    }
-}
negMt2 : Attribute msg
negMt2 =
    class "-mt-2"


{-| Maps to `-mt-3`:

    .-mt-3 {
      margin-top: -0.75rem;
    }
-}
negMt3 : Attribute msg
negMt3 =
    class "-mt-3"


{-| Maps to `-mt-4`:

    .-mt-4 {
      margin-top: -1rem;
    }
-}
negMt4 : Attribute msg
negMt4 =
    class "-mt-4"


{-| Maps to `-mt-5`:

    .-mt-5 {
      margin-top: -1.25rem;
    }
-}
negMt5 : Attribute msg
negMt5 =
    class "-mt-5"


{-| Maps to `-mt-6`:

    .-mt-6 {
      margin-top: -1.5rem;
    }
-}
negMt6 : Attribute msg
negMt6 =
    class "-mt-6"


{-| Maps to `-mt-7`:

    .-mt-7 {
      margin-top: -1.75rem;
    }
-}
negMt7 : Attribute msg
negMt7 =
    class "-mt-7"


{-| Maps to `-mt-8`:

    .-mt-8 {
      margin-top: -2rem;
    }
-}
negMt8 : Attribute msg
negMt8 =
    class "-mt-8"


{-| Maps to `-mt-9`:

    .-mt-9 {
      margin-top: -2.25rem;
    }
-}
negMt9 : Attribute msg
negMt9 =
    class "-mt-9"


{-| Maps to `-mt-10`:

    .-mt-10 {
      margin-top: -2.5rem;
    }
-}
negMt10 : Attribute msg
negMt10 =
    class "-mt-10"


{-| Maps to `-mt-11`:

    .-mt-11 {
      margin-top: -2.75rem;
    }
-}
negMt11 : Attribute msg
negMt11 =
    class "-mt-11"


{-| Maps to `-mt-12`:

    .-mt-12 {
      margin-top: -3rem;
    }
-}
negMt12 : Attribute msg
negMt12 =
    class "-mt-12"


{-| Maps to `-mt-14`:

    .-mt-14 {
      margin-top: -3.5rem;
    }
-}
negMt14 : Attribute msg
negMt14 =
    class "-mt-14"


{-| Maps to `-mt-16`:

    .-mt-16 {
      margin-top: -4rem;
    }
-}
negMt16 : Attribute msg
negMt16 =
    class "-mt-16"


{-| Maps to `-mt-20`:

    .-mt-20 {
      margin-top: -5rem;
    }
-}
negMt20 : Attribute msg
negMt20 =
    class "-mt-20"


{-| Maps to `-mt-24`:

    .-mt-24 {
      margin-top: -6rem;
    }
-}
negMt24 : Attribute msg
negMt24 =
    class "-mt-24"


{-| Maps to `-mt-28`:

    .-mt-28 {
      margin-top: -7rem;
    }
-}
negMt28 : Attribute msg
negMt28 =
    class "-mt-28"


{-| Maps to `-mt-32`:

    .-mt-32 {
      margin-top: -8rem;
    }
-}
negMt32 : Attribute msg
negMt32 =
    class "-mt-32"


{-| Maps to `-mt-36`:

    .-mt-36 {
      margin-top: -9rem;
    }
-}
negMt36 : Attribute msg
negMt36 =
    class "-mt-36"


{-| Maps to `-mt-40`:

    .-mt-40 {
      margin-top: -10rem;
    }
-}
negMt40 : Attribute msg
negMt40 =
    class "-mt-40"


{-| Maps to `-mt-44`:

    .-mt-44 {
      margin-top: -11rem;
    }
-}
negMt44 : Attribute msg
negMt44 =
    class "-mt-44"


{-| Maps to `-mt-48`:

    .-mt-48 {
      margin-top: -12rem;
    }
-}
negMt48 : Attribute msg
negMt48 =
    class "-mt-48"


{-| Maps to `-mt-52`:

    .-mt-52 {
      margin-top: -13rem;
    }
-}
negMt52 : Attribute msg
negMt52 =
    class "-mt-52"


{-| Maps to `-mt-56`:

    .-mt-56 {
      margin-top: -14rem;
    }
-}
negMt56 : Attribute msg
negMt56 =
    class "-mt-56"


{-| Maps to `-mt-60`:

    .-mt-60 {
      margin-top: -15rem;
    }
-}
negMt60 : Attribute msg
negMt60 =
    class "-mt-60"


{-| Maps to `-mt-64`:

    .-mt-64 {
      margin-top: -16rem;
    }
-}
negMt64 : Attribute msg
negMt64 =
    class "-mt-64"


{-| Maps to `-mt-72`:

    .-mt-72 {
      margin-top: -18rem;
    }
-}
negMt72 : Attribute msg
negMt72 =
    class "-mt-72"


{-| Maps to `-mt-80`:

    .-mt-80 {
      margin-top: -20rem;
    }
-}
negMt80 : Attribute msg
negMt80 =
    class "-mt-80"


{-| Maps to `-mt-96`:

    .-mt-96 {
      margin-top: -24rem;
    }
-}
negMt96 : Attribute msg
negMt96 =
    class "-mt-96"


{-| Maps to `-mt-px`:

    .-mt-px {
      margin-top: -1px;
    }
-}
negMtPx : Attribute msg
negMtPx =
    class "-mt-px"


{-| Maps to `-mt-0.5`:

    .-mt-0\.5 {
      margin-top: -0.125rem;
    }
-}
negMt0o5 : Attribute msg
negMt0o5 =
    class "-mt-0.5"


{-| Maps to `-mt-1.5`:

    .-mt-1\.5 {
      margin-top: -0.375rem;
    }
-}
negMt1o5 : Attribute msg
negMt1o5 =
    class "-mt-1.5"


{-| Maps to `-mt-2.5`:

    .-mt-2\.5 {
      margin-top: -0.625rem;
    }
-}
negMt2o5 : Attribute msg
negMt2o5 =
    class "-mt-2.5"


{-| Maps to `-mt-3.5`:

    .-mt-3\.5 {
      margin-top: -0.875rem;
    }
-}
negMt3o5 : Attribute msg
negMt3o5 =
    class "-mt-3.5"


{-| Maps to `mr-0`:

    .mr-0 {
      margin-right: 0;
    }
-}
mr0 : Attribute msg
mr0 =
    class "mr-0"


{-| Maps to `mr-1`:

    .mr-1 {
      margin-right: 0.25rem;
    }
-}
mr1 : Attribute msg
mr1 =
    class "mr-1"


{-| Maps to `mr-2`:

    .mr-2 {
      margin-right: 0.5rem;
    }
-}
mr2 : Attribute msg
mr2 =
    class "mr-2"


{-| Maps to `mr-3`:

    .mr-3 {
      margin-right: 0.75rem;
    }
-}
mr3 : Attribute msg
mr3 =
    class "mr-3"


{-| Maps to `mr-4`:

    .mr-4 {
      margin-right: 1rem;
    }
-}
mr4 : Attribute msg
mr4 =
    class "mr-4"


{-| Maps to `mr-5`:

    .mr-5 {
      margin-right: 1.25rem;
    }
-}
mr5 : Attribute msg
mr5 =
    class "mr-5"


{-| Maps to `mr-6`:

    .mr-6 {
      margin-right: 1.5rem;
    }
-}
mr6 : Attribute msg
mr6 =
    class "mr-6"


{-| Maps to `mr-7`:

    .mr-7 {
      margin-right: 1.75rem;
    }
-}
mr7 : Attribute msg
mr7 =
    class "mr-7"


{-| Maps to `mr-8`:

    .mr-8 {
      margin-right: 2rem;
    }
-}
mr8 : Attribute msg
mr8 =
    class "mr-8"


{-| Maps to `mr-9`:

    .mr-9 {
      margin-right: 2.25rem;
    }
-}
mr9 : Attribute msg
mr9 =
    class "mr-9"


{-| Maps to `mr-10`:

    .mr-10 {
      margin-right: 2.5rem;
    }
-}
mr10 : Attribute msg
mr10 =
    class "mr-10"


{-| Maps to `mr-11`:

    .mr-11 {
      margin-right: 2.75rem;
    }
-}
mr11 : Attribute msg
mr11 =
    class "mr-11"


{-| Maps to `mr-12`:

    .mr-12 {
      margin-right: 3rem;
    }
-}
mr12 : Attribute msg
mr12 =
    class "mr-12"


{-| Maps to `mr-14`:

    .mr-14 {
      margin-right: 3.5rem;
    }
-}
mr14 : Attribute msg
mr14 =
    class "mr-14"


{-| Maps to `mr-16`:

    .mr-16 {
      margin-right: 4rem;
    }
-}
mr16 : Attribute msg
mr16 =
    class "mr-16"


{-| Maps to `mr-20`:

    .mr-20 {
      margin-right: 5rem;
    }
-}
mr20 : Attribute msg
mr20 =
    class "mr-20"


{-| Maps to `mr-24`:

    .mr-24 {
      margin-right: 6rem;
    }
-}
mr24 : Attribute msg
mr24 =
    class "mr-24"


{-| Maps to `mr-28`:

    .mr-28 {
      margin-right: 7rem;
    }
-}
mr28 : Attribute msg
mr28 =
    class "mr-28"


{-| Maps to `mr-32`:

    .mr-32 {
      margin-right: 8rem;
    }
-}
mr32 : Attribute msg
mr32 =
    class "mr-32"


{-| Maps to `mr-36`:

    .mr-36 {
      margin-right: 9rem;
    }
-}
mr36 : Attribute msg
mr36 =
    class "mr-36"


{-| Maps to `mr-40`:

    .mr-40 {
      margin-right: 10rem;
    }
-}
mr40 : Attribute msg
mr40 =
    class "mr-40"


{-| Maps to `mr-44`:

    .mr-44 {
      margin-right: 11rem;
    }
-}
mr44 : Attribute msg
mr44 =
    class "mr-44"


{-| Maps to `mr-48`:

    .mr-48 {
      margin-right: 12rem;
    }
-}
mr48 : Attribute msg
mr48 =
    class "mr-48"


{-| Maps to `mr-52`:

    .mr-52 {
      margin-right: 13rem;
    }
-}
mr52 : Attribute msg
mr52 =
    class "mr-52"


{-| Maps to `mr-56`:

    .mr-56 {
      margin-right: 14rem;
    }
-}
mr56 : Attribute msg
mr56 =
    class "mr-56"


{-| Maps to `mr-60`:

    .mr-60 {
      margin-right: 15rem;
    }
-}
mr60 : Attribute msg
mr60 =
    class "mr-60"


{-| Maps to `mr-64`:

    .mr-64 {
      margin-right: 16rem;
    }
-}
mr64 : Attribute msg
mr64 =
    class "mr-64"


{-| Maps to `mr-72`:

    .mr-72 {
      margin-right: 18rem;
    }
-}
mr72 : Attribute msg
mr72 =
    class "mr-72"


{-| Maps to `mr-80`:

    .mr-80 {
      margin-right: 20rem;
    }
-}
mr80 : Attribute msg
mr80 =
    class "mr-80"


{-| Maps to `mr-96`:

    .mr-96 {
      margin-right: 24rem;
    }
-}
mr96 : Attribute msg
mr96 =
    class "mr-96"


{-| Maps to `mr-auto`:

    .mr-auto {
      margin-right: auto;
    }
-}
mrAuto : Attribute msg
mrAuto =
    class "mr-auto"


{-| Maps to `mr-px`:

    .mr-px {
      margin-right: 1px;
    }
-}
mrPx : Attribute msg
mrPx =
    class "mr-px"


{-| Maps to `mr-0.5`:

    .mr-0\.5 {
      margin-right: 0.125rem;
    }
-}
mr0o5 : Attribute msg
mr0o5 =
    class "mr-0.5"


{-| Maps to `mr-1.5`:

    .mr-1\.5 {
      margin-right: 0.375rem;
    }
-}
mr1o5 : Attribute msg
mr1o5 =
    class "mr-1.5"


{-| Maps to `mr-2.5`:

    .mr-2\.5 {
      margin-right: 0.625rem;
    }
-}
mr2o5 : Attribute msg
mr2o5 =
    class "mr-2.5"


{-| Maps to `mr-3.5`:

    .mr-3\.5 {
      margin-right: 0.875rem;
    }
-}
mr3o5 : Attribute msg
mr3o5 =
    class "mr-3.5"


{-| Maps to `-mr-0`:

    .-mr-0 {
      margin-right: 0;
    }
-}
negMr0 : Attribute msg
negMr0 =
    class "-mr-0"


{-| Maps to `-mr-1`:

    .-mr-1 {
      margin-right: -0.25rem;
    }
-}
negMr1 : Attribute msg
negMr1 =
    class "-mr-1"


{-| Maps to `-mr-2`:

    .-mr-2 {
      margin-right: -0.5rem;
    }
-}
negMr2 : Attribute msg
negMr2 =
    class "-mr-2"


{-| Maps to `-mr-3`:

    .-mr-3 {
      margin-right: -0.75rem;
    }
-}
negMr3 : Attribute msg
negMr3 =
    class "-mr-3"


{-| Maps to `-mr-4`:

    .-mr-4 {
      margin-right: -1rem;
    }
-}
negMr4 : Attribute msg
negMr4 =
    class "-mr-4"


{-| Maps to `-mr-5`:

    .-mr-5 {
      margin-right: -1.25rem;
    }
-}
negMr5 : Attribute msg
negMr5 =
    class "-mr-5"


{-| Maps to `-mr-6`:

    .-mr-6 {
      margin-right: -1.5rem;
    }
-}
negMr6 : Attribute msg
negMr6 =
    class "-mr-6"


{-| Maps to `-mr-7`:

    .-mr-7 {
      margin-right: -1.75rem;
    }
-}
negMr7 : Attribute msg
negMr7 =
    class "-mr-7"


{-| Maps to `-mr-8`:

    .-mr-8 {
      margin-right: -2rem;
    }
-}
negMr8 : Attribute msg
negMr8 =
    class "-mr-8"


{-| Maps to `-mr-9`:

    .-mr-9 {
      margin-right: -2.25rem;
    }
-}
negMr9 : Attribute msg
negMr9 =
    class "-mr-9"


{-| Maps to `-mr-10`:

    .-mr-10 {
      margin-right: -2.5rem;
    }
-}
negMr10 : Attribute msg
negMr10 =
    class "-mr-10"


{-| Maps to `-mr-11`:

    .-mr-11 {
      margin-right: -2.75rem;
    }
-}
negMr11 : Attribute msg
negMr11 =
    class "-mr-11"


{-| Maps to `-mr-12`:

    .-mr-12 {
      margin-right: -3rem;
    }
-}
negMr12 : Attribute msg
negMr12 =
    class "-mr-12"


{-| Maps to `-mr-14`:

    .-mr-14 {
      margin-right: -3.5rem;
    }
-}
negMr14 : Attribute msg
negMr14 =
    class "-mr-14"


{-| Maps to `-mr-16`:

    .-mr-16 {
      margin-right: -4rem;
    }
-}
negMr16 : Attribute msg
negMr16 =
    class "-mr-16"


{-| Maps to `-mr-20`:

    .-mr-20 {
      margin-right: -5rem;
    }
-}
negMr20 : Attribute msg
negMr20 =
    class "-mr-20"


{-| Maps to `-mr-24`:

    .-mr-24 {
      margin-right: -6rem;
    }
-}
negMr24 : Attribute msg
negMr24 =
    class "-mr-24"


{-| Maps to `-mr-28`:

    .-mr-28 {
      margin-right: -7rem;
    }
-}
negMr28 : Attribute msg
negMr28 =
    class "-mr-28"


{-| Maps to `-mr-32`:

    .-mr-32 {
      margin-right: -8rem;
    }
-}
negMr32 : Attribute msg
negMr32 =
    class "-mr-32"


{-| Maps to `-mr-36`:

    .-mr-36 {
      margin-right: -9rem;
    }
-}
negMr36 : Attribute msg
negMr36 =
    class "-mr-36"


{-| Maps to `-mr-40`:

    .-mr-40 {
      margin-right: -10rem;
    }
-}
negMr40 : Attribute msg
negMr40 =
    class "-mr-40"


{-| Maps to `-mr-44`:

    .-mr-44 {
      margin-right: -11rem;
    }
-}
negMr44 : Attribute msg
negMr44 =
    class "-mr-44"


{-| Maps to `-mr-48`:

    .-mr-48 {
      margin-right: -12rem;
    }
-}
negMr48 : Attribute msg
negMr48 =
    class "-mr-48"


{-| Maps to `-mr-52`:

    .-mr-52 {
      margin-right: -13rem;
    }
-}
negMr52 : Attribute msg
negMr52 =
    class "-mr-52"


{-| Maps to `-mr-56`:

    .-mr-56 {
      margin-right: -14rem;
    }
-}
negMr56 : Attribute msg
negMr56 =
    class "-mr-56"


{-| Maps to `-mr-60`:

    .-mr-60 {
      margin-right: -15rem;
    }
-}
negMr60 : Attribute msg
negMr60 =
    class "-mr-60"


{-| Maps to `-mr-64`:

    .-mr-64 {
      margin-right: -16rem;
    }
-}
negMr64 : Attribute msg
negMr64 =
    class "-mr-64"


{-| Maps to `-mr-72`:

    .-mr-72 {
      margin-right: -18rem;
    }
-}
negMr72 : Attribute msg
negMr72 =
    class "-mr-72"


{-| Maps to `-mr-80`:

    .-mr-80 {
      margin-right: -20rem;
    }
-}
negMr80 : Attribute msg
negMr80 =
    class "-mr-80"


{-| Maps to `-mr-96`:

    .-mr-96 {
      margin-right: -24rem;
    }
-}
negMr96 : Attribute msg
negMr96 =
    class "-mr-96"


{-| Maps to `-mr-px`:

    .-mr-px {
      margin-right: -1px;
    }
-}
negMrPx : Attribute msg
negMrPx =
    class "-mr-px"


{-| Maps to `-mr-0.5`:

    .-mr-0\.5 {
      margin-right: -0.125rem;
    }
-}
negMr0o5 : Attribute msg
negMr0o5 =
    class "-mr-0.5"


{-| Maps to `-mr-1.5`:

    .-mr-1\.5 {
      margin-right: -0.375rem;
    }
-}
negMr1o5 : Attribute msg
negMr1o5 =
    class "-mr-1.5"


{-| Maps to `-mr-2.5`:

    .-mr-2\.5 {
      margin-right: -0.625rem;
    }
-}
negMr2o5 : Attribute msg
negMr2o5 =
    class "-mr-2.5"


{-| Maps to `-mr-3.5`:

    .-mr-3\.5 {
      margin-right: -0.875rem;
    }
-}
negMr3o5 : Attribute msg
negMr3o5 =
    class "-mr-3.5"


{-| Maps to `mb-0`:

    .mb-0 {
      margin-bottom: 0;
    }
-}
mb0 : Attribute msg
mb0 =
    class "mb-0"


{-| Maps to `mb-1`:

    .mb-1 {
      margin-bottom: 0.25rem;
    }
-}
mb1 : Attribute msg
mb1 =
    class "mb-1"


{-| Maps to `mb-2`:

    .mb-2 {
      margin-bottom: 0.5rem;
    }
-}
mb2 : Attribute msg
mb2 =
    class "mb-2"


{-| Maps to `mb-3`:

    .mb-3 {
      margin-bottom: 0.75rem;
    }
-}
mb3 : Attribute msg
mb3 =
    class "mb-3"


{-| Maps to `mb-4`:

    .mb-4 {
      margin-bottom: 1rem;
    }
-}
mb4 : Attribute msg
mb4 =
    class "mb-4"


{-| Maps to `mb-5`:

    .mb-5 {
      margin-bottom: 1.25rem;
    }
-}
mb5 : Attribute msg
mb5 =
    class "mb-5"


{-| Maps to `mb-6`:

    .mb-6 {
      margin-bottom: 1.5rem;
    }
-}
mb6 : Attribute msg
mb6 =
    class "mb-6"


{-| Maps to `mb-7`:

    .mb-7 {
      margin-bottom: 1.75rem;
    }
-}
mb7 : Attribute msg
mb7 =
    class "mb-7"


{-| Maps to `mb-8`:

    .mb-8 {
      margin-bottom: 2rem;
    }
-}
mb8 : Attribute msg
mb8 =
    class "mb-8"


{-| Maps to `mb-9`:

    .mb-9 {
      margin-bottom: 2.25rem;
    }
-}
mb9 : Attribute msg
mb9 =
    class "mb-9"


{-| Maps to `mb-10`:

    .mb-10 {
      margin-bottom: 2.5rem;
    }
-}
mb10 : Attribute msg
mb10 =
    class "mb-10"


{-| Maps to `mb-11`:

    .mb-11 {
      margin-bottom: 2.75rem;
    }
-}
mb11 : Attribute msg
mb11 =
    class "mb-11"


{-| Maps to `mb-12`:

    .mb-12 {
      margin-bottom: 3rem;
    }
-}
mb12 : Attribute msg
mb12 =
    class "mb-12"


{-| Maps to `mb-14`:

    .mb-14 {
      margin-bottom: 3.5rem;
    }
-}
mb14 : Attribute msg
mb14 =
    class "mb-14"


{-| Maps to `mb-16`:

    .mb-16 {
      margin-bottom: 4rem;
    }
-}
mb16 : Attribute msg
mb16 =
    class "mb-16"


{-| Maps to `mb-20`:

    .mb-20 {
      margin-bottom: 5rem;
    }
-}
mb20 : Attribute msg
mb20 =
    class "mb-20"


{-| Maps to `mb-24`:

    .mb-24 {
      margin-bottom: 6rem;
    }
-}
mb24 : Attribute msg
mb24 =
    class "mb-24"


{-| Maps to `mb-28`:

    .mb-28 {
      margin-bottom: 7rem;
    }
-}
mb28 : Attribute msg
mb28 =
    class "mb-28"


{-| Maps to `mb-32`:

    .mb-32 {
      margin-bottom: 8rem;
    }
-}
mb32 : Attribute msg
mb32 =
    class "mb-32"


{-| Maps to `mb-36`:

    .mb-36 {
      margin-bottom: 9rem;
    }
-}
mb36 : Attribute msg
mb36 =
    class "mb-36"


{-| Maps to `mb-40`:

    .mb-40 {
      margin-bottom: 10rem;
    }
-}
mb40 : Attribute msg
mb40 =
    class "mb-40"


{-| Maps to `mb-44`:

    .mb-44 {
      margin-bottom: 11rem;
    }
-}
mb44 : Attribute msg
mb44 =
    class "mb-44"


{-| Maps to `mb-48`:

    .mb-48 {
      margin-bottom: 12rem;
    }
-}
mb48 : Attribute msg
mb48 =
    class "mb-48"


{-| Maps to `mb-52`:

    .mb-52 {
      margin-bottom: 13rem;
    }
-}
mb52 : Attribute msg
mb52 =
    class "mb-52"


{-| Maps to `mb-56`:

    .mb-56 {
      margin-bottom: 14rem;
    }
-}
mb56 : Attribute msg
mb56 =
    class "mb-56"


{-| Maps to `mb-60`:

    .mb-60 {
      margin-bottom: 15rem;
    }
-}
mb60 : Attribute msg
mb60 =
    class "mb-60"


{-| Maps to `mb-64`:

    .mb-64 {
      margin-bottom: 16rem;
    }
-}
mb64 : Attribute msg
mb64 =
    class "mb-64"


{-| Maps to `mb-72`:

    .mb-72 {
      margin-bottom: 18rem;
    }
-}
mb72 : Attribute msg
mb72 =
    class "mb-72"


{-| Maps to `mb-80`:

    .mb-80 {
      margin-bottom: 20rem;
    }
-}
mb80 : Attribute msg
mb80 =
    class "mb-80"


{-| Maps to `mb-96`:

    .mb-96 {
      margin-bottom: 24rem;
    }
-}
mb96 : Attribute msg
mb96 =
    class "mb-96"


{-| Maps to `mb-auto`:

    .mb-auto {
      margin-bottom: auto;
    }
-}
mbAuto : Attribute msg
mbAuto =
    class "mb-auto"


{-| Maps to `mb-px`:

    .mb-px {
      margin-bottom: 1px;
    }
-}
mbPx : Attribute msg
mbPx =
    class "mb-px"


{-| Maps to `mb-0.5`:

    .mb-0\.5 {
      margin-bottom: 0.125rem;
    }
-}
mb0o5 : Attribute msg
mb0o5 =
    class "mb-0.5"


{-| Maps to `mb-1.5`:

    .mb-1\.5 {
      margin-bottom: 0.375rem;
    }
-}
mb1o5 : Attribute msg
mb1o5 =
    class "mb-1.5"


{-| Maps to `mb-2.5`:

    .mb-2\.5 {
      margin-bottom: 0.625rem;
    }
-}
mb2o5 : Attribute msg
mb2o5 =
    class "mb-2.5"


{-| Maps to `mb-3.5`:

    .mb-3\.5 {
      margin-bottom: 0.875rem;
    }
-}
mb3o5 : Attribute msg
mb3o5 =
    class "mb-3.5"


{-| Maps to `-mb-0`:

    .-mb-0 {
      margin-bottom: 0;
    }
-}
negMb0 : Attribute msg
negMb0 =
    class "-mb-0"


{-| Maps to `-mb-1`:

    .-mb-1 {
      margin-bottom: -0.25rem;
    }
-}
negMb1 : Attribute msg
negMb1 =
    class "-mb-1"


{-| Maps to `-mb-2`:

    .-mb-2 {
      margin-bottom: -0.5rem;
    }
-}
negMb2 : Attribute msg
negMb2 =
    class "-mb-2"


{-| Maps to `-mb-3`:

    .-mb-3 {
      margin-bottom: -0.75rem;
    }
-}
negMb3 : Attribute msg
negMb3 =
    class "-mb-3"


{-| Maps to `-mb-4`:

    .-mb-4 {
      margin-bottom: -1rem;
    }
-}
negMb4 : Attribute msg
negMb4 =
    class "-mb-4"


{-| Maps to `-mb-5`:

    .-mb-5 {
      margin-bottom: -1.25rem;
    }
-}
negMb5 : Attribute msg
negMb5 =
    class "-mb-5"


{-| Maps to `-mb-6`:

    .-mb-6 {
      margin-bottom: -1.5rem;
    }
-}
negMb6 : Attribute msg
negMb6 =
    class "-mb-6"


{-| Maps to `-mb-7`:

    .-mb-7 {
      margin-bottom: -1.75rem;
    }
-}
negMb7 : Attribute msg
negMb7 =
    class "-mb-7"


{-| Maps to `-mb-8`:

    .-mb-8 {
      margin-bottom: -2rem;
    }
-}
negMb8 : Attribute msg
negMb8 =
    class "-mb-8"


{-| Maps to `-mb-9`:

    .-mb-9 {
      margin-bottom: -2.25rem;
    }
-}
negMb9 : Attribute msg
negMb9 =
    class "-mb-9"


{-| Maps to `-mb-10`:

    .-mb-10 {
      margin-bottom: -2.5rem;
    }
-}
negMb10 : Attribute msg
negMb10 =
    class "-mb-10"


{-| Maps to `-mb-11`:

    .-mb-11 {
      margin-bottom: -2.75rem;
    }
-}
negMb11 : Attribute msg
negMb11 =
    class "-mb-11"


{-| Maps to `-mb-12`:

    .-mb-12 {
      margin-bottom: -3rem;
    }
-}
negMb12 : Attribute msg
negMb12 =
    class "-mb-12"


{-| Maps to `-mb-14`:

    .-mb-14 {
      margin-bottom: -3.5rem;
    }
-}
negMb14 : Attribute msg
negMb14 =
    class "-mb-14"


{-| Maps to `-mb-16`:

    .-mb-16 {
      margin-bottom: -4rem;
    }
-}
negMb16 : Attribute msg
negMb16 =
    class "-mb-16"


{-| Maps to `-mb-20`:

    .-mb-20 {
      margin-bottom: -5rem;
    }
-}
negMb20 : Attribute msg
negMb20 =
    class "-mb-20"


{-| Maps to `-mb-24`:

    .-mb-24 {
      margin-bottom: -6rem;
    }
-}
negMb24 : Attribute msg
negMb24 =
    class "-mb-24"


{-| Maps to `-mb-28`:

    .-mb-28 {
      margin-bottom: -7rem;
    }
-}
negMb28 : Attribute msg
negMb28 =
    class "-mb-28"


{-| Maps to `-mb-32`:

    .-mb-32 {
      margin-bottom: -8rem;
    }
-}
negMb32 : Attribute msg
negMb32 =
    class "-mb-32"


{-| Maps to `-mb-36`:

    .-mb-36 {
      margin-bottom: -9rem;
    }
-}
negMb36 : Attribute msg
negMb36 =
    class "-mb-36"


{-| Maps to `-mb-40`:

    .-mb-40 {
      margin-bottom: -10rem;
    }
-}
negMb40 : Attribute msg
negMb40 =
    class "-mb-40"


{-| Maps to `-mb-44`:

    .-mb-44 {
      margin-bottom: -11rem;
    }
-}
negMb44 : Attribute msg
negMb44 =
    class "-mb-44"


{-| Maps to `-mb-48`:

    .-mb-48 {
      margin-bottom: -12rem;
    }
-}
negMb48 : Attribute msg
negMb48 =
    class "-mb-48"


{-| Maps to `-mb-52`:

    .-mb-52 {
      margin-bottom: -13rem;
    }
-}
negMb52 : Attribute msg
negMb52 =
    class "-mb-52"


{-| Maps to `-mb-56`:

    .-mb-56 {
      margin-bottom: -14rem;
    }
-}
negMb56 : Attribute msg
negMb56 =
    class "-mb-56"


{-| Maps to `-mb-60`:

    .-mb-60 {
      margin-bottom: -15rem;
    }
-}
negMb60 : Attribute msg
negMb60 =
    class "-mb-60"


{-| Maps to `-mb-64`:

    .-mb-64 {
      margin-bottom: -16rem;
    }
-}
negMb64 : Attribute msg
negMb64 =
    class "-mb-64"


{-| Maps to `-mb-72`:

    .-mb-72 {
      margin-bottom: -18rem;
    }
-}
negMb72 : Attribute msg
negMb72 =
    class "-mb-72"


{-| Maps to `-mb-80`:

    .-mb-80 {
      margin-bottom: -20rem;
    }
-}
negMb80 : Attribute msg
negMb80 =
    class "-mb-80"


{-| Maps to `-mb-96`:

    .-mb-96 {
      margin-bottom: -24rem;
    }
-}
negMb96 : Attribute msg
negMb96 =
    class "-mb-96"


{-| Maps to `-mb-px`:

    .-mb-px {
      margin-bottom: -1px;
    }
-}
negMbPx : Attribute msg
negMbPx =
    class "-mb-px"


{-| Maps to `-mb-0.5`:

    .-mb-0\.5 {
      margin-bottom: -0.125rem;
    }
-}
negMb0o5 : Attribute msg
negMb0o5 =
    class "-mb-0.5"


{-| Maps to `-mb-1.5`:

    .-mb-1\.5 {
      margin-bottom: -0.375rem;
    }
-}
negMb1o5 : Attribute msg
negMb1o5 =
    class "-mb-1.5"


{-| Maps to `-mb-2.5`:

    .-mb-2\.5 {
      margin-bottom: -0.625rem;
    }
-}
negMb2o5 : Attribute msg
negMb2o5 =
    class "-mb-2.5"


{-| Maps to `-mb-3.5`:

    .-mb-3\.5 {
      margin-bottom: -0.875rem;
    }
-}
negMb3o5 : Attribute msg
negMb3o5 =
    class "-mb-3.5"


{-| Maps to `ml-0`:

    .ml-0 {
      margin-left: 0;
    }
-}
ml0 : Attribute msg
ml0 =
    class "ml-0"


{-| Maps to `ml-1`:

    .ml-1 {
      margin-left: 0.25rem;
    }
-}
ml1 : Attribute msg
ml1 =
    class "ml-1"


{-| Maps to `ml-2`:

    .ml-2 {
      margin-left: 0.5rem;
    }
-}
ml2 : Attribute msg
ml2 =
    class "ml-2"


{-| Maps to `ml-3`:

    .ml-3 {
      margin-left: 0.75rem;
    }
-}
ml3 : Attribute msg
ml3 =
    class "ml-3"


{-| Maps to `ml-4`:

    .ml-4 {
      margin-left: 1rem;
    }
-}
ml4 : Attribute msg
ml4 =
    class "ml-4"


{-| Maps to `ml-5`:

    .ml-5 {
      margin-left: 1.25rem;
    }
-}
ml5 : Attribute msg
ml5 =
    class "ml-5"


{-| Maps to `ml-6`:

    .ml-6 {
      margin-left: 1.5rem;
    }
-}
ml6 : Attribute msg
ml6 =
    class "ml-6"


{-| Maps to `ml-7`:

    .ml-7 {
      margin-left: 1.75rem;
    }
-}
ml7 : Attribute msg
ml7 =
    class "ml-7"


{-| Maps to `ml-8`:

    .ml-8 {
      margin-left: 2rem;
    }
-}
ml8 : Attribute msg
ml8 =
    class "ml-8"


{-| Maps to `ml-9`:

    .ml-9 {
      margin-left: 2.25rem;
    }
-}
ml9 : Attribute msg
ml9 =
    class "ml-9"


{-| Maps to `ml-10`:

    .ml-10 {
      margin-left: 2.5rem;
    }
-}
ml10 : Attribute msg
ml10 =
    class "ml-10"


{-| Maps to `ml-11`:

    .ml-11 {
      margin-left: 2.75rem;
    }
-}
ml11 : Attribute msg
ml11 =
    class "ml-11"


{-| Maps to `ml-12`:

    .ml-12 {
      margin-left: 3rem;
    }
-}
ml12 : Attribute msg
ml12 =
    class "ml-12"


{-| Maps to `ml-14`:

    .ml-14 {
      margin-left: 3.5rem;
    }
-}
ml14 : Attribute msg
ml14 =
    class "ml-14"


{-| Maps to `ml-16`:

    .ml-16 {
      margin-left: 4rem;
    }
-}
ml16 : Attribute msg
ml16 =
    class "ml-16"


{-| Maps to `ml-20`:

    .ml-20 {
      margin-left: 5rem;
    }
-}
ml20 : Attribute msg
ml20 =
    class "ml-20"


{-| Maps to `ml-24`:

    .ml-24 {
      margin-left: 6rem;
    }
-}
ml24 : Attribute msg
ml24 =
    class "ml-24"


{-| Maps to `ml-28`:

    .ml-28 {
      margin-left: 7rem;
    }
-}
ml28 : Attribute msg
ml28 =
    class "ml-28"


{-| Maps to `ml-32`:

    .ml-32 {
      margin-left: 8rem;
    }
-}
ml32 : Attribute msg
ml32 =
    class "ml-32"


{-| Maps to `ml-36`:

    .ml-36 {
      margin-left: 9rem;
    }
-}
ml36 : Attribute msg
ml36 =
    class "ml-36"


{-| Maps to `ml-40`:

    .ml-40 {
      margin-left: 10rem;
    }
-}
ml40 : Attribute msg
ml40 =
    class "ml-40"


{-| Maps to `ml-44`:

    .ml-44 {
      margin-left: 11rem;
    }
-}
ml44 : Attribute msg
ml44 =
    class "ml-44"


{-| Maps to `ml-48`:

    .ml-48 {
      margin-left: 12rem;
    }
-}
ml48 : Attribute msg
ml48 =
    class "ml-48"


{-| Maps to `ml-52`:

    .ml-52 {
      margin-left: 13rem;
    }
-}
ml52 : Attribute msg
ml52 =
    class "ml-52"


{-| Maps to `ml-56`:

    .ml-56 {
      margin-left: 14rem;
    }
-}
ml56 : Attribute msg
ml56 =
    class "ml-56"


{-| Maps to `ml-60`:

    .ml-60 {
      margin-left: 15rem;
    }
-}
ml60 : Attribute msg
ml60 =
    class "ml-60"


{-| Maps to `ml-64`:

    .ml-64 {
      margin-left: 16rem;
    }
-}
ml64 : Attribute msg
ml64 =
    class "ml-64"


{-| Maps to `ml-72`:

    .ml-72 {
      margin-left: 18rem;
    }
-}
ml72 : Attribute msg
ml72 =
    class "ml-72"


{-| Maps to `ml-80`:

    .ml-80 {
      margin-left: 20rem;
    }
-}
ml80 : Attribute msg
ml80 =
    class "ml-80"


{-| Maps to `ml-96`:

    .ml-96 {
      margin-left: 24rem;
    }
-}
ml96 : Attribute msg
ml96 =
    class "ml-96"


{-| Maps to `ml-auto`:

    .ml-auto {
      margin-left: auto;
    }
-}
mlAuto : Attribute msg
mlAuto =
    class "ml-auto"


{-| Maps to `ml-px`:

    .ml-px {
      margin-left: 1px;
    }
-}
mlPx : Attribute msg
mlPx =
    class "ml-px"


{-| Maps to `ml-0.5`:

    .ml-0\.5 {
      margin-left: 0.125rem;
    }
-}
ml0o5 : Attribute msg
ml0o5 =
    class "ml-0.5"


{-| Maps to `ml-1.5`:

    .ml-1\.5 {
      margin-left: 0.375rem;
    }
-}
ml1o5 : Attribute msg
ml1o5 =
    class "ml-1.5"


{-| Maps to `ml-2.5`:

    .ml-2\.5 {
      margin-left: 0.625rem;
    }
-}
ml2o5 : Attribute msg
ml2o5 =
    class "ml-2.5"


{-| Maps to `ml-3.5`:

    .ml-3\.5 {
      margin-left: 0.875rem;
    }
-}
ml3o5 : Attribute msg
ml3o5 =
    class "ml-3.5"


{-| Maps to `-ml-0`:

    .-ml-0 {
      margin-left: 0;
    }
-}
negMl0 : Attribute msg
negMl0 =
    class "-ml-0"


{-| Maps to `-ml-1`:

    .-ml-1 {
      margin-left: -0.25rem;
    }
-}
negMl1 : Attribute msg
negMl1 =
    class "-ml-1"


{-| Maps to `-ml-2`:

    .-ml-2 {
      margin-left: -0.5rem;
    }
-}
negMl2 : Attribute msg
negMl2 =
    class "-ml-2"


{-| Maps to `-ml-3`:

    .-ml-3 {
      margin-left: -0.75rem;
    }
-}
negMl3 : Attribute msg
negMl3 =
    class "-ml-3"


{-| Maps to `-ml-4`:

    .-ml-4 {
      margin-left: -1rem;
    }
-}
negMl4 : Attribute msg
negMl4 =
    class "-ml-4"


{-| Maps to `-ml-5`:

    .-ml-5 {
      margin-left: -1.25rem;
    }
-}
negMl5 : Attribute msg
negMl5 =
    class "-ml-5"


{-| Maps to `-ml-6`:

    .-ml-6 {
      margin-left: -1.5rem;
    }
-}
negMl6 : Attribute msg
negMl6 =
    class "-ml-6"


{-| Maps to `-ml-7`:

    .-ml-7 {
      margin-left: -1.75rem;
    }
-}
negMl7 : Attribute msg
negMl7 =
    class "-ml-7"


{-| Maps to `-ml-8`:

    .-ml-8 {
      margin-left: -2rem;
    }
-}
negMl8 : Attribute msg
negMl8 =
    class "-ml-8"


{-| Maps to `-ml-9`:

    .-ml-9 {
      margin-left: -2.25rem;
    }
-}
negMl9 : Attribute msg
negMl9 =
    class "-ml-9"


{-| Maps to `-ml-10`:

    .-ml-10 {
      margin-left: -2.5rem;
    }
-}
negMl10 : Attribute msg
negMl10 =
    class "-ml-10"


{-| Maps to `-ml-11`:

    .-ml-11 {
      margin-left: -2.75rem;
    }
-}
negMl11 : Attribute msg
negMl11 =
    class "-ml-11"


{-| Maps to `-ml-12`:

    .-ml-12 {
      margin-left: -3rem;
    }
-}
negMl12 : Attribute msg
negMl12 =
    class "-ml-12"


{-| Maps to `-ml-14`:

    .-ml-14 {
      margin-left: -3.5rem;
    }
-}
negMl14 : Attribute msg
negMl14 =
    class "-ml-14"


{-| Maps to `-ml-16`:

    .-ml-16 {
      margin-left: -4rem;
    }
-}
negMl16 : Attribute msg
negMl16 =
    class "-ml-16"


{-| Maps to `-ml-20`:

    .-ml-20 {
      margin-left: -5rem;
    }
-}
negMl20 : Attribute msg
negMl20 =
    class "-ml-20"


{-| Maps to `-ml-24`:

    .-ml-24 {
      margin-left: -6rem;
    }
-}
negMl24 : Attribute msg
negMl24 =
    class "-ml-24"


{-| Maps to `-ml-28`:

    .-ml-28 {
      margin-left: -7rem;
    }
-}
negMl28 : Attribute msg
negMl28 =
    class "-ml-28"


{-| Maps to `-ml-32`:

    .-ml-32 {
      margin-left: -8rem;
    }
-}
negMl32 : Attribute msg
negMl32 =
    class "-ml-32"


{-| Maps to `-ml-36`:

    .-ml-36 {
      margin-left: -9rem;
    }
-}
negMl36 : Attribute msg
negMl36 =
    class "-ml-36"


{-| Maps to `-ml-40`:

    .-ml-40 {
      margin-left: -10rem;
    }
-}
negMl40 : Attribute msg
negMl40 =
    class "-ml-40"


{-| Maps to `-ml-44`:

    .-ml-44 {
      margin-left: -11rem;
    }
-}
negMl44 : Attribute msg
negMl44 =
    class "-ml-44"


{-| Maps to `-ml-48`:

    .-ml-48 {
      margin-left: -12rem;
    }
-}
negMl48 : Attribute msg
negMl48 =
    class "-ml-48"


{-| Maps to `-ml-52`:

    .-ml-52 {
      margin-left: -13rem;
    }
-}
negMl52 : Attribute msg
negMl52 =
    class "-ml-52"


{-| Maps to `-ml-56`:

    .-ml-56 {
      margin-left: -14rem;
    }
-}
negMl56 : Attribute msg
negMl56 =
    class "-ml-56"


{-| Maps to `-ml-60`:

    .-ml-60 {
      margin-left: -15rem;
    }
-}
negMl60 : Attribute msg
negMl60 =
    class "-ml-60"


{-| Maps to `-ml-64`:

    .-ml-64 {
      margin-left: -16rem;
    }
-}
negMl64 : Attribute msg
negMl64 =
    class "-ml-64"


{-| Maps to `-ml-72`:

    .-ml-72 {
      margin-left: -18rem;
    }
-}
negMl72 : Attribute msg
negMl72 =
    class "-ml-72"


{-| Maps to `-ml-80`:

    .-ml-80 {
      margin-left: -20rem;
    }
-}
negMl80 : Attribute msg
negMl80 =
    class "-ml-80"


{-| Maps to `-ml-96`:

    .-ml-96 {
      margin-left: -24rem;
    }
-}
negMl96 : Attribute msg
negMl96 =
    class "-ml-96"


{-| Maps to `-ml-px`:

    .-ml-px {
      margin-left: -1px;
    }
-}
negMlPx : Attribute msg
negMlPx =
    class "-ml-px"


{-| Maps to `-ml-0.5`:

    .-ml-0\.5 {
      margin-left: -0.125rem;
    }
-}
negMl0o5 : Attribute msg
negMl0o5 =
    class "-ml-0.5"


{-| Maps to `-ml-1.5`:

    .-ml-1\.5 {
      margin-left: -0.375rem;
    }
-}
negMl1o5 : Attribute msg
negMl1o5 =
    class "-ml-1.5"


{-| Maps to `-ml-2.5`:

    .-ml-2\.5 {
      margin-left: -0.625rem;
    }
-}
negMl2o5 : Attribute msg
negMl2o5 =
    class "-ml-2.5"


{-| Maps to `-ml-3.5`:

    .-ml-3\.5 {
      margin-left: -0.875rem;
    }
-}
negMl3o5 : Attribute msg
negMl3o5 =
    class "-ml-3.5"


{-| Maps to `box-border`:

    .box-border {
      box-sizing: border-box;
    }
-}
boxBorder : Attribute msg
boxBorder =
    class "box-border"


{-| Maps to `box-content`:

    .box-content {
      box-sizing: content-box;
    }
-}
boxContent : Attribute msg
boxContent =
    class "box-content"


{-| Maps to `block`:

    .block {
      display: block;
    }
-}
block : Attribute msg
block =
    class "block"


{-| Maps to `inline-block`:

    .inline-block {
      display: inline-block;
    }
-}
inlineBlock : Attribute msg
inlineBlock =
    class "inline-block"


{-| Maps to `inline`:

    .inline {
      display: inline;
    }
-}
inline : Attribute msg
inline =
    class "inline"


{-| Maps to `flex`:

    .flex {
      display: flex;
    }
-}
flex : Attribute msg
flex =
    class "flex"


{-| Maps to `inline-flex`:

    .inline-flex {
      display: inline-flex;
    }
-}
inlineFlex : Attribute msg
inlineFlex =
    class "inline-flex"


{-| Maps to `table`:

    .table {
      display: table;
    }
-}
table : Attribute msg
table =
    class "table"


{-| Maps to `inline-table`:

    .inline-table {
      display: inline-table;
    }
-}
inlineTable : Attribute msg
inlineTable =
    class "inline-table"


{-| Maps to `table-caption`:

    .table-caption {
      display: table-caption;
    }
-}
tableCaption : Attribute msg
tableCaption =
    class "table-caption"


{-| Maps to `table-cell`:

    .table-cell {
      display: table-cell;
    }
-}
tableCell : Attribute msg
tableCell =
    class "table-cell"


{-| Maps to `table-column`:

    .table-column {
      display: table-column;
    }
-}
tableColumn : Attribute msg
tableColumn =
    class "table-column"


{-| Maps to `table-column-group`:

    .table-column-group {
      display: table-column-group;
    }
-}
tableColumnGroup : Attribute msg
tableColumnGroup =
    class "table-column-group"


{-| Maps to `table-footer-group`:

    .table-footer-group {
      display: table-footer-group;
    }
-}
tableFooterGroup : Attribute msg
tableFooterGroup =
    class "table-footer-group"


{-| Maps to `table-header-group`:

    .table-header-group {
      display: table-header-group;
    }
-}
tableHeaderGroup : Attribute msg
tableHeaderGroup =
    class "table-header-group"


{-| Maps to `table-row-group`:

    .table-row-group {
      display: table-row-group;
    }
-}
tableRowGroup : Attribute msg
tableRowGroup =
    class "table-row-group"


{-| Maps to `table-row`:

    .table-row {
      display: table-row;
    }
-}
tableRow : Attribute msg
tableRow =
    class "table-row"


{-| Maps to `flow-root`:

    .flow-root {
      display: flow-root;
    }
-}
flowRoot : Attribute msg
flowRoot =
    class "flow-root"


{-| Maps to `grid`:

    .grid {
      display: grid;
    }
-}
grid : Attribute msg
grid =
    class "grid"


{-| Maps to `inline-grid`:

    .inline-grid {
      display: inline-grid;
    }
-}
inlineGrid : Attribute msg
inlineGrid =
    class "inline-grid"


{-| Maps to `contents`:

    .contents {
      display: contents;
    }
-}
contents : Attribute msg
contents =
    class "contents"


{-| Maps to `list-item`:

    .list-item {
      display: list-item;
    }
-}
listItem : Attribute msg
listItem =
    class "list-item"


{-| Maps to `hidden`:

    .hidden {
      display: none;
    }
-}
hidden : Attribute msg
hidden =
    class "hidden"


{-| Maps to `h-0`:

    .h-0 {
      height: 0;
    }
-}
h0 : Attribute msg
h0 =
    class "h-0"


{-| Maps to `h-1`:

    .h-1 {
      height: 0.25rem;
    }
-}
h1 : Attribute msg
h1 =
    class "h-1"


{-| Maps to `h-2`:

    .h-2 {
      height: 0.5rem;
    }
-}
h2 : Attribute msg
h2 =
    class "h-2"


{-| Maps to `h-3`:

    .h-3 {
      height: 0.75rem;
    }
-}
h3 : Attribute msg
h3 =
    class "h-3"


{-| Maps to `h-4`:

    .h-4 {
      height: 1rem;
    }
-}
h4 : Attribute msg
h4 =
    class "h-4"


{-| Maps to `h-5`:

    .h-5 {
      height: 1.25rem;
    }
-}
h5 : Attribute msg
h5 =
    class "h-5"


{-| Maps to `h-6`:

    .h-6 {
      height: 1.5rem;
    }
-}
h6 : Attribute msg
h6 =
    class "h-6"


{-| Maps to `h-7`:

    .h-7 {
      height: 1.75rem;
    }
-}
h7 : Attribute msg
h7 =
    class "h-7"


{-| Maps to `h-8`:

    .h-8 {
      height: 2rem;
    }
-}
h8 : Attribute msg
h8 =
    class "h-8"


{-| Maps to `h-9`:

    .h-9 {
      height: 2.25rem;
    }
-}
h9 : Attribute msg
h9 =
    class "h-9"


{-| Maps to `h-10`:

    .h-10 {
      height: 2.5rem;
    }
-}
h10 : Attribute msg
h10 =
    class "h-10"


{-| Maps to `h-11`:

    .h-11 {
      height: 2.75rem;
    }
-}
h11 : Attribute msg
h11 =
    class "h-11"


{-| Maps to `h-12`:

    .h-12 {
      height: 3rem;
    }
-}
h12 : Attribute msg
h12 =
    class "h-12"


{-| Maps to `h-14`:

    .h-14 {
      height: 3.5rem;
    }
-}
h14 : Attribute msg
h14 =
    class "h-14"


{-| Maps to `h-16`:

    .h-16 {
      height: 4rem;
    }
-}
h16 : Attribute msg
h16 =
    class "h-16"


{-| Maps to `h-20`:

    .h-20 {
      height: 5rem;
    }
-}
h20 : Attribute msg
h20 =
    class "h-20"


{-| Maps to `h-24`:

    .h-24 {
      height: 6rem;
    }
-}
h24 : Attribute msg
h24 =
    class "h-24"


{-| Maps to `h-28`:

    .h-28 {
      height: 7rem;
    }
-}
h28 : Attribute msg
h28 =
    class "h-28"


{-| Maps to `h-32`:

    .h-32 {
      height: 8rem;
    }
-}
h32 : Attribute msg
h32 =
    class "h-32"


{-| Maps to `h-36`:

    .h-36 {
      height: 9rem;
    }
-}
h36 : Attribute msg
h36 =
    class "h-36"


{-| Maps to `h-40`:

    .h-40 {
      height: 10rem;
    }
-}
h40 : Attribute msg
h40 =
    class "h-40"


{-| Maps to `h-44`:

    .h-44 {
      height: 11rem;
    }
-}
h44 : Attribute msg
h44 =
    class "h-44"


{-| Maps to `h-48`:

    .h-48 {
      height: 12rem;
    }
-}
h48 : Attribute msg
h48 =
    class "h-48"


{-| Maps to `h-52`:

    .h-52 {
      height: 13rem;
    }
-}
h52 : Attribute msg
h52 =
    class "h-52"


{-| Maps to `h-56`:

    .h-56 {
      height: 14rem;
    }
-}
h56 : Attribute msg
h56 =
    class "h-56"


{-| Maps to `h-60`:

    .h-60 {
      height: 15rem;
    }
-}
h60 : Attribute msg
h60 =
    class "h-60"


{-| Maps to `h-64`:

    .h-64 {
      height: 16rem;
    }
-}
h64 : Attribute msg
h64 =
    class "h-64"


{-| Maps to `h-72`:

    .h-72 {
      height: 18rem;
    }
-}
h72 : Attribute msg
h72 =
    class "h-72"


{-| Maps to `h-80`:

    .h-80 {
      height: 20rem;
    }
-}
h80 : Attribute msg
h80 =
    class "h-80"


{-| Maps to `h-96`:

    .h-96 {
      height: 24rem;
    }
-}
h96 : Attribute msg
h96 =
    class "h-96"


{-| Maps to `h-auto`:

    .h-auto {
      height: auto;
    }
-}
hAuto : Attribute msg
hAuto =
    class "h-auto"


{-| Maps to `h-px`:

    .h-px {
      height: 1px;
    }
-}
hPx : Attribute msg
hPx =
    class "h-px"


{-| Maps to `h-0.5`:

    .h-0\.5 {
      height: 0.125rem;
    }
-}
h0o5 : Attribute msg
h0o5 =
    class "h-0.5"


{-| Maps to `h-1.5`:

    .h-1\.5 {
      height: 0.375rem;
    }
-}
h1o5 : Attribute msg
h1o5 =
    class "h-1.5"


{-| Maps to `h-2.5`:

    .h-2\.5 {
      height: 0.625rem;
    }
-}
h2o5 : Attribute msg
h2o5 =
    class "h-2.5"


{-| Maps to `h-3.5`:

    .h-3\.5 {
      height: 0.875rem;
    }
-}
h3o5 : Attribute msg
h3o5 =
    class "h-3.5"


{-| Maps to `h-1/2`:

    .h-1\/2 {
      height: 50%;
    }
-}
h1Over2 : Attribute msg
h1Over2 =
    class "h-1/2"


{-| Maps to `h-1/3`:

    .h-1\/3 {
      height: 33.333333%;
    }
-}
h1Over3 : Attribute msg
h1Over3 =
    class "h-1/3"


{-| Maps to `h-2/3`:

    .h-2\/3 {
      height: 66.666667%;
    }
-}
h2Over3 : Attribute msg
h2Over3 =
    class "h-2/3"


{-| Maps to `h-1/4`:

    .h-1\/4 {
      height: 25%;
    }
-}
h1Over4 : Attribute msg
h1Over4 =
    class "h-1/4"


{-| Maps to `h-2/4`:

    .h-2\/4 {
      height: 50%;
    }
-}
h2Over4 : Attribute msg
h2Over4 =
    class "h-2/4"


{-| Maps to `h-3/4`:

    .h-3\/4 {
      height: 75%;
    }
-}
h3Over4 : Attribute msg
h3Over4 =
    class "h-3/4"


{-| Maps to `h-1/5`:

    .h-1\/5 {
      height: 20%;
    }
-}
h1Over5 : Attribute msg
h1Over5 =
    class "h-1/5"


{-| Maps to `h-2/5`:

    .h-2\/5 {
      height: 40%;
    }
-}
h2Over5 : Attribute msg
h2Over5 =
    class "h-2/5"


{-| Maps to `h-3/5`:

    .h-3\/5 {
      height: 60%;
    }
-}
h3Over5 : Attribute msg
h3Over5 =
    class "h-3/5"


{-| Maps to `h-4/5`:

    .h-4\/5 {
      height: 80%;
    }
-}
h4Over5 : Attribute msg
h4Over5 =
    class "h-4/5"


{-| Maps to `h-1/6`:

    .h-1\/6 {
      height: 16.666667%;
    }
-}
h1Over6 : Attribute msg
h1Over6 =
    class "h-1/6"


{-| Maps to `h-2/6`:

    .h-2\/6 {
      height: 33.333333%;
    }
-}
h2Over6 : Attribute msg
h2Over6 =
    class "h-2/6"


{-| Maps to `h-3/6`:

    .h-3\/6 {
      height: 50%;
    }
-}
h3Over6 : Attribute msg
h3Over6 =
    class "h-3/6"


{-| Maps to `h-4/6`:

    .h-4\/6 {
      height: 66.666667%;
    }
-}
h4Over6 : Attribute msg
h4Over6 =
    class "h-4/6"


{-| Maps to `h-5/6`:

    .h-5\/6 {
      height: 83.333333%;
    }
-}
h5Over6 : Attribute msg
h5Over6 =
    class "h-5/6"


{-| Maps to `h-full`:

    .h-full {
      height: 100%;
    }
-}
hFull : Attribute msg
hFull =
    class "h-full"


{-| Maps to `h-screen`:

    .h-screen {
      height: 100vh;
    }
-}
hScreen : Attribute msg
hScreen =
    class "h-screen"


{-| Maps to `max-h-0`:

    .max-h-0 {
      max-height: 0;
    }
-}
maxH0 : Attribute msg
maxH0 =
    class "max-h-0"


{-| Maps to `max-h-1`:

    .max-h-1 {
      max-height: 0.25rem;
    }
-}
maxH1 : Attribute msg
maxH1 =
    class "max-h-1"


{-| Maps to `max-h-2`:

    .max-h-2 {
      max-height: 0.5rem;
    }
-}
maxH2 : Attribute msg
maxH2 =
    class "max-h-2"


{-| Maps to `max-h-3`:

    .max-h-3 {
      max-height: 0.75rem;
    }
-}
maxH3 : Attribute msg
maxH3 =
    class "max-h-3"


{-| Maps to `max-h-4`:

    .max-h-4 {
      max-height: 1rem;
    }
-}
maxH4 : Attribute msg
maxH4 =
    class "max-h-4"


{-| Maps to `max-h-5`:

    .max-h-5 {
      max-height: 1.25rem;
    }
-}
maxH5 : Attribute msg
maxH5 =
    class "max-h-5"


{-| Maps to `max-h-6`:

    .max-h-6 {
      max-height: 1.5rem;
    }
-}
maxH6 : Attribute msg
maxH6 =
    class "max-h-6"


{-| Maps to `max-h-7`:

    .max-h-7 {
      max-height: 1.75rem;
    }
-}
maxH7 : Attribute msg
maxH7 =
    class "max-h-7"


{-| Maps to `max-h-8`:

    .max-h-8 {
      max-height: 2rem;
    }
-}
maxH8 : Attribute msg
maxH8 =
    class "max-h-8"


{-| Maps to `max-h-9`:

    .max-h-9 {
      max-height: 2.25rem;
    }
-}
maxH9 : Attribute msg
maxH9 =
    class "max-h-9"


{-| Maps to `max-h-10`:

    .max-h-10 {
      max-height: 2.5rem;
    }
-}
maxH10 : Attribute msg
maxH10 =
    class "max-h-10"


{-| Maps to `max-h-11`:

    .max-h-11 {
      max-height: 2.75rem;
    }
-}
maxH11 : Attribute msg
maxH11 =
    class "max-h-11"


{-| Maps to `max-h-12`:

    .max-h-12 {
      max-height: 3rem;
    }
-}
maxH12 : Attribute msg
maxH12 =
    class "max-h-12"


{-| Maps to `max-h-14`:

    .max-h-14 {
      max-height: 3.5rem;
    }
-}
maxH14 : Attribute msg
maxH14 =
    class "max-h-14"


{-| Maps to `max-h-16`:

    .max-h-16 {
      max-height: 4rem;
    }
-}
maxH16 : Attribute msg
maxH16 =
    class "max-h-16"


{-| Maps to `max-h-20`:

    .max-h-20 {
      max-height: 5rem;
    }
-}
maxH20 : Attribute msg
maxH20 =
    class "max-h-20"


{-| Maps to `max-h-24`:

    .max-h-24 {
      max-height: 6rem;
    }
-}
maxH24 : Attribute msg
maxH24 =
    class "max-h-24"


{-| Maps to `max-h-28`:

    .max-h-28 {
      max-height: 7rem;
    }
-}
maxH28 : Attribute msg
maxH28 =
    class "max-h-28"


{-| Maps to `max-h-32`:

    .max-h-32 {
      max-height: 8rem;
    }
-}
maxH32 : Attribute msg
maxH32 =
    class "max-h-32"


{-| Maps to `max-h-36`:

    .max-h-36 {
      max-height: 9rem;
    }
-}
maxH36 : Attribute msg
maxH36 =
    class "max-h-36"


{-| Maps to `max-h-40`:

    .max-h-40 {
      max-height: 10rem;
    }
-}
maxH40 : Attribute msg
maxH40 =
    class "max-h-40"


{-| Maps to `max-h-44`:

    .max-h-44 {
      max-height: 11rem;
    }
-}
maxH44 : Attribute msg
maxH44 =
    class "max-h-44"


{-| Maps to `max-h-48`:

    .max-h-48 {
      max-height: 12rem;
    }
-}
maxH48 : Attribute msg
maxH48 =
    class "max-h-48"


{-| Maps to `max-h-52`:

    .max-h-52 {
      max-height: 13rem;
    }
-}
maxH52 : Attribute msg
maxH52 =
    class "max-h-52"


{-| Maps to `max-h-56`:

    .max-h-56 {
      max-height: 14rem;
    }
-}
maxH56 : Attribute msg
maxH56 =
    class "max-h-56"


{-| Maps to `max-h-60`:

    .max-h-60 {
      max-height: 15rem;
    }
-}
maxH60 : Attribute msg
maxH60 =
    class "max-h-60"


{-| Maps to `max-h-64`:

    .max-h-64 {
      max-height: 16rem;
    }
-}
maxH64 : Attribute msg
maxH64 =
    class "max-h-64"


{-| Maps to `max-h-72`:

    .max-h-72 {
      max-height: 18rem;
    }
-}
maxH72 : Attribute msg
maxH72 =
    class "max-h-72"


{-| Maps to `max-h-80`:

    .max-h-80 {
      max-height: 20rem;
    }
-}
maxH80 : Attribute msg
maxH80 =
    class "max-h-80"


{-| Maps to `max-h-96`:

    .max-h-96 {
      max-height: 24rem;
    }
-}
maxH96 : Attribute msg
maxH96 =
    class "max-h-96"


{-| Maps to `max-h-px`:

    .max-h-px {
      max-height: 1px;
    }
-}
maxHPx : Attribute msg
maxHPx =
    class "max-h-px"


{-| Maps to `max-h-0.5`:

    .max-h-0\.5 {
      max-height: 0.125rem;
    }
-}
maxH0o5 : Attribute msg
maxH0o5 =
    class "max-h-0.5"


{-| Maps to `max-h-1.5`:

    .max-h-1\.5 {
      max-height: 0.375rem;
    }
-}
maxH1o5 : Attribute msg
maxH1o5 =
    class "max-h-1.5"


{-| Maps to `max-h-2.5`:

    .max-h-2\.5 {
      max-height: 0.625rem;
    }
-}
maxH2o5 : Attribute msg
maxH2o5 =
    class "max-h-2.5"


{-| Maps to `max-h-3.5`:

    .max-h-3\.5 {
      max-height: 0.875rem;
    }
-}
maxH3o5 : Attribute msg
maxH3o5 =
    class "max-h-3.5"


{-| Maps to `max-h-full`:

    .max-h-full {
      max-height: 100%;
    }
-}
maxHFull : Attribute msg
maxHFull =
    class "max-h-full"


{-| Maps to `max-h-screen`:

    .max-h-screen {
      max-height: 100vh;
    }
-}
maxHScreen : Attribute msg
maxHScreen =
    class "max-h-screen"


{-| Maps to `min-h-0`:

    .min-h-0 {
      min-height: 0;
    }
-}
minH0 : Attribute msg
minH0 =
    class "min-h-0"


{-| Maps to `min-h-full`:

    .min-h-full {
      min-height: 100%;
    }
-}
minHFull : Attribute msg
minHFull =
    class "min-h-full"


{-| Maps to `min-h-screen`:

    .min-h-screen {
      min-height: 100vh;
    }
-}
minHScreen : Attribute msg
minHScreen =
    class "min-h-screen"


{-| Maps to `w-0`:

    .w-0 {
      width: 0;
    }
-}
w0 : Attribute msg
w0 =
    class "w-0"


{-| Maps to `w-1`:

    .w-1 {
      width: 0.25rem;
    }
-}
w1 : Attribute msg
w1 =
    class "w-1"


{-| Maps to `w-2`:

    .w-2 {
      width: 0.5rem;
    }
-}
w2 : Attribute msg
w2 =
    class "w-2"


{-| Maps to `w-3`:

    .w-3 {
      width: 0.75rem;
    }
-}
w3 : Attribute msg
w3 =
    class "w-3"


{-| Maps to `w-4`:

    .w-4 {
      width: 1rem;
    }
-}
w4 : Attribute msg
w4 =
    class "w-4"


{-| Maps to `w-5`:

    .w-5 {
      width: 1.25rem;
    }
-}
w5 : Attribute msg
w5 =
    class "w-5"


{-| Maps to `w-6`:

    .w-6 {
      width: 1.5rem;
    }
-}
w6 : Attribute msg
w6 =
    class "w-6"


{-| Maps to `w-7`:

    .w-7 {
      width: 1.75rem;
    }
-}
w7 : Attribute msg
w7 =
    class "w-7"


{-| Maps to `w-8`:

    .w-8 {
      width: 2rem;
    }
-}
w8 : Attribute msg
w8 =
    class "w-8"


{-| Maps to `w-9`:

    .w-9 {
      width: 2.25rem;
    }
-}
w9 : Attribute msg
w9 =
    class "w-9"


{-| Maps to `w-10`:

    .w-10 {
      width: 2.5rem;
    }
-}
w10 : Attribute msg
w10 =
    class "w-10"


{-| Maps to `w-11`:

    .w-11 {
      width: 2.75rem;
    }
-}
w11 : Attribute msg
w11 =
    class "w-11"


{-| Maps to `w-12`:

    .w-12 {
      width: 3rem;
    }
-}
w12 : Attribute msg
w12 =
    class "w-12"


{-| Maps to `w-14`:

    .w-14 {
      width: 3.5rem;
    }
-}
w14 : Attribute msg
w14 =
    class "w-14"


{-| Maps to `w-16`:

    .w-16 {
      width: 4rem;
    }
-}
w16 : Attribute msg
w16 =
    class "w-16"


{-| Maps to `w-20`:

    .w-20 {
      width: 5rem;
    }
-}
w20 : Attribute msg
w20 =
    class "w-20"


{-| Maps to `w-24`:

    .w-24 {
      width: 6rem;
    }
-}
w24 : Attribute msg
w24 =
    class "w-24"


{-| Maps to `w-28`:

    .w-28 {
      width: 7rem;
    }
-}
w28 : Attribute msg
w28 =
    class "w-28"


{-| Maps to `w-32`:

    .w-32 {
      width: 8rem;
    }
-}
w32 : Attribute msg
w32 =
    class "w-32"


{-| Maps to `w-36`:

    .w-36 {
      width: 9rem;
    }
-}
w36 : Attribute msg
w36 =
    class "w-36"


{-| Maps to `w-40`:

    .w-40 {
      width: 10rem;
    }
-}
w40 : Attribute msg
w40 =
    class "w-40"


{-| Maps to `w-44`:

    .w-44 {
      width: 11rem;
    }
-}
w44 : Attribute msg
w44 =
    class "w-44"


{-| Maps to `w-48`:

    .w-48 {
      width: 12rem;
    }
-}
w48 : Attribute msg
w48 =
    class "w-48"


{-| Maps to `w-52`:

    .w-52 {
      width: 13rem;
    }
-}
w52 : Attribute msg
w52 =
    class "w-52"


{-| Maps to `w-56`:

    .w-56 {
      width: 14rem;
    }
-}
w56 : Attribute msg
w56 =
    class "w-56"


{-| Maps to `w-60`:

    .w-60 {
      width: 15rem;
    }
-}
w60 : Attribute msg
w60 =
    class "w-60"


{-| Maps to `w-64`:

    .w-64 {
      width: 16rem;
    }
-}
w64 : Attribute msg
w64 =
    class "w-64"


{-| Maps to `w-72`:

    .w-72 {
      width: 18rem;
    }
-}
w72 : Attribute msg
w72 =
    class "w-72"


{-| Maps to `w-80`:

    .w-80 {
      width: 20rem;
    }
-}
w80 : Attribute msg
w80 =
    class "w-80"


{-| Maps to `w-96`:

    .w-96 {
      width: 24rem;
    }
-}
w96 : Attribute msg
w96 =
    class "w-96"


{-| Maps to `w-auto`:

    .w-auto {
      width: auto;
    }
-}
wAuto : Attribute msg
wAuto =
    class "w-auto"


{-| Maps to `w-px`:

    .w-px {
      width: 1px;
    }
-}
wPx : Attribute msg
wPx =
    class "w-px"


{-| Maps to `w-0.5`:

    .w-0\.5 {
      width: 0.125rem;
    }
-}
w0o5 : Attribute msg
w0o5 =
    class "w-0.5"


{-| Maps to `w-1.5`:

    .w-1\.5 {
      width: 0.375rem;
    }
-}
w1o5 : Attribute msg
w1o5 =
    class "w-1.5"


{-| Maps to `w-2.5`:

    .w-2\.5 {
      width: 0.625rem;
    }
-}
w2o5 : Attribute msg
w2o5 =
    class "w-2.5"


{-| Maps to `w-3.5`:

    .w-3\.5 {
      width: 0.875rem;
    }
-}
w3o5 : Attribute msg
w3o5 =
    class "w-3.5"


{-| Maps to `w-1/2`:

    .w-1\/2 {
      width: 50%;
    }
-}
w1Over2 : Attribute msg
w1Over2 =
    class "w-1/2"


{-| Maps to `w-1/3`:

    .w-1\/3 {
      width: 33.333333%;
    }
-}
w1Over3 : Attribute msg
w1Over3 =
    class "w-1/3"


{-| Maps to `w-2/3`:

    .w-2\/3 {
      width: 66.666667%;
    }
-}
w2Over3 : Attribute msg
w2Over3 =
    class "w-2/3"


{-| Maps to `w-1/4`:

    .w-1\/4 {
      width: 25%;
    }
-}
w1Over4 : Attribute msg
w1Over4 =
    class "w-1/4"


{-| Maps to `w-2/4`:

    .w-2\/4 {
      width: 50%;
    }
-}
w2Over4 : Attribute msg
w2Over4 =
    class "w-2/4"


{-| Maps to `w-3/4`:

    .w-3\/4 {
      width: 75%;
    }
-}
w3Over4 : Attribute msg
w3Over4 =
    class "w-3/4"


{-| Maps to `w-1/5`:

    .w-1\/5 {
      width: 20%;
    }
-}
w1Over5 : Attribute msg
w1Over5 =
    class "w-1/5"


{-| Maps to `w-2/5`:

    .w-2\/5 {
      width: 40%;
    }
-}
w2Over5 : Attribute msg
w2Over5 =
    class "w-2/5"


{-| Maps to `w-3/5`:

    .w-3\/5 {
      width: 60%;
    }
-}
w3Over5 : Attribute msg
w3Over5 =
    class "w-3/5"


{-| Maps to `w-4/5`:

    .w-4\/5 {
      width: 80%;
    }
-}
w4Over5 : Attribute msg
w4Over5 =
    class "w-4/5"


{-| Maps to `w-1/6`:

    .w-1\/6 {
      width: 16.666667%;
    }
-}
w1Over6 : Attribute msg
w1Over6 =
    class "w-1/6"


{-| Maps to `w-2/6`:

    .w-2\/6 {
      width: 33.333333%;
    }
-}
w2Over6 : Attribute msg
w2Over6 =
    class "w-2/6"


{-| Maps to `w-3/6`:

    .w-3\/6 {
      width: 50%;
    }
-}
w3Over6 : Attribute msg
w3Over6 =
    class "w-3/6"


{-| Maps to `w-4/6`:

    .w-4\/6 {
      width: 66.666667%;
    }
-}
w4Over6 : Attribute msg
w4Over6 =
    class "w-4/6"


{-| Maps to `w-5/6`:

    .w-5\/6 {
      width: 83.333333%;
    }
-}
w5Over6 : Attribute msg
w5Over6 =
    class "w-5/6"


{-| Maps to `w-1/12`:

    .w-1\/12 {
      width: 8.333333%;
    }
-}
w1Over12 : Attribute msg
w1Over12 =
    class "w-1/12"


{-| Maps to `w-2/12`:

    .w-2\/12 {
      width: 16.666667%;
    }
-}
w2Over12 : Attribute msg
w2Over12 =
    class "w-2/12"


{-| Maps to `w-3/12`:

    .w-3\/12 {
      width: 25%;
    }
-}
w3Over12 : Attribute msg
w3Over12 =
    class "w-3/12"


{-| Maps to `w-4/12`:

    .w-4\/12 {
      width: 33.333333%;
    }
-}
w4Over12 : Attribute msg
w4Over12 =
    class "w-4/12"


{-| Maps to `w-5/12`:

    .w-5\/12 {
      width: 41.666667%;
    }
-}
w5Over12 : Attribute msg
w5Over12 =
    class "w-5/12"


{-| Maps to `w-6/12`:

    .w-6\/12 {
      width: 50%;
    }
-}
w6Over12 : Attribute msg
w6Over12 =
    class "w-6/12"


{-| Maps to `w-7/12`:

    .w-7\/12 {
      width: 58.333333%;
    }
-}
w7Over12 : Attribute msg
w7Over12 =
    class "w-7/12"


{-| Maps to `w-8/12`:

    .w-8\/12 {
      width: 66.666667%;
    }
-}
w8Over12 : Attribute msg
w8Over12 =
    class "w-8/12"


{-| Maps to `w-9/12`:

    .w-9\/12 {
      width: 75%;
    }
-}
w9Over12 : Attribute msg
w9Over12 =
    class "w-9/12"


{-| Maps to `w-10/12`:

    .w-10\/12 {
      width: 83.333333%;
    }
-}
w10Over12 : Attribute msg
w10Over12 =
    class "w-10/12"


{-| Maps to `w-11/12`:

    .w-11\/12 {
      width: 91.666667%;
    }
-}
w11Over12 : Attribute msg
w11Over12 =
    class "w-11/12"


{-| Maps to `w-full`:

    .w-full {
      width: 100%;
    }
-}
wFull : Attribute msg
wFull =
    class "w-full"


{-| Maps to `w-screen`:

    .w-screen {
      width: 100vw;
    }
-}
wScreen : Attribute msg
wScreen =
    class "w-screen"


{-| Maps to `w-min`:

    .w-min {
      width: min-content;
    }
-}
wMin : Attribute msg
wMin =
    class "w-min"


{-| Maps to `w-max`:

    .w-max {
      width: max-content;
    }
-}
wMax : Attribute msg
wMax =
    class "w-max"


{-| Maps to `min-w-0`:

    .min-w-0 {
      min-width: 0;
    }
-}
minW0 : Attribute msg
minW0 =
    class "min-w-0"


{-| Maps to `min-w-full`:

    .min-w-full {
      min-width: 100%;
    }
-}
minWFull : Attribute msg
minWFull =
    class "min-w-full"


{-| Maps to `min-w-min`:

    .min-w-min {
      min-width: min-content;
    }
-}
minWMin : Attribute msg
minWMin =
    class "min-w-min"


{-| Maps to `min-w-max`:

    .min-w-max {
      min-width: max-content;
    }
-}
minWMax : Attribute msg
minWMax =
    class "min-w-max"


{-| Maps to `max-w-0`:

    .max-w-0 {
      max-width: 0;
    }
-}
maxW0 : Attribute msg
maxW0 =
    class "max-w-0"


{-| Maps to `max-w-none`:

    .max-w-none {
      max-width: none;
    }
-}
maxWNone : Attribute msg
maxWNone =
    class "max-w-none"


{-| Maps to `max-w-xs`:

    .max-w-xs {
      max-width: 20rem;
    }
-}
maxWXs : Attribute msg
maxWXs =
    class "max-w-xs"


{-| Maps to `max-w-sm`:

    .max-w-sm {
      max-width: 24rem;
    }
-}
maxWSm : Attribute msg
maxWSm =
    class "max-w-sm"


{-| Maps to `max-w-md`:

    .max-w-md {
      max-width: 28rem;
    }
-}
maxWMd : Attribute msg
maxWMd =
    class "max-w-md"


{-| Maps to `max-w-lg`:

    .max-w-lg {
      max-width: 32rem;
    }
-}
maxWLg : Attribute msg
maxWLg =
    class "max-w-lg"


{-| Maps to `max-w-xl`:

    .max-w-xl {
      max-width: 36rem;
    }
-}
maxWXl : Attribute msg
maxWXl =
    class "max-w-xl"


{-| Maps to `max-w-2xl`:

    .max-w-2xl {
      max-width: 42rem;
    }
-}
maxW2xl : Attribute msg
maxW2xl =
    class "max-w-2xl"


{-| Maps to `max-w-3xl`:

    .max-w-3xl {
      max-width: 48rem;
    }
-}
maxW3xl : Attribute msg
maxW3xl =
    class "max-w-3xl"


{-| Maps to `max-w-4xl`:

    .max-w-4xl {
      max-width: 56rem;
    }
-}
maxW4xl : Attribute msg
maxW4xl =
    class "max-w-4xl"


{-| Maps to `max-w-5xl`:

    .max-w-5xl {
      max-width: 64rem;
    }
-}
maxW5xl : Attribute msg
maxW5xl =
    class "max-w-5xl"


{-| Maps to `max-w-6xl`:

    .max-w-6xl {
      max-width: 72rem;
    }
-}
maxW6xl : Attribute msg
maxW6xl =
    class "max-w-6xl"


{-| Maps to `max-w-7xl`:

    .max-w-7xl {
      max-width: 80rem;
    }
-}
maxW7xl : Attribute msg
maxW7xl =
    class "max-w-7xl"


{-| Maps to `max-w-full`:

    .max-w-full {
      max-width: 100%;
    }
-}
maxWFull : Attribute msg
maxWFull =
    class "max-w-full"


{-| Maps to `max-w-min`:

    .max-w-min {
      max-width: min-content;
    }
-}
maxWMin : Attribute msg
maxWMin =
    class "max-w-min"


{-| Maps to `max-w-max`:

    .max-w-max {
      max-width: max-content;
    }
-}
maxWMax : Attribute msg
maxWMax =
    class "max-w-max"


{-| Maps to `max-w-prose`:

    .max-w-prose {
      max-width: 65ch;
    }
-}
maxWProse : Attribute msg
maxWProse =
    class "max-w-prose"


{-| Maps to `max-w-screen-sm`:

    .max-w-screen-sm {
      max-width: 640px;
    }
-}
maxWScreenSm : Attribute msg
maxWScreenSm =
    class "max-w-screen-sm"


{-| Maps to `max-w-screen-md`:

    .max-w-screen-md {
      max-width: 768px;
    }
-}
maxWScreenMd : Attribute msg
maxWScreenMd =
    class "max-w-screen-md"


{-| Maps to `max-w-screen-lg`:

    .max-w-screen-lg {
      max-width: 1024px;
    }
-}
maxWScreenLg : Attribute msg
maxWScreenLg =
    class "max-w-screen-lg"


{-| Maps to `max-w-screen-xl`:

    .max-w-screen-xl {
      max-width: 1280px;
    }
-}
maxWScreenXl : Attribute msg
maxWScreenXl =
    class "max-w-screen-xl"


{-| Maps to `max-w-screen-2xl`:

    .max-w-screen-2xl {
      max-width: 1536px;
    }
-}
maxWScreen2xl : Attribute msg
maxWScreen2xl =
    class "max-w-screen-2xl"


{-| Maps to `flex-1`:

    .flex-1 {
      flex: 1 1 0%;
    }
-}
flex1 : Attribute msg
flex1 =
    class "flex-1"


{-| Maps to `flex-auto`:

    .flex-auto {
      flex: 1 1 auto;
    }
-}
flexAuto : Attribute msg
flexAuto =
    class "flex-auto"


{-| Maps to `flex-initial`:

    .flex-initial {
      flex: 0 1 auto;
    }
-}
flexInitial : Attribute msg
flexInitial =
    class "flex-initial"


{-| Maps to `flex-none`:

    .flex-none {
      flex: none;
    }
-}
flexNone : Attribute msg
flexNone =
    class "flex-none"


{-| Maps to `flex-shrink-0`:

    .flex-shrink-0 {
      flex-shrink: 0;
    }
-}
flexShrink0 : Attribute msg
flexShrink0 =
    class "flex-shrink-0"


{-| Maps to `flex-shrink`:

    .flex-shrink {
      flex-shrink: 1;
    }
-}
flexShrink : Attribute msg
flexShrink =
    class "flex-shrink"


{-| Maps to `flex-grow-0`:

    .flex-grow-0 {
      flex-grow: 0;
    }
-}
flexGrow0 : Attribute msg
flexGrow0 =
    class "flex-grow-0"


{-| Maps to `flex-grow`:

    .flex-grow {
      flex-grow: 1;
    }
-}
flexGrow : Attribute msg
flexGrow =
    class "flex-grow"


{-| Maps to `table-auto`:

    .table-auto {
      table-layout: auto;
    }
-}
tableAuto : Attribute msg
tableAuto =
    class "table-auto"


{-| Maps to `table-fixed`:

    .table-fixed {
      table-layout: fixed;
    }
-}
tableFixed : Attribute msg
tableFixed =
    class "table-fixed"


{-| Maps to `border-collapse`:

    .border-collapse {
      border-collapse: collapse;
    }
-}
borderCollapse : Attribute msg
borderCollapse =
    class "border-collapse"


{-| Maps to `border-separate`:

    .border-separate {
      border-collapse: separate;
    }
-}
borderSeparate : Attribute msg
borderSeparate =
    class "border-separate"


{-| Maps to `origin-center`:

    .origin-center {
      transform-origin: center;
    }
-}
originCenter : Attribute msg
originCenter =
    class "origin-center"


{-| Maps to `origin-top`:

    .origin-top {
      transform-origin: top;
    }
-}
originTop : Attribute msg
originTop =
    class "origin-top"


{-| Maps to `origin-top-right`:

    .origin-top-right {
      transform-origin: top right;
    }
-}
originTopRight : Attribute msg
originTopRight =
    class "origin-top-right"


{-| Maps to `origin-right`:

    .origin-right {
      transform-origin: right;
    }
-}
originRight : Attribute msg
originRight =
    class "origin-right"


{-| Maps to `origin-bottom-right`:

    .origin-bottom-right {
      transform-origin: bottom right;
    }
-}
originBottomRight : Attribute msg
originBottomRight =
    class "origin-bottom-right"


{-| Maps to `origin-bottom`:

    .origin-bottom {
      transform-origin: bottom;
    }
-}
originBottom : Attribute msg
originBottom =
    class "origin-bottom"


{-| Maps to `origin-bottom-left`:

    .origin-bottom-left {
      transform-origin: bottom left;
    }
-}
originBottomLeft : Attribute msg
originBottomLeft =
    class "origin-bottom-left"


{-| Maps to `origin-left`:

    .origin-left {
      transform-origin: left;
    }
-}
originLeft : Attribute msg
originLeft =
    class "origin-left"


{-| Maps to `origin-top-left`:

    .origin-top-left {
      transform-origin: top left;
    }
-}
originTopLeft : Attribute msg
originTopLeft =
    class "origin-top-left"


{-| Maps to `transform`:

    .transform {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
-}
transform : Attribute msg
transform =
    class "transform"


{-| Maps to `transform-gpu`:

    .transform-gpu {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
-}
transformGpu : Attribute msg
transformGpu =
    class "transform-gpu"


{-| Maps to `transform-none`:

    .transform-none {
      transform: none;
    }
-}
transformNone : Attribute msg
transformNone =
    class "transform-none"


{-| Maps to `translate-x-0`:

    .translate-x-0 {
      --tw-translate-x: 0px;
    }
-}
translateX0 : Attribute msg
translateX0 =
    class "translate-x-0"


{-| Maps to `translate-x-1`:

    .translate-x-1 {
      --tw-translate-x: 0.25rem;
    }
-}
translateX1 : Attribute msg
translateX1 =
    class "translate-x-1"


{-| Maps to `translate-x-2`:

    .translate-x-2 {
      --tw-translate-x: 0.5rem;
    }
-}
translateX2 : Attribute msg
translateX2 =
    class "translate-x-2"


{-| Maps to `translate-x-3`:

    .translate-x-3 {
      --tw-translate-x: 0.75rem;
    }
-}
translateX3 : Attribute msg
translateX3 =
    class "translate-x-3"


{-| Maps to `translate-x-4`:

    .translate-x-4 {
      --tw-translate-x: 1rem;
    }
-}
translateX4 : Attribute msg
translateX4 =
    class "translate-x-4"


{-| Maps to `translate-x-5`:

    .translate-x-5 {
      --tw-translate-x: 1.25rem;
    }
-}
translateX5 : Attribute msg
translateX5 =
    class "translate-x-5"


{-| Maps to `translate-x-6`:

    .translate-x-6 {
      --tw-translate-x: 1.5rem;
    }
-}
translateX6 : Attribute msg
translateX6 =
    class "translate-x-6"


{-| Maps to `translate-x-7`:

    .translate-x-7 {
      --tw-translate-x: 1.75rem;
    }
-}
translateX7 : Attribute msg
translateX7 =
    class "translate-x-7"


{-| Maps to `translate-x-8`:

    .translate-x-8 {
      --tw-translate-x: 2rem;
    }
-}
translateX8 : Attribute msg
translateX8 =
    class "translate-x-8"


{-| Maps to `translate-x-9`:

    .translate-x-9 {
      --tw-translate-x: 2.25rem;
    }
-}
translateX9 : Attribute msg
translateX9 =
    class "translate-x-9"


{-| Maps to `translate-x-10`:

    .translate-x-10 {
      --tw-translate-x: 2.5rem;
    }
-}
translateX10 : Attribute msg
translateX10 =
    class "translate-x-10"


{-| Maps to `translate-x-11`:

    .translate-x-11 {
      --tw-translate-x: 2.75rem;
    }
-}
translateX11 : Attribute msg
translateX11 =
    class "translate-x-11"


{-| Maps to `translate-x-12`:

    .translate-x-12 {
      --tw-translate-x: 3rem;
    }
-}
translateX12 : Attribute msg
translateX12 =
    class "translate-x-12"


{-| Maps to `translate-x-14`:

    .translate-x-14 {
      --tw-translate-x: 3.5rem;
    }
-}
translateX14 : Attribute msg
translateX14 =
    class "translate-x-14"


{-| Maps to `translate-x-16`:

    .translate-x-16 {
      --tw-translate-x: 4rem;
    }
-}
translateX16 : Attribute msg
translateX16 =
    class "translate-x-16"


{-| Maps to `translate-x-20`:

    .translate-x-20 {
      --tw-translate-x: 5rem;
    }
-}
translateX20 : Attribute msg
translateX20 =
    class "translate-x-20"


{-| Maps to `translate-x-24`:

    .translate-x-24 {
      --tw-translate-x: 6rem;
    }
-}
translateX24 : Attribute msg
translateX24 =
    class "translate-x-24"


{-| Maps to `translate-x-28`:

    .translate-x-28 {
      --tw-translate-x: 7rem;
    }
-}
translateX28 : Attribute msg
translateX28 =
    class "translate-x-28"


{-| Maps to `translate-x-32`:

    .translate-x-32 {
      --tw-translate-x: 8rem;
    }
-}
translateX32 : Attribute msg
translateX32 =
    class "translate-x-32"


{-| Maps to `translate-x-36`:

    .translate-x-36 {
      --tw-translate-x: 9rem;
    }
-}
translateX36 : Attribute msg
translateX36 =
    class "translate-x-36"


{-| Maps to `translate-x-40`:

    .translate-x-40 {
      --tw-translate-x: 10rem;
    }
-}
translateX40 : Attribute msg
translateX40 =
    class "translate-x-40"


{-| Maps to `translate-x-44`:

    .translate-x-44 {
      --tw-translate-x: 11rem;
    }
-}
translateX44 : Attribute msg
translateX44 =
    class "translate-x-44"


{-| Maps to `translate-x-48`:

    .translate-x-48 {
      --tw-translate-x: 12rem;
    }
-}
translateX48 : Attribute msg
translateX48 =
    class "translate-x-48"


{-| Maps to `translate-x-52`:

    .translate-x-52 {
      --tw-translate-x: 13rem;
    }
-}
translateX52 : Attribute msg
translateX52 =
    class "translate-x-52"


{-| Maps to `translate-x-56`:

    .translate-x-56 {
      --tw-translate-x: 14rem;
    }
-}
translateX56 : Attribute msg
translateX56 =
    class "translate-x-56"


{-| Maps to `translate-x-60`:

    .translate-x-60 {
      --tw-translate-x: 15rem;
    }
-}
translateX60 : Attribute msg
translateX60 =
    class "translate-x-60"


{-| Maps to `translate-x-64`:

    .translate-x-64 {
      --tw-translate-x: 16rem;
    }
-}
translateX64 : Attribute msg
translateX64 =
    class "translate-x-64"


{-| Maps to `translate-x-72`:

    .translate-x-72 {
      --tw-translate-x: 18rem;
    }
-}
translateX72 : Attribute msg
translateX72 =
    class "translate-x-72"


{-| Maps to `translate-x-80`:

    .translate-x-80 {
      --tw-translate-x: 20rem;
    }
-}
translateX80 : Attribute msg
translateX80 =
    class "translate-x-80"


{-| Maps to `translate-x-96`:

    .translate-x-96 {
      --tw-translate-x: 24rem;
    }
-}
translateX96 : Attribute msg
translateX96 =
    class "translate-x-96"


{-| Maps to `translate-x-px`:

    .translate-x-px {
      --tw-translate-x: 1px;
    }
-}
translateXPx : Attribute msg
translateXPx =
    class "translate-x-px"


{-| Maps to `translate-x-0.5`:

    .translate-x-0\.5 {
      --tw-translate-x: 0.125rem;
    }
-}
translateX0o5 : Attribute msg
translateX0o5 =
    class "translate-x-0.5"


{-| Maps to `translate-x-1.5`:

    .translate-x-1\.5 {
      --tw-translate-x: 0.375rem;
    }
-}
translateX1o5 : Attribute msg
translateX1o5 =
    class "translate-x-1.5"


{-| Maps to `translate-x-2.5`:

    .translate-x-2\.5 {
      --tw-translate-x: 0.625rem;
    }
-}
translateX2o5 : Attribute msg
translateX2o5 =
    class "translate-x-2.5"


{-| Maps to `translate-x-3.5`:

    .translate-x-3\.5 {
      --tw-translate-x: 0.875rem;
    }
-}
translateX3o5 : Attribute msg
translateX3o5 =
    class "translate-x-3.5"


{-| Maps to `-translate-x-0`:

    .-translate-x-0 {
      --tw-translate-x: 0px;
    }
-}
negTranslateX0 : Attribute msg
negTranslateX0 =
    class "-translate-x-0"


{-| Maps to `-translate-x-1`:

    .-translate-x-1 {
      --tw-translate-x: -0.25rem;
    }
-}
negTranslateX1 : Attribute msg
negTranslateX1 =
    class "-translate-x-1"


{-| Maps to `-translate-x-2`:

    .-translate-x-2 {
      --tw-translate-x: -0.5rem;
    }
-}
negTranslateX2 : Attribute msg
negTranslateX2 =
    class "-translate-x-2"


{-| Maps to `-translate-x-3`:

    .-translate-x-3 {
      --tw-translate-x: -0.75rem;
    }
-}
negTranslateX3 : Attribute msg
negTranslateX3 =
    class "-translate-x-3"


{-| Maps to `-translate-x-4`:

    .-translate-x-4 {
      --tw-translate-x: -1rem;
    }
-}
negTranslateX4 : Attribute msg
negTranslateX4 =
    class "-translate-x-4"


{-| Maps to `-translate-x-5`:

    .-translate-x-5 {
      --tw-translate-x: -1.25rem;
    }
-}
negTranslateX5 : Attribute msg
negTranslateX5 =
    class "-translate-x-5"


{-| Maps to `-translate-x-6`:

    .-translate-x-6 {
      --tw-translate-x: -1.5rem;
    }
-}
negTranslateX6 : Attribute msg
negTranslateX6 =
    class "-translate-x-6"


{-| Maps to `-translate-x-7`:

    .-translate-x-7 {
      --tw-translate-x: -1.75rem;
    }
-}
negTranslateX7 : Attribute msg
negTranslateX7 =
    class "-translate-x-7"


{-| Maps to `-translate-x-8`:

    .-translate-x-8 {
      --tw-translate-x: -2rem;
    }
-}
negTranslateX8 : Attribute msg
negTranslateX8 =
    class "-translate-x-8"


{-| Maps to `-translate-x-9`:

    .-translate-x-9 {
      --tw-translate-x: -2.25rem;
    }
-}
negTranslateX9 : Attribute msg
negTranslateX9 =
    class "-translate-x-9"


{-| Maps to `-translate-x-10`:

    .-translate-x-10 {
      --tw-translate-x: -2.5rem;
    }
-}
negTranslateX10 : Attribute msg
negTranslateX10 =
    class "-translate-x-10"


{-| Maps to `-translate-x-11`:

    .-translate-x-11 {
      --tw-translate-x: -2.75rem;
    }
-}
negTranslateX11 : Attribute msg
negTranslateX11 =
    class "-translate-x-11"


{-| Maps to `-translate-x-12`:

    .-translate-x-12 {
      --tw-translate-x: -3rem;
    }
-}
negTranslateX12 : Attribute msg
negTranslateX12 =
    class "-translate-x-12"


{-| Maps to `-translate-x-14`:

    .-translate-x-14 {
      --tw-translate-x: -3.5rem;
    }
-}
negTranslateX14 : Attribute msg
negTranslateX14 =
    class "-translate-x-14"


{-| Maps to `-translate-x-16`:

    .-translate-x-16 {
      --tw-translate-x: -4rem;
    }
-}
negTranslateX16 : Attribute msg
negTranslateX16 =
    class "-translate-x-16"


{-| Maps to `-translate-x-20`:

    .-translate-x-20 {
      --tw-translate-x: -5rem;
    }
-}
negTranslateX20 : Attribute msg
negTranslateX20 =
    class "-translate-x-20"


{-| Maps to `-translate-x-24`:

    .-translate-x-24 {
      --tw-translate-x: -6rem;
    }
-}
negTranslateX24 : Attribute msg
negTranslateX24 =
    class "-translate-x-24"


{-| Maps to `-translate-x-28`:

    .-translate-x-28 {
      --tw-translate-x: -7rem;
    }
-}
negTranslateX28 : Attribute msg
negTranslateX28 =
    class "-translate-x-28"


{-| Maps to `-translate-x-32`:

    .-translate-x-32 {
      --tw-translate-x: -8rem;
    }
-}
negTranslateX32 : Attribute msg
negTranslateX32 =
    class "-translate-x-32"


{-| Maps to `-translate-x-36`:

    .-translate-x-36 {
      --tw-translate-x: -9rem;
    }
-}
negTranslateX36 : Attribute msg
negTranslateX36 =
    class "-translate-x-36"


{-| Maps to `-translate-x-40`:

    .-translate-x-40 {
      --tw-translate-x: -10rem;
    }
-}
negTranslateX40 : Attribute msg
negTranslateX40 =
    class "-translate-x-40"


{-| Maps to `-translate-x-44`:

    .-translate-x-44 {
      --tw-translate-x: -11rem;
    }
-}
negTranslateX44 : Attribute msg
negTranslateX44 =
    class "-translate-x-44"


{-| Maps to `-translate-x-48`:

    .-translate-x-48 {
      --tw-translate-x: -12rem;
    }
-}
negTranslateX48 : Attribute msg
negTranslateX48 =
    class "-translate-x-48"


{-| Maps to `-translate-x-52`:

    .-translate-x-52 {
      --tw-translate-x: -13rem;
    }
-}
negTranslateX52 : Attribute msg
negTranslateX52 =
    class "-translate-x-52"


{-| Maps to `-translate-x-56`:

    .-translate-x-56 {
      --tw-translate-x: -14rem;
    }
-}
negTranslateX56 : Attribute msg
negTranslateX56 =
    class "-translate-x-56"


{-| Maps to `-translate-x-60`:

    .-translate-x-60 {
      --tw-translate-x: -15rem;
    }
-}
negTranslateX60 : Attribute msg
negTranslateX60 =
    class "-translate-x-60"


{-| Maps to `-translate-x-64`:

    .-translate-x-64 {
      --tw-translate-x: -16rem;
    }
-}
negTranslateX64 : Attribute msg
negTranslateX64 =
    class "-translate-x-64"


{-| Maps to `-translate-x-72`:

    .-translate-x-72 {
      --tw-translate-x: -18rem;
    }
-}
negTranslateX72 : Attribute msg
negTranslateX72 =
    class "-translate-x-72"


{-| Maps to `-translate-x-80`:

    .-translate-x-80 {
      --tw-translate-x: -20rem;
    }
-}
negTranslateX80 : Attribute msg
negTranslateX80 =
    class "-translate-x-80"


{-| Maps to `-translate-x-96`:

    .-translate-x-96 {
      --tw-translate-x: -24rem;
    }
-}
negTranslateX96 : Attribute msg
negTranslateX96 =
    class "-translate-x-96"


{-| Maps to `-translate-x-px`:

    .-translate-x-px {
      --tw-translate-x: -1px;
    }
-}
negTranslateXPx : Attribute msg
negTranslateXPx =
    class "-translate-x-px"


{-| Maps to `-translate-x-0.5`:

    .-translate-x-0\.5 {
      --tw-translate-x: -0.125rem;
    }
-}
negTranslateX0o5 : Attribute msg
negTranslateX0o5 =
    class "-translate-x-0.5"


{-| Maps to `-translate-x-1.5`:

    .-translate-x-1\.5 {
      --tw-translate-x: -0.375rem;
    }
-}
negTranslateX1o5 : Attribute msg
negTranslateX1o5 =
    class "-translate-x-1.5"


{-| Maps to `-translate-x-2.5`:

    .-translate-x-2\.5 {
      --tw-translate-x: -0.625rem;
    }
-}
negTranslateX2o5 : Attribute msg
negTranslateX2o5 =
    class "-translate-x-2.5"


{-| Maps to `-translate-x-3.5`:

    .-translate-x-3\.5 {
      --tw-translate-x: -0.875rem;
    }
-}
negTranslateX3o5 : Attribute msg
negTranslateX3o5 =
    class "-translate-x-3.5"


{-| Maps to `translate-x-1/2`:

    .translate-x-1\/2 {
      --tw-translate-x: 50%;
    }
-}
translateX1Over2 : Attribute msg
translateX1Over2 =
    class "translate-x-1/2"


{-| Maps to `translate-x-1/3`:

    .translate-x-1\/3 {
      --tw-translate-x: 33.333333%;
    }
-}
translateX1Over3 : Attribute msg
translateX1Over3 =
    class "translate-x-1/3"


{-| Maps to `translate-x-2/3`:

    .translate-x-2\/3 {
      --tw-translate-x: 66.666667%;
    }
-}
translateX2Over3 : Attribute msg
translateX2Over3 =
    class "translate-x-2/3"


{-| Maps to `translate-x-1/4`:

    .translate-x-1\/4 {
      --tw-translate-x: 25%;
    }
-}
translateX1Over4 : Attribute msg
translateX1Over4 =
    class "translate-x-1/4"


{-| Maps to `translate-x-2/4`:

    .translate-x-2\/4 {
      --tw-translate-x: 50%;
    }
-}
translateX2Over4 : Attribute msg
translateX2Over4 =
    class "translate-x-2/4"


{-| Maps to `translate-x-3/4`:

    .translate-x-3\/4 {
      --tw-translate-x: 75%;
    }
-}
translateX3Over4 : Attribute msg
translateX3Over4 =
    class "translate-x-3/4"


{-| Maps to `translate-x-full`:

    .translate-x-full {
      --tw-translate-x: 100%;
    }
-}
translateXFull : Attribute msg
translateXFull =
    class "translate-x-full"


{-| Maps to `-translate-x-1/2`:

    .-translate-x-1\/2 {
      --tw-translate-x: -50%;
    }
-}
negTranslateX1Over2 : Attribute msg
negTranslateX1Over2 =
    class "-translate-x-1/2"


{-| Maps to `-translate-x-1/3`:

    .-translate-x-1\/3 {
      --tw-translate-x: -33.333333%;
    }
-}
negTranslateX1Over3 : Attribute msg
negTranslateX1Over3 =
    class "-translate-x-1/3"


{-| Maps to `-translate-x-2/3`:

    .-translate-x-2\/3 {
      --tw-translate-x: -66.666667%;
    }
-}
negTranslateX2Over3 : Attribute msg
negTranslateX2Over3 =
    class "-translate-x-2/3"


{-| Maps to `-translate-x-1/4`:

    .-translate-x-1\/4 {
      --tw-translate-x: -25%;
    }
-}
negTranslateX1Over4 : Attribute msg
negTranslateX1Over4 =
    class "-translate-x-1/4"


{-| Maps to `-translate-x-2/4`:

    .-translate-x-2\/4 {
      --tw-translate-x: -50%;
    }
-}
negTranslateX2Over4 : Attribute msg
negTranslateX2Over4 =
    class "-translate-x-2/4"


{-| Maps to `-translate-x-3/4`:

    .-translate-x-3\/4 {
      --tw-translate-x: -75%;
    }
-}
negTranslateX3Over4 : Attribute msg
negTranslateX3Over4 =
    class "-translate-x-3/4"


{-| Maps to `-translate-x-full`:

    .-translate-x-full {
      --tw-translate-x: -100%;
    }
-}
negTranslateXFull : Attribute msg
negTranslateXFull =
    class "-translate-x-full"


{-| Maps to `translate-y-0`:

    .translate-y-0 {
      --tw-translate-y: 0px;
    }
-}
translateY0 : Attribute msg
translateY0 =
    class "translate-y-0"


{-| Maps to `translate-y-1`:

    .translate-y-1 {
      --tw-translate-y: 0.25rem;
    }
-}
translateY1 : Attribute msg
translateY1 =
    class "translate-y-1"


{-| Maps to `translate-y-2`:

    .translate-y-2 {
      --tw-translate-y: 0.5rem;
    }
-}
translateY2 : Attribute msg
translateY2 =
    class "translate-y-2"


{-| Maps to `translate-y-3`:

    .translate-y-3 {
      --tw-translate-y: 0.75rem;
    }
-}
translateY3 : Attribute msg
translateY3 =
    class "translate-y-3"


{-| Maps to `translate-y-4`:

    .translate-y-4 {
      --tw-translate-y: 1rem;
    }
-}
translateY4 : Attribute msg
translateY4 =
    class "translate-y-4"


{-| Maps to `translate-y-5`:

    .translate-y-5 {
      --tw-translate-y: 1.25rem;
    }
-}
translateY5 : Attribute msg
translateY5 =
    class "translate-y-5"


{-| Maps to `translate-y-6`:

    .translate-y-6 {
      --tw-translate-y: 1.5rem;
    }
-}
translateY6 : Attribute msg
translateY6 =
    class "translate-y-6"


{-| Maps to `translate-y-7`:

    .translate-y-7 {
      --tw-translate-y: 1.75rem;
    }
-}
translateY7 : Attribute msg
translateY7 =
    class "translate-y-7"


{-| Maps to `translate-y-8`:

    .translate-y-8 {
      --tw-translate-y: 2rem;
    }
-}
translateY8 : Attribute msg
translateY8 =
    class "translate-y-8"


{-| Maps to `translate-y-9`:

    .translate-y-9 {
      --tw-translate-y: 2.25rem;
    }
-}
translateY9 : Attribute msg
translateY9 =
    class "translate-y-9"


{-| Maps to `translate-y-10`:

    .translate-y-10 {
      --tw-translate-y: 2.5rem;
    }
-}
translateY10 : Attribute msg
translateY10 =
    class "translate-y-10"


{-| Maps to `translate-y-11`:

    .translate-y-11 {
      --tw-translate-y: 2.75rem;
    }
-}
translateY11 : Attribute msg
translateY11 =
    class "translate-y-11"


{-| Maps to `translate-y-12`:

    .translate-y-12 {
      --tw-translate-y: 3rem;
    }
-}
translateY12 : Attribute msg
translateY12 =
    class "translate-y-12"


{-| Maps to `translate-y-14`:

    .translate-y-14 {
      --tw-translate-y: 3.5rem;
    }
-}
translateY14 : Attribute msg
translateY14 =
    class "translate-y-14"


{-| Maps to `translate-y-16`:

    .translate-y-16 {
      --tw-translate-y: 4rem;
    }
-}
translateY16 : Attribute msg
translateY16 =
    class "translate-y-16"


{-| Maps to `translate-y-20`:

    .translate-y-20 {
      --tw-translate-y: 5rem;
    }
-}
translateY20 : Attribute msg
translateY20 =
    class "translate-y-20"


{-| Maps to `translate-y-24`:

    .translate-y-24 {
      --tw-translate-y: 6rem;
    }
-}
translateY24 : Attribute msg
translateY24 =
    class "translate-y-24"


{-| Maps to `translate-y-28`:

    .translate-y-28 {
      --tw-translate-y: 7rem;
    }
-}
translateY28 : Attribute msg
translateY28 =
    class "translate-y-28"


{-| Maps to `translate-y-32`:

    .translate-y-32 {
      --tw-translate-y: 8rem;
    }
-}
translateY32 : Attribute msg
translateY32 =
    class "translate-y-32"


{-| Maps to `translate-y-36`:

    .translate-y-36 {
      --tw-translate-y: 9rem;
    }
-}
translateY36 : Attribute msg
translateY36 =
    class "translate-y-36"


{-| Maps to `translate-y-40`:

    .translate-y-40 {
      --tw-translate-y: 10rem;
    }
-}
translateY40 : Attribute msg
translateY40 =
    class "translate-y-40"


{-| Maps to `translate-y-44`:

    .translate-y-44 {
      --tw-translate-y: 11rem;
    }
-}
translateY44 : Attribute msg
translateY44 =
    class "translate-y-44"


{-| Maps to `translate-y-48`:

    .translate-y-48 {
      --tw-translate-y: 12rem;
    }
-}
translateY48 : Attribute msg
translateY48 =
    class "translate-y-48"


{-| Maps to `translate-y-52`:

    .translate-y-52 {
      --tw-translate-y: 13rem;
    }
-}
translateY52 : Attribute msg
translateY52 =
    class "translate-y-52"


{-| Maps to `translate-y-56`:

    .translate-y-56 {
      --tw-translate-y: 14rem;
    }
-}
translateY56 : Attribute msg
translateY56 =
    class "translate-y-56"


{-| Maps to `translate-y-60`:

    .translate-y-60 {
      --tw-translate-y: 15rem;
    }
-}
translateY60 : Attribute msg
translateY60 =
    class "translate-y-60"


{-| Maps to `translate-y-64`:

    .translate-y-64 {
      --tw-translate-y: 16rem;
    }
-}
translateY64 : Attribute msg
translateY64 =
    class "translate-y-64"


{-| Maps to `translate-y-72`:

    .translate-y-72 {
      --tw-translate-y: 18rem;
    }
-}
translateY72 : Attribute msg
translateY72 =
    class "translate-y-72"


{-| Maps to `translate-y-80`:

    .translate-y-80 {
      --tw-translate-y: 20rem;
    }
-}
translateY80 : Attribute msg
translateY80 =
    class "translate-y-80"


{-| Maps to `translate-y-96`:

    .translate-y-96 {
      --tw-translate-y: 24rem;
    }
-}
translateY96 : Attribute msg
translateY96 =
    class "translate-y-96"


{-| Maps to `translate-y-px`:

    .translate-y-px {
      --tw-translate-y: 1px;
    }
-}
translateYPx : Attribute msg
translateYPx =
    class "translate-y-px"


{-| Maps to `translate-y-0.5`:

    .translate-y-0\.5 {
      --tw-translate-y: 0.125rem;
    }
-}
translateY0o5 : Attribute msg
translateY0o5 =
    class "translate-y-0.5"


{-| Maps to `translate-y-1.5`:

    .translate-y-1\.5 {
      --tw-translate-y: 0.375rem;
    }
-}
translateY1o5 : Attribute msg
translateY1o5 =
    class "translate-y-1.5"


{-| Maps to `translate-y-2.5`:

    .translate-y-2\.5 {
      --tw-translate-y: 0.625rem;
    }
-}
translateY2o5 : Attribute msg
translateY2o5 =
    class "translate-y-2.5"


{-| Maps to `translate-y-3.5`:

    .translate-y-3\.5 {
      --tw-translate-y: 0.875rem;
    }
-}
translateY3o5 : Attribute msg
translateY3o5 =
    class "translate-y-3.5"


{-| Maps to `-translate-y-0`:

    .-translate-y-0 {
      --tw-translate-y: 0px;
    }
-}
negTranslateY0 : Attribute msg
negTranslateY0 =
    class "-translate-y-0"


{-| Maps to `-translate-y-1`:

    .-translate-y-1 {
      --tw-translate-y: -0.25rem;
    }
-}
negTranslateY1 : Attribute msg
negTranslateY1 =
    class "-translate-y-1"


{-| Maps to `-translate-y-2`:

    .-translate-y-2 {
      --tw-translate-y: -0.5rem;
    }
-}
negTranslateY2 : Attribute msg
negTranslateY2 =
    class "-translate-y-2"


{-| Maps to `-translate-y-3`:

    .-translate-y-3 {
      --tw-translate-y: -0.75rem;
    }
-}
negTranslateY3 : Attribute msg
negTranslateY3 =
    class "-translate-y-3"


{-| Maps to `-translate-y-4`:

    .-translate-y-4 {
      --tw-translate-y: -1rem;
    }
-}
negTranslateY4 : Attribute msg
negTranslateY4 =
    class "-translate-y-4"


{-| Maps to `-translate-y-5`:

    .-translate-y-5 {
      --tw-translate-y: -1.25rem;
    }
-}
negTranslateY5 : Attribute msg
negTranslateY5 =
    class "-translate-y-5"


{-| Maps to `-translate-y-6`:

    .-translate-y-6 {
      --tw-translate-y: -1.5rem;
    }
-}
negTranslateY6 : Attribute msg
negTranslateY6 =
    class "-translate-y-6"


{-| Maps to `-translate-y-7`:

    .-translate-y-7 {
      --tw-translate-y: -1.75rem;
    }
-}
negTranslateY7 : Attribute msg
negTranslateY7 =
    class "-translate-y-7"


{-| Maps to `-translate-y-8`:

    .-translate-y-8 {
      --tw-translate-y: -2rem;
    }
-}
negTranslateY8 : Attribute msg
negTranslateY8 =
    class "-translate-y-8"


{-| Maps to `-translate-y-9`:

    .-translate-y-9 {
      --tw-translate-y: -2.25rem;
    }
-}
negTranslateY9 : Attribute msg
negTranslateY9 =
    class "-translate-y-9"


{-| Maps to `-translate-y-10`:

    .-translate-y-10 {
      --tw-translate-y: -2.5rem;
    }
-}
negTranslateY10 : Attribute msg
negTranslateY10 =
    class "-translate-y-10"


{-| Maps to `-translate-y-11`:

    .-translate-y-11 {
      --tw-translate-y: -2.75rem;
    }
-}
negTranslateY11 : Attribute msg
negTranslateY11 =
    class "-translate-y-11"


{-| Maps to `-translate-y-12`:

    .-translate-y-12 {
      --tw-translate-y: -3rem;
    }
-}
negTranslateY12 : Attribute msg
negTranslateY12 =
    class "-translate-y-12"


{-| Maps to `-translate-y-14`:

    .-translate-y-14 {
      --tw-translate-y: -3.5rem;
    }
-}
negTranslateY14 : Attribute msg
negTranslateY14 =
    class "-translate-y-14"


{-| Maps to `-translate-y-16`:

    .-translate-y-16 {
      --tw-translate-y: -4rem;
    }
-}
negTranslateY16 : Attribute msg
negTranslateY16 =
    class "-translate-y-16"


{-| Maps to `-translate-y-20`:

    .-translate-y-20 {
      --tw-translate-y: -5rem;
    }
-}
negTranslateY20 : Attribute msg
negTranslateY20 =
    class "-translate-y-20"


{-| Maps to `-translate-y-24`:

    .-translate-y-24 {
      --tw-translate-y: -6rem;
    }
-}
negTranslateY24 : Attribute msg
negTranslateY24 =
    class "-translate-y-24"


{-| Maps to `-translate-y-28`:

    .-translate-y-28 {
      --tw-translate-y: -7rem;
    }
-}
negTranslateY28 : Attribute msg
negTranslateY28 =
    class "-translate-y-28"


{-| Maps to `-translate-y-32`:

    .-translate-y-32 {
      --tw-translate-y: -8rem;
    }
-}
negTranslateY32 : Attribute msg
negTranslateY32 =
    class "-translate-y-32"


{-| Maps to `-translate-y-36`:

    .-translate-y-36 {
      --tw-translate-y: -9rem;
    }
-}
negTranslateY36 : Attribute msg
negTranslateY36 =
    class "-translate-y-36"


{-| Maps to `-translate-y-40`:

    .-translate-y-40 {
      --tw-translate-y: -10rem;
    }
-}
negTranslateY40 : Attribute msg
negTranslateY40 =
    class "-translate-y-40"


{-| Maps to `-translate-y-44`:

    .-translate-y-44 {
      --tw-translate-y: -11rem;
    }
-}
negTranslateY44 : Attribute msg
negTranslateY44 =
    class "-translate-y-44"


{-| Maps to `-translate-y-48`:

    .-translate-y-48 {
      --tw-translate-y: -12rem;
    }
-}
negTranslateY48 : Attribute msg
negTranslateY48 =
    class "-translate-y-48"


{-| Maps to `-translate-y-52`:

    .-translate-y-52 {
      --tw-translate-y: -13rem;
    }
-}
negTranslateY52 : Attribute msg
negTranslateY52 =
    class "-translate-y-52"


{-| Maps to `-translate-y-56`:

    .-translate-y-56 {
      --tw-translate-y: -14rem;
    }
-}
negTranslateY56 : Attribute msg
negTranslateY56 =
    class "-translate-y-56"


{-| Maps to `-translate-y-60`:

    .-translate-y-60 {
      --tw-translate-y: -15rem;
    }
-}
negTranslateY60 : Attribute msg
negTranslateY60 =
    class "-translate-y-60"


{-| Maps to `-translate-y-64`:

    .-translate-y-64 {
      --tw-translate-y: -16rem;
    }
-}
negTranslateY64 : Attribute msg
negTranslateY64 =
    class "-translate-y-64"


{-| Maps to `-translate-y-72`:

    .-translate-y-72 {
      --tw-translate-y: -18rem;
    }
-}
negTranslateY72 : Attribute msg
negTranslateY72 =
    class "-translate-y-72"


{-| Maps to `-translate-y-80`:

    .-translate-y-80 {
      --tw-translate-y: -20rem;
    }
-}
negTranslateY80 : Attribute msg
negTranslateY80 =
    class "-translate-y-80"


{-| Maps to `-translate-y-96`:

    .-translate-y-96 {
      --tw-translate-y: -24rem;
    }
-}
negTranslateY96 : Attribute msg
negTranslateY96 =
    class "-translate-y-96"


{-| Maps to `-translate-y-px`:

    .-translate-y-px {
      --tw-translate-y: -1px;
    }
-}
negTranslateYPx : Attribute msg
negTranslateYPx =
    class "-translate-y-px"


{-| Maps to `-translate-y-0.5`:

    .-translate-y-0\.5 {
      --tw-translate-y: -0.125rem;
    }
-}
negTranslateY0o5 : Attribute msg
negTranslateY0o5 =
    class "-translate-y-0.5"


{-| Maps to `-translate-y-1.5`:

    .-translate-y-1\.5 {
      --tw-translate-y: -0.375rem;
    }
-}
negTranslateY1o5 : Attribute msg
negTranslateY1o5 =
    class "-translate-y-1.5"


{-| Maps to `-translate-y-2.5`:

    .-translate-y-2\.5 {
      --tw-translate-y: -0.625rem;
    }
-}
negTranslateY2o5 : Attribute msg
negTranslateY2o5 =
    class "-translate-y-2.5"


{-| Maps to `-translate-y-3.5`:

    .-translate-y-3\.5 {
      --tw-translate-y: -0.875rem;
    }
-}
negTranslateY3o5 : Attribute msg
negTranslateY3o5 =
    class "-translate-y-3.5"


{-| Maps to `translate-y-1/2`:

    .translate-y-1\/2 {
      --tw-translate-y: 50%;
    }
-}
translateY1Over2 : Attribute msg
translateY1Over2 =
    class "translate-y-1/2"


{-| Maps to `translate-y-1/3`:

    .translate-y-1\/3 {
      --tw-translate-y: 33.333333%;
    }
-}
translateY1Over3 : Attribute msg
translateY1Over3 =
    class "translate-y-1/3"


{-| Maps to `translate-y-2/3`:

    .translate-y-2\/3 {
      --tw-translate-y: 66.666667%;
    }
-}
translateY2Over3 : Attribute msg
translateY2Over3 =
    class "translate-y-2/3"


{-| Maps to `translate-y-1/4`:

    .translate-y-1\/4 {
      --tw-translate-y: 25%;
    }
-}
translateY1Over4 : Attribute msg
translateY1Over4 =
    class "translate-y-1/4"


{-| Maps to `translate-y-2/4`:

    .translate-y-2\/4 {
      --tw-translate-y: 50%;
    }
-}
translateY2Over4 : Attribute msg
translateY2Over4 =
    class "translate-y-2/4"


{-| Maps to `translate-y-3/4`:

    .translate-y-3\/4 {
      --tw-translate-y: 75%;
    }
-}
translateY3Over4 : Attribute msg
translateY3Over4 =
    class "translate-y-3/4"


{-| Maps to `translate-y-full`:

    .translate-y-full {
      --tw-translate-y: 100%;
    }
-}
translateYFull : Attribute msg
translateYFull =
    class "translate-y-full"


{-| Maps to `-translate-y-1/2`:

    .-translate-y-1\/2 {
      --tw-translate-y: -50%;
    }
-}
negTranslateY1Over2 : Attribute msg
negTranslateY1Over2 =
    class "-translate-y-1/2"


{-| Maps to `-translate-y-1/3`:

    .-translate-y-1\/3 {
      --tw-translate-y: -33.333333%;
    }
-}
negTranslateY1Over3 : Attribute msg
negTranslateY1Over3 =
    class "-translate-y-1/3"


{-| Maps to `-translate-y-2/3`:

    .-translate-y-2\/3 {
      --tw-translate-y: -66.666667%;
    }
-}
negTranslateY2Over3 : Attribute msg
negTranslateY2Over3 =
    class "-translate-y-2/3"


{-| Maps to `-translate-y-1/4`:

    .-translate-y-1\/4 {
      --tw-translate-y: -25%;
    }
-}
negTranslateY1Over4 : Attribute msg
negTranslateY1Over4 =
    class "-translate-y-1/4"


{-| Maps to `-translate-y-2/4`:

    .-translate-y-2\/4 {
      --tw-translate-y: -50%;
    }
-}
negTranslateY2Over4 : Attribute msg
negTranslateY2Over4 =
    class "-translate-y-2/4"


{-| Maps to `-translate-y-3/4`:

    .-translate-y-3\/4 {
      --tw-translate-y: -75%;
    }
-}
negTranslateY3Over4 : Attribute msg
negTranslateY3Over4 =
    class "-translate-y-3/4"


{-| Maps to `-translate-y-full`:

    .-translate-y-full {
      --tw-translate-y: -100%;
    }
-}
negTranslateYFull : Attribute msg
negTranslateYFull =
    class "-translate-y-full"


{-| Maps to `hover:translate-x-0`:

    .hover\:translate-x-0:hover {
      --tw-translate-x: 0px;
    }
-}
hoverTranslateX0 : Attribute msg
hoverTranslateX0 =
    class "hover:translate-x-0"


{-| Maps to `hover:translate-x-1`:

    .hover\:translate-x-1:hover {
      --tw-translate-x: 0.25rem;
    }
-}
hoverTranslateX1 : Attribute msg
hoverTranslateX1 =
    class "hover:translate-x-1"


{-| Maps to `hover:translate-x-2`:

    .hover\:translate-x-2:hover {
      --tw-translate-x: 0.5rem;
    }
-}
hoverTranslateX2 : Attribute msg
hoverTranslateX2 =
    class "hover:translate-x-2"


{-| Maps to `hover:translate-x-3`:

    .hover\:translate-x-3:hover {
      --tw-translate-x: 0.75rem;
    }
-}
hoverTranslateX3 : Attribute msg
hoverTranslateX3 =
    class "hover:translate-x-3"


{-| Maps to `hover:translate-x-4`:

    .hover\:translate-x-4:hover {
      --tw-translate-x: 1rem;
    }
-}
hoverTranslateX4 : Attribute msg
hoverTranslateX4 =
    class "hover:translate-x-4"


{-| Maps to `hover:translate-x-5`:

    .hover\:translate-x-5:hover {
      --tw-translate-x: 1.25rem;
    }
-}
hoverTranslateX5 : Attribute msg
hoverTranslateX5 =
    class "hover:translate-x-5"


{-| Maps to `hover:translate-x-6`:

    .hover\:translate-x-6:hover {
      --tw-translate-x: 1.5rem;
    }
-}
hoverTranslateX6 : Attribute msg
hoverTranslateX6 =
    class "hover:translate-x-6"


{-| Maps to `hover:translate-x-7`:

    .hover\:translate-x-7:hover {
      --tw-translate-x: 1.75rem;
    }
-}
hoverTranslateX7 : Attribute msg
hoverTranslateX7 =
    class "hover:translate-x-7"


{-| Maps to `hover:translate-x-8`:

    .hover\:translate-x-8:hover {
      --tw-translate-x: 2rem;
    }
-}
hoverTranslateX8 : Attribute msg
hoverTranslateX8 =
    class "hover:translate-x-8"


{-| Maps to `hover:translate-x-9`:

    .hover\:translate-x-9:hover {
      --tw-translate-x: 2.25rem;
    }
-}
hoverTranslateX9 : Attribute msg
hoverTranslateX9 =
    class "hover:translate-x-9"


{-| Maps to `hover:translate-x-10`:

    .hover\:translate-x-10:hover {
      --tw-translate-x: 2.5rem;
    }
-}
hoverTranslateX10 : Attribute msg
hoverTranslateX10 =
    class "hover:translate-x-10"


{-| Maps to `hover:translate-x-11`:

    .hover\:translate-x-11:hover {
      --tw-translate-x: 2.75rem;
    }
-}
hoverTranslateX11 : Attribute msg
hoverTranslateX11 =
    class "hover:translate-x-11"


{-| Maps to `hover:translate-x-12`:

    .hover\:translate-x-12:hover {
      --tw-translate-x: 3rem;
    }
-}
hoverTranslateX12 : Attribute msg
hoverTranslateX12 =
    class "hover:translate-x-12"


{-| Maps to `hover:translate-x-14`:

    .hover\:translate-x-14:hover {
      --tw-translate-x: 3.5rem;
    }
-}
hoverTranslateX14 : Attribute msg
hoverTranslateX14 =
    class "hover:translate-x-14"


{-| Maps to `hover:translate-x-16`:

    .hover\:translate-x-16:hover {
      --tw-translate-x: 4rem;
    }
-}
hoverTranslateX16 : Attribute msg
hoverTranslateX16 =
    class "hover:translate-x-16"


{-| Maps to `hover:translate-x-20`:

    .hover\:translate-x-20:hover {
      --tw-translate-x: 5rem;
    }
-}
hoverTranslateX20 : Attribute msg
hoverTranslateX20 =
    class "hover:translate-x-20"


{-| Maps to `hover:translate-x-24`:

    .hover\:translate-x-24:hover {
      --tw-translate-x: 6rem;
    }
-}
hoverTranslateX24 : Attribute msg
hoverTranslateX24 =
    class "hover:translate-x-24"


{-| Maps to `hover:translate-x-28`:

    .hover\:translate-x-28:hover {
      --tw-translate-x: 7rem;
    }
-}
hoverTranslateX28 : Attribute msg
hoverTranslateX28 =
    class "hover:translate-x-28"


{-| Maps to `hover:translate-x-32`:

    .hover\:translate-x-32:hover {
      --tw-translate-x: 8rem;
    }
-}
hoverTranslateX32 : Attribute msg
hoverTranslateX32 =
    class "hover:translate-x-32"


{-| Maps to `hover:translate-x-36`:

    .hover\:translate-x-36:hover {
      --tw-translate-x: 9rem;
    }
-}
hoverTranslateX36 : Attribute msg
hoverTranslateX36 =
    class "hover:translate-x-36"


{-| Maps to `hover:translate-x-40`:

    .hover\:translate-x-40:hover {
      --tw-translate-x: 10rem;
    }
-}
hoverTranslateX40 : Attribute msg
hoverTranslateX40 =
    class "hover:translate-x-40"


{-| Maps to `hover:translate-x-44`:

    .hover\:translate-x-44:hover {
      --tw-translate-x: 11rem;
    }
-}
hoverTranslateX44 : Attribute msg
hoverTranslateX44 =
    class "hover:translate-x-44"


{-| Maps to `hover:translate-x-48`:

    .hover\:translate-x-48:hover {
      --tw-translate-x: 12rem;
    }
-}
hoverTranslateX48 : Attribute msg
hoverTranslateX48 =
    class "hover:translate-x-48"


{-| Maps to `hover:translate-x-52`:

    .hover\:translate-x-52:hover {
      --tw-translate-x: 13rem;
    }
-}
hoverTranslateX52 : Attribute msg
hoverTranslateX52 =
    class "hover:translate-x-52"


{-| Maps to `hover:translate-x-56`:

    .hover\:translate-x-56:hover {
      --tw-translate-x: 14rem;
    }
-}
hoverTranslateX56 : Attribute msg
hoverTranslateX56 =
    class "hover:translate-x-56"


{-| Maps to `hover:translate-x-60`:

    .hover\:translate-x-60:hover {
      --tw-translate-x: 15rem;
    }
-}
hoverTranslateX60 : Attribute msg
hoverTranslateX60 =
    class "hover:translate-x-60"


{-| Maps to `hover:translate-x-64`:

    .hover\:translate-x-64:hover {
      --tw-translate-x: 16rem;
    }
-}
hoverTranslateX64 : Attribute msg
hoverTranslateX64 =
    class "hover:translate-x-64"


{-| Maps to `hover:translate-x-72`:

    .hover\:translate-x-72:hover {
      --tw-translate-x: 18rem;
    }
-}
hoverTranslateX72 : Attribute msg
hoverTranslateX72 =
    class "hover:translate-x-72"


{-| Maps to `hover:translate-x-80`:

    .hover\:translate-x-80:hover {
      --tw-translate-x: 20rem;
    }
-}
hoverTranslateX80 : Attribute msg
hoverTranslateX80 =
    class "hover:translate-x-80"


{-| Maps to `hover:translate-x-96`:

    .hover\:translate-x-96:hover {
      --tw-translate-x: 24rem;
    }
-}
hoverTranslateX96 : Attribute msg
hoverTranslateX96 =
    class "hover:translate-x-96"


{-| Maps to `hover:translate-x-px`:

    .hover\:translate-x-px:hover {
      --tw-translate-x: 1px;
    }
-}
hoverTranslateXPx : Attribute msg
hoverTranslateXPx =
    class "hover:translate-x-px"


{-| Maps to `hover:translate-x-0.5`:

    .hover\:translate-x-0\.5:hover {
      --tw-translate-x: 0.125rem;
    }
-}
hoverTranslateX0o5 : Attribute msg
hoverTranslateX0o5 =
    class "hover:translate-x-0.5"


{-| Maps to `hover:translate-x-1.5`:

    .hover\:translate-x-1\.5:hover {
      --tw-translate-x: 0.375rem;
    }
-}
hoverTranslateX1o5 : Attribute msg
hoverTranslateX1o5 =
    class "hover:translate-x-1.5"


{-| Maps to `hover:translate-x-2.5`:

    .hover\:translate-x-2\.5:hover {
      --tw-translate-x: 0.625rem;
    }
-}
hoverTranslateX2o5 : Attribute msg
hoverTranslateX2o5 =
    class "hover:translate-x-2.5"


{-| Maps to `hover:translate-x-3.5`:

    .hover\:translate-x-3\.5:hover {
      --tw-translate-x: 0.875rem;
    }
-}
hoverTranslateX3o5 : Attribute msg
hoverTranslateX3o5 =
    class "hover:translate-x-3.5"


{-| Maps to `hover:-translate-x-0`:

    .hover\:-translate-x-0:hover {
      --tw-translate-x: 0px;
    }
-}
hoverNegTranslateX0 : Attribute msg
hoverNegTranslateX0 =
    class "hover:-translate-x-0"


{-| Maps to `hover:-translate-x-1`:

    .hover\:-translate-x-1:hover {
      --tw-translate-x: -0.25rem;
    }
-}
hoverNegTranslateX1 : Attribute msg
hoverNegTranslateX1 =
    class "hover:-translate-x-1"


{-| Maps to `hover:-translate-x-2`:

    .hover\:-translate-x-2:hover {
      --tw-translate-x: -0.5rem;
    }
-}
hoverNegTranslateX2 : Attribute msg
hoverNegTranslateX2 =
    class "hover:-translate-x-2"


{-| Maps to `hover:-translate-x-3`:

    .hover\:-translate-x-3:hover {
      --tw-translate-x: -0.75rem;
    }
-}
hoverNegTranslateX3 : Attribute msg
hoverNegTranslateX3 =
    class "hover:-translate-x-3"


{-| Maps to `hover:-translate-x-4`:

    .hover\:-translate-x-4:hover {
      --tw-translate-x: -1rem;
    }
-}
hoverNegTranslateX4 : Attribute msg
hoverNegTranslateX4 =
    class "hover:-translate-x-4"


{-| Maps to `hover:-translate-x-5`:

    .hover\:-translate-x-5:hover {
      --tw-translate-x: -1.25rem;
    }
-}
hoverNegTranslateX5 : Attribute msg
hoverNegTranslateX5 =
    class "hover:-translate-x-5"


{-| Maps to `hover:-translate-x-6`:

    .hover\:-translate-x-6:hover {
      --tw-translate-x: -1.5rem;
    }
-}
hoverNegTranslateX6 : Attribute msg
hoverNegTranslateX6 =
    class "hover:-translate-x-6"


{-| Maps to `hover:-translate-x-7`:

    .hover\:-translate-x-7:hover {
      --tw-translate-x: -1.75rem;
    }
-}
hoverNegTranslateX7 : Attribute msg
hoverNegTranslateX7 =
    class "hover:-translate-x-7"


{-| Maps to `hover:-translate-x-8`:

    .hover\:-translate-x-8:hover {
      --tw-translate-x: -2rem;
    }
-}
hoverNegTranslateX8 : Attribute msg
hoverNegTranslateX8 =
    class "hover:-translate-x-8"


{-| Maps to `hover:-translate-x-9`:

    .hover\:-translate-x-9:hover {
      --tw-translate-x: -2.25rem;
    }
-}
hoverNegTranslateX9 : Attribute msg
hoverNegTranslateX9 =
    class "hover:-translate-x-9"


{-| Maps to `hover:-translate-x-10`:

    .hover\:-translate-x-10:hover {
      --tw-translate-x: -2.5rem;
    }
-}
hoverNegTranslateX10 : Attribute msg
hoverNegTranslateX10 =
    class "hover:-translate-x-10"


{-| Maps to `hover:-translate-x-11`:

    .hover\:-translate-x-11:hover {
      --tw-translate-x: -2.75rem;
    }
-}
hoverNegTranslateX11 : Attribute msg
hoverNegTranslateX11 =
    class "hover:-translate-x-11"


{-| Maps to `hover:-translate-x-12`:

    .hover\:-translate-x-12:hover {
      --tw-translate-x: -3rem;
    }
-}
hoverNegTranslateX12 : Attribute msg
hoverNegTranslateX12 =
    class "hover:-translate-x-12"


{-| Maps to `hover:-translate-x-14`:

    .hover\:-translate-x-14:hover {
      --tw-translate-x: -3.5rem;
    }
-}
hoverNegTranslateX14 : Attribute msg
hoverNegTranslateX14 =
    class "hover:-translate-x-14"


{-| Maps to `hover:-translate-x-16`:

    .hover\:-translate-x-16:hover {
      --tw-translate-x: -4rem;
    }
-}
hoverNegTranslateX16 : Attribute msg
hoverNegTranslateX16 =
    class "hover:-translate-x-16"


{-| Maps to `hover:-translate-x-20`:

    .hover\:-translate-x-20:hover {
      --tw-translate-x: -5rem;
    }
-}
hoverNegTranslateX20 : Attribute msg
hoverNegTranslateX20 =
    class "hover:-translate-x-20"


{-| Maps to `hover:-translate-x-24`:

    .hover\:-translate-x-24:hover {
      --tw-translate-x: -6rem;
    }
-}
hoverNegTranslateX24 : Attribute msg
hoverNegTranslateX24 =
    class "hover:-translate-x-24"


{-| Maps to `hover:-translate-x-28`:

    .hover\:-translate-x-28:hover {
      --tw-translate-x: -7rem;
    }
-}
hoverNegTranslateX28 : Attribute msg
hoverNegTranslateX28 =
    class "hover:-translate-x-28"


{-| Maps to `hover:-translate-x-32`:

    .hover\:-translate-x-32:hover {
      --tw-translate-x: -8rem;
    }
-}
hoverNegTranslateX32 : Attribute msg
hoverNegTranslateX32 =
    class "hover:-translate-x-32"


{-| Maps to `hover:-translate-x-36`:

    .hover\:-translate-x-36:hover {
      --tw-translate-x: -9rem;
    }
-}
hoverNegTranslateX36 : Attribute msg
hoverNegTranslateX36 =
    class "hover:-translate-x-36"


{-| Maps to `hover:-translate-x-40`:

    .hover\:-translate-x-40:hover {
      --tw-translate-x: -10rem;
    }
-}
hoverNegTranslateX40 : Attribute msg
hoverNegTranslateX40 =
    class "hover:-translate-x-40"


{-| Maps to `hover:-translate-x-44`:

    .hover\:-translate-x-44:hover {
      --tw-translate-x: -11rem;
    }
-}
hoverNegTranslateX44 : Attribute msg
hoverNegTranslateX44 =
    class "hover:-translate-x-44"


{-| Maps to `hover:-translate-x-48`:

    .hover\:-translate-x-48:hover {
      --tw-translate-x: -12rem;
    }
-}
hoverNegTranslateX48 : Attribute msg
hoverNegTranslateX48 =
    class "hover:-translate-x-48"


{-| Maps to `hover:-translate-x-52`:

    .hover\:-translate-x-52:hover {
      --tw-translate-x: -13rem;
    }
-}
hoverNegTranslateX52 : Attribute msg
hoverNegTranslateX52 =
    class "hover:-translate-x-52"


{-| Maps to `hover:-translate-x-56`:

    .hover\:-translate-x-56:hover {
      --tw-translate-x: -14rem;
    }
-}
hoverNegTranslateX56 : Attribute msg
hoverNegTranslateX56 =
    class "hover:-translate-x-56"


{-| Maps to `hover:-translate-x-60`:

    .hover\:-translate-x-60:hover {
      --tw-translate-x: -15rem;
    }
-}
hoverNegTranslateX60 : Attribute msg
hoverNegTranslateX60 =
    class "hover:-translate-x-60"


{-| Maps to `hover:-translate-x-64`:

    .hover\:-translate-x-64:hover {
      --tw-translate-x: -16rem;
    }
-}
hoverNegTranslateX64 : Attribute msg
hoverNegTranslateX64 =
    class "hover:-translate-x-64"


{-| Maps to `hover:-translate-x-72`:

    .hover\:-translate-x-72:hover {
      --tw-translate-x: -18rem;
    }
-}
hoverNegTranslateX72 : Attribute msg
hoverNegTranslateX72 =
    class "hover:-translate-x-72"


{-| Maps to `hover:-translate-x-80`:

    .hover\:-translate-x-80:hover {
      --tw-translate-x: -20rem;
    }
-}
hoverNegTranslateX80 : Attribute msg
hoverNegTranslateX80 =
    class "hover:-translate-x-80"


{-| Maps to `hover:-translate-x-96`:

    .hover\:-translate-x-96:hover {
      --tw-translate-x: -24rem;
    }
-}
hoverNegTranslateX96 : Attribute msg
hoverNegTranslateX96 =
    class "hover:-translate-x-96"


{-| Maps to `hover:-translate-x-px`:

    .hover\:-translate-x-px:hover {
      --tw-translate-x: -1px;
    }
-}
hoverNegTranslateXPx : Attribute msg
hoverNegTranslateXPx =
    class "hover:-translate-x-px"


{-| Maps to `hover:-translate-x-0.5`:

    .hover\:-translate-x-0\.5:hover {
      --tw-translate-x: -0.125rem;
    }
-}
hoverNegTranslateX0o5 : Attribute msg
hoverNegTranslateX0o5 =
    class "hover:-translate-x-0.5"


{-| Maps to `hover:-translate-x-1.5`:

    .hover\:-translate-x-1\.5:hover {
      --tw-translate-x: -0.375rem;
    }
-}
hoverNegTranslateX1o5 : Attribute msg
hoverNegTranslateX1o5 =
    class "hover:-translate-x-1.5"


{-| Maps to `hover:-translate-x-2.5`:

    .hover\:-translate-x-2\.5:hover {
      --tw-translate-x: -0.625rem;
    }
-}
hoverNegTranslateX2o5 : Attribute msg
hoverNegTranslateX2o5 =
    class "hover:-translate-x-2.5"


{-| Maps to `hover:-translate-x-3.5`:

    .hover\:-translate-x-3\.5:hover {
      --tw-translate-x: -0.875rem;
    }
-}
hoverNegTranslateX3o5 : Attribute msg
hoverNegTranslateX3o5 =
    class "hover:-translate-x-3.5"


{-| Maps to `hover:translate-x-1/2`:

    .hover\:translate-x-1\/2:hover {
      --tw-translate-x: 50%;
    }
-}
hoverTranslateX1Over2 : Attribute msg
hoverTranslateX1Over2 =
    class "hover:translate-x-1/2"


{-| Maps to `hover:translate-x-1/3`:

    .hover\:translate-x-1\/3:hover {
      --tw-translate-x: 33.333333%;
    }
-}
hoverTranslateX1Over3 : Attribute msg
hoverTranslateX1Over3 =
    class "hover:translate-x-1/3"


{-| Maps to `hover:translate-x-2/3`:

    .hover\:translate-x-2\/3:hover {
      --tw-translate-x: 66.666667%;
    }
-}
hoverTranslateX2Over3 : Attribute msg
hoverTranslateX2Over3 =
    class "hover:translate-x-2/3"


{-| Maps to `hover:translate-x-1/4`:

    .hover\:translate-x-1\/4:hover {
      --tw-translate-x: 25%;
    }
-}
hoverTranslateX1Over4 : Attribute msg
hoverTranslateX1Over4 =
    class "hover:translate-x-1/4"


{-| Maps to `hover:translate-x-2/4`:

    .hover\:translate-x-2\/4:hover {
      --tw-translate-x: 50%;
    }
-}
hoverTranslateX2Over4 : Attribute msg
hoverTranslateX2Over4 =
    class "hover:translate-x-2/4"


{-| Maps to `hover:translate-x-3/4`:

    .hover\:translate-x-3\/4:hover {
      --tw-translate-x: 75%;
    }
-}
hoverTranslateX3Over4 : Attribute msg
hoverTranslateX3Over4 =
    class "hover:translate-x-3/4"


{-| Maps to `hover:translate-x-full`:

    .hover\:translate-x-full:hover {
      --tw-translate-x: 100%;
    }
-}
hoverTranslateXFull : Attribute msg
hoverTranslateXFull =
    class "hover:translate-x-full"


{-| Maps to `hover:-translate-x-1/2`:

    .hover\:-translate-x-1\/2:hover {
      --tw-translate-x: -50%;
    }
-}
hoverNegTranslateX1Over2 : Attribute msg
hoverNegTranslateX1Over2 =
    class "hover:-translate-x-1/2"


{-| Maps to `hover:-translate-x-1/3`:

    .hover\:-translate-x-1\/3:hover {
      --tw-translate-x: -33.333333%;
    }
-}
hoverNegTranslateX1Over3 : Attribute msg
hoverNegTranslateX1Over3 =
    class "hover:-translate-x-1/3"


{-| Maps to `hover:-translate-x-2/3`:

    .hover\:-translate-x-2\/3:hover {
      --tw-translate-x: -66.666667%;
    }
-}
hoverNegTranslateX2Over3 : Attribute msg
hoverNegTranslateX2Over3 =
    class "hover:-translate-x-2/3"


{-| Maps to `hover:-translate-x-1/4`:

    .hover\:-translate-x-1\/4:hover {
      --tw-translate-x: -25%;
    }
-}
hoverNegTranslateX1Over4 : Attribute msg
hoverNegTranslateX1Over4 =
    class "hover:-translate-x-1/4"


{-| Maps to `hover:-translate-x-2/4`:

    .hover\:-translate-x-2\/4:hover {
      --tw-translate-x: -50%;
    }
-}
hoverNegTranslateX2Over4 : Attribute msg
hoverNegTranslateX2Over4 =
    class "hover:-translate-x-2/4"


{-| Maps to `hover:-translate-x-3/4`:

    .hover\:-translate-x-3\/4:hover {
      --tw-translate-x: -75%;
    }
-}
hoverNegTranslateX3Over4 : Attribute msg
hoverNegTranslateX3Over4 =
    class "hover:-translate-x-3/4"


{-| Maps to `hover:-translate-x-full`:

    .hover\:-translate-x-full:hover {
      --tw-translate-x: -100%;
    }
-}
hoverNegTranslateXFull : Attribute msg
hoverNegTranslateXFull =
    class "hover:-translate-x-full"


{-| Maps to `hover:translate-y-0`:

    .hover\:translate-y-0:hover {
      --tw-translate-y: 0px;
    }
-}
hoverTranslateY0 : Attribute msg
hoverTranslateY0 =
    class "hover:translate-y-0"


{-| Maps to `hover:translate-y-1`:

    .hover\:translate-y-1:hover {
      --tw-translate-y: 0.25rem;
    }
-}
hoverTranslateY1 : Attribute msg
hoverTranslateY1 =
    class "hover:translate-y-1"


{-| Maps to `hover:translate-y-2`:

    .hover\:translate-y-2:hover {
      --tw-translate-y: 0.5rem;
    }
-}
hoverTranslateY2 : Attribute msg
hoverTranslateY2 =
    class "hover:translate-y-2"


{-| Maps to `hover:translate-y-3`:

    .hover\:translate-y-3:hover {
      --tw-translate-y: 0.75rem;
    }
-}
hoverTranslateY3 : Attribute msg
hoverTranslateY3 =
    class "hover:translate-y-3"


{-| Maps to `hover:translate-y-4`:

    .hover\:translate-y-4:hover {
      --tw-translate-y: 1rem;
    }
-}
hoverTranslateY4 : Attribute msg
hoverTranslateY4 =
    class "hover:translate-y-4"


{-| Maps to `hover:translate-y-5`:

    .hover\:translate-y-5:hover {
      --tw-translate-y: 1.25rem;
    }
-}
hoverTranslateY5 : Attribute msg
hoverTranslateY5 =
    class "hover:translate-y-5"


{-| Maps to `hover:translate-y-6`:

    .hover\:translate-y-6:hover {
      --tw-translate-y: 1.5rem;
    }
-}
hoverTranslateY6 : Attribute msg
hoverTranslateY6 =
    class "hover:translate-y-6"


{-| Maps to `hover:translate-y-7`:

    .hover\:translate-y-7:hover {
      --tw-translate-y: 1.75rem;
    }
-}
hoverTranslateY7 : Attribute msg
hoverTranslateY7 =
    class "hover:translate-y-7"


{-| Maps to `hover:translate-y-8`:

    .hover\:translate-y-8:hover {
      --tw-translate-y: 2rem;
    }
-}
hoverTranslateY8 : Attribute msg
hoverTranslateY8 =
    class "hover:translate-y-8"


{-| Maps to `hover:translate-y-9`:

    .hover\:translate-y-9:hover {
      --tw-translate-y: 2.25rem;
    }
-}
hoverTranslateY9 : Attribute msg
hoverTranslateY9 =
    class "hover:translate-y-9"


{-| Maps to `hover:translate-y-10`:

    .hover\:translate-y-10:hover {
      --tw-translate-y: 2.5rem;
    }
-}
hoverTranslateY10 : Attribute msg
hoverTranslateY10 =
    class "hover:translate-y-10"


{-| Maps to `hover:translate-y-11`:

    .hover\:translate-y-11:hover {
      --tw-translate-y: 2.75rem;
    }
-}
hoverTranslateY11 : Attribute msg
hoverTranslateY11 =
    class "hover:translate-y-11"


{-| Maps to `hover:translate-y-12`:

    .hover\:translate-y-12:hover {
      --tw-translate-y: 3rem;
    }
-}
hoverTranslateY12 : Attribute msg
hoverTranslateY12 =
    class "hover:translate-y-12"


{-| Maps to `hover:translate-y-14`:

    .hover\:translate-y-14:hover {
      --tw-translate-y: 3.5rem;
    }
-}
hoverTranslateY14 : Attribute msg
hoverTranslateY14 =
    class "hover:translate-y-14"


{-| Maps to `hover:translate-y-16`:

    .hover\:translate-y-16:hover {
      --tw-translate-y: 4rem;
    }
-}
hoverTranslateY16 : Attribute msg
hoverTranslateY16 =
    class "hover:translate-y-16"


{-| Maps to `hover:translate-y-20`:

    .hover\:translate-y-20:hover {
      --tw-translate-y: 5rem;
    }
-}
hoverTranslateY20 : Attribute msg
hoverTranslateY20 =
    class "hover:translate-y-20"


{-| Maps to `hover:translate-y-24`:

    .hover\:translate-y-24:hover {
      --tw-translate-y: 6rem;
    }
-}
hoverTranslateY24 : Attribute msg
hoverTranslateY24 =
    class "hover:translate-y-24"


{-| Maps to `hover:translate-y-28`:

    .hover\:translate-y-28:hover {
      --tw-translate-y: 7rem;
    }
-}
hoverTranslateY28 : Attribute msg
hoverTranslateY28 =
    class "hover:translate-y-28"


{-| Maps to `hover:translate-y-32`:

    .hover\:translate-y-32:hover {
      --tw-translate-y: 8rem;
    }
-}
hoverTranslateY32 : Attribute msg
hoverTranslateY32 =
    class "hover:translate-y-32"


{-| Maps to `hover:translate-y-36`:

    .hover\:translate-y-36:hover {
      --tw-translate-y: 9rem;
    }
-}
hoverTranslateY36 : Attribute msg
hoverTranslateY36 =
    class "hover:translate-y-36"


{-| Maps to `hover:translate-y-40`:

    .hover\:translate-y-40:hover {
      --tw-translate-y: 10rem;
    }
-}
hoverTranslateY40 : Attribute msg
hoverTranslateY40 =
    class "hover:translate-y-40"


{-| Maps to `hover:translate-y-44`:

    .hover\:translate-y-44:hover {
      --tw-translate-y: 11rem;
    }
-}
hoverTranslateY44 : Attribute msg
hoverTranslateY44 =
    class "hover:translate-y-44"


{-| Maps to `hover:translate-y-48`:

    .hover\:translate-y-48:hover {
      --tw-translate-y: 12rem;
    }
-}
hoverTranslateY48 : Attribute msg
hoverTranslateY48 =
    class "hover:translate-y-48"


{-| Maps to `hover:translate-y-52`:

    .hover\:translate-y-52:hover {
      --tw-translate-y: 13rem;
    }
-}
hoverTranslateY52 : Attribute msg
hoverTranslateY52 =
    class "hover:translate-y-52"


{-| Maps to `hover:translate-y-56`:

    .hover\:translate-y-56:hover {
      --tw-translate-y: 14rem;
    }
-}
hoverTranslateY56 : Attribute msg
hoverTranslateY56 =
    class "hover:translate-y-56"


{-| Maps to `hover:translate-y-60`:

    .hover\:translate-y-60:hover {
      --tw-translate-y: 15rem;
    }
-}
hoverTranslateY60 : Attribute msg
hoverTranslateY60 =
    class "hover:translate-y-60"


{-| Maps to `hover:translate-y-64`:

    .hover\:translate-y-64:hover {
      --tw-translate-y: 16rem;
    }
-}
hoverTranslateY64 : Attribute msg
hoverTranslateY64 =
    class "hover:translate-y-64"


{-| Maps to `hover:translate-y-72`:

    .hover\:translate-y-72:hover {
      --tw-translate-y: 18rem;
    }
-}
hoverTranslateY72 : Attribute msg
hoverTranslateY72 =
    class "hover:translate-y-72"


{-| Maps to `hover:translate-y-80`:

    .hover\:translate-y-80:hover {
      --tw-translate-y: 20rem;
    }
-}
hoverTranslateY80 : Attribute msg
hoverTranslateY80 =
    class "hover:translate-y-80"


{-| Maps to `hover:translate-y-96`:

    .hover\:translate-y-96:hover {
      --tw-translate-y: 24rem;
    }
-}
hoverTranslateY96 : Attribute msg
hoverTranslateY96 =
    class "hover:translate-y-96"


{-| Maps to `hover:translate-y-px`:

    .hover\:translate-y-px:hover {
      --tw-translate-y: 1px;
    }
-}
hoverTranslateYPx : Attribute msg
hoverTranslateYPx =
    class "hover:translate-y-px"


{-| Maps to `hover:translate-y-0.5`:

    .hover\:translate-y-0\.5:hover {
      --tw-translate-y: 0.125rem;
    }
-}
hoverTranslateY0o5 : Attribute msg
hoverTranslateY0o5 =
    class "hover:translate-y-0.5"


{-| Maps to `hover:translate-y-1.5`:

    .hover\:translate-y-1\.5:hover {
      --tw-translate-y: 0.375rem;
    }
-}
hoverTranslateY1o5 : Attribute msg
hoverTranslateY1o5 =
    class "hover:translate-y-1.5"


{-| Maps to `hover:translate-y-2.5`:

    .hover\:translate-y-2\.5:hover {
      --tw-translate-y: 0.625rem;
    }
-}
hoverTranslateY2o5 : Attribute msg
hoverTranslateY2o5 =
    class "hover:translate-y-2.5"


{-| Maps to `hover:translate-y-3.5`:

    .hover\:translate-y-3\.5:hover {
      --tw-translate-y: 0.875rem;
    }
-}
hoverTranslateY3o5 : Attribute msg
hoverTranslateY3o5 =
    class "hover:translate-y-3.5"


{-| Maps to `hover:-translate-y-0`:

    .hover\:-translate-y-0:hover {
      --tw-translate-y: 0px;
    }
-}
hoverNegTranslateY0 : Attribute msg
hoverNegTranslateY0 =
    class "hover:-translate-y-0"


{-| Maps to `hover:-translate-y-1`:

    .hover\:-translate-y-1:hover {
      --tw-translate-y: -0.25rem;
    }
-}
hoverNegTranslateY1 : Attribute msg
hoverNegTranslateY1 =
    class "hover:-translate-y-1"


{-| Maps to `hover:-translate-y-2`:

    .hover\:-translate-y-2:hover {
      --tw-translate-y: -0.5rem;
    }
-}
hoverNegTranslateY2 : Attribute msg
hoverNegTranslateY2 =
    class "hover:-translate-y-2"


{-| Maps to `hover:-translate-y-3`:

    .hover\:-translate-y-3:hover {
      --tw-translate-y: -0.75rem;
    }
-}
hoverNegTranslateY3 : Attribute msg
hoverNegTranslateY3 =
    class "hover:-translate-y-3"


{-| Maps to `hover:-translate-y-4`:

    .hover\:-translate-y-4:hover {
      --tw-translate-y: -1rem;
    }
-}
hoverNegTranslateY4 : Attribute msg
hoverNegTranslateY4 =
    class "hover:-translate-y-4"


{-| Maps to `hover:-translate-y-5`:

    .hover\:-translate-y-5:hover {
      --tw-translate-y: -1.25rem;
    }
-}
hoverNegTranslateY5 : Attribute msg
hoverNegTranslateY5 =
    class "hover:-translate-y-5"


{-| Maps to `hover:-translate-y-6`:

    .hover\:-translate-y-6:hover {
      --tw-translate-y: -1.5rem;
    }
-}
hoverNegTranslateY6 : Attribute msg
hoverNegTranslateY6 =
    class "hover:-translate-y-6"


{-| Maps to `hover:-translate-y-7`:

    .hover\:-translate-y-7:hover {
      --tw-translate-y: -1.75rem;
    }
-}
hoverNegTranslateY7 : Attribute msg
hoverNegTranslateY7 =
    class "hover:-translate-y-7"


{-| Maps to `hover:-translate-y-8`:

    .hover\:-translate-y-8:hover {
      --tw-translate-y: -2rem;
    }
-}
hoverNegTranslateY8 : Attribute msg
hoverNegTranslateY8 =
    class "hover:-translate-y-8"


{-| Maps to `hover:-translate-y-9`:

    .hover\:-translate-y-9:hover {
      --tw-translate-y: -2.25rem;
    }
-}
hoverNegTranslateY9 : Attribute msg
hoverNegTranslateY9 =
    class "hover:-translate-y-9"


{-| Maps to `hover:-translate-y-10`:

    .hover\:-translate-y-10:hover {
      --tw-translate-y: -2.5rem;
    }
-}
hoverNegTranslateY10 : Attribute msg
hoverNegTranslateY10 =
    class "hover:-translate-y-10"


{-| Maps to `hover:-translate-y-11`:

    .hover\:-translate-y-11:hover {
      --tw-translate-y: -2.75rem;
    }
-}
hoverNegTranslateY11 : Attribute msg
hoverNegTranslateY11 =
    class "hover:-translate-y-11"


{-| Maps to `hover:-translate-y-12`:

    .hover\:-translate-y-12:hover {
      --tw-translate-y: -3rem;
    }
-}
hoverNegTranslateY12 : Attribute msg
hoverNegTranslateY12 =
    class "hover:-translate-y-12"


{-| Maps to `hover:-translate-y-14`:

    .hover\:-translate-y-14:hover {
      --tw-translate-y: -3.5rem;
    }
-}
hoverNegTranslateY14 : Attribute msg
hoverNegTranslateY14 =
    class "hover:-translate-y-14"


{-| Maps to `hover:-translate-y-16`:

    .hover\:-translate-y-16:hover {
      --tw-translate-y: -4rem;
    }
-}
hoverNegTranslateY16 : Attribute msg
hoverNegTranslateY16 =
    class "hover:-translate-y-16"


{-| Maps to `hover:-translate-y-20`:

    .hover\:-translate-y-20:hover {
      --tw-translate-y: -5rem;
    }
-}
hoverNegTranslateY20 : Attribute msg
hoverNegTranslateY20 =
    class "hover:-translate-y-20"


{-| Maps to `hover:-translate-y-24`:

    .hover\:-translate-y-24:hover {
      --tw-translate-y: -6rem;
    }
-}
hoverNegTranslateY24 : Attribute msg
hoverNegTranslateY24 =
    class "hover:-translate-y-24"


{-| Maps to `hover:-translate-y-28`:

    .hover\:-translate-y-28:hover {
      --tw-translate-y: -7rem;
    }
-}
hoverNegTranslateY28 : Attribute msg
hoverNegTranslateY28 =
    class "hover:-translate-y-28"


{-| Maps to `hover:-translate-y-32`:

    .hover\:-translate-y-32:hover {
      --tw-translate-y: -8rem;
    }
-}
hoverNegTranslateY32 : Attribute msg
hoverNegTranslateY32 =
    class "hover:-translate-y-32"


{-| Maps to `hover:-translate-y-36`:

    .hover\:-translate-y-36:hover {
      --tw-translate-y: -9rem;
    }
-}
hoverNegTranslateY36 : Attribute msg
hoverNegTranslateY36 =
    class "hover:-translate-y-36"


{-| Maps to `hover:-translate-y-40`:

    .hover\:-translate-y-40:hover {
      --tw-translate-y: -10rem;
    }
-}
hoverNegTranslateY40 : Attribute msg
hoverNegTranslateY40 =
    class "hover:-translate-y-40"


{-| Maps to `hover:-translate-y-44`:

    .hover\:-translate-y-44:hover {
      --tw-translate-y: -11rem;
    }
-}
hoverNegTranslateY44 : Attribute msg
hoverNegTranslateY44 =
    class "hover:-translate-y-44"


{-| Maps to `hover:-translate-y-48`:

    .hover\:-translate-y-48:hover {
      --tw-translate-y: -12rem;
    }
-}
hoverNegTranslateY48 : Attribute msg
hoverNegTranslateY48 =
    class "hover:-translate-y-48"


{-| Maps to `hover:-translate-y-52`:

    .hover\:-translate-y-52:hover {
      --tw-translate-y: -13rem;
    }
-}
hoverNegTranslateY52 : Attribute msg
hoverNegTranslateY52 =
    class "hover:-translate-y-52"


{-| Maps to `hover:-translate-y-56`:

    .hover\:-translate-y-56:hover {
      --tw-translate-y: -14rem;
    }
-}
hoverNegTranslateY56 : Attribute msg
hoverNegTranslateY56 =
    class "hover:-translate-y-56"


{-| Maps to `hover:-translate-y-60`:

    .hover\:-translate-y-60:hover {
      --tw-translate-y: -15rem;
    }
-}
hoverNegTranslateY60 : Attribute msg
hoverNegTranslateY60 =
    class "hover:-translate-y-60"


{-| Maps to `hover:-translate-y-64`:

    .hover\:-translate-y-64:hover {
      --tw-translate-y: -16rem;
    }
-}
hoverNegTranslateY64 : Attribute msg
hoverNegTranslateY64 =
    class "hover:-translate-y-64"


{-| Maps to `hover:-translate-y-72`:

    .hover\:-translate-y-72:hover {
      --tw-translate-y: -18rem;
    }
-}
hoverNegTranslateY72 : Attribute msg
hoverNegTranslateY72 =
    class "hover:-translate-y-72"


{-| Maps to `hover:-translate-y-80`:

    .hover\:-translate-y-80:hover {
      --tw-translate-y: -20rem;
    }
-}
hoverNegTranslateY80 : Attribute msg
hoverNegTranslateY80 =
    class "hover:-translate-y-80"


{-| Maps to `hover:-translate-y-96`:

    .hover\:-translate-y-96:hover {
      --tw-translate-y: -24rem;
    }
-}
hoverNegTranslateY96 : Attribute msg
hoverNegTranslateY96 =
    class "hover:-translate-y-96"


{-| Maps to `hover:-translate-y-px`:

    .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px;
    }
-}
hoverNegTranslateYPx : Attribute msg
hoverNegTranslateYPx =
    class "hover:-translate-y-px"


{-| Maps to `hover:-translate-y-0.5`:

    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: -0.125rem;
    }
-}
hoverNegTranslateY0o5 : Attribute msg
hoverNegTranslateY0o5 =
    class "hover:-translate-y-0.5"


{-| Maps to `hover:-translate-y-1.5`:

    .hover\:-translate-y-1\.5:hover {
      --tw-translate-y: -0.375rem;
    }
-}
hoverNegTranslateY1o5 : Attribute msg
hoverNegTranslateY1o5 =
    class "hover:-translate-y-1.5"


{-| Maps to `hover:-translate-y-2.5`:

    .hover\:-translate-y-2\.5:hover {
      --tw-translate-y: -0.625rem;
    }
-}
hoverNegTranslateY2o5 : Attribute msg
hoverNegTranslateY2o5 =
    class "hover:-translate-y-2.5"


{-| Maps to `hover:-translate-y-3.5`:

    .hover\:-translate-y-3\.5:hover {
      --tw-translate-y: -0.875rem;
    }
-}
hoverNegTranslateY3o5 : Attribute msg
hoverNegTranslateY3o5 =
    class "hover:-translate-y-3.5"


{-| Maps to `hover:translate-y-1/2`:

    .hover\:translate-y-1\/2:hover {
      --tw-translate-y: 50%;
    }
-}
hoverTranslateY1Over2 : Attribute msg
hoverTranslateY1Over2 =
    class "hover:translate-y-1/2"


{-| Maps to `hover:translate-y-1/3`:

    .hover\:translate-y-1\/3:hover {
      --tw-translate-y: 33.333333%;
    }
-}
hoverTranslateY1Over3 : Attribute msg
hoverTranslateY1Over3 =
    class "hover:translate-y-1/3"


{-| Maps to `hover:translate-y-2/3`:

    .hover\:translate-y-2\/3:hover {
      --tw-translate-y: 66.666667%;
    }
-}
hoverTranslateY2Over3 : Attribute msg
hoverTranslateY2Over3 =
    class "hover:translate-y-2/3"


{-| Maps to `hover:translate-y-1/4`:

    .hover\:translate-y-1\/4:hover {
      --tw-translate-y: 25%;
    }
-}
hoverTranslateY1Over4 : Attribute msg
hoverTranslateY1Over4 =
    class "hover:translate-y-1/4"


{-| Maps to `hover:translate-y-2/4`:

    .hover\:translate-y-2\/4:hover {
      --tw-translate-y: 50%;
    }
-}
hoverTranslateY2Over4 : Attribute msg
hoverTranslateY2Over4 =
    class "hover:translate-y-2/4"


{-| Maps to `hover:translate-y-3/4`:

    .hover\:translate-y-3\/4:hover {
      --tw-translate-y: 75%;
    }
-}
hoverTranslateY3Over4 : Attribute msg
hoverTranslateY3Over4 =
    class "hover:translate-y-3/4"


{-| Maps to `hover:translate-y-full`:

    .hover\:translate-y-full:hover {
      --tw-translate-y: 100%;
    }
-}
hoverTranslateYFull : Attribute msg
hoverTranslateYFull =
    class "hover:translate-y-full"


{-| Maps to `hover:-translate-y-1/2`:

    .hover\:-translate-y-1\/2:hover {
      --tw-translate-y: -50%;
    }
-}
hoverNegTranslateY1Over2 : Attribute msg
hoverNegTranslateY1Over2 =
    class "hover:-translate-y-1/2"


{-| Maps to `hover:-translate-y-1/3`:

    .hover\:-translate-y-1\/3:hover {
      --tw-translate-y: -33.333333%;
    }
-}
hoverNegTranslateY1Over3 : Attribute msg
hoverNegTranslateY1Over3 =
    class "hover:-translate-y-1/3"


{-| Maps to `hover:-translate-y-2/3`:

    .hover\:-translate-y-2\/3:hover {
      --tw-translate-y: -66.666667%;
    }
-}
hoverNegTranslateY2Over3 : Attribute msg
hoverNegTranslateY2Over3 =
    class "hover:-translate-y-2/3"


{-| Maps to `hover:-translate-y-1/4`:

    .hover\:-translate-y-1\/4:hover {
      --tw-translate-y: -25%;
    }
-}
hoverNegTranslateY1Over4 : Attribute msg
hoverNegTranslateY1Over4 =
    class "hover:-translate-y-1/4"


{-| Maps to `hover:-translate-y-2/4`:

    .hover\:-translate-y-2\/4:hover {
      --tw-translate-y: -50%;
    }
-}
hoverNegTranslateY2Over4 : Attribute msg
hoverNegTranslateY2Over4 =
    class "hover:-translate-y-2/4"


{-| Maps to `hover:-translate-y-3/4`:

    .hover\:-translate-y-3\/4:hover {
      --tw-translate-y: -75%;
    }
-}
hoverNegTranslateY3Over4 : Attribute msg
hoverNegTranslateY3Over4 =
    class "hover:-translate-y-3/4"


{-| Maps to `hover:-translate-y-full`:

    .hover\:-translate-y-full:hover {
      --tw-translate-y: -100%;
    }
-}
hoverNegTranslateYFull : Attribute msg
hoverNegTranslateYFull =
    class "hover:-translate-y-full"


{-| Maps to `focus:translate-x-0`:

    .focus\:translate-x-0:focus {
      --tw-translate-x: 0px;
    }
-}
focusTranslateX0 : Attribute msg
focusTranslateX0 =
    class "focus:translate-x-0"


{-| Maps to `focus:translate-x-1`:

    .focus\:translate-x-1:focus {
      --tw-translate-x: 0.25rem;
    }
-}
focusTranslateX1 : Attribute msg
focusTranslateX1 =
    class "focus:translate-x-1"


{-| Maps to `focus:translate-x-2`:

    .focus\:translate-x-2:focus {
      --tw-translate-x: 0.5rem;
    }
-}
focusTranslateX2 : Attribute msg
focusTranslateX2 =
    class "focus:translate-x-2"


{-| Maps to `focus:translate-x-3`:

    .focus\:translate-x-3:focus {
      --tw-translate-x: 0.75rem;
    }
-}
focusTranslateX3 : Attribute msg
focusTranslateX3 =
    class "focus:translate-x-3"


{-| Maps to `focus:translate-x-4`:

    .focus\:translate-x-4:focus {
      --tw-translate-x: 1rem;
    }
-}
focusTranslateX4 : Attribute msg
focusTranslateX4 =
    class "focus:translate-x-4"


{-| Maps to `focus:translate-x-5`:

    .focus\:translate-x-5:focus {
      --tw-translate-x: 1.25rem;
    }
-}
focusTranslateX5 : Attribute msg
focusTranslateX5 =
    class "focus:translate-x-5"


{-| Maps to `focus:translate-x-6`:

    .focus\:translate-x-6:focus {
      --tw-translate-x: 1.5rem;
    }
-}
focusTranslateX6 : Attribute msg
focusTranslateX6 =
    class "focus:translate-x-6"


{-| Maps to `focus:translate-x-7`:

    .focus\:translate-x-7:focus {
      --tw-translate-x: 1.75rem;
    }
-}
focusTranslateX7 : Attribute msg
focusTranslateX7 =
    class "focus:translate-x-7"


{-| Maps to `focus:translate-x-8`:

    .focus\:translate-x-8:focus {
      --tw-translate-x: 2rem;
    }
-}
focusTranslateX8 : Attribute msg
focusTranslateX8 =
    class "focus:translate-x-8"


{-| Maps to `focus:translate-x-9`:

    .focus\:translate-x-9:focus {
      --tw-translate-x: 2.25rem;
    }
-}
focusTranslateX9 : Attribute msg
focusTranslateX9 =
    class "focus:translate-x-9"


{-| Maps to `focus:translate-x-10`:

    .focus\:translate-x-10:focus {
      --tw-translate-x: 2.5rem;
    }
-}
focusTranslateX10 : Attribute msg
focusTranslateX10 =
    class "focus:translate-x-10"


{-| Maps to `focus:translate-x-11`:

    .focus\:translate-x-11:focus {
      --tw-translate-x: 2.75rem;
    }
-}
focusTranslateX11 : Attribute msg
focusTranslateX11 =
    class "focus:translate-x-11"


{-| Maps to `focus:translate-x-12`:

    .focus\:translate-x-12:focus {
      --tw-translate-x: 3rem;
    }
-}
focusTranslateX12 : Attribute msg
focusTranslateX12 =
    class "focus:translate-x-12"


{-| Maps to `focus:translate-x-14`:

    .focus\:translate-x-14:focus {
      --tw-translate-x: 3.5rem;
    }
-}
focusTranslateX14 : Attribute msg
focusTranslateX14 =
    class "focus:translate-x-14"


{-| Maps to `focus:translate-x-16`:

    .focus\:translate-x-16:focus {
      --tw-translate-x: 4rem;
    }
-}
focusTranslateX16 : Attribute msg
focusTranslateX16 =
    class "focus:translate-x-16"


{-| Maps to `focus:translate-x-20`:

    .focus\:translate-x-20:focus {
      --tw-translate-x: 5rem;
    }
-}
focusTranslateX20 : Attribute msg
focusTranslateX20 =
    class "focus:translate-x-20"


{-| Maps to `focus:translate-x-24`:

    .focus\:translate-x-24:focus {
      --tw-translate-x: 6rem;
    }
-}
focusTranslateX24 : Attribute msg
focusTranslateX24 =
    class "focus:translate-x-24"


{-| Maps to `focus:translate-x-28`:

    .focus\:translate-x-28:focus {
      --tw-translate-x: 7rem;
    }
-}
focusTranslateX28 : Attribute msg
focusTranslateX28 =
    class "focus:translate-x-28"


{-| Maps to `focus:translate-x-32`:

    .focus\:translate-x-32:focus {
      --tw-translate-x: 8rem;
    }
-}
focusTranslateX32 : Attribute msg
focusTranslateX32 =
    class "focus:translate-x-32"


{-| Maps to `focus:translate-x-36`:

    .focus\:translate-x-36:focus {
      --tw-translate-x: 9rem;
    }
-}
focusTranslateX36 : Attribute msg
focusTranslateX36 =
    class "focus:translate-x-36"


{-| Maps to `focus:translate-x-40`:

    .focus\:translate-x-40:focus {
      --tw-translate-x: 10rem;
    }
-}
focusTranslateX40 : Attribute msg
focusTranslateX40 =
    class "focus:translate-x-40"


{-| Maps to `focus:translate-x-44`:

    .focus\:translate-x-44:focus {
      --tw-translate-x: 11rem;
    }
-}
focusTranslateX44 : Attribute msg
focusTranslateX44 =
    class "focus:translate-x-44"


{-| Maps to `focus:translate-x-48`:

    .focus\:translate-x-48:focus {
      --tw-translate-x: 12rem;
    }
-}
focusTranslateX48 : Attribute msg
focusTranslateX48 =
    class "focus:translate-x-48"


{-| Maps to `focus:translate-x-52`:

    .focus\:translate-x-52:focus {
      --tw-translate-x: 13rem;
    }
-}
focusTranslateX52 : Attribute msg
focusTranslateX52 =
    class "focus:translate-x-52"


{-| Maps to `focus:translate-x-56`:

    .focus\:translate-x-56:focus {
      --tw-translate-x: 14rem;
    }
-}
focusTranslateX56 : Attribute msg
focusTranslateX56 =
    class "focus:translate-x-56"


{-| Maps to `focus:translate-x-60`:

    .focus\:translate-x-60:focus {
      --tw-translate-x: 15rem;
    }
-}
focusTranslateX60 : Attribute msg
focusTranslateX60 =
    class "focus:translate-x-60"


{-| Maps to `focus:translate-x-64`:

    .focus\:translate-x-64:focus {
      --tw-translate-x: 16rem;
    }
-}
focusTranslateX64 : Attribute msg
focusTranslateX64 =
    class "focus:translate-x-64"


{-| Maps to `focus:translate-x-72`:

    .focus\:translate-x-72:focus {
      --tw-translate-x: 18rem;
    }
-}
focusTranslateX72 : Attribute msg
focusTranslateX72 =
    class "focus:translate-x-72"


{-| Maps to `focus:translate-x-80`:

    .focus\:translate-x-80:focus {
      --tw-translate-x: 20rem;
    }
-}
focusTranslateX80 : Attribute msg
focusTranslateX80 =
    class "focus:translate-x-80"


{-| Maps to `focus:translate-x-96`:

    .focus\:translate-x-96:focus {
      --tw-translate-x: 24rem;
    }
-}
focusTranslateX96 : Attribute msg
focusTranslateX96 =
    class "focus:translate-x-96"


{-| Maps to `focus:translate-x-px`:

    .focus\:translate-x-px:focus {
      --tw-translate-x: 1px;
    }
-}
focusTranslateXPx : Attribute msg
focusTranslateXPx =
    class "focus:translate-x-px"


{-| Maps to `focus:translate-x-0.5`:

    .focus\:translate-x-0\.5:focus {
      --tw-translate-x: 0.125rem;
    }
-}
focusTranslateX0o5 : Attribute msg
focusTranslateX0o5 =
    class "focus:translate-x-0.5"


{-| Maps to `focus:translate-x-1.5`:

    .focus\:translate-x-1\.5:focus {
      --tw-translate-x: 0.375rem;
    }
-}
focusTranslateX1o5 : Attribute msg
focusTranslateX1o5 =
    class "focus:translate-x-1.5"


{-| Maps to `focus:translate-x-2.5`:

    .focus\:translate-x-2\.5:focus {
      --tw-translate-x: 0.625rem;
    }
-}
focusTranslateX2o5 : Attribute msg
focusTranslateX2o5 =
    class "focus:translate-x-2.5"


{-| Maps to `focus:translate-x-3.5`:

    .focus\:translate-x-3\.5:focus {
      --tw-translate-x: 0.875rem;
    }
-}
focusTranslateX3o5 : Attribute msg
focusTranslateX3o5 =
    class "focus:translate-x-3.5"


{-| Maps to `focus:-translate-x-0`:

    .focus\:-translate-x-0:focus {
      --tw-translate-x: 0px;
    }
-}
focusNegTranslateX0 : Attribute msg
focusNegTranslateX0 =
    class "focus:-translate-x-0"


{-| Maps to `focus:-translate-x-1`:

    .focus\:-translate-x-1:focus {
      --tw-translate-x: -0.25rem;
    }
-}
focusNegTranslateX1 : Attribute msg
focusNegTranslateX1 =
    class "focus:-translate-x-1"


{-| Maps to `focus:-translate-x-2`:

    .focus\:-translate-x-2:focus {
      --tw-translate-x: -0.5rem;
    }
-}
focusNegTranslateX2 : Attribute msg
focusNegTranslateX2 =
    class "focus:-translate-x-2"


{-| Maps to `focus:-translate-x-3`:

    .focus\:-translate-x-3:focus {
      --tw-translate-x: -0.75rem;
    }
-}
focusNegTranslateX3 : Attribute msg
focusNegTranslateX3 =
    class "focus:-translate-x-3"


{-| Maps to `focus:-translate-x-4`:

    .focus\:-translate-x-4:focus {
      --tw-translate-x: -1rem;
    }
-}
focusNegTranslateX4 : Attribute msg
focusNegTranslateX4 =
    class "focus:-translate-x-4"


{-| Maps to `focus:-translate-x-5`:

    .focus\:-translate-x-5:focus {
      --tw-translate-x: -1.25rem;
    }
-}
focusNegTranslateX5 : Attribute msg
focusNegTranslateX5 =
    class "focus:-translate-x-5"


{-| Maps to `focus:-translate-x-6`:

    .focus\:-translate-x-6:focus {
      --tw-translate-x: -1.5rem;
    }
-}
focusNegTranslateX6 : Attribute msg
focusNegTranslateX6 =
    class "focus:-translate-x-6"


{-| Maps to `focus:-translate-x-7`:

    .focus\:-translate-x-7:focus {
      --tw-translate-x: -1.75rem;
    }
-}
focusNegTranslateX7 : Attribute msg
focusNegTranslateX7 =
    class "focus:-translate-x-7"


{-| Maps to `focus:-translate-x-8`:

    .focus\:-translate-x-8:focus {
      --tw-translate-x: -2rem;
    }
-}
focusNegTranslateX8 : Attribute msg
focusNegTranslateX8 =
    class "focus:-translate-x-8"


{-| Maps to `focus:-translate-x-9`:

    .focus\:-translate-x-9:focus {
      --tw-translate-x: -2.25rem;
    }
-}
focusNegTranslateX9 : Attribute msg
focusNegTranslateX9 =
    class "focus:-translate-x-9"


{-| Maps to `focus:-translate-x-10`:

    .focus\:-translate-x-10:focus {
      --tw-translate-x: -2.5rem;
    }
-}
focusNegTranslateX10 : Attribute msg
focusNegTranslateX10 =
    class "focus:-translate-x-10"


{-| Maps to `focus:-translate-x-11`:

    .focus\:-translate-x-11:focus {
      --tw-translate-x: -2.75rem;
    }
-}
focusNegTranslateX11 : Attribute msg
focusNegTranslateX11 =
    class "focus:-translate-x-11"


{-| Maps to `focus:-translate-x-12`:

    .focus\:-translate-x-12:focus {
      --tw-translate-x: -3rem;
    }
-}
focusNegTranslateX12 : Attribute msg
focusNegTranslateX12 =
    class "focus:-translate-x-12"


{-| Maps to `focus:-translate-x-14`:

    .focus\:-translate-x-14:focus {
      --tw-translate-x: -3.5rem;
    }
-}
focusNegTranslateX14 : Attribute msg
focusNegTranslateX14 =
    class "focus:-translate-x-14"


{-| Maps to `focus:-translate-x-16`:

    .focus\:-translate-x-16:focus {
      --tw-translate-x: -4rem;
    }
-}
focusNegTranslateX16 : Attribute msg
focusNegTranslateX16 =
    class "focus:-translate-x-16"


{-| Maps to `focus:-translate-x-20`:

    .focus\:-translate-x-20:focus {
      --tw-translate-x: -5rem;
    }
-}
focusNegTranslateX20 : Attribute msg
focusNegTranslateX20 =
    class "focus:-translate-x-20"


{-| Maps to `focus:-translate-x-24`:

    .focus\:-translate-x-24:focus {
      --tw-translate-x: -6rem;
    }
-}
focusNegTranslateX24 : Attribute msg
focusNegTranslateX24 =
    class "focus:-translate-x-24"


{-| Maps to `focus:-translate-x-28`:

    .focus\:-translate-x-28:focus {
      --tw-translate-x: -7rem;
    }
-}
focusNegTranslateX28 : Attribute msg
focusNegTranslateX28 =
    class "focus:-translate-x-28"


{-| Maps to `focus:-translate-x-32`:

    .focus\:-translate-x-32:focus {
      --tw-translate-x: -8rem;
    }
-}
focusNegTranslateX32 : Attribute msg
focusNegTranslateX32 =
    class "focus:-translate-x-32"


{-| Maps to `focus:-translate-x-36`:

    .focus\:-translate-x-36:focus {
      --tw-translate-x: -9rem;
    }
-}
focusNegTranslateX36 : Attribute msg
focusNegTranslateX36 =
    class "focus:-translate-x-36"


{-| Maps to `focus:-translate-x-40`:

    .focus\:-translate-x-40:focus {
      --tw-translate-x: -10rem;
    }
-}
focusNegTranslateX40 : Attribute msg
focusNegTranslateX40 =
    class "focus:-translate-x-40"


{-| Maps to `focus:-translate-x-44`:

    .focus\:-translate-x-44:focus {
      --tw-translate-x: -11rem;
    }
-}
focusNegTranslateX44 : Attribute msg
focusNegTranslateX44 =
    class "focus:-translate-x-44"


{-| Maps to `focus:-translate-x-48`:

    .focus\:-translate-x-48:focus {
      --tw-translate-x: -12rem;
    }
-}
focusNegTranslateX48 : Attribute msg
focusNegTranslateX48 =
    class "focus:-translate-x-48"


{-| Maps to `focus:-translate-x-52`:

    .focus\:-translate-x-52:focus {
      --tw-translate-x: -13rem;
    }
-}
focusNegTranslateX52 : Attribute msg
focusNegTranslateX52 =
    class "focus:-translate-x-52"


{-| Maps to `focus:-translate-x-56`:

    .focus\:-translate-x-56:focus {
      --tw-translate-x: -14rem;
    }
-}
focusNegTranslateX56 : Attribute msg
focusNegTranslateX56 =
    class "focus:-translate-x-56"


{-| Maps to `focus:-translate-x-60`:

    .focus\:-translate-x-60:focus {
      --tw-translate-x: -15rem;
    }
-}
focusNegTranslateX60 : Attribute msg
focusNegTranslateX60 =
    class "focus:-translate-x-60"


{-| Maps to `focus:-translate-x-64`:

    .focus\:-translate-x-64:focus {
      --tw-translate-x: -16rem;
    }
-}
focusNegTranslateX64 : Attribute msg
focusNegTranslateX64 =
    class "focus:-translate-x-64"


{-| Maps to `focus:-translate-x-72`:

    .focus\:-translate-x-72:focus {
      --tw-translate-x: -18rem;
    }
-}
focusNegTranslateX72 : Attribute msg
focusNegTranslateX72 =
    class "focus:-translate-x-72"


{-| Maps to `focus:-translate-x-80`:

    .focus\:-translate-x-80:focus {
      --tw-translate-x: -20rem;
    }
-}
focusNegTranslateX80 : Attribute msg
focusNegTranslateX80 =
    class "focus:-translate-x-80"


{-| Maps to `focus:-translate-x-96`:

    .focus\:-translate-x-96:focus {
      --tw-translate-x: -24rem;
    }
-}
focusNegTranslateX96 : Attribute msg
focusNegTranslateX96 =
    class "focus:-translate-x-96"


{-| Maps to `focus:-translate-x-px`:

    .focus\:-translate-x-px:focus {
      --tw-translate-x: -1px;
    }
-}
focusNegTranslateXPx : Attribute msg
focusNegTranslateXPx =
    class "focus:-translate-x-px"


{-| Maps to `focus:-translate-x-0.5`:

    .focus\:-translate-x-0\.5:focus {
      --tw-translate-x: -0.125rem;
    }
-}
focusNegTranslateX0o5 : Attribute msg
focusNegTranslateX0o5 =
    class "focus:-translate-x-0.5"


{-| Maps to `focus:-translate-x-1.5`:

    .focus\:-translate-x-1\.5:focus {
      --tw-translate-x: -0.375rem;
    }
-}
focusNegTranslateX1o5 : Attribute msg
focusNegTranslateX1o5 =
    class "focus:-translate-x-1.5"


{-| Maps to `focus:-translate-x-2.5`:

    .focus\:-translate-x-2\.5:focus {
      --tw-translate-x: -0.625rem;
    }
-}
focusNegTranslateX2o5 : Attribute msg
focusNegTranslateX2o5 =
    class "focus:-translate-x-2.5"


{-| Maps to `focus:-translate-x-3.5`:

    .focus\:-translate-x-3\.5:focus {
      --tw-translate-x: -0.875rem;
    }
-}
focusNegTranslateX3o5 : Attribute msg
focusNegTranslateX3o5 =
    class "focus:-translate-x-3.5"


{-| Maps to `focus:translate-x-1/2`:

    .focus\:translate-x-1\/2:focus {
      --tw-translate-x: 50%;
    }
-}
focusTranslateX1Over2 : Attribute msg
focusTranslateX1Over2 =
    class "focus:translate-x-1/2"


{-| Maps to `focus:translate-x-1/3`:

    .focus\:translate-x-1\/3:focus {
      --tw-translate-x: 33.333333%;
    }
-}
focusTranslateX1Over3 : Attribute msg
focusTranslateX1Over3 =
    class "focus:translate-x-1/3"


{-| Maps to `focus:translate-x-2/3`:

    .focus\:translate-x-2\/3:focus {
      --tw-translate-x: 66.666667%;
    }
-}
focusTranslateX2Over3 : Attribute msg
focusTranslateX2Over3 =
    class "focus:translate-x-2/3"


{-| Maps to `focus:translate-x-1/4`:

    .focus\:translate-x-1\/4:focus {
      --tw-translate-x: 25%;
    }
-}
focusTranslateX1Over4 : Attribute msg
focusTranslateX1Over4 =
    class "focus:translate-x-1/4"


{-| Maps to `focus:translate-x-2/4`:

    .focus\:translate-x-2\/4:focus {
      --tw-translate-x: 50%;
    }
-}
focusTranslateX2Over4 : Attribute msg
focusTranslateX2Over4 =
    class "focus:translate-x-2/4"


{-| Maps to `focus:translate-x-3/4`:

    .focus\:translate-x-3\/4:focus {
      --tw-translate-x: 75%;
    }
-}
focusTranslateX3Over4 : Attribute msg
focusTranslateX3Over4 =
    class "focus:translate-x-3/4"


{-| Maps to `focus:translate-x-full`:

    .focus\:translate-x-full:focus {
      --tw-translate-x: 100%;
    }
-}
focusTranslateXFull : Attribute msg
focusTranslateXFull =
    class "focus:translate-x-full"


{-| Maps to `focus:-translate-x-1/2`:

    .focus\:-translate-x-1\/2:focus {
      --tw-translate-x: -50%;
    }
-}
focusNegTranslateX1Over2 : Attribute msg
focusNegTranslateX1Over2 =
    class "focus:-translate-x-1/2"


{-| Maps to `focus:-translate-x-1/3`:

    .focus\:-translate-x-1\/3:focus {
      --tw-translate-x: -33.333333%;
    }
-}
focusNegTranslateX1Over3 : Attribute msg
focusNegTranslateX1Over3 =
    class "focus:-translate-x-1/3"


{-| Maps to `focus:-translate-x-2/3`:

    .focus\:-translate-x-2\/3:focus {
      --tw-translate-x: -66.666667%;
    }
-}
focusNegTranslateX2Over3 : Attribute msg
focusNegTranslateX2Over3 =
    class "focus:-translate-x-2/3"


{-| Maps to `focus:-translate-x-1/4`:

    .focus\:-translate-x-1\/4:focus {
      --tw-translate-x: -25%;
    }
-}
focusNegTranslateX1Over4 : Attribute msg
focusNegTranslateX1Over4 =
    class "focus:-translate-x-1/4"


{-| Maps to `focus:-translate-x-2/4`:

    .focus\:-translate-x-2\/4:focus {
      --tw-translate-x: -50%;
    }
-}
focusNegTranslateX2Over4 : Attribute msg
focusNegTranslateX2Over4 =
    class "focus:-translate-x-2/4"


{-| Maps to `focus:-translate-x-3/4`:

    .focus\:-translate-x-3\/4:focus {
      --tw-translate-x: -75%;
    }
-}
focusNegTranslateX3Over4 : Attribute msg
focusNegTranslateX3Over4 =
    class "focus:-translate-x-3/4"


{-| Maps to `focus:-translate-x-full`:

    .focus\:-translate-x-full:focus {
      --tw-translate-x: -100%;
    }
-}
focusNegTranslateXFull : Attribute msg
focusNegTranslateXFull =
    class "focus:-translate-x-full"


{-| Maps to `focus:translate-y-0`:

    .focus\:translate-y-0:focus {
      --tw-translate-y: 0px;
    }
-}
focusTranslateY0 : Attribute msg
focusTranslateY0 =
    class "focus:translate-y-0"


{-| Maps to `focus:translate-y-1`:

    .focus\:translate-y-1:focus {
      --tw-translate-y: 0.25rem;
    }
-}
focusTranslateY1 : Attribute msg
focusTranslateY1 =
    class "focus:translate-y-1"


{-| Maps to `focus:translate-y-2`:

    .focus\:translate-y-2:focus {
      --tw-translate-y: 0.5rem;
    }
-}
focusTranslateY2 : Attribute msg
focusTranslateY2 =
    class "focus:translate-y-2"


{-| Maps to `focus:translate-y-3`:

    .focus\:translate-y-3:focus {
      --tw-translate-y: 0.75rem;
    }
-}
focusTranslateY3 : Attribute msg
focusTranslateY3 =
    class "focus:translate-y-3"


{-| Maps to `focus:translate-y-4`:

    .focus\:translate-y-4:focus {
      --tw-translate-y: 1rem;
    }
-}
focusTranslateY4 : Attribute msg
focusTranslateY4 =
    class "focus:translate-y-4"


{-| Maps to `focus:translate-y-5`:

    .focus\:translate-y-5:focus {
      --tw-translate-y: 1.25rem;
    }
-}
focusTranslateY5 : Attribute msg
focusTranslateY5 =
    class "focus:translate-y-5"


{-| Maps to `focus:translate-y-6`:

    .focus\:translate-y-6:focus {
      --tw-translate-y: 1.5rem;
    }
-}
focusTranslateY6 : Attribute msg
focusTranslateY6 =
    class "focus:translate-y-6"


{-| Maps to `focus:translate-y-7`:

    .focus\:translate-y-7:focus {
      --tw-translate-y: 1.75rem;
    }
-}
focusTranslateY7 : Attribute msg
focusTranslateY7 =
    class "focus:translate-y-7"


{-| Maps to `focus:translate-y-8`:

    .focus\:translate-y-8:focus {
      --tw-translate-y: 2rem;
    }
-}
focusTranslateY8 : Attribute msg
focusTranslateY8 =
    class "focus:translate-y-8"


{-| Maps to `focus:translate-y-9`:

    .focus\:translate-y-9:focus {
      --tw-translate-y: 2.25rem;
    }
-}
focusTranslateY9 : Attribute msg
focusTranslateY9 =
    class "focus:translate-y-9"


{-| Maps to `focus:translate-y-10`:

    .focus\:translate-y-10:focus {
      --tw-translate-y: 2.5rem;
    }
-}
focusTranslateY10 : Attribute msg
focusTranslateY10 =
    class "focus:translate-y-10"


{-| Maps to `focus:translate-y-11`:

    .focus\:translate-y-11:focus {
      --tw-translate-y: 2.75rem;
    }
-}
focusTranslateY11 : Attribute msg
focusTranslateY11 =
    class "focus:translate-y-11"


{-| Maps to `focus:translate-y-12`:

    .focus\:translate-y-12:focus {
      --tw-translate-y: 3rem;
    }
-}
focusTranslateY12 : Attribute msg
focusTranslateY12 =
    class "focus:translate-y-12"


{-| Maps to `focus:translate-y-14`:

    .focus\:translate-y-14:focus {
      --tw-translate-y: 3.5rem;
    }
-}
focusTranslateY14 : Attribute msg
focusTranslateY14 =
    class "focus:translate-y-14"


{-| Maps to `focus:translate-y-16`:

    .focus\:translate-y-16:focus {
      --tw-translate-y: 4rem;
    }
-}
focusTranslateY16 : Attribute msg
focusTranslateY16 =
    class "focus:translate-y-16"


{-| Maps to `focus:translate-y-20`:

    .focus\:translate-y-20:focus {
      --tw-translate-y: 5rem;
    }
-}
focusTranslateY20 : Attribute msg
focusTranslateY20 =
    class "focus:translate-y-20"


{-| Maps to `focus:translate-y-24`:

    .focus\:translate-y-24:focus {
      --tw-translate-y: 6rem;
    }
-}
focusTranslateY24 : Attribute msg
focusTranslateY24 =
    class "focus:translate-y-24"


{-| Maps to `focus:translate-y-28`:

    .focus\:translate-y-28:focus {
      --tw-translate-y: 7rem;
    }
-}
focusTranslateY28 : Attribute msg
focusTranslateY28 =
    class "focus:translate-y-28"


{-| Maps to `focus:translate-y-32`:

    .focus\:translate-y-32:focus {
      --tw-translate-y: 8rem;
    }
-}
focusTranslateY32 : Attribute msg
focusTranslateY32 =
    class "focus:translate-y-32"


{-| Maps to `focus:translate-y-36`:

    .focus\:translate-y-36:focus {
      --tw-translate-y: 9rem;
    }
-}
focusTranslateY36 : Attribute msg
focusTranslateY36 =
    class "focus:translate-y-36"


{-| Maps to `focus:translate-y-40`:

    .focus\:translate-y-40:focus {
      --tw-translate-y: 10rem;
    }
-}
focusTranslateY40 : Attribute msg
focusTranslateY40 =
    class "focus:translate-y-40"


{-| Maps to `focus:translate-y-44`:

    .focus\:translate-y-44:focus {
      --tw-translate-y: 11rem;
    }
-}
focusTranslateY44 : Attribute msg
focusTranslateY44 =
    class "focus:translate-y-44"


{-| Maps to `focus:translate-y-48`:

    .focus\:translate-y-48:focus {
      --tw-translate-y: 12rem;
    }
-}
focusTranslateY48 : Attribute msg
focusTranslateY48 =
    class "focus:translate-y-48"


{-| Maps to `focus:translate-y-52`:

    .focus\:translate-y-52:focus {
      --tw-translate-y: 13rem;
    }
-}
focusTranslateY52 : Attribute msg
focusTranslateY52 =
    class "focus:translate-y-52"


{-| Maps to `focus:translate-y-56`:

    .focus\:translate-y-56:focus {
      --tw-translate-y: 14rem;
    }
-}
focusTranslateY56 : Attribute msg
focusTranslateY56 =
    class "focus:translate-y-56"


{-| Maps to `focus:translate-y-60`:

    .focus\:translate-y-60:focus {
      --tw-translate-y: 15rem;
    }
-}
focusTranslateY60 : Attribute msg
focusTranslateY60 =
    class "focus:translate-y-60"


{-| Maps to `focus:translate-y-64`:

    .focus\:translate-y-64:focus {
      --tw-translate-y: 16rem;
    }
-}
focusTranslateY64 : Attribute msg
focusTranslateY64 =
    class "focus:translate-y-64"


{-| Maps to `focus:translate-y-72`:

    .focus\:translate-y-72:focus {
      --tw-translate-y: 18rem;
    }
-}
focusTranslateY72 : Attribute msg
focusTranslateY72 =
    class "focus:translate-y-72"


{-| Maps to `focus:translate-y-80`:

    .focus\:translate-y-80:focus {
      --tw-translate-y: 20rem;
    }
-}
focusTranslateY80 : Attribute msg
focusTranslateY80 =
    class "focus:translate-y-80"


{-| Maps to `focus:translate-y-96`:

    .focus\:translate-y-96:focus {
      --tw-translate-y: 24rem;
    }
-}
focusTranslateY96 : Attribute msg
focusTranslateY96 =
    class "focus:translate-y-96"


{-| Maps to `focus:translate-y-px`:

    .focus\:translate-y-px:focus {
      --tw-translate-y: 1px;
    }
-}
focusTranslateYPx : Attribute msg
focusTranslateYPx =
    class "focus:translate-y-px"


{-| Maps to `focus:translate-y-0.5`:

    .focus\:translate-y-0\.5:focus {
      --tw-translate-y: 0.125rem;
    }
-}
focusTranslateY0o5 : Attribute msg
focusTranslateY0o5 =
    class "focus:translate-y-0.5"


{-| Maps to `focus:translate-y-1.5`:

    .focus\:translate-y-1\.5:focus {
      --tw-translate-y: 0.375rem;
    }
-}
focusTranslateY1o5 : Attribute msg
focusTranslateY1o5 =
    class "focus:translate-y-1.5"


{-| Maps to `focus:translate-y-2.5`:

    .focus\:translate-y-2\.5:focus {
      --tw-translate-y: 0.625rem;
    }
-}
focusTranslateY2o5 : Attribute msg
focusTranslateY2o5 =
    class "focus:translate-y-2.5"


{-| Maps to `focus:translate-y-3.5`:

    .focus\:translate-y-3\.5:focus {
      --tw-translate-y: 0.875rem;
    }
-}
focusTranslateY3o5 : Attribute msg
focusTranslateY3o5 =
    class "focus:translate-y-3.5"


{-| Maps to `focus:-translate-y-0`:

    .focus\:-translate-y-0:focus {
      --tw-translate-y: 0px;
    }
-}
focusNegTranslateY0 : Attribute msg
focusNegTranslateY0 =
    class "focus:-translate-y-0"


{-| Maps to `focus:-translate-y-1`:

    .focus\:-translate-y-1:focus {
      --tw-translate-y: -0.25rem;
    }
-}
focusNegTranslateY1 : Attribute msg
focusNegTranslateY1 =
    class "focus:-translate-y-1"


{-| Maps to `focus:-translate-y-2`:

    .focus\:-translate-y-2:focus {
      --tw-translate-y: -0.5rem;
    }
-}
focusNegTranslateY2 : Attribute msg
focusNegTranslateY2 =
    class "focus:-translate-y-2"


{-| Maps to `focus:-translate-y-3`:

    .focus\:-translate-y-3:focus {
      --tw-translate-y: -0.75rem;
    }
-}
focusNegTranslateY3 : Attribute msg
focusNegTranslateY3 =
    class "focus:-translate-y-3"


{-| Maps to `focus:-translate-y-4`:

    .focus\:-translate-y-4:focus {
      --tw-translate-y: -1rem;
    }
-}
focusNegTranslateY4 : Attribute msg
focusNegTranslateY4 =
    class "focus:-translate-y-4"


{-| Maps to `focus:-translate-y-5`:

    .focus\:-translate-y-5:focus {
      --tw-translate-y: -1.25rem;
    }
-}
focusNegTranslateY5 : Attribute msg
focusNegTranslateY5 =
    class "focus:-translate-y-5"


{-| Maps to `focus:-translate-y-6`:

    .focus\:-translate-y-6:focus {
      --tw-translate-y: -1.5rem;
    }
-}
focusNegTranslateY6 : Attribute msg
focusNegTranslateY6 =
    class "focus:-translate-y-6"


{-| Maps to `focus:-translate-y-7`:

    .focus\:-translate-y-7:focus {
      --tw-translate-y: -1.75rem;
    }
-}
focusNegTranslateY7 : Attribute msg
focusNegTranslateY7 =
    class "focus:-translate-y-7"


{-| Maps to `focus:-translate-y-8`:

    .focus\:-translate-y-8:focus {
      --tw-translate-y: -2rem;
    }
-}
focusNegTranslateY8 : Attribute msg
focusNegTranslateY8 =
    class "focus:-translate-y-8"


{-| Maps to `focus:-translate-y-9`:

    .focus\:-translate-y-9:focus {
      --tw-translate-y: -2.25rem;
    }
-}
focusNegTranslateY9 : Attribute msg
focusNegTranslateY9 =
    class "focus:-translate-y-9"


{-| Maps to `focus:-translate-y-10`:

    .focus\:-translate-y-10:focus {
      --tw-translate-y: -2.5rem;
    }
-}
focusNegTranslateY10 : Attribute msg
focusNegTranslateY10 =
    class "focus:-translate-y-10"


{-| Maps to `focus:-translate-y-11`:

    .focus\:-translate-y-11:focus {
      --tw-translate-y: -2.75rem;
    }
-}
focusNegTranslateY11 : Attribute msg
focusNegTranslateY11 =
    class "focus:-translate-y-11"


{-| Maps to `focus:-translate-y-12`:

    .focus\:-translate-y-12:focus {
      --tw-translate-y: -3rem;
    }
-}
focusNegTranslateY12 : Attribute msg
focusNegTranslateY12 =
    class "focus:-translate-y-12"


{-| Maps to `focus:-translate-y-14`:

    .focus\:-translate-y-14:focus {
      --tw-translate-y: -3.5rem;
    }
-}
focusNegTranslateY14 : Attribute msg
focusNegTranslateY14 =
    class "focus:-translate-y-14"


{-| Maps to `focus:-translate-y-16`:

    .focus\:-translate-y-16:focus {
      --tw-translate-y: -4rem;
    }
-}
focusNegTranslateY16 : Attribute msg
focusNegTranslateY16 =
    class "focus:-translate-y-16"


{-| Maps to `focus:-translate-y-20`:

    .focus\:-translate-y-20:focus {
      --tw-translate-y: -5rem;
    }
-}
focusNegTranslateY20 : Attribute msg
focusNegTranslateY20 =
    class "focus:-translate-y-20"


{-| Maps to `focus:-translate-y-24`:

    .focus\:-translate-y-24:focus {
      --tw-translate-y: -6rem;
    }
-}
focusNegTranslateY24 : Attribute msg
focusNegTranslateY24 =
    class "focus:-translate-y-24"


{-| Maps to `focus:-translate-y-28`:

    .focus\:-translate-y-28:focus {
      --tw-translate-y: -7rem;
    }
-}
focusNegTranslateY28 : Attribute msg
focusNegTranslateY28 =
    class "focus:-translate-y-28"


{-| Maps to `focus:-translate-y-32`:

    .focus\:-translate-y-32:focus {
      --tw-translate-y: -8rem;
    }
-}
focusNegTranslateY32 : Attribute msg
focusNegTranslateY32 =
    class "focus:-translate-y-32"


{-| Maps to `focus:-translate-y-36`:

    .focus\:-translate-y-36:focus {
      --tw-translate-y: -9rem;
    }
-}
focusNegTranslateY36 : Attribute msg
focusNegTranslateY36 =
    class "focus:-translate-y-36"


{-| Maps to `focus:-translate-y-40`:

    .focus\:-translate-y-40:focus {
      --tw-translate-y: -10rem;
    }
-}
focusNegTranslateY40 : Attribute msg
focusNegTranslateY40 =
    class "focus:-translate-y-40"


{-| Maps to `focus:-translate-y-44`:

    .focus\:-translate-y-44:focus {
      --tw-translate-y: -11rem;
    }
-}
focusNegTranslateY44 : Attribute msg
focusNegTranslateY44 =
    class "focus:-translate-y-44"


{-| Maps to `focus:-translate-y-48`:

    .focus\:-translate-y-48:focus {
      --tw-translate-y: -12rem;
    }
-}
focusNegTranslateY48 : Attribute msg
focusNegTranslateY48 =
    class "focus:-translate-y-48"


{-| Maps to `focus:-translate-y-52`:

    .focus\:-translate-y-52:focus {
      --tw-translate-y: -13rem;
    }
-}
focusNegTranslateY52 : Attribute msg
focusNegTranslateY52 =
    class "focus:-translate-y-52"


{-| Maps to `focus:-translate-y-56`:

    .focus\:-translate-y-56:focus {
      --tw-translate-y: -14rem;
    }
-}
focusNegTranslateY56 : Attribute msg
focusNegTranslateY56 =
    class "focus:-translate-y-56"


{-| Maps to `focus:-translate-y-60`:

    .focus\:-translate-y-60:focus {
      --tw-translate-y: -15rem;
    }
-}
focusNegTranslateY60 : Attribute msg
focusNegTranslateY60 =
    class "focus:-translate-y-60"


{-| Maps to `focus:-translate-y-64`:

    .focus\:-translate-y-64:focus {
      --tw-translate-y: -16rem;
    }
-}
focusNegTranslateY64 : Attribute msg
focusNegTranslateY64 =
    class "focus:-translate-y-64"


{-| Maps to `focus:-translate-y-72`:

    .focus\:-translate-y-72:focus {
      --tw-translate-y: -18rem;
    }
-}
focusNegTranslateY72 : Attribute msg
focusNegTranslateY72 =
    class "focus:-translate-y-72"


{-| Maps to `focus:-translate-y-80`:

    .focus\:-translate-y-80:focus {
      --tw-translate-y: -20rem;
    }
-}
focusNegTranslateY80 : Attribute msg
focusNegTranslateY80 =
    class "focus:-translate-y-80"


{-| Maps to `focus:-translate-y-96`:

    .focus\:-translate-y-96:focus {
      --tw-translate-y: -24rem;
    }
-}
focusNegTranslateY96 : Attribute msg
focusNegTranslateY96 =
    class "focus:-translate-y-96"


{-| Maps to `focus:-translate-y-px`:

    .focus\:-translate-y-px:focus {
      --tw-translate-y: -1px;
    }
-}
focusNegTranslateYPx : Attribute msg
focusNegTranslateYPx =
    class "focus:-translate-y-px"


{-| Maps to `focus:-translate-y-0.5`:

    .focus\:-translate-y-0\.5:focus {
      --tw-translate-y: -0.125rem;
    }
-}
focusNegTranslateY0o5 : Attribute msg
focusNegTranslateY0o5 =
    class "focus:-translate-y-0.5"


{-| Maps to `focus:-translate-y-1.5`:

    .focus\:-translate-y-1\.5:focus {
      --tw-translate-y: -0.375rem;
    }
-}
focusNegTranslateY1o5 : Attribute msg
focusNegTranslateY1o5 =
    class "focus:-translate-y-1.5"


{-| Maps to `focus:-translate-y-2.5`:

    .focus\:-translate-y-2\.5:focus {
      --tw-translate-y: -0.625rem;
    }
-}
focusNegTranslateY2o5 : Attribute msg
focusNegTranslateY2o5 =
    class "focus:-translate-y-2.5"


{-| Maps to `focus:-translate-y-3.5`:

    .focus\:-translate-y-3\.5:focus {
      --tw-translate-y: -0.875rem;
    }
-}
focusNegTranslateY3o5 : Attribute msg
focusNegTranslateY3o5 =
    class "focus:-translate-y-3.5"


{-| Maps to `focus:translate-y-1/2`:

    .focus\:translate-y-1\/2:focus {
      --tw-translate-y: 50%;
    }
-}
focusTranslateY1Over2 : Attribute msg
focusTranslateY1Over2 =
    class "focus:translate-y-1/2"


{-| Maps to `focus:translate-y-1/3`:

    .focus\:translate-y-1\/3:focus {
      --tw-translate-y: 33.333333%;
    }
-}
focusTranslateY1Over3 : Attribute msg
focusTranslateY1Over3 =
    class "focus:translate-y-1/3"


{-| Maps to `focus:translate-y-2/3`:

    .focus\:translate-y-2\/3:focus {
      --tw-translate-y: 66.666667%;
    }
-}
focusTranslateY2Over3 : Attribute msg
focusTranslateY2Over3 =
    class "focus:translate-y-2/3"


{-| Maps to `focus:translate-y-1/4`:

    .focus\:translate-y-1\/4:focus {
      --tw-translate-y: 25%;
    }
-}
focusTranslateY1Over4 : Attribute msg
focusTranslateY1Over4 =
    class "focus:translate-y-1/4"


{-| Maps to `focus:translate-y-2/4`:

    .focus\:translate-y-2\/4:focus {
      --tw-translate-y: 50%;
    }
-}
focusTranslateY2Over4 : Attribute msg
focusTranslateY2Over4 =
    class "focus:translate-y-2/4"


{-| Maps to `focus:translate-y-3/4`:

    .focus\:translate-y-3\/4:focus {
      --tw-translate-y: 75%;
    }
-}
focusTranslateY3Over4 : Attribute msg
focusTranslateY3Over4 =
    class "focus:translate-y-3/4"


{-| Maps to `focus:translate-y-full`:

    .focus\:translate-y-full:focus {
      --tw-translate-y: 100%;
    }
-}
focusTranslateYFull : Attribute msg
focusTranslateYFull =
    class "focus:translate-y-full"


{-| Maps to `focus:-translate-y-1/2`:

    .focus\:-translate-y-1\/2:focus {
      --tw-translate-y: -50%;
    }
-}
focusNegTranslateY1Over2 : Attribute msg
focusNegTranslateY1Over2 =
    class "focus:-translate-y-1/2"


{-| Maps to `focus:-translate-y-1/3`:

    .focus\:-translate-y-1\/3:focus {
      --tw-translate-y: -33.333333%;
    }
-}
focusNegTranslateY1Over3 : Attribute msg
focusNegTranslateY1Over3 =
    class "focus:-translate-y-1/3"


{-| Maps to `focus:-translate-y-2/3`:

    .focus\:-translate-y-2\/3:focus {
      --tw-translate-y: -66.666667%;
    }
-}
focusNegTranslateY2Over3 : Attribute msg
focusNegTranslateY2Over3 =
    class "focus:-translate-y-2/3"


{-| Maps to `focus:-translate-y-1/4`:

    .focus\:-translate-y-1\/4:focus {
      --tw-translate-y: -25%;
    }
-}
focusNegTranslateY1Over4 : Attribute msg
focusNegTranslateY1Over4 =
    class "focus:-translate-y-1/4"


{-| Maps to `focus:-translate-y-2/4`:

    .focus\:-translate-y-2\/4:focus {
      --tw-translate-y: -50%;
    }
-}
focusNegTranslateY2Over4 : Attribute msg
focusNegTranslateY2Over4 =
    class "focus:-translate-y-2/4"


{-| Maps to `focus:-translate-y-3/4`:

    .focus\:-translate-y-3\/4:focus {
      --tw-translate-y: -75%;
    }
-}
focusNegTranslateY3Over4 : Attribute msg
focusNegTranslateY3Over4 =
    class "focus:-translate-y-3/4"


{-| Maps to `focus:-translate-y-full`:

    .focus\:-translate-y-full:focus {
      --tw-translate-y: -100%;
    }
-}
focusNegTranslateYFull : Attribute msg
focusNegTranslateYFull =
    class "focus:-translate-y-full"


{-| Maps to `rotate-0`:

    .rotate-0 {
      --tw-rotate: 0deg;
    }
-}
rotate0 : Attribute msg
rotate0 =
    class "rotate-0"


{-| Maps to `rotate-1`:

    .rotate-1 {
      --tw-rotate: 1deg;
    }
-}
rotate1 : Attribute msg
rotate1 =
    class "rotate-1"


{-| Maps to `rotate-2`:

    .rotate-2 {
      --tw-rotate: 2deg;
    }
-}
rotate2 : Attribute msg
rotate2 =
    class "rotate-2"


{-| Maps to `rotate-3`:

    .rotate-3 {
      --tw-rotate: 3deg;
    }
-}
rotate3 : Attribute msg
rotate3 =
    class "rotate-3"


{-| Maps to `rotate-6`:

    .rotate-6 {
      --tw-rotate: 6deg;
    }
-}
rotate6 : Attribute msg
rotate6 =
    class "rotate-6"


{-| Maps to `rotate-12`:

    .rotate-12 {
      --tw-rotate: 12deg;
    }
-}
rotate12 : Attribute msg
rotate12 =
    class "rotate-12"


{-| Maps to `rotate-45`:

    .rotate-45 {
      --tw-rotate: 45deg;
    }
-}
rotate45 : Attribute msg
rotate45 =
    class "rotate-45"


{-| Maps to `rotate-90`:

    .rotate-90 {
      --tw-rotate: 90deg;
    }
-}
rotate90 : Attribute msg
rotate90 =
    class "rotate-90"


{-| Maps to `rotate-180`:

    .rotate-180 {
      --tw-rotate: 180deg;
    }
-}
rotate180 : Attribute msg
rotate180 =
    class "rotate-180"


{-| Maps to `-rotate-180`:

    .-rotate-180 {
      --tw-rotate: -180deg;
    }
-}
negRotate180 : Attribute msg
negRotate180 =
    class "-rotate-180"


{-| Maps to `-rotate-90`:

    .-rotate-90 {
      --tw-rotate: -90deg;
    }
-}
negRotate90 : Attribute msg
negRotate90 =
    class "-rotate-90"


{-| Maps to `-rotate-45`:

    .-rotate-45 {
      --tw-rotate: -45deg;
    }
-}
negRotate45 : Attribute msg
negRotate45 =
    class "-rotate-45"


{-| Maps to `-rotate-12`:

    .-rotate-12 {
      --tw-rotate: -12deg;
    }
-}
negRotate12 : Attribute msg
negRotate12 =
    class "-rotate-12"


{-| Maps to `-rotate-6`:

    .-rotate-6 {
      --tw-rotate: -6deg;
    }
-}
negRotate6 : Attribute msg
negRotate6 =
    class "-rotate-6"


{-| Maps to `-rotate-3`:

    .-rotate-3 {
      --tw-rotate: -3deg;
    }
-}
negRotate3 : Attribute msg
negRotate3 =
    class "-rotate-3"


{-| Maps to `-rotate-2`:

    .-rotate-2 {
      --tw-rotate: -2deg;
    }
-}
negRotate2 : Attribute msg
negRotate2 =
    class "-rotate-2"


{-| Maps to `-rotate-1`:

    .-rotate-1 {
      --tw-rotate: -1deg;
    }
-}
negRotate1 : Attribute msg
negRotate1 =
    class "-rotate-1"


{-| Maps to `hover:rotate-0`:

    .hover\:rotate-0:hover {
      --tw-rotate: 0deg;
    }
-}
hoverRotate0 : Attribute msg
hoverRotate0 =
    class "hover:rotate-0"


{-| Maps to `hover:rotate-1`:

    .hover\:rotate-1:hover {
      --tw-rotate: 1deg;
    }
-}
hoverRotate1 : Attribute msg
hoverRotate1 =
    class "hover:rotate-1"


{-| Maps to `hover:rotate-2`:

    .hover\:rotate-2:hover {
      --tw-rotate: 2deg;
    }
-}
hoverRotate2 : Attribute msg
hoverRotate2 =
    class "hover:rotate-2"


{-| Maps to `hover:rotate-3`:

    .hover\:rotate-3:hover {
      --tw-rotate: 3deg;
    }
-}
hoverRotate3 : Attribute msg
hoverRotate3 =
    class "hover:rotate-3"


{-| Maps to `hover:rotate-6`:

    .hover\:rotate-6:hover {
      --tw-rotate: 6deg;
    }
-}
hoverRotate6 : Attribute msg
hoverRotate6 =
    class "hover:rotate-6"


{-| Maps to `hover:rotate-12`:

    .hover\:rotate-12:hover {
      --tw-rotate: 12deg;
    }
-}
hoverRotate12 : Attribute msg
hoverRotate12 =
    class "hover:rotate-12"


{-| Maps to `hover:rotate-45`:

    .hover\:rotate-45:hover {
      --tw-rotate: 45deg;
    }
-}
hoverRotate45 : Attribute msg
hoverRotate45 =
    class "hover:rotate-45"


{-| Maps to `hover:rotate-90`:

    .hover\:rotate-90:hover {
      --tw-rotate: 90deg;
    }
-}
hoverRotate90 : Attribute msg
hoverRotate90 =
    class "hover:rotate-90"


{-| Maps to `hover:rotate-180`:

    .hover\:rotate-180:hover {
      --tw-rotate: 180deg;
    }
-}
hoverRotate180 : Attribute msg
hoverRotate180 =
    class "hover:rotate-180"


{-| Maps to `hover:-rotate-180`:

    .hover\:-rotate-180:hover {
      --tw-rotate: -180deg;
    }
-}
hoverNegRotate180 : Attribute msg
hoverNegRotate180 =
    class "hover:-rotate-180"


{-| Maps to `hover:-rotate-90`:

    .hover\:-rotate-90:hover {
      --tw-rotate: -90deg;
    }
-}
hoverNegRotate90 : Attribute msg
hoverNegRotate90 =
    class "hover:-rotate-90"


{-| Maps to `hover:-rotate-45`:

    .hover\:-rotate-45:hover {
      --tw-rotate: -45deg;
    }
-}
hoverNegRotate45 : Attribute msg
hoverNegRotate45 =
    class "hover:-rotate-45"


{-| Maps to `hover:-rotate-12`:

    .hover\:-rotate-12:hover {
      --tw-rotate: -12deg;
    }
-}
hoverNegRotate12 : Attribute msg
hoverNegRotate12 =
    class "hover:-rotate-12"


{-| Maps to `hover:-rotate-6`:

    .hover\:-rotate-6:hover {
      --tw-rotate: -6deg;
    }
-}
hoverNegRotate6 : Attribute msg
hoverNegRotate6 =
    class "hover:-rotate-6"


{-| Maps to `hover:-rotate-3`:

    .hover\:-rotate-3:hover {
      --tw-rotate: -3deg;
    }
-}
hoverNegRotate3 : Attribute msg
hoverNegRotate3 =
    class "hover:-rotate-3"


{-| Maps to `hover:-rotate-2`:

    .hover\:-rotate-2:hover {
      --tw-rotate: -2deg;
    }
-}
hoverNegRotate2 : Attribute msg
hoverNegRotate2 =
    class "hover:-rotate-2"


{-| Maps to `hover:-rotate-1`:

    .hover\:-rotate-1:hover {
      --tw-rotate: -1deg;
    }
-}
hoverNegRotate1 : Attribute msg
hoverNegRotate1 =
    class "hover:-rotate-1"


{-| Maps to `focus:rotate-0`:

    .focus\:rotate-0:focus {
      --tw-rotate: 0deg;
    }
-}
focusRotate0 : Attribute msg
focusRotate0 =
    class "focus:rotate-0"


{-| Maps to `focus:rotate-1`:

    .focus\:rotate-1:focus {
      --tw-rotate: 1deg;
    }
-}
focusRotate1 : Attribute msg
focusRotate1 =
    class "focus:rotate-1"


{-| Maps to `focus:rotate-2`:

    .focus\:rotate-2:focus {
      --tw-rotate: 2deg;
    }
-}
focusRotate2 : Attribute msg
focusRotate2 =
    class "focus:rotate-2"


{-| Maps to `focus:rotate-3`:

    .focus\:rotate-3:focus {
      --tw-rotate: 3deg;
    }
-}
focusRotate3 : Attribute msg
focusRotate3 =
    class "focus:rotate-3"


{-| Maps to `focus:rotate-6`:

    .focus\:rotate-6:focus {
      --tw-rotate: 6deg;
    }
-}
focusRotate6 : Attribute msg
focusRotate6 =
    class "focus:rotate-6"


{-| Maps to `focus:rotate-12`:

    .focus\:rotate-12:focus {
      --tw-rotate: 12deg;
    }
-}
focusRotate12 : Attribute msg
focusRotate12 =
    class "focus:rotate-12"


{-| Maps to `focus:rotate-45`:

    .focus\:rotate-45:focus {
      --tw-rotate: 45deg;
    }
-}
focusRotate45 : Attribute msg
focusRotate45 =
    class "focus:rotate-45"


{-| Maps to `focus:rotate-90`:

    .focus\:rotate-90:focus {
      --tw-rotate: 90deg;
    }
-}
focusRotate90 : Attribute msg
focusRotate90 =
    class "focus:rotate-90"


{-| Maps to `focus:rotate-180`:

    .focus\:rotate-180:focus {
      --tw-rotate: 180deg;
    }
-}
focusRotate180 : Attribute msg
focusRotate180 =
    class "focus:rotate-180"


{-| Maps to `focus:-rotate-180`:

    .focus\:-rotate-180:focus {
      --tw-rotate: -180deg;
    }
-}
focusNegRotate180 : Attribute msg
focusNegRotate180 =
    class "focus:-rotate-180"


{-| Maps to `focus:-rotate-90`:

    .focus\:-rotate-90:focus {
      --tw-rotate: -90deg;
    }
-}
focusNegRotate90 : Attribute msg
focusNegRotate90 =
    class "focus:-rotate-90"


{-| Maps to `focus:-rotate-45`:

    .focus\:-rotate-45:focus {
      --tw-rotate: -45deg;
    }
-}
focusNegRotate45 : Attribute msg
focusNegRotate45 =
    class "focus:-rotate-45"


{-| Maps to `focus:-rotate-12`:

    .focus\:-rotate-12:focus {
      --tw-rotate: -12deg;
    }
-}
focusNegRotate12 : Attribute msg
focusNegRotate12 =
    class "focus:-rotate-12"


{-| Maps to `focus:-rotate-6`:

    .focus\:-rotate-6:focus {
      --tw-rotate: -6deg;
    }
-}
focusNegRotate6 : Attribute msg
focusNegRotate6 =
    class "focus:-rotate-6"


{-| Maps to `focus:-rotate-3`:

    .focus\:-rotate-3:focus {
      --tw-rotate: -3deg;
    }
-}
focusNegRotate3 : Attribute msg
focusNegRotate3 =
    class "focus:-rotate-3"


{-| Maps to `focus:-rotate-2`:

    .focus\:-rotate-2:focus {
      --tw-rotate: -2deg;
    }
-}
focusNegRotate2 : Attribute msg
focusNegRotate2 =
    class "focus:-rotate-2"


{-| Maps to `focus:-rotate-1`:

    .focus\:-rotate-1:focus {
      --tw-rotate: -1deg;
    }
-}
focusNegRotate1 : Attribute msg
focusNegRotate1 =
    class "focus:-rotate-1"


{-| Maps to `skew-x-0`:

    .skew-x-0 {
      --tw-skew-x: 0deg;
    }
-}
skewX0 : Attribute msg
skewX0 =
    class "skew-x-0"


{-| Maps to `skew-x-1`:

    .skew-x-1 {
      --tw-skew-x: 1deg;
    }
-}
skewX1 : Attribute msg
skewX1 =
    class "skew-x-1"


{-| Maps to `skew-x-2`:

    .skew-x-2 {
      --tw-skew-x: 2deg;
    }
-}
skewX2 : Attribute msg
skewX2 =
    class "skew-x-2"


{-| Maps to `skew-x-3`:

    .skew-x-3 {
      --tw-skew-x: 3deg;
    }
-}
skewX3 : Attribute msg
skewX3 =
    class "skew-x-3"


{-| Maps to `skew-x-6`:

    .skew-x-6 {
      --tw-skew-x: 6deg;
    }
-}
skewX6 : Attribute msg
skewX6 =
    class "skew-x-6"


{-| Maps to `skew-x-12`:

    .skew-x-12 {
      --tw-skew-x: 12deg;
    }
-}
skewX12 : Attribute msg
skewX12 =
    class "skew-x-12"


{-| Maps to `-skew-x-12`:

    .-skew-x-12 {
      --tw-skew-x: -12deg;
    }
-}
negSkewX12 : Attribute msg
negSkewX12 =
    class "-skew-x-12"


{-| Maps to `-skew-x-6`:

    .-skew-x-6 {
      --tw-skew-x: -6deg;
    }
-}
negSkewX6 : Attribute msg
negSkewX6 =
    class "-skew-x-6"


{-| Maps to `-skew-x-3`:

    .-skew-x-3 {
      --tw-skew-x: -3deg;
    }
-}
negSkewX3 : Attribute msg
negSkewX3 =
    class "-skew-x-3"


{-| Maps to `-skew-x-2`:

    .-skew-x-2 {
      --tw-skew-x: -2deg;
    }
-}
negSkewX2 : Attribute msg
negSkewX2 =
    class "-skew-x-2"


{-| Maps to `-skew-x-1`:

    .-skew-x-1 {
      --tw-skew-x: -1deg;
    }
-}
negSkewX1 : Attribute msg
negSkewX1 =
    class "-skew-x-1"


{-| Maps to `skew-y-0`:

    .skew-y-0 {
      --tw-skew-y: 0deg;
    }
-}
skewY0 : Attribute msg
skewY0 =
    class "skew-y-0"


{-| Maps to `skew-y-1`:

    .skew-y-1 {
      --tw-skew-y: 1deg;
    }
-}
skewY1 : Attribute msg
skewY1 =
    class "skew-y-1"


{-| Maps to `skew-y-2`:

    .skew-y-2 {
      --tw-skew-y: 2deg;
    }
-}
skewY2 : Attribute msg
skewY2 =
    class "skew-y-2"


{-| Maps to `skew-y-3`:

    .skew-y-3 {
      --tw-skew-y: 3deg;
    }
-}
skewY3 : Attribute msg
skewY3 =
    class "skew-y-3"


{-| Maps to `skew-y-6`:

    .skew-y-6 {
      --tw-skew-y: 6deg;
    }
-}
skewY6 : Attribute msg
skewY6 =
    class "skew-y-6"


{-| Maps to `skew-y-12`:

    .skew-y-12 {
      --tw-skew-y: 12deg;
    }
-}
skewY12 : Attribute msg
skewY12 =
    class "skew-y-12"


{-| Maps to `-skew-y-12`:

    .-skew-y-12 {
      --tw-skew-y: -12deg;
    }
-}
negSkewY12 : Attribute msg
negSkewY12 =
    class "-skew-y-12"


{-| Maps to `-skew-y-6`:

    .-skew-y-6 {
      --tw-skew-y: -6deg;
    }
-}
negSkewY6 : Attribute msg
negSkewY6 =
    class "-skew-y-6"


{-| Maps to `-skew-y-3`:

    .-skew-y-3 {
      --tw-skew-y: -3deg;
    }
-}
negSkewY3 : Attribute msg
negSkewY3 =
    class "-skew-y-3"


{-| Maps to `-skew-y-2`:

    .-skew-y-2 {
      --tw-skew-y: -2deg;
    }
-}
negSkewY2 : Attribute msg
negSkewY2 =
    class "-skew-y-2"


{-| Maps to `-skew-y-1`:

    .-skew-y-1 {
      --tw-skew-y: -1deg;
    }
-}
negSkewY1 : Attribute msg
negSkewY1 =
    class "-skew-y-1"


{-| Maps to `hover:skew-x-0`:

    .hover\:skew-x-0:hover {
      --tw-skew-x: 0deg;
    }
-}
hoverSkewX0 : Attribute msg
hoverSkewX0 =
    class "hover:skew-x-0"


{-| Maps to `hover:skew-x-1`:

    .hover\:skew-x-1:hover {
      --tw-skew-x: 1deg;
    }
-}
hoverSkewX1 : Attribute msg
hoverSkewX1 =
    class "hover:skew-x-1"


{-| Maps to `hover:skew-x-2`:

    .hover\:skew-x-2:hover {
      --tw-skew-x: 2deg;
    }
-}
hoverSkewX2 : Attribute msg
hoverSkewX2 =
    class "hover:skew-x-2"


{-| Maps to `hover:skew-x-3`:

    .hover\:skew-x-3:hover {
      --tw-skew-x: 3deg;
    }
-}
hoverSkewX3 : Attribute msg
hoverSkewX3 =
    class "hover:skew-x-3"


{-| Maps to `hover:skew-x-6`:

    .hover\:skew-x-6:hover {
      --tw-skew-x: 6deg;
    }
-}
hoverSkewX6 : Attribute msg
hoverSkewX6 =
    class "hover:skew-x-6"


{-| Maps to `hover:skew-x-12`:

    .hover\:skew-x-12:hover {
      --tw-skew-x: 12deg;
    }
-}
hoverSkewX12 : Attribute msg
hoverSkewX12 =
    class "hover:skew-x-12"


{-| Maps to `hover:-skew-x-12`:

    .hover\:-skew-x-12:hover {
      --tw-skew-x: -12deg;
    }
-}
hoverNegSkewX12 : Attribute msg
hoverNegSkewX12 =
    class "hover:-skew-x-12"


{-| Maps to `hover:-skew-x-6`:

    .hover\:-skew-x-6:hover {
      --tw-skew-x: -6deg;
    }
-}
hoverNegSkewX6 : Attribute msg
hoverNegSkewX6 =
    class "hover:-skew-x-6"


{-| Maps to `hover:-skew-x-3`:

    .hover\:-skew-x-3:hover {
      --tw-skew-x: -3deg;
    }
-}
hoverNegSkewX3 : Attribute msg
hoverNegSkewX3 =
    class "hover:-skew-x-3"


{-| Maps to `hover:-skew-x-2`:

    .hover\:-skew-x-2:hover {
      --tw-skew-x: -2deg;
    }
-}
hoverNegSkewX2 : Attribute msg
hoverNegSkewX2 =
    class "hover:-skew-x-2"


{-| Maps to `hover:-skew-x-1`:

    .hover\:-skew-x-1:hover {
      --tw-skew-x: -1deg;
    }
-}
hoverNegSkewX1 : Attribute msg
hoverNegSkewX1 =
    class "hover:-skew-x-1"


{-| Maps to `hover:skew-y-0`:

    .hover\:skew-y-0:hover {
      --tw-skew-y: 0deg;
    }
-}
hoverSkewY0 : Attribute msg
hoverSkewY0 =
    class "hover:skew-y-0"


{-| Maps to `hover:skew-y-1`:

    .hover\:skew-y-1:hover {
      --tw-skew-y: 1deg;
    }
-}
hoverSkewY1 : Attribute msg
hoverSkewY1 =
    class "hover:skew-y-1"


{-| Maps to `hover:skew-y-2`:

    .hover\:skew-y-2:hover {
      --tw-skew-y: 2deg;
    }
-}
hoverSkewY2 : Attribute msg
hoverSkewY2 =
    class "hover:skew-y-2"


{-| Maps to `hover:skew-y-3`:

    .hover\:skew-y-3:hover {
      --tw-skew-y: 3deg;
    }
-}
hoverSkewY3 : Attribute msg
hoverSkewY3 =
    class "hover:skew-y-3"


{-| Maps to `hover:skew-y-6`:

    .hover\:skew-y-6:hover {
      --tw-skew-y: 6deg;
    }
-}
hoverSkewY6 : Attribute msg
hoverSkewY6 =
    class "hover:skew-y-6"


{-| Maps to `hover:skew-y-12`:

    .hover\:skew-y-12:hover {
      --tw-skew-y: 12deg;
    }
-}
hoverSkewY12 : Attribute msg
hoverSkewY12 =
    class "hover:skew-y-12"


{-| Maps to `hover:-skew-y-12`:

    .hover\:-skew-y-12:hover {
      --tw-skew-y: -12deg;
    }
-}
hoverNegSkewY12 : Attribute msg
hoverNegSkewY12 =
    class "hover:-skew-y-12"


{-| Maps to `hover:-skew-y-6`:

    .hover\:-skew-y-6:hover {
      --tw-skew-y: -6deg;
    }
-}
hoverNegSkewY6 : Attribute msg
hoverNegSkewY6 =
    class "hover:-skew-y-6"


{-| Maps to `hover:-skew-y-3`:

    .hover\:-skew-y-3:hover {
      --tw-skew-y: -3deg;
    }
-}
hoverNegSkewY3 : Attribute msg
hoverNegSkewY3 =
    class "hover:-skew-y-3"


{-| Maps to `hover:-skew-y-2`:

    .hover\:-skew-y-2:hover {
      --tw-skew-y: -2deg;
    }
-}
hoverNegSkewY2 : Attribute msg
hoverNegSkewY2 =
    class "hover:-skew-y-2"


{-| Maps to `hover:-skew-y-1`:

    .hover\:-skew-y-1:hover {
      --tw-skew-y: -1deg;
    }
-}
hoverNegSkewY1 : Attribute msg
hoverNegSkewY1 =
    class "hover:-skew-y-1"


{-| Maps to `focus:skew-x-0`:

    .focus\:skew-x-0:focus {
      --tw-skew-x: 0deg;
    }
-}
focusSkewX0 : Attribute msg
focusSkewX0 =
    class "focus:skew-x-0"


{-| Maps to `focus:skew-x-1`:

    .focus\:skew-x-1:focus {
      --tw-skew-x: 1deg;
    }
-}
focusSkewX1 : Attribute msg
focusSkewX1 =
    class "focus:skew-x-1"


{-| Maps to `focus:skew-x-2`:

    .focus\:skew-x-2:focus {
      --tw-skew-x: 2deg;
    }
-}
focusSkewX2 : Attribute msg
focusSkewX2 =
    class "focus:skew-x-2"


{-| Maps to `focus:skew-x-3`:

    .focus\:skew-x-3:focus {
      --tw-skew-x: 3deg;
    }
-}
focusSkewX3 : Attribute msg
focusSkewX3 =
    class "focus:skew-x-3"


{-| Maps to `focus:skew-x-6`:

    .focus\:skew-x-6:focus {
      --tw-skew-x: 6deg;
    }
-}
focusSkewX6 : Attribute msg
focusSkewX6 =
    class "focus:skew-x-6"


{-| Maps to `focus:skew-x-12`:

    .focus\:skew-x-12:focus {
      --tw-skew-x: 12deg;
    }
-}
focusSkewX12 : Attribute msg
focusSkewX12 =
    class "focus:skew-x-12"


{-| Maps to `focus:-skew-x-12`:

    .focus\:-skew-x-12:focus {
      --tw-skew-x: -12deg;
    }
-}
focusNegSkewX12 : Attribute msg
focusNegSkewX12 =
    class "focus:-skew-x-12"


{-| Maps to `focus:-skew-x-6`:

    .focus\:-skew-x-6:focus {
      --tw-skew-x: -6deg;
    }
-}
focusNegSkewX6 : Attribute msg
focusNegSkewX6 =
    class "focus:-skew-x-6"


{-| Maps to `focus:-skew-x-3`:

    .focus\:-skew-x-3:focus {
      --tw-skew-x: -3deg;
    }
-}
focusNegSkewX3 : Attribute msg
focusNegSkewX3 =
    class "focus:-skew-x-3"


{-| Maps to `focus:-skew-x-2`:

    .focus\:-skew-x-2:focus {
      --tw-skew-x: -2deg;
    }
-}
focusNegSkewX2 : Attribute msg
focusNegSkewX2 =
    class "focus:-skew-x-2"


{-| Maps to `focus:-skew-x-1`:

    .focus\:-skew-x-1:focus {
      --tw-skew-x: -1deg;
    }
-}
focusNegSkewX1 : Attribute msg
focusNegSkewX1 =
    class "focus:-skew-x-1"


{-| Maps to `focus:skew-y-0`:

    .focus\:skew-y-0:focus {
      --tw-skew-y: 0deg;
    }
-}
focusSkewY0 : Attribute msg
focusSkewY0 =
    class "focus:skew-y-0"


{-| Maps to `focus:skew-y-1`:

    .focus\:skew-y-1:focus {
      --tw-skew-y: 1deg;
    }
-}
focusSkewY1 : Attribute msg
focusSkewY1 =
    class "focus:skew-y-1"


{-| Maps to `focus:skew-y-2`:

    .focus\:skew-y-2:focus {
      --tw-skew-y: 2deg;
    }
-}
focusSkewY2 : Attribute msg
focusSkewY2 =
    class "focus:skew-y-2"


{-| Maps to `focus:skew-y-3`:

    .focus\:skew-y-3:focus {
      --tw-skew-y: 3deg;
    }
-}
focusSkewY3 : Attribute msg
focusSkewY3 =
    class "focus:skew-y-3"


{-| Maps to `focus:skew-y-6`:

    .focus\:skew-y-6:focus {
      --tw-skew-y: 6deg;
    }
-}
focusSkewY6 : Attribute msg
focusSkewY6 =
    class "focus:skew-y-6"


{-| Maps to `focus:skew-y-12`:

    .focus\:skew-y-12:focus {
      --tw-skew-y: 12deg;
    }
-}
focusSkewY12 : Attribute msg
focusSkewY12 =
    class "focus:skew-y-12"


{-| Maps to `focus:-skew-y-12`:

    .focus\:-skew-y-12:focus {
      --tw-skew-y: -12deg;
    }
-}
focusNegSkewY12 : Attribute msg
focusNegSkewY12 =
    class "focus:-skew-y-12"


{-| Maps to `focus:-skew-y-6`:

    .focus\:-skew-y-6:focus {
      --tw-skew-y: -6deg;
    }
-}
focusNegSkewY6 : Attribute msg
focusNegSkewY6 =
    class "focus:-skew-y-6"


{-| Maps to `focus:-skew-y-3`:

    .focus\:-skew-y-3:focus {
      --tw-skew-y: -3deg;
    }
-}
focusNegSkewY3 : Attribute msg
focusNegSkewY3 =
    class "focus:-skew-y-3"


{-| Maps to `focus:-skew-y-2`:

    .focus\:-skew-y-2:focus {
      --tw-skew-y: -2deg;
    }
-}
focusNegSkewY2 : Attribute msg
focusNegSkewY2 =
    class "focus:-skew-y-2"


{-| Maps to `focus:-skew-y-1`:

    .focus\:-skew-y-1:focus {
      --tw-skew-y: -1deg;
    }
-}
focusNegSkewY1 : Attribute msg
focusNegSkewY1 =
    class "focus:-skew-y-1"


{-| Maps to `scale-0`:

    .scale-0 {
      --tw-scale-x: 0;
      --tw-scale-y: 0;
    }
-}
scale0 : Attribute msg
scale0 =
    class "scale-0"


{-| Maps to `scale-50`:

    .scale-50 {
      --tw-scale-x: 0.5;
      --tw-scale-y: 0.5;
    }
-}
scale50 : Attribute msg
scale50 =
    class "scale-50"


{-| Maps to `scale-75`:

    .scale-75 {
      --tw-scale-x: 0.75;
      --tw-scale-y: 0.75;
    }
-}
scale75 : Attribute msg
scale75 =
    class "scale-75"


{-| Maps to `scale-90`:

    .scale-90 {
      --tw-scale-x: 0.9;
      --tw-scale-y: 0.9;
    }
-}
scale90 : Attribute msg
scale90 =
    class "scale-90"


{-| Maps to `scale-95`:

    .scale-95 {
      --tw-scale-x: 0.95;
      --tw-scale-y: 0.95;
    }
-}
scale95 : Attribute msg
scale95 =
    class "scale-95"


{-| Maps to `scale-100`:

    .scale-100 {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
    }
-}
scale100 : Attribute msg
scale100 =
    class "scale-100"


{-| Maps to `scale-105`:

    .scale-105 {
      --tw-scale-x: 1.05;
      --tw-scale-y: 1.05;
    }
-}
scale105 : Attribute msg
scale105 =
    class "scale-105"


{-| Maps to `scale-110`:

    .scale-110 {
      --tw-scale-x: 1.1;
      --tw-scale-y: 1.1;
    }
-}
scale110 : Attribute msg
scale110 =
    class "scale-110"


{-| Maps to `scale-125`:

    .scale-125 {
      --tw-scale-x: 1.25;
      --tw-scale-y: 1.25;
    }
-}
scale125 : Attribute msg
scale125 =
    class "scale-125"


{-| Maps to `scale-150`:

    .scale-150 {
      --tw-scale-x: 1.5;
      --tw-scale-y: 1.5;
    }
-}
scale150 : Attribute msg
scale150 =
    class "scale-150"


{-| Maps to `hover:scale-0`:

    .hover\:scale-0:hover {
      --tw-scale-x: 0;
      --tw-scale-y: 0;
    }
-}
hoverScale0 : Attribute msg
hoverScale0 =
    class "hover:scale-0"


{-| Maps to `hover:scale-50`:

    .hover\:scale-50:hover {
      --tw-scale-x: 0.5;
      --tw-scale-y: 0.5;
    }
-}
hoverScale50 : Attribute msg
hoverScale50 =
    class "hover:scale-50"


{-| Maps to `hover:scale-75`:

    .hover\:scale-75:hover {
      --tw-scale-x: 0.75;
      --tw-scale-y: 0.75;
    }
-}
hoverScale75 : Attribute msg
hoverScale75 =
    class "hover:scale-75"


{-| Maps to `hover:scale-90`:

    .hover\:scale-90:hover {
      --tw-scale-x: 0.9;
      --tw-scale-y: 0.9;
    }
-}
hoverScale90 : Attribute msg
hoverScale90 =
    class "hover:scale-90"


{-| Maps to `hover:scale-95`:

    .hover\:scale-95:hover {
      --tw-scale-x: 0.95;
      --tw-scale-y: 0.95;
    }
-}
hoverScale95 : Attribute msg
hoverScale95 =
    class "hover:scale-95"


{-| Maps to `hover:scale-100`:

    .hover\:scale-100:hover {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
    }
-}
hoverScale100 : Attribute msg
hoverScale100 =
    class "hover:scale-100"


{-| Maps to `hover:scale-105`:

    .hover\:scale-105:hover {
      --tw-scale-x: 1.05;
      --tw-scale-y: 1.05;
    }
-}
hoverScale105 : Attribute msg
hoverScale105 =
    class "hover:scale-105"


{-| Maps to `hover:scale-110`:

    .hover\:scale-110:hover {
      --tw-scale-x: 1.1;
      --tw-scale-y: 1.1;
    }
-}
hoverScale110 : Attribute msg
hoverScale110 =
    class "hover:scale-110"


{-| Maps to `hover:scale-125`:

    .hover\:scale-125:hover {
      --tw-scale-x: 1.25;
      --tw-scale-y: 1.25;
    }
-}
hoverScale125 : Attribute msg
hoverScale125 =
    class "hover:scale-125"


{-| Maps to `hover:scale-150`:

    .hover\:scale-150:hover {
      --tw-scale-x: 1.5;
      --tw-scale-y: 1.5;
    }
-}
hoverScale150 : Attribute msg
hoverScale150 =
    class "hover:scale-150"


{-| Maps to `focus:scale-0`:

    .focus\:scale-0:focus {
      --tw-scale-x: 0;
      --tw-scale-y: 0;
    }
-}
focusScale0 : Attribute msg
focusScale0 =
    class "focus:scale-0"


{-| Maps to `focus:scale-50`:

    .focus\:scale-50:focus {
      --tw-scale-x: 0.5;
      --tw-scale-y: 0.5;
    }
-}
focusScale50 : Attribute msg
focusScale50 =
    class "focus:scale-50"


{-| Maps to `focus:scale-75`:

    .focus\:scale-75:focus {
      --tw-scale-x: 0.75;
      --tw-scale-y: 0.75;
    }
-}
focusScale75 : Attribute msg
focusScale75 =
    class "focus:scale-75"


{-| Maps to `focus:scale-90`:

    .focus\:scale-90:focus {
      --tw-scale-x: 0.9;
      --tw-scale-y: 0.9;
    }
-}
focusScale90 : Attribute msg
focusScale90 =
    class "focus:scale-90"


{-| Maps to `focus:scale-95`:

    .focus\:scale-95:focus {
      --tw-scale-x: 0.95;
      --tw-scale-y: 0.95;
    }
-}
focusScale95 : Attribute msg
focusScale95 =
    class "focus:scale-95"


{-| Maps to `focus:scale-100`:

    .focus\:scale-100:focus {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
    }
-}
focusScale100 : Attribute msg
focusScale100 =
    class "focus:scale-100"


{-| Maps to `focus:scale-105`:

    .focus\:scale-105:focus {
      --tw-scale-x: 1.05;
      --tw-scale-y: 1.05;
    }
-}
focusScale105 : Attribute msg
focusScale105 =
    class "focus:scale-105"


{-| Maps to `focus:scale-110`:

    .focus\:scale-110:focus {
      --tw-scale-x: 1.1;
      --tw-scale-y: 1.1;
    }
-}
focusScale110 : Attribute msg
focusScale110 =
    class "focus:scale-110"


{-| Maps to `focus:scale-125`:

    .focus\:scale-125:focus {
      --tw-scale-x: 1.25;
      --tw-scale-y: 1.25;
    }
-}
focusScale125 : Attribute msg
focusScale125 =
    class "focus:scale-125"


{-| Maps to `focus:scale-150`:

    .focus\:scale-150:focus {
      --tw-scale-x: 1.5;
      --tw-scale-y: 1.5;
    }
-}
focusScale150 : Attribute msg
focusScale150 =
    class "focus:scale-150"


{-| Maps to `scale-x-0`:

    .scale-x-0 {
      --tw-scale-x: 0;
    }
-}
scaleX0 : Attribute msg
scaleX0 =
    class "scale-x-0"


{-| Maps to `scale-x-50`:

    .scale-x-50 {
      --tw-scale-x: 0.5;
    }
-}
scaleX50 : Attribute msg
scaleX50 =
    class "scale-x-50"


{-| Maps to `scale-x-75`:

    .scale-x-75 {
      --tw-scale-x: 0.75;
    }
-}
scaleX75 : Attribute msg
scaleX75 =
    class "scale-x-75"


{-| Maps to `scale-x-90`:

    .scale-x-90 {
      --tw-scale-x: 0.9;
    }
-}
scaleX90 : Attribute msg
scaleX90 =
    class "scale-x-90"


{-| Maps to `scale-x-95`:

    .scale-x-95 {
      --tw-scale-x: 0.95;
    }
-}
scaleX95 : Attribute msg
scaleX95 =
    class "scale-x-95"


{-| Maps to `scale-x-100`:

    .scale-x-100 {
      --tw-scale-x: 1;
    }
-}
scaleX100 : Attribute msg
scaleX100 =
    class "scale-x-100"


{-| Maps to `scale-x-105`:

    .scale-x-105 {
      --tw-scale-x: 1.05;
    }
-}
scaleX105 : Attribute msg
scaleX105 =
    class "scale-x-105"


{-| Maps to `scale-x-110`:

    .scale-x-110 {
      --tw-scale-x: 1.1;
    }
-}
scaleX110 : Attribute msg
scaleX110 =
    class "scale-x-110"


{-| Maps to `scale-x-125`:

    .scale-x-125 {
      --tw-scale-x: 1.25;
    }
-}
scaleX125 : Attribute msg
scaleX125 =
    class "scale-x-125"


{-| Maps to `scale-x-150`:

    .scale-x-150 {
      --tw-scale-x: 1.5;
    }
-}
scaleX150 : Attribute msg
scaleX150 =
    class "scale-x-150"


{-| Maps to `scale-y-0`:

    .scale-y-0 {
      --tw-scale-y: 0;
    }
-}
scaleY0 : Attribute msg
scaleY0 =
    class "scale-y-0"


{-| Maps to `scale-y-50`:

    .scale-y-50 {
      --tw-scale-y: 0.5;
    }
-}
scaleY50 : Attribute msg
scaleY50 =
    class "scale-y-50"


{-| Maps to `scale-y-75`:

    .scale-y-75 {
      --tw-scale-y: 0.75;
    }
-}
scaleY75 : Attribute msg
scaleY75 =
    class "scale-y-75"


{-| Maps to `scale-y-90`:

    .scale-y-90 {
      --tw-scale-y: 0.9;
    }
-}
scaleY90 : Attribute msg
scaleY90 =
    class "scale-y-90"


{-| Maps to `scale-y-95`:

    .scale-y-95 {
      --tw-scale-y: 0.95;
    }
-}
scaleY95 : Attribute msg
scaleY95 =
    class "scale-y-95"


{-| Maps to `scale-y-100`:

    .scale-y-100 {
      --tw-scale-y: 1;
    }
-}
scaleY100 : Attribute msg
scaleY100 =
    class "scale-y-100"


{-| Maps to `scale-y-105`:

    .scale-y-105 {
      --tw-scale-y: 1.05;
    }
-}
scaleY105 : Attribute msg
scaleY105 =
    class "scale-y-105"


{-| Maps to `scale-y-110`:

    .scale-y-110 {
      --tw-scale-y: 1.1;
    }
-}
scaleY110 : Attribute msg
scaleY110 =
    class "scale-y-110"


{-| Maps to `scale-y-125`:

    .scale-y-125 {
      --tw-scale-y: 1.25;
    }
-}
scaleY125 : Attribute msg
scaleY125 =
    class "scale-y-125"


{-| Maps to `scale-y-150`:

    .scale-y-150 {
      --tw-scale-y: 1.5;
    }
-}
scaleY150 : Attribute msg
scaleY150 =
    class "scale-y-150"


{-| Maps to `hover:scale-x-0`:

    .hover\:scale-x-0:hover {
      --tw-scale-x: 0;
    }
-}
hoverScaleX0 : Attribute msg
hoverScaleX0 =
    class "hover:scale-x-0"


{-| Maps to `hover:scale-x-50`:

    .hover\:scale-x-50:hover {
      --tw-scale-x: 0.5;
    }
-}
hoverScaleX50 : Attribute msg
hoverScaleX50 =
    class "hover:scale-x-50"


{-| Maps to `hover:scale-x-75`:

    .hover\:scale-x-75:hover {
      --tw-scale-x: 0.75;
    }
-}
hoverScaleX75 : Attribute msg
hoverScaleX75 =
    class "hover:scale-x-75"


{-| Maps to `hover:scale-x-90`:

    .hover\:scale-x-90:hover {
      --tw-scale-x: 0.9;
    }
-}
hoverScaleX90 : Attribute msg
hoverScaleX90 =
    class "hover:scale-x-90"


{-| Maps to `hover:scale-x-95`:

    .hover\:scale-x-95:hover {
      --tw-scale-x: 0.95;
    }
-}
hoverScaleX95 : Attribute msg
hoverScaleX95 =
    class "hover:scale-x-95"


{-| Maps to `hover:scale-x-100`:

    .hover\:scale-x-100:hover {
      --tw-scale-x: 1;
    }
-}
hoverScaleX100 : Attribute msg
hoverScaleX100 =
    class "hover:scale-x-100"


{-| Maps to `hover:scale-x-105`:

    .hover\:scale-x-105:hover {
      --tw-scale-x: 1.05;
    }
-}
hoverScaleX105 : Attribute msg
hoverScaleX105 =
    class "hover:scale-x-105"


{-| Maps to `hover:scale-x-110`:

    .hover\:scale-x-110:hover {
      --tw-scale-x: 1.1;
    }
-}
hoverScaleX110 : Attribute msg
hoverScaleX110 =
    class "hover:scale-x-110"


{-| Maps to `hover:scale-x-125`:

    .hover\:scale-x-125:hover {
      --tw-scale-x: 1.25;
    }
-}
hoverScaleX125 : Attribute msg
hoverScaleX125 =
    class "hover:scale-x-125"


{-| Maps to `hover:scale-x-150`:

    .hover\:scale-x-150:hover {
      --tw-scale-x: 1.5;
    }
-}
hoverScaleX150 : Attribute msg
hoverScaleX150 =
    class "hover:scale-x-150"


{-| Maps to `hover:scale-y-0`:

    .hover\:scale-y-0:hover {
      --tw-scale-y: 0;
    }
-}
hoverScaleY0 : Attribute msg
hoverScaleY0 =
    class "hover:scale-y-0"


{-| Maps to `hover:scale-y-50`:

    .hover\:scale-y-50:hover {
      --tw-scale-y: 0.5;
    }
-}
hoverScaleY50 : Attribute msg
hoverScaleY50 =
    class "hover:scale-y-50"


{-| Maps to `hover:scale-y-75`:

    .hover\:scale-y-75:hover {
      --tw-scale-y: 0.75;
    }
-}
hoverScaleY75 : Attribute msg
hoverScaleY75 =
    class "hover:scale-y-75"


{-| Maps to `hover:scale-y-90`:

    .hover\:scale-y-90:hover {
      --tw-scale-y: 0.9;
    }
-}
hoverScaleY90 : Attribute msg
hoverScaleY90 =
    class "hover:scale-y-90"


{-| Maps to `hover:scale-y-95`:

    .hover\:scale-y-95:hover {
      --tw-scale-y: 0.95;
    }
-}
hoverScaleY95 : Attribute msg
hoverScaleY95 =
    class "hover:scale-y-95"


{-| Maps to `hover:scale-y-100`:

    .hover\:scale-y-100:hover {
      --tw-scale-y: 1;
    }
-}
hoverScaleY100 : Attribute msg
hoverScaleY100 =
    class "hover:scale-y-100"


{-| Maps to `hover:scale-y-105`:

    .hover\:scale-y-105:hover {
      --tw-scale-y: 1.05;
    }
-}
hoverScaleY105 : Attribute msg
hoverScaleY105 =
    class "hover:scale-y-105"


{-| Maps to `hover:scale-y-110`:

    .hover\:scale-y-110:hover {
      --tw-scale-y: 1.1;
    }
-}
hoverScaleY110 : Attribute msg
hoverScaleY110 =
    class "hover:scale-y-110"


{-| Maps to `hover:scale-y-125`:

    .hover\:scale-y-125:hover {
      --tw-scale-y: 1.25;
    }
-}
hoverScaleY125 : Attribute msg
hoverScaleY125 =
    class "hover:scale-y-125"


{-| Maps to `hover:scale-y-150`:

    .hover\:scale-y-150:hover {
      --tw-scale-y: 1.5;
    }
-}
hoverScaleY150 : Attribute msg
hoverScaleY150 =
    class "hover:scale-y-150"


{-| Maps to `focus:scale-x-0`:

    .focus\:scale-x-0:focus {
      --tw-scale-x: 0;
    }
-}
focusScaleX0 : Attribute msg
focusScaleX0 =
    class "focus:scale-x-0"


{-| Maps to `focus:scale-x-50`:

    .focus\:scale-x-50:focus {
      --tw-scale-x: 0.5;
    }
-}
focusScaleX50 : Attribute msg
focusScaleX50 =
    class "focus:scale-x-50"


{-| Maps to `focus:scale-x-75`:

    .focus\:scale-x-75:focus {
      --tw-scale-x: 0.75;
    }
-}
focusScaleX75 : Attribute msg
focusScaleX75 =
    class "focus:scale-x-75"


{-| Maps to `focus:scale-x-90`:

    .focus\:scale-x-90:focus {
      --tw-scale-x: 0.9;
    }
-}
focusScaleX90 : Attribute msg
focusScaleX90 =
    class "focus:scale-x-90"


{-| Maps to `focus:scale-x-95`:

    .focus\:scale-x-95:focus {
      --tw-scale-x: 0.95;
    }
-}
focusScaleX95 : Attribute msg
focusScaleX95 =
    class "focus:scale-x-95"


{-| Maps to `focus:scale-x-100`:

    .focus\:scale-x-100:focus {
      --tw-scale-x: 1;
    }
-}
focusScaleX100 : Attribute msg
focusScaleX100 =
    class "focus:scale-x-100"


{-| Maps to `focus:scale-x-105`:

    .focus\:scale-x-105:focus {
      --tw-scale-x: 1.05;
    }
-}
focusScaleX105 : Attribute msg
focusScaleX105 =
    class "focus:scale-x-105"


{-| Maps to `focus:scale-x-110`:

    .focus\:scale-x-110:focus {
      --tw-scale-x: 1.1;
    }
-}
focusScaleX110 : Attribute msg
focusScaleX110 =
    class "focus:scale-x-110"


{-| Maps to `focus:scale-x-125`:

    .focus\:scale-x-125:focus {
      --tw-scale-x: 1.25;
    }
-}
focusScaleX125 : Attribute msg
focusScaleX125 =
    class "focus:scale-x-125"


{-| Maps to `focus:scale-x-150`:

    .focus\:scale-x-150:focus {
      --tw-scale-x: 1.5;
    }
-}
focusScaleX150 : Attribute msg
focusScaleX150 =
    class "focus:scale-x-150"


{-| Maps to `focus:scale-y-0`:

    .focus\:scale-y-0:focus {
      --tw-scale-y: 0;
    }
-}
focusScaleY0 : Attribute msg
focusScaleY0 =
    class "focus:scale-y-0"


{-| Maps to `focus:scale-y-50`:

    .focus\:scale-y-50:focus {
      --tw-scale-y: 0.5;
    }
-}
focusScaleY50 : Attribute msg
focusScaleY50 =
    class "focus:scale-y-50"


{-| Maps to `focus:scale-y-75`:

    .focus\:scale-y-75:focus {
      --tw-scale-y: 0.75;
    }
-}
focusScaleY75 : Attribute msg
focusScaleY75 =
    class "focus:scale-y-75"


{-| Maps to `focus:scale-y-90`:

    .focus\:scale-y-90:focus {
      --tw-scale-y: 0.9;
    }
-}
focusScaleY90 : Attribute msg
focusScaleY90 =
    class "focus:scale-y-90"


{-| Maps to `focus:scale-y-95`:

    .focus\:scale-y-95:focus {
      --tw-scale-y: 0.95;
    }
-}
focusScaleY95 : Attribute msg
focusScaleY95 =
    class "focus:scale-y-95"


{-| Maps to `focus:scale-y-100`:

    .focus\:scale-y-100:focus {
      --tw-scale-y: 1;
    }
-}
focusScaleY100 : Attribute msg
focusScaleY100 =
    class "focus:scale-y-100"


{-| Maps to `focus:scale-y-105`:

    .focus\:scale-y-105:focus {
      --tw-scale-y: 1.05;
    }
-}
focusScaleY105 : Attribute msg
focusScaleY105 =
    class "focus:scale-y-105"


{-| Maps to `focus:scale-y-110`:

    .focus\:scale-y-110:focus {
      --tw-scale-y: 1.1;
    }
-}
focusScaleY110 : Attribute msg
focusScaleY110 =
    class "focus:scale-y-110"


{-| Maps to `focus:scale-y-125`:

    .focus\:scale-y-125:focus {
      --tw-scale-y: 1.25;
    }
-}
focusScaleY125 : Attribute msg
focusScaleY125 =
    class "focus:scale-y-125"


{-| Maps to `focus:scale-y-150`:

    .focus\:scale-y-150:focus {
      --tw-scale-y: 1.5;
    }
-}
focusScaleY150 : Attribute msg
focusScaleY150 =
    class "focus:scale-y-150"


{-| Maps to `animate-none`:

    .animate-none {
      animation: none;
    }
-}
animateNone : Attribute msg
animateNone =
    class "animate-none"


{-| Maps to `animate-spin`:

    .animate-spin {
      animation: spin 1s linear infinite;
    }
-}
animateSpin : Attribute msg
animateSpin =
    class "animate-spin"


{-| Maps to `animate-ping`:

    .animate-ping {
      animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    }
-}
animatePing : Attribute msg
animatePing =
    class "animate-ping"


{-| Maps to `animate-pulse`:

    .animate-pulse {
      animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
-}
animatePulse : Attribute msg
animatePulse =
    class "animate-pulse"


{-| Maps to `animate-bounce`:

    .animate-bounce {
      animation: bounce 1s infinite;
    }
-}
animateBounce : Attribute msg
animateBounce =
    class "animate-bounce"


{-| Maps to `cursor-auto`:

    .cursor-auto {
      cursor: auto;
    }
-}
cursorAuto : Attribute msg
cursorAuto =
    class "cursor-auto"


{-| Maps to `cursor-default`:

    .cursor-default {
      cursor: default;
    }
-}
cursorDefault : Attribute msg
cursorDefault =
    class "cursor-default"


{-| Maps to `cursor-pointer`:

    .cursor-pointer {
      cursor: pointer;
    }
-}
cursorPointer : Attribute msg
cursorPointer =
    class "cursor-pointer"


{-| Maps to `cursor-wait`:

    .cursor-wait {
      cursor: wait;
    }
-}
cursorWait : Attribute msg
cursorWait =
    class "cursor-wait"


{-| Maps to `cursor-text`:

    .cursor-text {
      cursor: text;
    }
-}
cursorText : Attribute msg
cursorText =
    class "cursor-text"


{-| Maps to `cursor-move`:

    .cursor-move {
      cursor: move;
    }
-}
cursorMove : Attribute msg
cursorMove =
    class "cursor-move"


{-| Maps to `cursor-help`:

    .cursor-help {
      cursor: help;
    }
-}
cursorHelp : Attribute msg
cursorHelp =
    class "cursor-help"


{-| Maps to `cursor-not-allowed`:

    .cursor-not-allowed {
      cursor: not-allowed;
    }
-}
cursorNotAllowed : Attribute msg
cursorNotAllowed =
    class "cursor-not-allowed"


{-| Maps to `select-none`:

    .select-none {
      -webkit-user-select: none;
      user-select: none;
    }
-}
selectNone : Attribute msg
selectNone =
    class "select-none"


{-| Maps to `select-text`:

    .select-text {
      -webkit-user-select: text;
      user-select: text;
    }
-}
selectText : Attribute msg
selectText =
    class "select-text"


{-| Maps to `select-all`:

    .select-all {
      -webkit-user-select: all;
      user-select: all;
    }
-}
selectAll : Attribute msg
selectAll =
    class "select-all"


{-| Maps to `select-auto`:

    .select-auto {
      -webkit-user-select: auto;
      user-select: auto;
    }
-}
selectAuto : Attribute msg
selectAuto =
    class "select-auto"


{-| Maps to `resize-none`:

    .resize-none {
      resize: none;
    }
-}
resizeNone : Attribute msg
resizeNone =
    class "resize-none"


{-| Maps to `resize-y`:

    .resize-y {
      resize: vertical;
    }
-}
resizeY : Attribute msg
resizeY =
    class "resize-y"


{-| Maps to `resize-x`:

    .resize-x {
      resize: horizontal;
    }
-}
resizeX : Attribute msg
resizeX =
    class "resize-x"


{-| Maps to `resize`:

    .resize {
      resize: both;
    }
-}
resize : Attribute msg
resize =
    class "resize"


{-| Maps to `list-inside`:

    .list-inside {
      list-style-position: inside;
    }
-}
listInside : Attribute msg
listInside =
    class "list-inside"


{-| Maps to `list-outside`:

    .list-outside {
      list-style-position: outside;
    }
-}
listOutside : Attribute msg
listOutside =
    class "list-outside"


{-| Maps to `list-none`:

    .list-none {
      list-style-type: none;
    }
-}
listNone : Attribute msg
listNone =
    class "list-none"


{-| Maps to `list-disc`:

    .list-disc {
      list-style-type: disc;
    }
-}
listDisc : Attribute msg
listDisc =
    class "list-disc"


{-| Maps to `list-decimal`:

    .list-decimal {
      list-style-type: decimal;
    }
-}
listDecimal : Attribute msg
listDecimal =
    class "list-decimal"


{-| Maps to `appearance-none`:

    .appearance-none {
      -webkit-appearance: none;
      appearance: none;
    }
-}
appearanceNone : Attribute msg
appearanceNone =
    class "appearance-none"


{-| Maps to `auto-cols-auto`:

    .auto-cols-auto {
      grid-auto-columns: auto;
    }
-}
autoColsAuto : Attribute msg
autoColsAuto =
    class "auto-cols-auto"


{-| Maps to `auto-cols-min`:

    .auto-cols-min {
      grid-auto-columns: min-content;
    }
-}
autoColsMin : Attribute msg
autoColsMin =
    class "auto-cols-min"


{-| Maps to `auto-cols-max`:

    .auto-cols-max {
      grid-auto-columns: max-content;
    }
-}
autoColsMax : Attribute msg
autoColsMax =
    class "auto-cols-max"


{-| Maps to `auto-cols-fr`:

    .auto-cols-fr {
      grid-auto-columns: minmax(0, 1fr);
    }
-}
autoColsFr : Attribute msg
autoColsFr =
    class "auto-cols-fr"


{-| Maps to `grid-flow-row`:

    .grid-flow-row {
      grid-auto-flow: row;
    }
-}
gridFlowRow : Attribute msg
gridFlowRow =
    class "grid-flow-row"


{-| Maps to `grid-flow-col`:

    .grid-flow-col {
      grid-auto-flow: column;
    }
-}
gridFlowCol : Attribute msg
gridFlowCol =
    class "grid-flow-col"


{-| Maps to `grid-flow-row-dense`:

    .grid-flow-row-dense {
      grid-auto-flow: row dense;
    }
-}
gridFlowRowDense : Attribute msg
gridFlowRowDense =
    class "grid-flow-row-dense"


{-| Maps to `grid-flow-col-dense`:

    .grid-flow-col-dense {
      grid-auto-flow: column dense;
    }
-}
gridFlowColDense : Attribute msg
gridFlowColDense =
    class "grid-flow-col-dense"


{-| Maps to `auto-rows-auto`:

    .auto-rows-auto {
      grid-auto-rows: auto;
    }
-}
autoRowsAuto : Attribute msg
autoRowsAuto =
    class "auto-rows-auto"


{-| Maps to `auto-rows-min`:

    .auto-rows-min {
      grid-auto-rows: min-content;
    }
-}
autoRowsMin : Attribute msg
autoRowsMin =
    class "auto-rows-min"


{-| Maps to `auto-rows-max`:

    .auto-rows-max {
      grid-auto-rows: max-content;
    }
-}
autoRowsMax : Attribute msg
autoRowsMax =
    class "auto-rows-max"


{-| Maps to `auto-rows-fr`:

    .auto-rows-fr {
      grid-auto-rows: minmax(0, 1fr);
    }
-}
autoRowsFr : Attribute msg
autoRowsFr =
    class "auto-rows-fr"


{-| Maps to `grid-cols-1`:

    .grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
-}
gridCols1 : Attribute msg
gridCols1 =
    class "grid-cols-1"


{-| Maps to `grid-cols-2`:

    .grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
-}
gridCols2 : Attribute msg
gridCols2 =
    class "grid-cols-2"


{-| Maps to `grid-cols-3`:

    .grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
-}
gridCols3 : Attribute msg
gridCols3 =
    class "grid-cols-3"


{-| Maps to `grid-cols-4`:

    .grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
-}
gridCols4 : Attribute msg
gridCols4 =
    class "grid-cols-4"


{-| Maps to `grid-cols-5`:

    .grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
-}
gridCols5 : Attribute msg
gridCols5 =
    class "grid-cols-5"


{-| Maps to `grid-cols-6`:

    .grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
-}
gridCols6 : Attribute msg
gridCols6 =
    class "grid-cols-6"


{-| Maps to `grid-cols-7`:

    .grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
-}
gridCols7 : Attribute msg
gridCols7 =
    class "grid-cols-7"


{-| Maps to `grid-cols-8`:

    .grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
-}
gridCols8 : Attribute msg
gridCols8 =
    class "grid-cols-8"


{-| Maps to `grid-cols-9`:

    .grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
-}
gridCols9 : Attribute msg
gridCols9 =
    class "grid-cols-9"


{-| Maps to `grid-cols-10`:

    .grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
-}
gridCols10 : Attribute msg
gridCols10 =
    class "grid-cols-10"


{-| Maps to `grid-cols-11`:

    .grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
-}
gridCols11 : Attribute msg
gridCols11 =
    class "grid-cols-11"


{-| Maps to `grid-cols-12`:

    .grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
-}
gridCols12 : Attribute msg
gridCols12 =
    class "grid-cols-12"


{-| Maps to `grid-cols-none`:

    .grid-cols-none {
      grid-template-columns: none;
    }
-}
gridColsNone : Attribute msg
gridColsNone =
    class "grid-cols-none"


{-| Maps to `grid-rows-1`:

    .grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
-}
gridRows1 : Attribute msg
gridRows1 =
    class "grid-rows-1"


{-| Maps to `grid-rows-2`:

    .grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
-}
gridRows2 : Attribute msg
gridRows2 =
    class "grid-rows-2"


{-| Maps to `grid-rows-3`:

    .grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
-}
gridRows3 : Attribute msg
gridRows3 =
    class "grid-rows-3"


{-| Maps to `grid-rows-4`:

    .grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
-}
gridRows4 : Attribute msg
gridRows4 =
    class "grid-rows-4"


{-| Maps to `grid-rows-5`:

    .grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
-}
gridRows5 : Attribute msg
gridRows5 =
    class "grid-rows-5"


{-| Maps to `grid-rows-6`:

    .grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
-}
gridRows6 : Attribute msg
gridRows6 =
    class "grid-rows-6"


{-| Maps to `grid-rows-none`:

    .grid-rows-none {
      grid-template-rows: none;
    }
-}
gridRowsNone : Attribute msg
gridRowsNone =
    class "grid-rows-none"


{-| Maps to `flex-row`:

    .flex-row {
      flex-direction: row;
    }
-}
flexRow : Attribute msg
flexRow =
    class "flex-row"


{-| Maps to `flex-row-reverse`:

    .flex-row-reverse {
      flex-direction: row-reverse;
    }
-}
flexRowReverse : Attribute msg
flexRowReverse =
    class "flex-row-reverse"


{-| Maps to `flex-col`:

    .flex-col {
      flex-direction: column;
    }
-}
flexCol : Attribute msg
flexCol =
    class "flex-col"


{-| Maps to `flex-col-reverse`:

    .flex-col-reverse {
      flex-direction: column-reverse;
    }
-}
flexColReverse : Attribute msg
flexColReverse =
    class "flex-col-reverse"


{-| Maps to `flex-wrap`:

    .flex-wrap {
      flex-wrap: wrap;
    }
-}
flexWrap : Attribute msg
flexWrap =
    class "flex-wrap"


{-| Maps to `flex-wrap-reverse`:

    .flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
-}
flexWrapReverse : Attribute msg
flexWrapReverse =
    class "flex-wrap-reverse"


{-| Maps to `flex-nowrap`:

    .flex-nowrap {
      flex-wrap: nowrap;
    }
-}
flexNowrap : Attribute msg
flexNowrap =
    class "flex-nowrap"


{-| Maps to `place-content-center`:

    .place-content-center {
      place-content: center;
    }
-}
placeContentCenter : Attribute msg
placeContentCenter =
    class "place-content-center"


{-| Maps to `place-content-start`:

    .place-content-start {
      place-content: start;
    }
-}
placeContentStart : Attribute msg
placeContentStart =
    class "place-content-start"


{-| Maps to `place-content-end`:

    .place-content-end {
      place-content: end;
    }
-}
placeContentEnd : Attribute msg
placeContentEnd =
    class "place-content-end"


{-| Maps to `place-content-between`:

    .place-content-between {
      place-content: space-between;
    }
-}
placeContentBetween : Attribute msg
placeContentBetween =
    class "place-content-between"


{-| Maps to `place-content-around`:

    .place-content-around {
      place-content: space-around;
    }
-}
placeContentAround : Attribute msg
placeContentAround =
    class "place-content-around"


{-| Maps to `place-content-evenly`:

    .place-content-evenly {
      place-content: space-evenly;
    }
-}
placeContentEvenly : Attribute msg
placeContentEvenly =
    class "place-content-evenly"


{-| Maps to `place-content-stretch`:

    .place-content-stretch {
      place-content: stretch;
    }
-}
placeContentStretch : Attribute msg
placeContentStretch =
    class "place-content-stretch"


{-| Maps to `place-items-start`:

    .place-items-start {
      place-items: start;
    }
-}
placeItemsStart : Attribute msg
placeItemsStart =
    class "place-items-start"


{-| Maps to `place-items-end`:

    .place-items-end {
      place-items: end;
    }
-}
placeItemsEnd : Attribute msg
placeItemsEnd =
    class "place-items-end"


{-| Maps to `place-items-center`:

    .place-items-center {
      place-items: center;
    }
-}
placeItemsCenter : Attribute msg
placeItemsCenter =
    class "place-items-center"


{-| Maps to `place-items-stretch`:

    .place-items-stretch {
      place-items: stretch;
    }
-}
placeItemsStretch : Attribute msg
placeItemsStretch =
    class "place-items-stretch"


{-| Maps to `content-center`:

    .content-center {
      align-content: center;
    }
-}
contentCenter : Attribute msg
contentCenter =
    class "content-center"


{-| Maps to `content-start`:

    .content-start {
      align-content: flex-start;
    }
-}
contentStart : Attribute msg
contentStart =
    class "content-start"


{-| Maps to `content-end`:

    .content-end {
      align-content: flex-end;
    }
-}
contentEnd : Attribute msg
contentEnd =
    class "content-end"


{-| Maps to `content-between`:

    .content-between {
      align-content: space-between;
    }
-}
contentBetween : Attribute msg
contentBetween =
    class "content-between"


{-| Maps to `content-around`:

    .content-around {
      align-content: space-around;
    }
-}
contentAround : Attribute msg
contentAround =
    class "content-around"


{-| Maps to `content-evenly`:

    .content-evenly {
      align-content: space-evenly;
    }
-}
contentEvenly : Attribute msg
contentEvenly =
    class "content-evenly"


{-| Maps to `items-start`:

    .items-start {
      align-items: flex-start;
    }
-}
itemsStart : Attribute msg
itemsStart =
    class "items-start"


{-| Maps to `items-end`:

    .items-end {
      align-items: flex-end;
    }
-}
itemsEnd : Attribute msg
itemsEnd =
    class "items-end"


{-| Maps to `items-center`:

    .items-center {
      align-items: center;
    }
-}
itemsCenter : Attribute msg
itemsCenter =
    class "items-center"


{-| Maps to `items-baseline`:

    .items-baseline {
      align-items: baseline;
    }
-}
itemsBaseline : Attribute msg
itemsBaseline =
    class "items-baseline"


{-| Maps to `items-stretch`:

    .items-stretch {
      align-items: stretch;
    }
-}
itemsStretch : Attribute msg
itemsStretch =
    class "items-stretch"


{-| Maps to `justify-start`:

    .justify-start {
      justify-content: flex-start;
    }
-}
justifyStart : Attribute msg
justifyStart =
    class "justify-start"


{-| Maps to `justify-end`:

    .justify-end {
      justify-content: flex-end;
    }
-}
justifyEnd : Attribute msg
justifyEnd =
    class "justify-end"


{-| Maps to `justify-center`:

    .justify-center {
      justify-content: center;
    }
-}
justifyCenter : Attribute msg
justifyCenter =
    class "justify-center"


{-| Maps to `justify-between`:

    .justify-between {
      justify-content: space-between;
    }
-}
justifyBetween : Attribute msg
justifyBetween =
    class "justify-between"


{-| Maps to `justify-around`:

    .justify-around {
      justify-content: space-around;
    }
-}
justifyAround : Attribute msg
justifyAround =
    class "justify-around"


{-| Maps to `justify-evenly`:

    .justify-evenly {
      justify-content: space-evenly;
    }
-}
justifyEvenly : Attribute msg
justifyEvenly =
    class "justify-evenly"


{-| Maps to `justify-items-start`:

    .justify-items-start {
      justify-items: start;
    }
-}
justifyItemsStart : Attribute msg
justifyItemsStart =
    class "justify-items-start"


{-| Maps to `justify-items-end`:

    .justify-items-end {
      justify-items: end;
    }
-}
justifyItemsEnd : Attribute msg
justifyItemsEnd =
    class "justify-items-end"


{-| Maps to `justify-items-center`:

    .justify-items-center {
      justify-items: center;
    }
-}
justifyItemsCenter : Attribute msg
justifyItemsCenter =
    class "justify-items-center"


{-| Maps to `justify-items-stretch`:

    .justify-items-stretch {
      justify-items: stretch;
    }
-}
justifyItemsStretch : Attribute msg
justifyItemsStretch =
    class "justify-items-stretch"


{-| Maps to `gap-0`:

    .gap-0 {
      gap: 0;
    }
-}
gap0 : Attribute msg
gap0 =
    class "gap-0"


{-| Maps to `gap-1`:

    .gap-1 {
      gap: 0.25rem;
    }
-}
gap1 : Attribute msg
gap1 =
    class "gap-1"


{-| Maps to `gap-2`:

    .gap-2 {
      gap: 0.5rem;
    }
-}
gap2 : Attribute msg
gap2 =
    class "gap-2"


{-| Maps to `gap-3`:

    .gap-3 {
      gap: 0.75rem;
    }
-}
gap3 : Attribute msg
gap3 =
    class "gap-3"


{-| Maps to `gap-4`:

    .gap-4 {
      gap: 1rem;
    }
-}
gap4 : Attribute msg
gap4 =
    class "gap-4"


{-| Maps to `gap-5`:

    .gap-5 {
      gap: 1.25rem;
    }
-}
gap5 : Attribute msg
gap5 =
    class "gap-5"


{-| Maps to `gap-6`:

    .gap-6 {
      gap: 1.5rem;
    }
-}
gap6 : Attribute msg
gap6 =
    class "gap-6"


{-| Maps to `gap-7`:

    .gap-7 {
      gap: 1.75rem;
    }
-}
gap7 : Attribute msg
gap7 =
    class "gap-7"


{-| Maps to `gap-8`:

    .gap-8 {
      gap: 2rem;
    }
-}
gap8 : Attribute msg
gap8 =
    class "gap-8"


{-| Maps to `gap-9`:

    .gap-9 {
      gap: 2.25rem;
    }
-}
gap9 : Attribute msg
gap9 =
    class "gap-9"


{-| Maps to `gap-10`:

    .gap-10 {
      gap: 2.5rem;
    }
-}
gap10 : Attribute msg
gap10 =
    class "gap-10"


{-| Maps to `gap-11`:

    .gap-11 {
      gap: 2.75rem;
    }
-}
gap11 : Attribute msg
gap11 =
    class "gap-11"


{-| Maps to `gap-12`:

    .gap-12 {
      gap: 3rem;
    }
-}
gap12 : Attribute msg
gap12 =
    class "gap-12"


{-| Maps to `gap-14`:

    .gap-14 {
      gap: 3.5rem;
    }
-}
gap14 : Attribute msg
gap14 =
    class "gap-14"


{-| Maps to `gap-16`:

    .gap-16 {
      gap: 4rem;
    }
-}
gap16 : Attribute msg
gap16 =
    class "gap-16"


{-| Maps to `gap-20`:

    .gap-20 {
      gap: 5rem;
    }
-}
gap20 : Attribute msg
gap20 =
    class "gap-20"


{-| Maps to `gap-24`:

    .gap-24 {
      gap: 6rem;
    }
-}
gap24 : Attribute msg
gap24 =
    class "gap-24"


{-| Maps to `gap-28`:

    .gap-28 {
      gap: 7rem;
    }
-}
gap28 : Attribute msg
gap28 =
    class "gap-28"


{-| Maps to `gap-32`:

    .gap-32 {
      gap: 8rem;
    }
-}
gap32 : Attribute msg
gap32 =
    class "gap-32"


{-| Maps to `gap-36`:

    .gap-36 {
      gap: 9rem;
    }
-}
gap36 : Attribute msg
gap36 =
    class "gap-36"


{-| Maps to `gap-40`:

    .gap-40 {
      gap: 10rem;
    }
-}
gap40 : Attribute msg
gap40 =
    class "gap-40"


{-| Maps to `gap-44`:

    .gap-44 {
      gap: 11rem;
    }
-}
gap44 : Attribute msg
gap44 =
    class "gap-44"


{-| Maps to `gap-48`:

    .gap-48 {
      gap: 12rem;
    }
-}
gap48 : Attribute msg
gap48 =
    class "gap-48"


{-| Maps to `gap-52`:

    .gap-52 {
      gap: 13rem;
    }
-}
gap52 : Attribute msg
gap52 =
    class "gap-52"


{-| Maps to `gap-56`:

    .gap-56 {
      gap: 14rem;
    }
-}
gap56 : Attribute msg
gap56 =
    class "gap-56"


{-| Maps to `gap-60`:

    .gap-60 {
      gap: 15rem;
    }
-}
gap60 : Attribute msg
gap60 =
    class "gap-60"


{-| Maps to `gap-64`:

    .gap-64 {
      gap: 16rem;
    }
-}
gap64 : Attribute msg
gap64 =
    class "gap-64"


{-| Maps to `gap-72`:

    .gap-72 {
      gap: 18rem;
    }
-}
gap72 : Attribute msg
gap72 =
    class "gap-72"


{-| Maps to `gap-80`:

    .gap-80 {
      gap: 20rem;
    }
-}
gap80 : Attribute msg
gap80 =
    class "gap-80"


{-| Maps to `gap-96`:

    .gap-96 {
      gap: 24rem;
    }
-}
gap96 : Attribute msg
gap96 =
    class "gap-96"


{-| Maps to `gap-px`:

    .gap-px {
      gap: 1px;
    }
-}
gapPx : Attribute msg
gapPx =
    class "gap-px"


{-| Maps to `gap-0.5`:

    .gap-0\.5 {
      gap: 0.125rem;
    }
-}
gap0o5 : Attribute msg
gap0o5 =
    class "gap-0.5"


{-| Maps to `gap-1.5`:

    .gap-1\.5 {
      gap: 0.375rem;
    }
-}
gap1o5 : Attribute msg
gap1o5 =
    class "gap-1.5"


{-| Maps to `gap-2.5`:

    .gap-2\.5 {
      gap: 0.625rem;
    }
-}
gap2o5 : Attribute msg
gap2o5 =
    class "gap-2.5"


{-| Maps to `gap-3.5`:

    .gap-3\.5 {
      gap: 0.875rem;
    }
-}
gap3o5 : Attribute msg
gap3o5 =
    class "gap-3.5"


{-| Maps to `gap-x-0`:

    .gap-x-0 {
      column-gap: 0;
    }
-}
gapX0 : Attribute msg
gapX0 =
    class "gap-x-0"


{-| Maps to `gap-x-1`:

    .gap-x-1 {
      column-gap: 0.25rem;
    }
-}
gapX1 : Attribute msg
gapX1 =
    class "gap-x-1"


{-| Maps to `gap-x-2`:

    .gap-x-2 {
      column-gap: 0.5rem;
    }
-}
gapX2 : Attribute msg
gapX2 =
    class "gap-x-2"


{-| Maps to `gap-x-3`:

    .gap-x-3 {
      column-gap: 0.75rem;
    }
-}
gapX3 : Attribute msg
gapX3 =
    class "gap-x-3"


{-| Maps to `gap-x-4`:

    .gap-x-4 {
      column-gap: 1rem;
    }
-}
gapX4 : Attribute msg
gapX4 =
    class "gap-x-4"


{-| Maps to `gap-x-5`:

    .gap-x-5 {
      column-gap: 1.25rem;
    }
-}
gapX5 : Attribute msg
gapX5 =
    class "gap-x-5"


{-| Maps to `gap-x-6`:

    .gap-x-6 {
      column-gap: 1.5rem;
    }
-}
gapX6 : Attribute msg
gapX6 =
    class "gap-x-6"


{-| Maps to `gap-x-7`:

    .gap-x-7 {
      column-gap: 1.75rem;
    }
-}
gapX7 : Attribute msg
gapX7 =
    class "gap-x-7"


{-| Maps to `gap-x-8`:

    .gap-x-8 {
      column-gap: 2rem;
    }
-}
gapX8 : Attribute msg
gapX8 =
    class "gap-x-8"


{-| Maps to `gap-x-9`:

    .gap-x-9 {
      column-gap: 2.25rem;
    }
-}
gapX9 : Attribute msg
gapX9 =
    class "gap-x-9"


{-| Maps to `gap-x-10`:

    .gap-x-10 {
      column-gap: 2.5rem;
    }
-}
gapX10 : Attribute msg
gapX10 =
    class "gap-x-10"


{-| Maps to `gap-x-11`:

    .gap-x-11 {
      column-gap: 2.75rem;
    }
-}
gapX11 : Attribute msg
gapX11 =
    class "gap-x-11"


{-| Maps to `gap-x-12`:

    .gap-x-12 {
      column-gap: 3rem;
    }
-}
gapX12 : Attribute msg
gapX12 =
    class "gap-x-12"


{-| Maps to `gap-x-14`:

    .gap-x-14 {
      column-gap: 3.5rem;
    }
-}
gapX14 : Attribute msg
gapX14 =
    class "gap-x-14"


{-| Maps to `gap-x-16`:

    .gap-x-16 {
      column-gap: 4rem;
    }
-}
gapX16 : Attribute msg
gapX16 =
    class "gap-x-16"


{-| Maps to `gap-x-20`:

    .gap-x-20 {
      column-gap: 5rem;
    }
-}
gapX20 : Attribute msg
gapX20 =
    class "gap-x-20"


{-| Maps to `gap-x-24`:

    .gap-x-24 {
      column-gap: 6rem;
    }
-}
gapX24 : Attribute msg
gapX24 =
    class "gap-x-24"


{-| Maps to `gap-x-28`:

    .gap-x-28 {
      column-gap: 7rem;
    }
-}
gapX28 : Attribute msg
gapX28 =
    class "gap-x-28"


{-| Maps to `gap-x-32`:

    .gap-x-32 {
      column-gap: 8rem;
    }
-}
gapX32 : Attribute msg
gapX32 =
    class "gap-x-32"


{-| Maps to `gap-x-36`:

    .gap-x-36 {
      column-gap: 9rem;
    }
-}
gapX36 : Attribute msg
gapX36 =
    class "gap-x-36"


{-| Maps to `gap-x-40`:

    .gap-x-40 {
      column-gap: 10rem;
    }
-}
gapX40 : Attribute msg
gapX40 =
    class "gap-x-40"


{-| Maps to `gap-x-44`:

    .gap-x-44 {
      column-gap: 11rem;
    }
-}
gapX44 : Attribute msg
gapX44 =
    class "gap-x-44"


{-| Maps to `gap-x-48`:

    .gap-x-48 {
      column-gap: 12rem;
    }
-}
gapX48 : Attribute msg
gapX48 =
    class "gap-x-48"


{-| Maps to `gap-x-52`:

    .gap-x-52 {
      column-gap: 13rem;
    }
-}
gapX52 : Attribute msg
gapX52 =
    class "gap-x-52"


{-| Maps to `gap-x-56`:

    .gap-x-56 {
      column-gap: 14rem;
    }
-}
gapX56 : Attribute msg
gapX56 =
    class "gap-x-56"


{-| Maps to `gap-x-60`:

    .gap-x-60 {
      column-gap: 15rem;
    }
-}
gapX60 : Attribute msg
gapX60 =
    class "gap-x-60"


{-| Maps to `gap-x-64`:

    .gap-x-64 {
      column-gap: 16rem;
    }
-}
gapX64 : Attribute msg
gapX64 =
    class "gap-x-64"


{-| Maps to `gap-x-72`:

    .gap-x-72 {
      column-gap: 18rem;
    }
-}
gapX72 : Attribute msg
gapX72 =
    class "gap-x-72"


{-| Maps to `gap-x-80`:

    .gap-x-80 {
      column-gap: 20rem;
    }
-}
gapX80 : Attribute msg
gapX80 =
    class "gap-x-80"


{-| Maps to `gap-x-96`:

    .gap-x-96 {
      column-gap: 24rem;
    }
-}
gapX96 : Attribute msg
gapX96 =
    class "gap-x-96"


{-| Maps to `gap-x-px`:

    .gap-x-px {
      column-gap: 1px;
    }
-}
gapXPx : Attribute msg
gapXPx =
    class "gap-x-px"


{-| Maps to `gap-x-0.5`:

    .gap-x-0\.5 {
      column-gap: 0.125rem;
    }
-}
gapX0o5 : Attribute msg
gapX0o5 =
    class "gap-x-0.5"


{-| Maps to `gap-x-1.5`:

    .gap-x-1\.5 {
      column-gap: 0.375rem;
    }
-}
gapX1o5 : Attribute msg
gapX1o5 =
    class "gap-x-1.5"


{-| Maps to `gap-x-2.5`:

    .gap-x-2\.5 {
      column-gap: 0.625rem;
    }
-}
gapX2o5 : Attribute msg
gapX2o5 =
    class "gap-x-2.5"


{-| Maps to `gap-x-3.5`:

    .gap-x-3\.5 {
      column-gap: 0.875rem;
    }
-}
gapX3o5 : Attribute msg
gapX3o5 =
    class "gap-x-3.5"


{-| Maps to `gap-y-0`:

    .gap-y-0 {
      row-gap: 0;
    }
-}
gapY0 : Attribute msg
gapY0 =
    class "gap-y-0"


{-| Maps to `gap-y-1`:

    .gap-y-1 {
      row-gap: 0.25rem;
    }
-}
gapY1 : Attribute msg
gapY1 =
    class "gap-y-1"


{-| Maps to `gap-y-2`:

    .gap-y-2 {
      row-gap: 0.5rem;
    }
-}
gapY2 : Attribute msg
gapY2 =
    class "gap-y-2"


{-| Maps to `gap-y-3`:

    .gap-y-3 {
      row-gap: 0.75rem;
    }
-}
gapY3 : Attribute msg
gapY3 =
    class "gap-y-3"


{-| Maps to `gap-y-4`:

    .gap-y-4 {
      row-gap: 1rem;
    }
-}
gapY4 : Attribute msg
gapY4 =
    class "gap-y-4"


{-| Maps to `gap-y-5`:

    .gap-y-5 {
      row-gap: 1.25rem;
    }
-}
gapY5 : Attribute msg
gapY5 =
    class "gap-y-5"


{-| Maps to `gap-y-6`:

    .gap-y-6 {
      row-gap: 1.5rem;
    }
-}
gapY6 : Attribute msg
gapY6 =
    class "gap-y-6"


{-| Maps to `gap-y-7`:

    .gap-y-7 {
      row-gap: 1.75rem;
    }
-}
gapY7 : Attribute msg
gapY7 =
    class "gap-y-7"


{-| Maps to `gap-y-8`:

    .gap-y-8 {
      row-gap: 2rem;
    }
-}
gapY8 : Attribute msg
gapY8 =
    class "gap-y-8"


{-| Maps to `gap-y-9`:

    .gap-y-9 {
      row-gap: 2.25rem;
    }
-}
gapY9 : Attribute msg
gapY9 =
    class "gap-y-9"


{-| Maps to `gap-y-10`:

    .gap-y-10 {
      row-gap: 2.5rem;
    }
-}
gapY10 : Attribute msg
gapY10 =
    class "gap-y-10"


{-| Maps to `gap-y-11`:

    .gap-y-11 {
      row-gap: 2.75rem;
    }
-}
gapY11 : Attribute msg
gapY11 =
    class "gap-y-11"


{-| Maps to `gap-y-12`:

    .gap-y-12 {
      row-gap: 3rem;
    }
-}
gapY12 : Attribute msg
gapY12 =
    class "gap-y-12"


{-| Maps to `gap-y-14`:

    .gap-y-14 {
      row-gap: 3.5rem;
    }
-}
gapY14 : Attribute msg
gapY14 =
    class "gap-y-14"


{-| Maps to `gap-y-16`:

    .gap-y-16 {
      row-gap: 4rem;
    }
-}
gapY16 : Attribute msg
gapY16 =
    class "gap-y-16"


{-| Maps to `gap-y-20`:

    .gap-y-20 {
      row-gap: 5rem;
    }
-}
gapY20 : Attribute msg
gapY20 =
    class "gap-y-20"


{-| Maps to `gap-y-24`:

    .gap-y-24 {
      row-gap: 6rem;
    }
-}
gapY24 : Attribute msg
gapY24 =
    class "gap-y-24"


{-| Maps to `gap-y-28`:

    .gap-y-28 {
      row-gap: 7rem;
    }
-}
gapY28 : Attribute msg
gapY28 =
    class "gap-y-28"


{-| Maps to `gap-y-32`:

    .gap-y-32 {
      row-gap: 8rem;
    }
-}
gapY32 : Attribute msg
gapY32 =
    class "gap-y-32"


{-| Maps to `gap-y-36`:

    .gap-y-36 {
      row-gap: 9rem;
    }
-}
gapY36 : Attribute msg
gapY36 =
    class "gap-y-36"


{-| Maps to `gap-y-40`:

    .gap-y-40 {
      row-gap: 10rem;
    }
-}
gapY40 : Attribute msg
gapY40 =
    class "gap-y-40"


{-| Maps to `gap-y-44`:

    .gap-y-44 {
      row-gap: 11rem;
    }
-}
gapY44 : Attribute msg
gapY44 =
    class "gap-y-44"


{-| Maps to `gap-y-48`:

    .gap-y-48 {
      row-gap: 12rem;
    }
-}
gapY48 : Attribute msg
gapY48 =
    class "gap-y-48"


{-| Maps to `gap-y-52`:

    .gap-y-52 {
      row-gap: 13rem;
    }
-}
gapY52 : Attribute msg
gapY52 =
    class "gap-y-52"


{-| Maps to `gap-y-56`:

    .gap-y-56 {
      row-gap: 14rem;
    }
-}
gapY56 : Attribute msg
gapY56 =
    class "gap-y-56"


{-| Maps to `gap-y-60`:

    .gap-y-60 {
      row-gap: 15rem;
    }
-}
gapY60 : Attribute msg
gapY60 =
    class "gap-y-60"


{-| Maps to `gap-y-64`:

    .gap-y-64 {
      row-gap: 16rem;
    }
-}
gapY64 : Attribute msg
gapY64 =
    class "gap-y-64"


{-| Maps to `gap-y-72`:

    .gap-y-72 {
      row-gap: 18rem;
    }
-}
gapY72 : Attribute msg
gapY72 =
    class "gap-y-72"


{-| Maps to `gap-y-80`:

    .gap-y-80 {
      row-gap: 20rem;
    }
-}
gapY80 : Attribute msg
gapY80 =
    class "gap-y-80"


{-| Maps to `gap-y-96`:

    .gap-y-96 {
      row-gap: 24rem;
    }
-}
gapY96 : Attribute msg
gapY96 =
    class "gap-y-96"


{-| Maps to `gap-y-px`:

    .gap-y-px {
      row-gap: 1px;
    }
-}
gapYPx : Attribute msg
gapYPx =
    class "gap-y-px"


{-| Maps to `gap-y-0.5`:

    .gap-y-0\.5 {
      row-gap: 0.125rem;
    }
-}
gapY0o5 : Attribute msg
gapY0o5 =
    class "gap-y-0.5"


{-| Maps to `gap-y-1.5`:

    .gap-y-1\.5 {
      row-gap: 0.375rem;
    }
-}
gapY1o5 : Attribute msg
gapY1o5 =
    class "gap-y-1.5"


{-| Maps to `gap-y-2.5`:

    .gap-y-2\.5 {
      row-gap: 0.625rem;
    }
-}
gapY2o5 : Attribute msg
gapY2o5 =
    class "gap-y-2.5"


{-| Maps to `gap-y-3.5`:

    .gap-y-3\.5 {
      row-gap: 0.875rem;
    }
-}
gapY3o5 : Attribute msg
gapY3o5 =
    class "gap-y-3.5"


{-| Maps to `space-x-0`:

    .space-x-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0px * var(--tw-space-x-reverse));
      margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX0 : Attribute msg
spaceX0 =
    class "space-x-0"


{-| Maps to `space-x-1`:

    .space-x-1 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.25rem * var(--tw-space-x-reverse));
      margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX1 : Attribute msg
spaceX1 =
    class "space-x-1"


{-| Maps to `space-x-2`:

    .space-x-2 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.5rem * var(--tw-space-x-reverse));
      margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX2 : Attribute msg
spaceX2 =
    class "space-x-2"


{-| Maps to `space-x-3`:

    .space-x-3 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.75rem * var(--tw-space-x-reverse));
      margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX3 : Attribute msg
spaceX3 =
    class "space-x-3"


{-| Maps to `space-x-4`:

    .space-x-4 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1rem * var(--tw-space-x-reverse));
      margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX4 : Attribute msg
spaceX4 =
    class "space-x-4"


{-| Maps to `space-x-5`:

    .space-x-5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1.25rem * var(--tw-space-x-reverse));
      margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX5 : Attribute msg
spaceX5 =
    class "space-x-5"


{-| Maps to `space-x-6`:

    .space-x-6 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1.5rem * var(--tw-space-x-reverse));
      margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX6 : Attribute msg
spaceX6 =
    class "space-x-6"


{-| Maps to `space-x-7`:

    .space-x-7 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1.75rem * var(--tw-space-x-reverse));
      margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX7 : Attribute msg
spaceX7 =
    class "space-x-7"


{-| Maps to `space-x-8`:

    .space-x-8 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(2rem * var(--tw-space-x-reverse));
      margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX8 : Attribute msg
spaceX8 =
    class "space-x-8"


{-| Maps to `space-x-9`:

    .space-x-9 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(2.25rem * var(--tw-space-x-reverse));
      margin-left: calc(2.25rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX9 : Attribute msg
spaceX9 =
    class "space-x-9"


{-| Maps to `space-x-10`:

    .space-x-10 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(2.5rem * var(--tw-space-x-reverse));
      margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX10 : Attribute msg
spaceX10 =
    class "space-x-10"


{-| Maps to `space-x-11`:

    .space-x-11 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(2.75rem * var(--tw-space-x-reverse));
      margin-left: calc(2.75rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX11 : Attribute msg
spaceX11 =
    class "space-x-11"


{-| Maps to `space-x-12`:

    .space-x-12 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(3rem * var(--tw-space-x-reverse));
      margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX12 : Attribute msg
spaceX12 =
    class "space-x-12"


{-| Maps to `space-x-14`:

    .space-x-14 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(3.5rem * var(--tw-space-x-reverse));
      margin-left: calc(3.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX14 : Attribute msg
spaceX14 =
    class "space-x-14"


{-| Maps to `space-x-16`:

    .space-x-16 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(4rem * var(--tw-space-x-reverse));
      margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX16 : Attribute msg
spaceX16 =
    class "space-x-16"


{-| Maps to `space-x-20`:

    .space-x-20 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(5rem * var(--tw-space-x-reverse));
      margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX20 : Attribute msg
spaceX20 =
    class "space-x-20"


{-| Maps to `space-x-24`:

    .space-x-24 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(6rem * var(--tw-space-x-reverse));
      margin-left: calc(6rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX24 : Attribute msg
spaceX24 =
    class "space-x-24"


{-| Maps to `space-x-28`:

    .space-x-28 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(7rem * var(--tw-space-x-reverse));
      margin-left: calc(7rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX28 : Attribute msg
spaceX28 =
    class "space-x-28"


{-| Maps to `space-x-32`:

    .space-x-32 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(8rem * var(--tw-space-x-reverse));
      margin-left: calc(8rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX32 : Attribute msg
spaceX32 =
    class "space-x-32"


{-| Maps to `space-x-36`:

    .space-x-36 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(9rem * var(--tw-space-x-reverse));
      margin-left: calc(9rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX36 : Attribute msg
spaceX36 =
    class "space-x-36"


{-| Maps to `space-x-40`:

    .space-x-40 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(10rem * var(--tw-space-x-reverse));
      margin-left: calc(10rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX40 : Attribute msg
spaceX40 =
    class "space-x-40"


{-| Maps to `space-x-44`:

    .space-x-44 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(11rem * var(--tw-space-x-reverse));
      margin-left: calc(11rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX44 : Attribute msg
spaceX44 =
    class "space-x-44"


{-| Maps to `space-x-48`:

    .space-x-48 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(12rem * var(--tw-space-x-reverse));
      margin-left: calc(12rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX48 : Attribute msg
spaceX48 =
    class "space-x-48"


{-| Maps to `space-x-52`:

    .space-x-52 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(13rem * var(--tw-space-x-reverse));
      margin-left: calc(13rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX52 : Attribute msg
spaceX52 =
    class "space-x-52"


{-| Maps to `space-x-56`:

    .space-x-56 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(14rem * var(--tw-space-x-reverse));
      margin-left: calc(14rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX56 : Attribute msg
spaceX56 =
    class "space-x-56"


{-| Maps to `space-x-60`:

    .space-x-60 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(15rem * var(--tw-space-x-reverse));
      margin-left: calc(15rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX60 : Attribute msg
spaceX60 =
    class "space-x-60"


{-| Maps to `space-x-64`:

    .space-x-64 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(16rem * var(--tw-space-x-reverse));
      margin-left: calc(16rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX64 : Attribute msg
spaceX64 =
    class "space-x-64"


{-| Maps to `space-x-72`:

    .space-x-72 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(18rem * var(--tw-space-x-reverse));
      margin-left: calc(18rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX72 : Attribute msg
spaceX72 =
    class "space-x-72"


{-| Maps to `space-x-80`:

    .space-x-80 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(20rem * var(--tw-space-x-reverse));
      margin-left: calc(20rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX80 : Attribute msg
spaceX80 =
    class "space-x-80"


{-| Maps to `space-x-96`:

    .space-x-96 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(24rem * var(--tw-space-x-reverse));
      margin-left: calc(24rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX96 : Attribute msg
spaceX96 =
    class "space-x-96"


{-| Maps to `space-x-px`:

    .space-x-px > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(1px * var(--tw-space-x-reverse));
      margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceXPx : Attribute msg
spaceXPx =
    class "space-x-px"


{-| Maps to `space-x-0.5`:

    .space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.125rem * var(--tw-space-x-reverse));
      margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX0o5 : Attribute msg
spaceX0o5 =
    class "space-x-0.5"


{-| Maps to `space-x-1.5`:

    .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.375rem * var(--tw-space-x-reverse));
      margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX1o5 : Attribute msg
spaceX1o5 =
    class "space-x-1.5"


{-| Maps to `space-x-2.5`:

    .space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.625rem * var(--tw-space-x-reverse));
      margin-left: calc(0.625rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX2o5 : Attribute msg
spaceX2o5 =
    class "space-x-2.5"


{-| Maps to `space-x-3.5`:

    .space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0.875rem * var(--tw-space-x-reverse));
      margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
spaceX3o5 : Attribute msg
spaceX3o5 =
    class "space-x-3.5"


{-| Maps to `-space-x-0`:

    .-space-x-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(0px * var(--tw-space-x-reverse));
      margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX0 : Attribute msg
negSpaceX0 =
    class "-space-x-0"


{-| Maps to `-space-x-1`:

    .-space-x-1 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
      margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX1 : Attribute msg
negSpaceX1 =
    class "-space-x-1"


{-| Maps to `-space-x-2`:

    .-space-x-2 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
      margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX2 : Attribute msg
negSpaceX2 =
    class "-space-x-2"


{-| Maps to `-space-x-3`:

    .-space-x-3 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
      margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX3 : Attribute msg
negSpaceX3 =
    class "-space-x-3"


{-| Maps to `-space-x-4`:

    .-space-x-4 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-1rem * var(--tw-space-x-reverse));
      margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX4 : Attribute msg
negSpaceX4 =
    class "-space-x-4"


{-| Maps to `-space-x-5`:

    .-space-x-5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
      margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX5 : Attribute msg
negSpaceX5 =
    class "-space-x-5"


{-| Maps to `-space-x-6`:

    .-space-x-6 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-1.5rem * var(--tw-space-x-reverse));
      margin-left: calc(-1.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX6 : Attribute msg
negSpaceX6 =
    class "-space-x-6"


{-| Maps to `-space-x-7`:

    .-space-x-7 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-1.75rem * var(--tw-space-x-reverse));
      margin-left: calc(-1.75rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX7 : Attribute msg
negSpaceX7 =
    class "-space-x-7"


{-| Maps to `-space-x-8`:

    .-space-x-8 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-2rem * var(--tw-space-x-reverse));
      margin-left: calc(-2rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX8 : Attribute msg
negSpaceX8 =
    class "-space-x-8"


{-| Maps to `-space-x-9`:

    .-space-x-9 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-2.25rem * var(--tw-space-x-reverse));
      margin-left: calc(-2.25rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX9 : Attribute msg
negSpaceX9 =
    class "-space-x-9"


{-| Maps to `-space-x-10`:

    .-space-x-10 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-2.5rem * var(--tw-space-x-reverse));
      margin-left: calc(-2.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX10 : Attribute msg
negSpaceX10 =
    class "-space-x-10"


{-| Maps to `-space-x-11`:

    .-space-x-11 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-2.75rem * var(--tw-space-x-reverse));
      margin-left: calc(-2.75rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX11 : Attribute msg
negSpaceX11 =
    class "-space-x-11"


{-| Maps to `-space-x-12`:

    .-space-x-12 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-3rem * var(--tw-space-x-reverse));
      margin-left: calc(-3rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX12 : Attribute msg
negSpaceX12 =
    class "-space-x-12"


{-| Maps to `-space-x-14`:

    .-space-x-14 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-3.5rem * var(--tw-space-x-reverse));
      margin-left: calc(-3.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX14 : Attribute msg
negSpaceX14 =
    class "-space-x-14"


{-| Maps to `-space-x-16`:

    .-space-x-16 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-4rem * var(--tw-space-x-reverse));
      margin-left: calc(-4rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX16 : Attribute msg
negSpaceX16 =
    class "-space-x-16"


{-| Maps to `-space-x-20`:

    .-space-x-20 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-5rem * var(--tw-space-x-reverse));
      margin-left: calc(-5rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX20 : Attribute msg
negSpaceX20 =
    class "-space-x-20"


{-| Maps to `-space-x-24`:

    .-space-x-24 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-6rem * var(--tw-space-x-reverse));
      margin-left: calc(-6rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX24 : Attribute msg
negSpaceX24 =
    class "-space-x-24"


{-| Maps to `-space-x-28`:

    .-space-x-28 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-7rem * var(--tw-space-x-reverse));
      margin-left: calc(-7rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX28 : Attribute msg
negSpaceX28 =
    class "-space-x-28"


{-| Maps to `-space-x-32`:

    .-space-x-32 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-8rem * var(--tw-space-x-reverse));
      margin-left: calc(-8rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX32 : Attribute msg
negSpaceX32 =
    class "-space-x-32"


{-| Maps to `-space-x-36`:

    .-space-x-36 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-9rem * var(--tw-space-x-reverse));
      margin-left: calc(-9rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX36 : Attribute msg
negSpaceX36 =
    class "-space-x-36"


{-| Maps to `-space-x-40`:

    .-space-x-40 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-10rem * var(--tw-space-x-reverse));
      margin-left: calc(-10rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX40 : Attribute msg
negSpaceX40 =
    class "-space-x-40"


{-| Maps to `-space-x-44`:

    .-space-x-44 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-11rem * var(--tw-space-x-reverse));
      margin-left: calc(-11rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX44 : Attribute msg
negSpaceX44 =
    class "-space-x-44"


{-| Maps to `-space-x-48`:

    .-space-x-48 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-12rem * var(--tw-space-x-reverse));
      margin-left: calc(-12rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX48 : Attribute msg
negSpaceX48 =
    class "-space-x-48"


{-| Maps to `-space-x-52`:

    .-space-x-52 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-13rem * var(--tw-space-x-reverse));
      margin-left: calc(-13rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX52 : Attribute msg
negSpaceX52 =
    class "-space-x-52"


{-| Maps to `-space-x-56`:

    .-space-x-56 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-14rem * var(--tw-space-x-reverse));
      margin-left: calc(-14rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX56 : Attribute msg
negSpaceX56 =
    class "-space-x-56"


{-| Maps to `-space-x-60`:

    .-space-x-60 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-15rem * var(--tw-space-x-reverse));
      margin-left: calc(-15rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX60 : Attribute msg
negSpaceX60 =
    class "-space-x-60"


{-| Maps to `-space-x-64`:

    .-space-x-64 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-16rem * var(--tw-space-x-reverse));
      margin-left: calc(-16rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX64 : Attribute msg
negSpaceX64 =
    class "-space-x-64"


{-| Maps to `-space-x-72`:

    .-space-x-72 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-18rem * var(--tw-space-x-reverse));
      margin-left: calc(-18rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX72 : Attribute msg
negSpaceX72 =
    class "-space-x-72"


{-| Maps to `-space-x-80`:

    .-space-x-80 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-20rem * var(--tw-space-x-reverse));
      margin-left: calc(-20rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX80 : Attribute msg
negSpaceX80 =
    class "-space-x-80"


{-| Maps to `-space-x-96`:

    .-space-x-96 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-24rem * var(--tw-space-x-reverse));
      margin-left: calc(-24rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX96 : Attribute msg
negSpaceX96 =
    class "-space-x-96"


{-| Maps to `-space-x-px`:

    .-space-x-px > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-1px * var(--tw-space-x-reverse));
      margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceXPx : Attribute msg
negSpaceXPx =
    class "-space-x-px"


{-| Maps to `-space-x-0.5`:

    .-space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-0.125rem * var(--tw-space-x-reverse));
      margin-left: calc(-0.125rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX0o5 : Attribute msg
negSpaceX0o5 =
    class "-space-x-0.5"


{-| Maps to `-space-x-1.5`:

    .-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-0.375rem * var(--tw-space-x-reverse));
      margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX1o5 : Attribute msg
negSpaceX1o5 =
    class "-space-x-1.5"


{-| Maps to `-space-x-2.5`:

    .-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
      margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX2o5 : Attribute msg
negSpaceX2o5 =
    class "-space-x-2.5"


{-| Maps to `-space-x-3.5`:

    .-space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0;
      margin-right: calc(-0.875rem * var(--tw-space-x-reverse));
      margin-left: calc(-0.875rem * calc(1 - var(--tw-space-x-reverse)));
    }
-}
negSpaceX3o5 : Attribute msg
negSpaceX3o5 =
    class "-space-x-3.5"


{-| Maps to `space-y-0`:

    .space-y-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
-}
spaceY0 : Attribute msg
spaceY0 =
    class "space-y-0"


{-| Maps to `space-y-1`:

    .space-y-1 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
    }
-}
spaceY1 : Attribute msg
spaceY1 =
    class "space-y-1"


{-| Maps to `space-y-2`:

    .space-y-2 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
    }
-}
spaceY2 : Attribute msg
spaceY2 =
    class "space-y-2"


{-| Maps to `space-y-3`:

    .space-y-3 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
    }
-}
spaceY3 : Attribute msg
spaceY3 =
    class "space-y-3"


{-| Maps to `space-y-4`:

    .space-y-4 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    }
-}
spaceY4 : Attribute msg
spaceY4 =
    class "space-y-4"


{-| Maps to `space-y-5`:

    .space-y-5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
    }
-}
spaceY5 : Attribute msg
spaceY5 =
    class "space-y-5"


{-| Maps to `space-y-6`:

    .space-y-6 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
    }
-}
spaceY6 : Attribute msg
spaceY6 =
    class "space-y-6"


{-| Maps to `space-y-7`:

    .space-y-7 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
    }
-}
spaceY7 : Attribute msg
spaceY7 =
    class "space-y-7"


{-| Maps to `space-y-8`:

    .space-y-8 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(2rem * var(--tw-space-y-reverse));
    }
-}
spaceY8 : Attribute msg
spaceY8 =
    class "space-y-8"


{-| Maps to `space-y-9`:

    .space-y-9 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
    }
-}
spaceY9 : Attribute msg
spaceY9 =
    class "space-y-9"


{-| Maps to `space-y-10`:

    .space-y-10 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
    }
-}
spaceY10 : Attribute msg
spaceY10 =
    class "space-y-10"


{-| Maps to `space-y-11`:

    .space-y-11 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(2.75rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(2.75rem * var(--tw-space-y-reverse));
    }
-}
spaceY11 : Attribute msg
spaceY11 =
    class "space-y-11"


{-| Maps to `space-y-12`:

    .space-y-12 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(3rem * var(--tw-space-y-reverse));
    }
-}
spaceY12 : Attribute msg
spaceY12 =
    class "space-y-12"


{-| Maps to `space-y-14`:

    .space-y-14 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
    }
-}
spaceY14 : Attribute msg
spaceY14 =
    class "space-y-14"


{-| Maps to `space-y-16`:

    .space-y-16 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(4rem * var(--tw-space-y-reverse));
    }
-}
spaceY16 : Attribute msg
spaceY16 =
    class "space-y-16"


{-| Maps to `space-y-20`:

    .space-y-20 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(5rem * var(--tw-space-y-reverse));
    }
-}
spaceY20 : Attribute msg
spaceY20 =
    class "space-y-20"


{-| Maps to `space-y-24`:

    .space-y-24 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(6rem * var(--tw-space-y-reverse));
    }
-}
spaceY24 : Attribute msg
spaceY24 =
    class "space-y-24"


{-| Maps to `space-y-28`:

    .space-y-28 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(7rem * var(--tw-space-y-reverse));
    }
-}
spaceY28 : Attribute msg
spaceY28 =
    class "space-y-28"


{-| Maps to `space-y-32`:

    .space-y-32 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(8rem * var(--tw-space-y-reverse));
    }
-}
spaceY32 : Attribute msg
spaceY32 =
    class "space-y-32"


{-| Maps to `space-y-36`:

    .space-y-36 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(9rem * var(--tw-space-y-reverse));
    }
-}
spaceY36 : Attribute msg
spaceY36 =
    class "space-y-36"


{-| Maps to `space-y-40`:

    .space-y-40 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(10rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(10rem * var(--tw-space-y-reverse));
    }
-}
spaceY40 : Attribute msg
spaceY40 =
    class "space-y-40"


{-| Maps to `space-y-44`:

    .space-y-44 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(11rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(11rem * var(--tw-space-y-reverse));
    }
-}
spaceY44 : Attribute msg
spaceY44 =
    class "space-y-44"


{-| Maps to `space-y-48`:

    .space-y-48 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(12rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(12rem * var(--tw-space-y-reverse));
    }
-}
spaceY48 : Attribute msg
spaceY48 =
    class "space-y-48"


{-| Maps to `space-y-52`:

    .space-y-52 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(13rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(13rem * var(--tw-space-y-reverse));
    }
-}
spaceY52 : Attribute msg
spaceY52 =
    class "space-y-52"


{-| Maps to `space-y-56`:

    .space-y-56 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(14rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(14rem * var(--tw-space-y-reverse));
    }
-}
spaceY56 : Attribute msg
spaceY56 =
    class "space-y-56"


{-| Maps to `space-y-60`:

    .space-y-60 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(15rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(15rem * var(--tw-space-y-reverse));
    }
-}
spaceY60 : Attribute msg
spaceY60 =
    class "space-y-60"


{-| Maps to `space-y-64`:

    .space-y-64 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(16rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(16rem * var(--tw-space-y-reverse));
    }
-}
spaceY64 : Attribute msg
spaceY64 =
    class "space-y-64"


{-| Maps to `space-y-72`:

    .space-y-72 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(18rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(18rem * var(--tw-space-y-reverse));
    }
-}
spaceY72 : Attribute msg
spaceY72 =
    class "space-y-72"


{-| Maps to `space-y-80`:

    .space-y-80 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(20rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(20rem * var(--tw-space-y-reverse));
    }
-}
spaceY80 : Attribute msg
spaceY80 =
    class "space-y-80"


{-| Maps to `space-y-96`:

    .space-y-96 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(24rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(24rem * var(--tw-space-y-reverse));
    }
-}
spaceY96 : Attribute msg
spaceY96 =
    class "space-y-96"


{-| Maps to `space-y-px`:

    .space-y-px > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(1px * var(--tw-space-y-reverse));
    }
-}
spaceYPx : Attribute msg
spaceYPx =
    class "space-y-px"


{-| Maps to `space-y-0.5`:

    .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
    }
-}
spaceY0o5 : Attribute msg
spaceY0o5 =
    class "space-y-0.5"


{-| Maps to `space-y-1.5`:

    .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
    }
-}
spaceY1o5 : Attribute msg
spaceY1o5 =
    class "space-y-1.5"


{-| Maps to `space-y-2.5`:

    .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
    }
-}
spaceY2o5 : Attribute msg
spaceY2o5 =
    class "space-y-2.5"


{-| Maps to `space-y-3.5`:

    .space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
    }
-}
spaceY3o5 : Attribute msg
spaceY3o5 =
    class "space-y-3.5"


{-| Maps to `-space-y-0`:

    .-space-y-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
-}
negSpaceY0 : Attribute msg
negSpaceY0 =
    class "-space-y-0"


{-| Maps to `-space-y-1`:

    .-space-y-1 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-0.25rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-0.25rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY1 : Attribute msg
negSpaceY1 =
    class "-space-y-1"


{-| Maps to `-space-y-2`:

    .-space-y-2 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-0.5rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-0.5rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY2 : Attribute msg
negSpaceY2 =
    class "-space-y-2"


{-| Maps to `-space-y-3`:

    .-space-y-3 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-0.75rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-0.75rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY3 : Attribute msg
negSpaceY3 =
    class "-space-y-3"


{-| Maps to `-space-y-4`:

    .-space-y-4 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-1rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-1rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY4 : Attribute msg
negSpaceY4 =
    class "-space-y-4"


{-| Maps to `-space-y-5`:

    .-space-y-5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-1.25rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-1.25rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY5 : Attribute msg
negSpaceY5 =
    class "-space-y-5"


{-| Maps to `-space-y-6`:

    .-space-y-6 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-1.5rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-1.5rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY6 : Attribute msg
negSpaceY6 =
    class "-space-y-6"


{-| Maps to `-space-y-7`:

    .-space-y-7 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-1.75rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-1.75rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY7 : Attribute msg
negSpaceY7 =
    class "-space-y-7"


{-| Maps to `-space-y-8`:

    .-space-y-8 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-2rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-2rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY8 : Attribute msg
negSpaceY8 =
    class "-space-y-8"


{-| Maps to `-space-y-9`:

    .-space-y-9 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-2.25rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-2.25rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY9 : Attribute msg
negSpaceY9 =
    class "-space-y-9"


{-| Maps to `-space-y-10`:

    .-space-y-10 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-2.5rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-2.5rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY10 : Attribute msg
negSpaceY10 =
    class "-space-y-10"


{-| Maps to `-space-y-11`:

    .-space-y-11 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-2.75rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-2.75rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY11 : Attribute msg
negSpaceY11 =
    class "-space-y-11"


{-| Maps to `-space-y-12`:

    .-space-y-12 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-3rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-3rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY12 : Attribute msg
negSpaceY12 =
    class "-space-y-12"


{-| Maps to `-space-y-14`:

    .-space-y-14 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-3.5rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-3.5rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY14 : Attribute msg
negSpaceY14 =
    class "-space-y-14"


{-| Maps to `-space-y-16`:

    .-space-y-16 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-4rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-4rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY16 : Attribute msg
negSpaceY16 =
    class "-space-y-16"


{-| Maps to `-space-y-20`:

    .-space-y-20 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-5rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-5rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY20 : Attribute msg
negSpaceY20 =
    class "-space-y-20"


{-| Maps to `-space-y-24`:

    .-space-y-24 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY24 : Attribute msg
negSpaceY24 =
    class "-space-y-24"


{-| Maps to `-space-y-28`:

    .-space-y-28 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-7rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-7rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY28 : Attribute msg
negSpaceY28 =
    class "-space-y-28"


{-| Maps to `-space-y-32`:

    .-space-y-32 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-8rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-8rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY32 : Attribute msg
negSpaceY32 =
    class "-space-y-32"


{-| Maps to `-space-y-36`:

    .-space-y-36 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-9rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-9rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY36 : Attribute msg
negSpaceY36 =
    class "-space-y-36"


{-| Maps to `-space-y-40`:

    .-space-y-40 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-10rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-10rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY40 : Attribute msg
negSpaceY40 =
    class "-space-y-40"


{-| Maps to `-space-y-44`:

    .-space-y-44 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-11rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-11rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY44 : Attribute msg
negSpaceY44 =
    class "-space-y-44"


{-| Maps to `-space-y-48`:

    .-space-y-48 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-12rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-12rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY48 : Attribute msg
negSpaceY48 =
    class "-space-y-48"


{-| Maps to `-space-y-52`:

    .-space-y-52 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-13rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-13rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY52 : Attribute msg
negSpaceY52 =
    class "-space-y-52"


{-| Maps to `-space-y-56`:

    .-space-y-56 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-14rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-14rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY56 : Attribute msg
negSpaceY56 =
    class "-space-y-56"


{-| Maps to `-space-y-60`:

    .-space-y-60 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-15rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-15rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY60 : Attribute msg
negSpaceY60 =
    class "-space-y-60"


{-| Maps to `-space-y-64`:

    .-space-y-64 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-16rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-16rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY64 : Attribute msg
negSpaceY64 =
    class "-space-y-64"


{-| Maps to `-space-y-72`:

    .-space-y-72 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-18rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-18rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY72 : Attribute msg
negSpaceY72 =
    class "-space-y-72"


{-| Maps to `-space-y-80`:

    .-space-y-80 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-20rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-20rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY80 : Attribute msg
negSpaceY80 =
    class "-space-y-80"


{-| Maps to `-space-y-96`:

    .-space-y-96 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-24rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-24rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY96 : Attribute msg
negSpaceY96 =
    class "-space-y-96"


{-| Maps to `-space-y-px`:

    .-space-y-px > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-1px * var(--tw-space-y-reverse));
    }
-}
negSpaceYPx : Attribute msg
negSpaceYPx =
    class "-space-y-px"


{-| Maps to `-space-y-0.5`:

    .-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-0.125rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-0.125rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY0o5 : Attribute msg
negSpaceY0o5 =
    class "-space-y-0.5"


{-| Maps to `-space-y-1.5`:

    .-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-0.375rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-0.375rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY1o5 : Attribute msg
negSpaceY1o5 =
    class "-space-y-1.5"


{-| Maps to `-space-y-2.5`:

    .-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-0.625rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-0.625rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY2o5 : Attribute msg
negSpaceY2o5 =
    class "-space-y-2.5"


{-| Maps to `-space-y-3.5`:

    .-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(-0.875rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(-0.875rem * var(--tw-space-y-reverse));
    }
-}
negSpaceY3o5 : Attribute msg
negSpaceY3o5 =
    class "-space-y-3.5"


{-| Maps to `space-y-reverse`:

    .space-y-reverse > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 1;
    }
-}
spaceYReverse : Attribute msg
spaceYReverse =
    class "space-y-reverse"


{-| Maps to `space-x-reverse`:

    .space-x-reverse > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 1;
    }
-}
spaceXReverse : Attribute msg
spaceXReverse =
    class "space-x-reverse"


{-| Maps to `divide-x-0`:

    .divide-x-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 0;
      border-right-width: calc(0px * var(--tw-divide-x-reverse));
      border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
    }
-}
divideX0 : Attribute msg
divideX0 =
    class "divide-x-0"


{-| Maps to `divide-x-2`:

    .divide-x-2 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 0;
      border-right-width: calc(2px * var(--tw-divide-x-reverse));
      border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
    }
-}
divideX2 : Attribute msg
divideX2 =
    class "divide-x-2"


{-| Maps to `divide-x-4`:

    .divide-x-4 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 0;
      border-right-width: calc(4px * var(--tw-divide-x-reverse));
      border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
    }
-}
divideX4 : Attribute msg
divideX4 =
    class "divide-x-4"


{-| Maps to `divide-x-8`:

    .divide-x-8 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 0;
      border-right-width: calc(8px * var(--tw-divide-x-reverse));
      border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
    }
-}
divideX8 : Attribute msg
divideX8 =
    class "divide-x-8"


{-| Maps to `divide-x`:

    .divide-x > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 0;
      border-right-width: calc(1px * var(--tw-divide-x-reverse));
      border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
-}
divideX : Attribute msg
divideX =
    class "divide-x"


{-| Maps to `divide-y-0`:

    .divide-y-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-y-reverse: 0;
      border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
    }
-}
divideY0 : Attribute msg
divideY0 =
    class "divide-y-0"


{-| Maps to `divide-y-2`:

    .divide-y-2 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-y-reverse: 0;
      border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
    }
-}
divideY2 : Attribute msg
divideY2 =
    class "divide-y-2"


{-| Maps to `divide-y-4`:

    .divide-y-4 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-y-reverse: 0;
      border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
    }
-}
divideY4 : Attribute msg
divideY4 =
    class "divide-y-4"


{-| Maps to `divide-y-8`:

    .divide-y-8 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-y-reverse: 0;
      border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
    }
-}
divideY8 : Attribute msg
divideY8 =
    class "divide-y-8"


{-| Maps to `divide-y`:

    .divide-y > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-y-reverse: 0;
      border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    }
-}
divideY : Attribute msg
divideY =
    class "divide-y"


{-| Maps to `divide-y-reverse`:

    .divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-y-reverse: 1;
    }
-}
divideYReverse : Attribute msg
divideYReverse =
    class "divide-y-reverse"


{-| Maps to `divide-x-reverse`:

    .divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-x-reverse: 1;
    }
-}
divideXReverse : Attribute msg
divideXReverse =
    class "divide-x-reverse"


{-| Maps to `divide-solid`:

    .divide-solid > :not([hidden]) ~ :not([hidden]) {
      border-style: solid;
    }
-}
divideSolid : Attribute msg
divideSolid =
    class "divide-solid"


{-| Maps to `divide-dashed`:

    .divide-dashed > :not([hidden]) ~ :not([hidden]) {
      border-style: dashed;
    }
-}
divideDashed : Attribute msg
divideDashed =
    class "divide-dashed"


{-| Maps to `divide-dotted`:

    .divide-dotted > :not([hidden]) ~ :not([hidden]) {
      border-style: dotted;
    }
-}
divideDotted : Attribute msg
divideDotted =
    class "divide-dotted"


{-| Maps to `divide-double`:

    .divide-double > :not([hidden]) ~ :not([hidden]) {
      border-style: double;
    }
-}
divideDouble : Attribute msg
divideDouble =
    class "divide-double"


{-| Maps to `divide-none`:

    .divide-none > :not([hidden]) ~ :not([hidden]) {
      border-style: none;
    }
-}
divideNone : Attribute msg
divideNone =
    class "divide-none"


{-| Maps to `divide-transparent`:

    .divide-transparent > :not([hidden]) ~ :not([hidden]) {
      border-color: transparent;
    }
-}
divideTransparent : Attribute msg
divideTransparent =
    class "divide-transparent"


{-| Maps to `divide-current`:

    .divide-current > :not([hidden]) ~ :not([hidden]) {
      border-color: currentColor;
    }
-}
divideCurrent : Attribute msg
divideCurrent =
    class "divide-current"


{-| Maps to `divide-black`:

    .divide-black > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-divide-opacity));
    }
-}
divideBlack : Attribute msg
divideBlack =
    class "divide-black"


{-| Maps to `divide-white`:

    .divide-white > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
    }
-}
divideWhite : Attribute msg
divideWhite =
    class "divide-white"


{-| Maps to `divide-gray-50`:

    .divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(249, 250, 251, var(--tw-divide-opacity));
    }
-}
divideGray50 : Attribute msg
divideGray50 =
    class "divide-gray-50"


{-| Maps to `divide-gray-100`:

    .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
    }
-}
divideGray100 : Attribute msg
divideGray100 =
    class "divide-gray-100"


{-| Maps to `divide-gray-200`:

    .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
    }
-}
divideGray200 : Attribute msg
divideGray200 =
    class "divide-gray-200"


{-| Maps to `divide-gray-300`:

    .divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
    }
-}
divideGray300 : Attribute msg
divideGray300 =
    class "divide-gray-300"


{-| Maps to `divide-gray-400`:

    .divide-gray-400 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-divide-opacity));
    }
-}
divideGray400 : Attribute msg
divideGray400 =
    class "divide-gray-400"


{-| Maps to `divide-gray-500`:

    .divide-gray-500 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(107, 114, 128, var(--tw-divide-opacity));
    }
-}
divideGray500 : Attribute msg
divideGray500 =
    class "divide-gray-500"


{-| Maps to `divide-gray-600`:

    .divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(75, 85, 99, var(--tw-divide-opacity));
    }
-}
divideGray600 : Attribute msg
divideGray600 =
    class "divide-gray-600"


{-| Maps to `divide-gray-700`:

    .divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-divide-opacity));
    }
-}
divideGray700 : Attribute msg
divideGray700 =
    class "divide-gray-700"


{-| Maps to `divide-gray-800`:

    .divide-gray-800 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(31, 41, 55, var(--tw-divide-opacity));
    }
-}
divideGray800 : Attribute msg
divideGray800 =
    class "divide-gray-800"


{-| Maps to `divide-gray-900`:

    .divide-gray-900 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(17, 24, 39, var(--tw-divide-opacity));
    }
-}
divideGray900 : Attribute msg
divideGray900 =
    class "divide-gray-900"


{-| Maps to `divide-red-50`:

    .divide-red-50 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(254, 242, 242, var(--tw-divide-opacity));
    }
-}
divideRed50 : Attribute msg
divideRed50 =
    class "divide-red-50"


{-| Maps to `divide-red-100`:

    .divide-red-100 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(254, 226, 226, var(--tw-divide-opacity));
    }
-}
divideRed100 : Attribute msg
divideRed100 =
    class "divide-red-100"


{-| Maps to `divide-red-200`:

    .divide-red-200 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(254, 202, 202, var(--tw-divide-opacity));
    }
-}
divideRed200 : Attribute msg
divideRed200 =
    class "divide-red-200"


{-| Maps to `divide-red-300`:

    .divide-red-300 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(252, 165, 165, var(--tw-divide-opacity));
    }
-}
divideRed300 : Attribute msg
divideRed300 =
    class "divide-red-300"


{-| Maps to `divide-red-400`:

    .divide-red-400 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(248, 113, 113, var(--tw-divide-opacity));
    }
-}
divideRed400 : Attribute msg
divideRed400 =
    class "divide-red-400"


{-| Maps to `divide-red-500`:

    .divide-red-500 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(239, 68, 68, var(--tw-divide-opacity));
    }
-}
divideRed500 : Attribute msg
divideRed500 =
    class "divide-red-500"


{-| Maps to `divide-red-600`:

    .divide-red-600 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(220, 38, 38, var(--tw-divide-opacity));
    }
-}
divideRed600 : Attribute msg
divideRed600 =
    class "divide-red-600"


{-| Maps to `divide-red-700`:

    .divide-red-700 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(185, 28, 28, var(--tw-divide-opacity));
    }
-}
divideRed700 : Attribute msg
divideRed700 =
    class "divide-red-700"


{-| Maps to `divide-red-800`:

    .divide-red-800 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(153, 27, 27, var(--tw-divide-opacity));
    }
-}
divideRed800 : Attribute msg
divideRed800 =
    class "divide-red-800"


{-| Maps to `divide-red-900`:

    .divide-red-900 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(127, 29, 29, var(--tw-divide-opacity));
    }
-}
divideRed900 : Attribute msg
divideRed900 =
    class "divide-red-900"


{-| Maps to `divide-yellow-50`:

    .divide-yellow-50 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(255, 251, 235, var(--tw-divide-opacity));
    }
-}
divideYellow50 : Attribute msg
divideYellow50 =
    class "divide-yellow-50"


{-| Maps to `divide-yellow-100`:

    .divide-yellow-100 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(254, 243, 199, var(--tw-divide-opacity));
    }
-}
divideYellow100 : Attribute msg
divideYellow100 =
    class "divide-yellow-100"


{-| Maps to `divide-yellow-200`:

    .divide-yellow-200 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(253, 230, 138, var(--tw-divide-opacity));
    }
-}
divideYellow200 : Attribute msg
divideYellow200 =
    class "divide-yellow-200"


{-| Maps to `divide-yellow-300`:

    .divide-yellow-300 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(252, 211, 77, var(--tw-divide-opacity));
    }
-}
divideYellow300 : Attribute msg
divideYellow300 =
    class "divide-yellow-300"


{-| Maps to `divide-yellow-400`:

    .divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(251, 191, 36, var(--tw-divide-opacity));
    }
-}
divideYellow400 : Attribute msg
divideYellow400 =
    class "divide-yellow-400"


{-| Maps to `divide-yellow-500`:

    .divide-yellow-500 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(245, 158, 11, var(--tw-divide-opacity));
    }
-}
divideYellow500 : Attribute msg
divideYellow500 =
    class "divide-yellow-500"


{-| Maps to `divide-yellow-600`:

    .divide-yellow-600 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(217, 119, 6, var(--tw-divide-opacity));
    }
-}
divideYellow600 : Attribute msg
divideYellow600 =
    class "divide-yellow-600"


{-| Maps to `divide-yellow-700`:

    .divide-yellow-700 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(180, 83, 9, var(--tw-divide-opacity));
    }
-}
divideYellow700 : Attribute msg
divideYellow700 =
    class "divide-yellow-700"


{-| Maps to `divide-yellow-800`:

    .divide-yellow-800 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(146, 64, 14, var(--tw-divide-opacity));
    }
-}
divideYellow800 : Attribute msg
divideYellow800 =
    class "divide-yellow-800"


{-| Maps to `divide-yellow-900`:

    .divide-yellow-900 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(120, 53, 15, var(--tw-divide-opacity));
    }
-}
divideYellow900 : Attribute msg
divideYellow900 =
    class "divide-yellow-900"


{-| Maps to `divide-green-50`:

    .divide-green-50 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(236, 253, 245, var(--tw-divide-opacity));
    }
-}
divideGreen50 : Attribute msg
divideGreen50 =
    class "divide-green-50"


{-| Maps to `divide-green-100`:

    .divide-green-100 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(209, 250, 229, var(--tw-divide-opacity));
    }
-}
divideGreen100 : Attribute msg
divideGreen100 =
    class "divide-green-100"


{-| Maps to `divide-green-200`:

    .divide-green-200 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(167, 243, 208, var(--tw-divide-opacity));
    }
-}
divideGreen200 : Attribute msg
divideGreen200 =
    class "divide-green-200"


{-| Maps to `divide-green-300`:

    .divide-green-300 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(110, 231, 183, var(--tw-divide-opacity));
    }
-}
divideGreen300 : Attribute msg
divideGreen300 =
    class "divide-green-300"


{-| Maps to `divide-green-400`:

    .divide-green-400 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(52, 211, 153, var(--tw-divide-opacity));
    }
-}
divideGreen400 : Attribute msg
divideGreen400 =
    class "divide-green-400"


{-| Maps to `divide-green-500`:

    .divide-green-500 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(16, 185, 129, var(--tw-divide-opacity));
    }
-}
divideGreen500 : Attribute msg
divideGreen500 =
    class "divide-green-500"


{-| Maps to `divide-green-600`:

    .divide-green-600 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(5, 150, 105, var(--tw-divide-opacity));
    }
-}
divideGreen600 : Attribute msg
divideGreen600 =
    class "divide-green-600"


{-| Maps to `divide-green-700`:

    .divide-green-700 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(4, 120, 87, var(--tw-divide-opacity));
    }
-}
divideGreen700 : Attribute msg
divideGreen700 =
    class "divide-green-700"


{-| Maps to `divide-green-800`:

    .divide-green-800 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(6, 95, 70, var(--tw-divide-opacity));
    }
-}
divideGreen800 : Attribute msg
divideGreen800 =
    class "divide-green-800"


{-| Maps to `divide-green-900`:

    .divide-green-900 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(6, 78, 59, var(--tw-divide-opacity));
    }
-}
divideGreen900 : Attribute msg
divideGreen900 =
    class "divide-green-900"


{-| Maps to `divide-blue-50`:

    .divide-blue-50 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(239, 246, 255, var(--tw-divide-opacity));
    }
-}
divideBlue50 : Attribute msg
divideBlue50 =
    class "divide-blue-50"


{-| Maps to `divide-blue-100`:

    .divide-blue-100 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(219, 234, 254, var(--tw-divide-opacity));
    }
-}
divideBlue100 : Attribute msg
divideBlue100 =
    class "divide-blue-100"


{-| Maps to `divide-blue-200`:

    .divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(191, 219, 254, var(--tw-divide-opacity));
    }
-}
divideBlue200 : Attribute msg
divideBlue200 =
    class "divide-blue-200"


{-| Maps to `divide-blue-300`:

    .divide-blue-300 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(147, 197, 253, var(--tw-divide-opacity));
    }
-}
divideBlue300 : Attribute msg
divideBlue300 =
    class "divide-blue-300"


{-| Maps to `divide-blue-400`:

    .divide-blue-400 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(96, 165, 250, var(--tw-divide-opacity));
    }
-}
divideBlue400 : Attribute msg
divideBlue400 =
    class "divide-blue-400"


{-| Maps to `divide-blue-500`:

    .divide-blue-500 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(59, 130, 246, var(--tw-divide-opacity));
    }
-}
divideBlue500 : Attribute msg
divideBlue500 =
    class "divide-blue-500"


{-| Maps to `divide-blue-600`:

    .divide-blue-600 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(37, 99, 235, var(--tw-divide-opacity));
    }
-}
divideBlue600 : Attribute msg
divideBlue600 =
    class "divide-blue-600"


{-| Maps to `divide-blue-700`:

    .divide-blue-700 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(29, 78, 216, var(--tw-divide-opacity));
    }
-}
divideBlue700 : Attribute msg
divideBlue700 =
    class "divide-blue-700"


{-| Maps to `divide-blue-800`:

    .divide-blue-800 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(30, 64, 175, var(--tw-divide-opacity));
    }
-}
divideBlue800 : Attribute msg
divideBlue800 =
    class "divide-blue-800"


{-| Maps to `divide-blue-900`:

    .divide-blue-900 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(30, 58, 138, var(--tw-divide-opacity));
    }
-}
divideBlue900 : Attribute msg
divideBlue900 =
    class "divide-blue-900"


{-| Maps to `divide-indigo-50`:

    .divide-indigo-50 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(238, 242, 255, var(--tw-divide-opacity));
    }
-}
divideIndigo50 : Attribute msg
divideIndigo50 =
    class "divide-indigo-50"


{-| Maps to `divide-indigo-100`:

    .divide-indigo-100 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(224, 231, 255, var(--tw-divide-opacity));
    }
-}
divideIndigo100 : Attribute msg
divideIndigo100 =
    class "divide-indigo-100"


{-| Maps to `divide-indigo-200`:

    .divide-indigo-200 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(199, 210, 254, var(--tw-divide-opacity));
    }
-}
divideIndigo200 : Attribute msg
divideIndigo200 =
    class "divide-indigo-200"


{-| Maps to `divide-indigo-300`:

    .divide-indigo-300 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(165, 180, 252, var(--tw-divide-opacity));
    }
-}
divideIndigo300 : Attribute msg
divideIndigo300 =
    class "divide-indigo-300"


{-| Maps to `divide-indigo-400`:

    .divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(129, 140, 248, var(--tw-divide-opacity));
    }
-}
divideIndigo400 : Attribute msg
divideIndigo400 =
    class "divide-indigo-400"


{-| Maps to `divide-indigo-500`:

    .divide-indigo-500 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(99, 102, 241, var(--tw-divide-opacity));
    }
-}
divideIndigo500 : Attribute msg
divideIndigo500 =
    class "divide-indigo-500"


{-| Maps to `divide-indigo-600`:

    .divide-indigo-600 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(79, 70, 229, var(--tw-divide-opacity));
    }
-}
divideIndigo600 : Attribute msg
divideIndigo600 =
    class "divide-indigo-600"


{-| Maps to `divide-indigo-700`:

    .divide-indigo-700 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(67, 56, 202, var(--tw-divide-opacity));
    }
-}
divideIndigo700 : Attribute msg
divideIndigo700 =
    class "divide-indigo-700"


{-| Maps to `divide-indigo-800`:

    .divide-indigo-800 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(55, 48, 163, var(--tw-divide-opacity));
    }
-}
divideIndigo800 : Attribute msg
divideIndigo800 =
    class "divide-indigo-800"


{-| Maps to `divide-indigo-900`:

    .divide-indigo-900 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(49, 46, 129, var(--tw-divide-opacity));
    }
-}
divideIndigo900 : Attribute msg
divideIndigo900 =
    class "divide-indigo-900"


{-| Maps to `divide-purple-50`:

    .divide-purple-50 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(245, 243, 255, var(--tw-divide-opacity));
    }
-}
dividePurple50 : Attribute msg
dividePurple50 =
    class "divide-purple-50"


{-| Maps to `divide-purple-100`:

    .divide-purple-100 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(237, 233, 254, var(--tw-divide-opacity));
    }
-}
dividePurple100 : Attribute msg
dividePurple100 =
    class "divide-purple-100"


{-| Maps to `divide-purple-200`:

    .divide-purple-200 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(221, 214, 254, var(--tw-divide-opacity));
    }
-}
dividePurple200 : Attribute msg
dividePurple200 =
    class "divide-purple-200"


{-| Maps to `divide-purple-300`:

    .divide-purple-300 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(196, 181, 253, var(--tw-divide-opacity));
    }
-}
dividePurple300 : Attribute msg
dividePurple300 =
    class "divide-purple-300"


{-| Maps to `divide-purple-400`:

    .divide-purple-400 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(167, 139, 250, var(--tw-divide-opacity));
    }
-}
dividePurple400 : Attribute msg
dividePurple400 =
    class "divide-purple-400"


{-| Maps to `divide-purple-500`:

    .divide-purple-500 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(139, 92, 246, var(--tw-divide-opacity));
    }
-}
dividePurple500 : Attribute msg
dividePurple500 =
    class "divide-purple-500"


{-| Maps to `divide-purple-600`:

    .divide-purple-600 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(124, 58, 237, var(--tw-divide-opacity));
    }
-}
dividePurple600 : Attribute msg
dividePurple600 =
    class "divide-purple-600"


{-| Maps to `divide-purple-700`:

    .divide-purple-700 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(109, 40, 217, var(--tw-divide-opacity));
    }
-}
dividePurple700 : Attribute msg
dividePurple700 =
    class "divide-purple-700"


{-| Maps to `divide-purple-800`:

    .divide-purple-800 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(91, 33, 182, var(--tw-divide-opacity));
    }
-}
dividePurple800 : Attribute msg
dividePurple800 =
    class "divide-purple-800"


{-| Maps to `divide-purple-900`:

    .divide-purple-900 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(76, 29, 149, var(--tw-divide-opacity));
    }
-}
dividePurple900 : Attribute msg
dividePurple900 =
    class "divide-purple-900"


{-| Maps to `divide-pink-50`:

    .divide-pink-50 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(253, 242, 248, var(--tw-divide-opacity));
    }
-}
dividePink50 : Attribute msg
dividePink50 =
    class "divide-pink-50"


{-| Maps to `divide-pink-100`:

    .divide-pink-100 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(252, 231, 243, var(--tw-divide-opacity));
    }
-}
dividePink100 : Attribute msg
dividePink100 =
    class "divide-pink-100"


{-| Maps to `divide-pink-200`:

    .divide-pink-200 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(251, 207, 232, var(--tw-divide-opacity));
    }
-}
dividePink200 : Attribute msg
dividePink200 =
    class "divide-pink-200"


{-| Maps to `divide-pink-300`:

    .divide-pink-300 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(249, 168, 212, var(--tw-divide-opacity));
    }
-}
dividePink300 : Attribute msg
dividePink300 =
    class "divide-pink-300"


{-| Maps to `divide-pink-400`:

    .divide-pink-400 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(244, 114, 182, var(--tw-divide-opacity));
    }
-}
dividePink400 : Attribute msg
dividePink400 =
    class "divide-pink-400"


{-| Maps to `divide-pink-500`:

    .divide-pink-500 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(236, 72, 153, var(--tw-divide-opacity));
    }
-}
dividePink500 : Attribute msg
dividePink500 =
    class "divide-pink-500"


{-| Maps to `divide-pink-600`:

    .divide-pink-600 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(219, 39, 119, var(--tw-divide-opacity));
    }
-}
dividePink600 : Attribute msg
dividePink600 =
    class "divide-pink-600"


{-| Maps to `divide-pink-700`:

    .divide-pink-700 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(190, 24, 93, var(--tw-divide-opacity));
    }
-}
dividePink700 : Attribute msg
dividePink700 =
    class "divide-pink-700"


{-| Maps to `divide-pink-800`:

    .divide-pink-800 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(157, 23, 77, var(--tw-divide-opacity));
    }
-}
dividePink800 : Attribute msg
dividePink800 =
    class "divide-pink-800"


{-| Maps to `divide-pink-900`:

    .divide-pink-900 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgba(131, 24, 67, var(--tw-divide-opacity));
    }
-}
dividePink900 : Attribute msg
dividePink900 =
    class "divide-pink-900"


{-| Maps to `divide-opacity-0`:

    .divide-opacity-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0;
    }
-}
divideOpacity0 : Attribute msg
divideOpacity0 =
    class "divide-opacity-0"


{-| Maps to `divide-opacity-5`:

    .divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.05;
    }
-}
divideOpacity5 : Attribute msg
divideOpacity5 =
    class "divide-opacity-5"


{-| Maps to `divide-opacity-10`:

    .divide-opacity-10 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.1;
    }
-}
divideOpacity10 : Attribute msg
divideOpacity10 =
    class "divide-opacity-10"


{-| Maps to `divide-opacity-20`:

    .divide-opacity-20 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.2;
    }
-}
divideOpacity20 : Attribute msg
divideOpacity20 =
    class "divide-opacity-20"


{-| Maps to `divide-opacity-25`:

    .divide-opacity-25 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.25;
    }
-}
divideOpacity25 : Attribute msg
divideOpacity25 =
    class "divide-opacity-25"


{-| Maps to `divide-opacity-30`:

    .divide-opacity-30 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.3;
    }
-}
divideOpacity30 : Attribute msg
divideOpacity30 =
    class "divide-opacity-30"


{-| Maps to `divide-opacity-40`:

    .divide-opacity-40 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.4;
    }
-}
divideOpacity40 : Attribute msg
divideOpacity40 =
    class "divide-opacity-40"


{-| Maps to `divide-opacity-50`:

    .divide-opacity-50 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.5;
    }
-}
divideOpacity50 : Attribute msg
divideOpacity50 =
    class "divide-opacity-50"


{-| Maps to `divide-opacity-60`:

    .divide-opacity-60 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.6;
    }
-}
divideOpacity60 : Attribute msg
divideOpacity60 =
    class "divide-opacity-60"


{-| Maps to `divide-opacity-70`:

    .divide-opacity-70 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.7;
    }
-}
divideOpacity70 : Attribute msg
divideOpacity70 =
    class "divide-opacity-70"


{-| Maps to `divide-opacity-75`:

    .divide-opacity-75 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.75;
    }
-}
divideOpacity75 : Attribute msg
divideOpacity75 =
    class "divide-opacity-75"


{-| Maps to `divide-opacity-80`:

    .divide-opacity-80 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.8;
    }
-}
divideOpacity80 : Attribute msg
divideOpacity80 =
    class "divide-opacity-80"


{-| Maps to `divide-opacity-90`:

    .divide-opacity-90 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.9;
    }
-}
divideOpacity90 : Attribute msg
divideOpacity90 =
    class "divide-opacity-90"


{-| Maps to `divide-opacity-95`:

    .divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 0.95;
    }
-}
divideOpacity95 : Attribute msg
divideOpacity95 =
    class "divide-opacity-95"


{-| Maps to `divide-opacity-100`:

    .divide-opacity-100 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
    }
-}
divideOpacity100 : Attribute msg
divideOpacity100 =
    class "divide-opacity-100"


{-| Maps to `place-self-auto`:

    .place-self-auto {
      place-self: auto;
    }
-}
placeSelfAuto : Attribute msg
placeSelfAuto =
    class "place-self-auto"


{-| Maps to `place-self-start`:

    .place-self-start {
      place-self: start;
    }
-}
placeSelfStart : Attribute msg
placeSelfStart =
    class "place-self-start"


{-| Maps to `place-self-end`:

    .place-self-end {
      place-self: end;
    }
-}
placeSelfEnd : Attribute msg
placeSelfEnd =
    class "place-self-end"


{-| Maps to `place-self-center`:

    .place-self-center {
      place-self: center;
    }
-}
placeSelfCenter : Attribute msg
placeSelfCenter =
    class "place-self-center"


{-| Maps to `place-self-stretch`:

    .place-self-stretch {
      place-self: stretch;
    }
-}
placeSelfStretch : Attribute msg
placeSelfStretch =
    class "place-self-stretch"


{-| Maps to `self-auto`:

    .self-auto {
      align-self: auto;
    }
-}
selfAuto : Attribute msg
selfAuto =
    class "self-auto"


{-| Maps to `self-start`:

    .self-start {
      align-self: flex-start;
    }
-}
selfStart : Attribute msg
selfStart =
    class "self-start"


{-| Maps to `self-end`:

    .self-end {
      align-self: flex-end;
    }
-}
selfEnd : Attribute msg
selfEnd =
    class "self-end"


{-| Maps to `self-center`:

    .self-center {
      align-self: center;
    }
-}
selfCenter : Attribute msg
selfCenter =
    class "self-center"


{-| Maps to `self-stretch`:

    .self-stretch {
      align-self: stretch;
    }
-}
selfStretch : Attribute msg
selfStretch =
    class "self-stretch"


{-| Maps to `self-baseline`:

    .self-baseline {
      align-self: baseline;
    }
-}
selfBaseline : Attribute msg
selfBaseline =
    class "self-baseline"


{-| Maps to `justify-self-auto`:

    .justify-self-auto {
      justify-self: auto;
    }
-}
justifySelfAuto : Attribute msg
justifySelfAuto =
    class "justify-self-auto"


{-| Maps to `justify-self-start`:

    .justify-self-start {
      justify-self: start;
    }
-}
justifySelfStart : Attribute msg
justifySelfStart =
    class "justify-self-start"


{-| Maps to `justify-self-end`:

    .justify-self-end {
      justify-self: end;
    }
-}
justifySelfEnd : Attribute msg
justifySelfEnd =
    class "justify-self-end"


{-| Maps to `justify-self-center`:

    .justify-self-center {
      justify-self: center;
    }
-}
justifySelfCenter : Attribute msg
justifySelfCenter =
    class "justify-self-center"


{-| Maps to `justify-self-stretch`:

    .justify-self-stretch {
      justify-self: stretch;
    }
-}
justifySelfStretch : Attribute msg
justifySelfStretch =
    class "justify-self-stretch"


{-| Maps to `overflow-auto`:

    .overflow-auto {
      overflow: auto;
    }
-}
overflowAuto : Attribute msg
overflowAuto =
    class "overflow-auto"


{-| Maps to `overflow-hidden`:

    .overflow-hidden {
      overflow: hidden;
    }
-}
overflowHidden : Attribute msg
overflowHidden =
    class "overflow-hidden"


{-| Maps to `overflow-visible`:

    .overflow-visible {
      overflow: visible;
    }
-}
overflowVisible : Attribute msg
overflowVisible =
    class "overflow-visible"


{-| Maps to `overflow-scroll`:

    .overflow-scroll {
      overflow: scroll;
    }
-}
overflowScroll : Attribute msg
overflowScroll =
    class "overflow-scroll"


{-| Maps to `overflow-x-auto`:

    .overflow-x-auto {
      overflow-x: auto;
    }
-}
overflowXAuto : Attribute msg
overflowXAuto =
    class "overflow-x-auto"


{-| Maps to `overflow-y-auto`:

    .overflow-y-auto {
      overflow-y: auto;
    }
-}
overflowYAuto : Attribute msg
overflowYAuto =
    class "overflow-y-auto"


{-| Maps to `overflow-x-hidden`:

    .overflow-x-hidden {
      overflow-x: hidden;
    }
-}
overflowXHidden : Attribute msg
overflowXHidden =
    class "overflow-x-hidden"


{-| Maps to `overflow-y-hidden`:

    .overflow-y-hidden {
      overflow-y: hidden;
    }
-}
overflowYHidden : Attribute msg
overflowYHidden =
    class "overflow-y-hidden"


{-| Maps to `overflow-x-visible`:

    .overflow-x-visible {
      overflow-x: visible;
    }
-}
overflowXVisible : Attribute msg
overflowXVisible =
    class "overflow-x-visible"


{-| Maps to `overflow-y-visible`:

    .overflow-y-visible {
      overflow-y: visible;
    }
-}
overflowYVisible : Attribute msg
overflowYVisible =
    class "overflow-y-visible"


{-| Maps to `overflow-x-scroll`:

    .overflow-x-scroll {
      overflow-x: scroll;
    }
-}
overflowXScroll : Attribute msg
overflowXScroll =
    class "overflow-x-scroll"


{-| Maps to `overflow-y-scroll`:

    .overflow-y-scroll {
      overflow-y: scroll;
    }
-}
overflowYScroll : Attribute msg
overflowYScroll =
    class "overflow-y-scroll"


{-| Maps to `overscroll-auto`:

    .overscroll-auto {
      overscroll-behavior: auto;
    }
-}
overscrollAuto : Attribute msg
overscrollAuto =
    class "overscroll-auto"


{-| Maps to `overscroll-contain`:

    .overscroll-contain {
      overscroll-behavior: contain;
    }
-}
overscrollContain : Attribute msg
overscrollContain =
    class "overscroll-contain"


{-| Maps to `overscroll-none`:

    .overscroll-none {
      overscroll-behavior: none;
    }
-}
overscrollNone : Attribute msg
overscrollNone =
    class "overscroll-none"


{-| Maps to `overscroll-y-auto`:

    .overscroll-y-auto {
      overscroll-behavior-y: auto;
    }
-}
overscrollYAuto : Attribute msg
overscrollYAuto =
    class "overscroll-y-auto"


{-| Maps to `overscroll-y-contain`:

    .overscroll-y-contain {
      overscroll-behavior-y: contain;
    }
-}
overscrollYContain : Attribute msg
overscrollYContain =
    class "overscroll-y-contain"


{-| Maps to `overscroll-y-none`:

    .overscroll-y-none {
      overscroll-behavior-y: none;
    }
-}
overscrollYNone : Attribute msg
overscrollYNone =
    class "overscroll-y-none"


{-| Maps to `overscroll-x-auto`:

    .overscroll-x-auto {
      overscroll-behavior-x: auto;
    }
-}
overscrollXAuto : Attribute msg
overscrollXAuto =
    class "overscroll-x-auto"


{-| Maps to `overscroll-x-contain`:

    .overscroll-x-contain {
      overscroll-behavior-x: contain;
    }
-}
overscrollXContain : Attribute msg
overscrollXContain =
    class "overscroll-x-contain"


{-| Maps to `overscroll-x-none`:

    .overscroll-x-none {
      overscroll-behavior-x: none;
    }
-}
overscrollXNone : Attribute msg
overscrollXNone =
    class "overscroll-x-none"


{-| Maps to `truncate`:

    .truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
-}
truncate : Attribute msg
truncate =
    class "truncate"


{-| Maps to `overflow-ellipsis`:

    .overflow-ellipsis {
      text-overflow: ellipsis;
    }
-}
overflowEllipsis : Attribute msg
overflowEllipsis =
    class "overflow-ellipsis"


{-| Maps to `overflow-clip`:

    .overflow-clip {
      text-overflow: clip;
    }
-}
overflowClip : Attribute msg
overflowClip =
    class "overflow-clip"


{-| Maps to `whitespace-normal`:

    .whitespace-normal {
      white-space: normal;
    }
-}
whitespaceNormal : Attribute msg
whitespaceNormal =
    class "whitespace-normal"


{-| Maps to `whitespace-nowrap`:

    .whitespace-nowrap {
      white-space: nowrap;
    }
-}
whitespaceNowrap : Attribute msg
whitespaceNowrap =
    class "whitespace-nowrap"


{-| Maps to `whitespace-pre`:

    .whitespace-pre {
      white-space: pre;
    }
-}
whitespacePre : Attribute msg
whitespacePre =
    class "whitespace-pre"


{-| Maps to `whitespace-pre-line`:

    .whitespace-pre-line {
      white-space: pre-line;
    }
-}
whitespacePreLine : Attribute msg
whitespacePreLine =
    class "whitespace-pre-line"


{-| Maps to `whitespace-pre-wrap`:

    .whitespace-pre-wrap {
      white-space: pre-wrap;
    }
-}
whitespacePreWrap : Attribute msg
whitespacePreWrap =
    class "whitespace-pre-wrap"


{-| Maps to `break-normal`:

    .break-normal {
      overflow-wrap: normal;
      word-break: normal;
    }
-}
breakNormal : Attribute msg
breakNormal =
    class "break-normal"


{-| Maps to `break-words`:

    .break-words {
      overflow-wrap: break-word;
    }
-}
breakWords : Attribute msg
breakWords =
    class "break-words"


{-| Maps to `break-all`:

    .break-all {
      word-break: break-all;
    }
-}
breakAll : Attribute msg
breakAll =
    class "break-all"


{-| Maps to `rounded-none`:

    .rounded-none {
      border-radius: 0;
    }
-}
roundedNone : Attribute msg
roundedNone =
    class "rounded-none"


{-| Maps to `rounded-sm`:

    .rounded-sm {
      border-radius: 0.125rem;
    }
-}
roundedSm : Attribute msg
roundedSm =
    class "rounded-sm"


{-| Maps to `rounded`:

    .rounded {
      border-radius: 0.25rem;
    }
-}
rounded : Attribute msg
rounded =
    class "rounded"


{-| Maps to `rounded-md`:

    .rounded-md {
      border-radius: 0.375rem;
    }
-}
roundedMd : Attribute msg
roundedMd =
    class "rounded-md"


{-| Maps to `rounded-lg`:

    .rounded-lg {
      border-radius: 0.5rem;
    }
-}
roundedLg : Attribute msg
roundedLg =
    class "rounded-lg"


{-| Maps to `rounded-xl`:

    .rounded-xl {
      border-radius: 0.75rem;
    }
-}
roundedXl : Attribute msg
roundedXl =
    class "rounded-xl"


{-| Maps to `rounded-2xl`:

    .rounded-2xl {
      border-radius: 1rem;
    }
-}
rounded2xl : Attribute msg
rounded2xl =
    class "rounded-2xl"


{-| Maps to `rounded-3xl`:

    .rounded-3xl {
      border-radius: 1.5rem;
    }
-}
rounded3xl : Attribute msg
rounded3xl =
    class "rounded-3xl"


{-| Maps to `rounded-full`:

    .rounded-full {
      border-radius: 9999px;
    }
-}
roundedFull : Attribute msg
roundedFull =
    class "rounded-full"


{-| Maps to `rounded-t-none`:

    .rounded-t-none {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
-}
roundedTNone : Attribute msg
roundedTNone =
    class "rounded-t-none"


{-| Maps to `rounded-t-sm`:

    .rounded-t-sm {
      border-top-left-radius: 0.125rem;
      border-top-right-radius: 0.125rem;
    }
-}
roundedTSm : Attribute msg
roundedTSm =
    class "rounded-t-sm"


{-| Maps to `rounded-t`:

    .rounded-t {
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
    }
-}
roundedT : Attribute msg
roundedT =
    class "rounded-t"


{-| Maps to `rounded-t-md`:

    .rounded-t-md {
      border-top-left-radius: 0.375rem;
      border-top-right-radius: 0.375rem;
    }
-}
roundedTMd : Attribute msg
roundedTMd =
    class "rounded-t-md"


{-| Maps to `rounded-t-lg`:

    .rounded-t-lg {
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
    }
-}
roundedTLg : Attribute msg
roundedTLg =
    class "rounded-t-lg"


{-| Maps to `rounded-t-xl`:

    .rounded-t-xl {
      border-top-left-radius: 0.75rem;
      border-top-right-radius: 0.75rem;
    }
-}
roundedTXl : Attribute msg
roundedTXl =
    class "rounded-t-xl"


{-| Maps to `rounded-t-2xl`:

    .rounded-t-2xl {
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
    }
-}
roundedT2xl : Attribute msg
roundedT2xl =
    class "rounded-t-2xl"


{-| Maps to `rounded-t-3xl`:

    .rounded-t-3xl {
      border-top-left-radius: 1.5rem;
      border-top-right-radius: 1.5rem;
    }
-}
roundedT3xl : Attribute msg
roundedT3xl =
    class "rounded-t-3xl"


{-| Maps to `rounded-t-full`:

    .rounded-t-full {
      border-top-left-radius: 9999px;
      border-top-right-radius: 9999px;
    }
-}
roundedTFull : Attribute msg
roundedTFull =
    class "rounded-t-full"


{-| Maps to `rounded-r-none`:

    .rounded-r-none {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
-}
roundedRNone : Attribute msg
roundedRNone =
    class "rounded-r-none"


{-| Maps to `rounded-r-sm`:

    .rounded-r-sm {
      border-top-right-radius: 0.125rem;
      border-bottom-right-radius: 0.125rem;
    }
-}
roundedRSm : Attribute msg
roundedRSm =
    class "rounded-r-sm"


{-| Maps to `rounded-r`:

    .rounded-r {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }
-}
roundedR : Attribute msg
roundedR =
    class "rounded-r"


{-| Maps to `rounded-r-md`:

    .rounded-r-md {
      border-top-right-radius: 0.375rem;
      border-bottom-right-radius: 0.375rem;
    }
-}
roundedRMd : Attribute msg
roundedRMd =
    class "rounded-r-md"


{-| Maps to `rounded-r-lg`:

    .rounded-r-lg {
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
    }
-}
roundedRLg : Attribute msg
roundedRLg =
    class "rounded-r-lg"


{-| Maps to `rounded-r-xl`:

    .rounded-r-xl {
      border-top-right-radius: 0.75rem;
      border-bottom-right-radius: 0.75rem;
    }
-}
roundedRXl : Attribute msg
roundedRXl =
    class "rounded-r-xl"


{-| Maps to `rounded-r-2xl`:

    .rounded-r-2xl {
      border-top-right-radius: 1rem;
      border-bottom-right-radius: 1rem;
    }
-}
roundedR2xl : Attribute msg
roundedR2xl =
    class "rounded-r-2xl"


{-| Maps to `rounded-r-3xl`:

    .rounded-r-3xl {
      border-top-right-radius: 1.5rem;
      border-bottom-right-radius: 1.5rem;
    }
-}
roundedR3xl : Attribute msg
roundedR3xl =
    class "rounded-r-3xl"


{-| Maps to `rounded-r-full`:

    .rounded-r-full {
      border-top-right-radius: 9999px;
      border-bottom-right-radius: 9999px;
    }
-}
roundedRFull : Attribute msg
roundedRFull =
    class "rounded-r-full"


{-| Maps to `rounded-b-none`:

    .rounded-b-none {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
-}
roundedBNone : Attribute msg
roundedBNone =
    class "rounded-b-none"


{-| Maps to `rounded-b-sm`:

    .rounded-b-sm {
      border-bottom-right-radius: 0.125rem;
      border-bottom-left-radius: 0.125rem;
    }
-}
roundedBSm : Attribute msg
roundedBSm =
    class "rounded-b-sm"


{-| Maps to `rounded-b`:

    .rounded-b {
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
-}
roundedB : Attribute msg
roundedB =
    class "rounded-b"


{-| Maps to `rounded-b-md`:

    .rounded-b-md {
      border-bottom-right-radius: 0.375rem;
      border-bottom-left-radius: 0.375rem;
    }
-}
roundedBMd : Attribute msg
roundedBMd =
    class "rounded-b-md"


{-| Maps to `rounded-b-lg`:

    .rounded-b-lg {
      border-bottom-right-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }
-}
roundedBLg : Attribute msg
roundedBLg =
    class "rounded-b-lg"


{-| Maps to `rounded-b-xl`:

    .rounded-b-xl {
      border-bottom-right-radius: 0.75rem;
      border-bottom-left-radius: 0.75rem;
    }
-}
roundedBXl : Attribute msg
roundedBXl =
    class "rounded-b-xl"


{-| Maps to `rounded-b-2xl`:

    .rounded-b-2xl {
      border-bottom-right-radius: 1rem;
      border-bottom-left-radius: 1rem;
    }
-}
roundedB2xl : Attribute msg
roundedB2xl =
    class "rounded-b-2xl"


{-| Maps to `rounded-b-3xl`:

    .rounded-b-3xl {
      border-bottom-right-radius: 1.5rem;
      border-bottom-left-radius: 1.5rem;
    }
-}
roundedB3xl : Attribute msg
roundedB3xl =
    class "rounded-b-3xl"


{-| Maps to `rounded-b-full`:

    .rounded-b-full {
      border-bottom-right-radius: 9999px;
      border-bottom-left-radius: 9999px;
    }
-}
roundedBFull : Attribute msg
roundedBFull =
    class "rounded-b-full"


{-| Maps to `rounded-l-none`:

    .rounded-l-none {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
-}
roundedLNone : Attribute msg
roundedLNone =
    class "rounded-l-none"


{-| Maps to `rounded-l-sm`:

    .rounded-l-sm {
      border-top-left-radius: 0.125rem;
      border-bottom-left-radius: 0.125rem;
    }
-}
roundedLSm : Attribute msg
roundedLSm =
    class "rounded-l-sm"


{-| Maps to `rounded-l`:

    .rounded-l {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
-}
roundedL : Attribute msg
roundedL =
    class "rounded-l"


{-| Maps to `rounded-l-md`:

    .rounded-l-md {
      border-top-left-radius: 0.375rem;
      border-bottom-left-radius: 0.375rem;
    }
-}
roundedLMd : Attribute msg
roundedLMd =
    class "rounded-l-md"


{-| Maps to `rounded-l-lg`:

    .rounded-l-lg {
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }
-}
roundedLLg : Attribute msg
roundedLLg =
    class "rounded-l-lg"


{-| Maps to `rounded-l-xl`:

    .rounded-l-xl {
      border-top-left-radius: 0.75rem;
      border-bottom-left-radius: 0.75rem;
    }
-}
roundedLXl : Attribute msg
roundedLXl =
    class "rounded-l-xl"


{-| Maps to `rounded-l-2xl`:

    .rounded-l-2xl {
      border-top-left-radius: 1rem;
      border-bottom-left-radius: 1rem;
    }
-}
roundedL2xl : Attribute msg
roundedL2xl =
    class "rounded-l-2xl"


{-| Maps to `rounded-l-3xl`:

    .rounded-l-3xl {
      border-top-left-radius: 1.5rem;
      border-bottom-left-radius: 1.5rem;
    }
-}
roundedL3xl : Attribute msg
roundedL3xl =
    class "rounded-l-3xl"


{-| Maps to `rounded-l-full`:

    .rounded-l-full {
      border-top-left-radius: 9999px;
      border-bottom-left-radius: 9999px;
    }
-}
roundedLFull : Attribute msg
roundedLFull =
    class "rounded-l-full"


{-| Maps to `rounded-tl-none`:

    .rounded-tl-none {
      border-top-left-radius: 0;
    }
-}
roundedTlNone : Attribute msg
roundedTlNone =
    class "rounded-tl-none"


{-| Maps to `rounded-tl-sm`:

    .rounded-tl-sm {
      border-top-left-radius: 0.125rem;
    }
-}
roundedTlSm : Attribute msg
roundedTlSm =
    class "rounded-tl-sm"


{-| Maps to `rounded-tl`:

    .rounded-tl {
      border-top-left-radius: 0.25rem;
    }
-}
roundedTl : Attribute msg
roundedTl =
    class "rounded-tl"


{-| Maps to `rounded-tl-md`:

    .rounded-tl-md {
      border-top-left-radius: 0.375rem;
    }
-}
roundedTlMd : Attribute msg
roundedTlMd =
    class "rounded-tl-md"


{-| Maps to `rounded-tl-lg`:

    .rounded-tl-lg {
      border-top-left-radius: 0.5rem;
    }
-}
roundedTlLg : Attribute msg
roundedTlLg =
    class "rounded-tl-lg"


{-| Maps to `rounded-tl-xl`:

    .rounded-tl-xl {
      border-top-left-radius: 0.75rem;
    }
-}
roundedTlXl : Attribute msg
roundedTlXl =
    class "rounded-tl-xl"


{-| Maps to `rounded-tl-2xl`:

    .rounded-tl-2xl {
      border-top-left-radius: 1rem;
    }
-}
roundedTl2xl : Attribute msg
roundedTl2xl =
    class "rounded-tl-2xl"


{-| Maps to `rounded-tl-3xl`:

    .rounded-tl-3xl {
      border-top-left-radius: 1.5rem;
    }
-}
roundedTl3xl : Attribute msg
roundedTl3xl =
    class "rounded-tl-3xl"


{-| Maps to `rounded-tl-full`:

    .rounded-tl-full {
      border-top-left-radius: 9999px;
    }
-}
roundedTlFull : Attribute msg
roundedTlFull =
    class "rounded-tl-full"


{-| Maps to `rounded-tr-none`:

    .rounded-tr-none {
      border-top-right-radius: 0;
    }
-}
roundedTrNone : Attribute msg
roundedTrNone =
    class "rounded-tr-none"


{-| Maps to `rounded-tr-sm`:

    .rounded-tr-sm {
      border-top-right-radius: 0.125rem;
    }
-}
roundedTrSm : Attribute msg
roundedTrSm =
    class "rounded-tr-sm"


{-| Maps to `rounded-tr`:

    .rounded-tr {
      border-top-right-radius: 0.25rem;
    }
-}
roundedTr : Attribute msg
roundedTr =
    class "rounded-tr"


{-| Maps to `rounded-tr-md`:

    .rounded-tr-md {
      border-top-right-radius: 0.375rem;
    }
-}
roundedTrMd : Attribute msg
roundedTrMd =
    class "rounded-tr-md"


{-| Maps to `rounded-tr-lg`:

    .rounded-tr-lg {
      border-top-right-radius: 0.5rem;
    }
-}
roundedTrLg : Attribute msg
roundedTrLg =
    class "rounded-tr-lg"


{-| Maps to `rounded-tr-xl`:

    .rounded-tr-xl {
      border-top-right-radius: 0.75rem;
    }
-}
roundedTrXl : Attribute msg
roundedTrXl =
    class "rounded-tr-xl"


{-| Maps to `rounded-tr-2xl`:

    .rounded-tr-2xl {
      border-top-right-radius: 1rem;
    }
-}
roundedTr2xl : Attribute msg
roundedTr2xl =
    class "rounded-tr-2xl"


{-| Maps to `rounded-tr-3xl`:

    .rounded-tr-3xl {
      border-top-right-radius: 1.5rem;
    }
-}
roundedTr3xl : Attribute msg
roundedTr3xl =
    class "rounded-tr-3xl"


{-| Maps to `rounded-tr-full`:

    .rounded-tr-full {
      border-top-right-radius: 9999px;
    }
-}
roundedTrFull : Attribute msg
roundedTrFull =
    class "rounded-tr-full"


{-| Maps to `rounded-br-none`:

    .rounded-br-none {
      border-bottom-right-radius: 0;
    }
-}
roundedBrNone : Attribute msg
roundedBrNone =
    class "rounded-br-none"


{-| Maps to `rounded-br-sm`:

    .rounded-br-sm {
      border-bottom-right-radius: 0.125rem;
    }
-}
roundedBrSm : Attribute msg
roundedBrSm =
    class "rounded-br-sm"


{-| Maps to `rounded-br`:

    .rounded-br {
      border-bottom-right-radius: 0.25rem;
    }
-}
roundedBr : Attribute msg
roundedBr =
    class "rounded-br"


{-| Maps to `rounded-br-md`:

    .rounded-br-md {
      border-bottom-right-radius: 0.375rem;
    }
-}
roundedBrMd : Attribute msg
roundedBrMd =
    class "rounded-br-md"


{-| Maps to `rounded-br-lg`:

    .rounded-br-lg {
      border-bottom-right-radius: 0.5rem;
    }
-}
roundedBrLg : Attribute msg
roundedBrLg =
    class "rounded-br-lg"


{-| Maps to `rounded-br-xl`:

    .rounded-br-xl {
      border-bottom-right-radius: 0.75rem;
    }
-}
roundedBrXl : Attribute msg
roundedBrXl =
    class "rounded-br-xl"


{-| Maps to `rounded-br-2xl`:

    .rounded-br-2xl {
      border-bottom-right-radius: 1rem;
    }
-}
roundedBr2xl : Attribute msg
roundedBr2xl =
    class "rounded-br-2xl"


{-| Maps to `rounded-br-3xl`:

    .rounded-br-3xl {
      border-bottom-right-radius: 1.5rem;
    }
-}
roundedBr3xl : Attribute msg
roundedBr3xl =
    class "rounded-br-3xl"


{-| Maps to `rounded-br-full`:

    .rounded-br-full {
      border-bottom-right-radius: 9999px;
    }
-}
roundedBrFull : Attribute msg
roundedBrFull =
    class "rounded-br-full"


{-| Maps to `rounded-bl-none`:

    .rounded-bl-none {
      border-bottom-left-radius: 0;
    }
-}
roundedBlNone : Attribute msg
roundedBlNone =
    class "rounded-bl-none"


{-| Maps to `rounded-bl-sm`:

    .rounded-bl-sm {
      border-bottom-left-radius: 0.125rem;
    }
-}
roundedBlSm : Attribute msg
roundedBlSm =
    class "rounded-bl-sm"


{-| Maps to `rounded-bl`:

    .rounded-bl {
      border-bottom-left-radius: 0.25rem;
    }
-}
roundedBl : Attribute msg
roundedBl =
    class "rounded-bl"


{-| Maps to `rounded-bl-md`:

    .rounded-bl-md {
      border-bottom-left-radius: 0.375rem;
    }
-}
roundedBlMd : Attribute msg
roundedBlMd =
    class "rounded-bl-md"


{-| Maps to `rounded-bl-lg`:

    .rounded-bl-lg {
      border-bottom-left-radius: 0.5rem;
    }
-}
roundedBlLg : Attribute msg
roundedBlLg =
    class "rounded-bl-lg"


{-| Maps to `rounded-bl-xl`:

    .rounded-bl-xl {
      border-bottom-left-radius: 0.75rem;
    }
-}
roundedBlXl : Attribute msg
roundedBlXl =
    class "rounded-bl-xl"


{-| Maps to `rounded-bl-2xl`:

    .rounded-bl-2xl {
      border-bottom-left-radius: 1rem;
    }
-}
roundedBl2xl : Attribute msg
roundedBl2xl =
    class "rounded-bl-2xl"


{-| Maps to `rounded-bl-3xl`:

    .rounded-bl-3xl {
      border-bottom-left-radius: 1.5rem;
    }
-}
roundedBl3xl : Attribute msg
roundedBl3xl =
    class "rounded-bl-3xl"


{-| Maps to `rounded-bl-full`:

    .rounded-bl-full {
      border-bottom-left-radius: 9999px;
    }
-}
roundedBlFull : Attribute msg
roundedBlFull =
    class "rounded-bl-full"


{-| Maps to `border-0`:

    .border-0 {
      border-width: 0;
    }
-}
border0 : Attribute msg
border0 =
    class "border-0"


{-| Maps to `border-2`:

    .border-2 {
      border-width: 2px;
    }
-}
border2 : Attribute msg
border2 =
    class "border-2"


{-| Maps to `border-4`:

    .border-4 {
      border-width: 4px;
    }
-}
border4 : Attribute msg
border4 =
    class "border-4"


{-| Maps to `border-8`:

    .border-8 {
      border-width: 8px;
    }
-}
border8 : Attribute msg
border8 =
    class "border-8"


{-| Maps to `border`:

    .border {
      border-width: 1px;
    }
-}
border : Attribute msg
border =
    class "border"


{-| Maps to `border-t-0`:

    .border-t-0 {
      border-top-width: 0;
    }
-}
borderT0 : Attribute msg
borderT0 =
    class "border-t-0"


{-| Maps to `border-t-2`:

    .border-t-2 {
      border-top-width: 2px;
    }
-}
borderT2 : Attribute msg
borderT2 =
    class "border-t-2"


{-| Maps to `border-t-4`:

    .border-t-4 {
      border-top-width: 4px;
    }
-}
borderT4 : Attribute msg
borderT4 =
    class "border-t-4"


{-| Maps to `border-t-8`:

    .border-t-8 {
      border-top-width: 8px;
    }
-}
borderT8 : Attribute msg
borderT8 =
    class "border-t-8"


{-| Maps to `border-t`:

    .border-t {
      border-top-width: 1px;
    }
-}
borderT : Attribute msg
borderT =
    class "border-t"


{-| Maps to `border-r-0`:

    .border-r-0 {
      border-right-width: 0;
    }
-}
borderR0 : Attribute msg
borderR0 =
    class "border-r-0"


{-| Maps to `border-r-2`:

    .border-r-2 {
      border-right-width: 2px;
    }
-}
borderR2 : Attribute msg
borderR2 =
    class "border-r-2"


{-| Maps to `border-r-4`:

    .border-r-4 {
      border-right-width: 4px;
    }
-}
borderR4 : Attribute msg
borderR4 =
    class "border-r-4"


{-| Maps to `border-r-8`:

    .border-r-8 {
      border-right-width: 8px;
    }
-}
borderR8 : Attribute msg
borderR8 =
    class "border-r-8"


{-| Maps to `border-r`:

    .border-r {
      border-right-width: 1px;
    }
-}
borderR : Attribute msg
borderR =
    class "border-r"


{-| Maps to `border-b-0`:

    .border-b-0 {
      border-bottom-width: 0;
    }
-}
borderB0 : Attribute msg
borderB0 =
    class "border-b-0"


{-| Maps to `border-b-2`:

    .border-b-2 {
      border-bottom-width: 2px;
    }
-}
borderB2 : Attribute msg
borderB2 =
    class "border-b-2"


{-| Maps to `border-b-4`:

    .border-b-4 {
      border-bottom-width: 4px;
    }
-}
borderB4 : Attribute msg
borderB4 =
    class "border-b-4"


{-| Maps to `border-b-8`:

    .border-b-8 {
      border-bottom-width: 8px;
    }
-}
borderB8 : Attribute msg
borderB8 =
    class "border-b-8"


{-| Maps to `border-b`:

    .border-b {
      border-bottom-width: 1px;
    }
-}
borderB : Attribute msg
borderB =
    class "border-b"


{-| Maps to `border-l-0`:

    .border-l-0 {
      border-left-width: 0;
    }
-}
borderL0 : Attribute msg
borderL0 =
    class "border-l-0"


{-| Maps to `border-l-2`:

    .border-l-2 {
      border-left-width: 2px;
    }
-}
borderL2 : Attribute msg
borderL2 =
    class "border-l-2"


{-| Maps to `border-l-4`:

    .border-l-4 {
      border-left-width: 4px;
    }
-}
borderL4 : Attribute msg
borderL4 =
    class "border-l-4"


{-| Maps to `border-l-8`:

    .border-l-8 {
      border-left-width: 8px;
    }
-}
borderL8 : Attribute msg
borderL8 =
    class "border-l-8"


{-| Maps to `border-l`:

    .border-l {
      border-left-width: 1px;
    }
-}
borderL : Attribute msg
borderL =
    class "border-l"


{-| Maps to `border-solid`:

    .border-solid {
      border-style: solid;
    }
-}
borderSolid : Attribute msg
borderSolid =
    class "border-solid"


{-| Maps to `border-dashed`:

    .border-dashed {
      border-style: dashed;
    }
-}
borderDashed : Attribute msg
borderDashed =
    class "border-dashed"


{-| Maps to `border-dotted`:

    .border-dotted {
      border-style: dotted;
    }
-}
borderDotted : Attribute msg
borderDotted =
    class "border-dotted"


{-| Maps to `border-double`:

    .border-double {
      border-style: double;
    }
-}
borderDouble : Attribute msg
borderDouble =
    class "border-double"


{-| Maps to `border-none`:

    .border-none {
      border-style: none;
    }
-}
borderNone : Attribute msg
borderNone =
    class "border-none"


{-| Maps to `border-transparent`:

    .border-transparent {
      border-color: transparent;
    }
-}
borderTransparent : Attribute msg
borderTransparent =
    class "border-transparent"


{-| Maps to `border-current`:

    .border-current {
      border-color: currentColor;
    }
-}
borderCurrent : Attribute msg
borderCurrent =
    class "border-current"


{-| Maps to `border-black`:

    .border-black {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }
-}
borderBlack : Attribute msg
borderBlack =
    class "border-black"


{-| Maps to `border-white`:

    .border-white {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }
-}
borderWhite : Attribute msg
borderWhite =
    class "border-white"


{-| Maps to `border-gray-50`:

    .border-gray-50 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
    }
-}
borderGray50 : Attribute msg
borderGray50 =
    class "border-gray-50"


{-| Maps to `border-gray-100`:

    .border-gray-100 {
      --tw-border-opacity: 1;
      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    }
-}
borderGray100 : Attribute msg
borderGray100 =
    class "border-gray-100"


{-| Maps to `border-gray-200`:

    .border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }
-}
borderGray200 : Attribute msg
borderGray200 =
    class "border-gray-200"


{-| Maps to `border-gray-300`:

    .border-gray-300 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    }
-}
borderGray300 : Attribute msg
borderGray300 =
    class "border-gray-300"


{-| Maps to `border-gray-400`:

    .border-gray-400 {
      --tw-border-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
    }
-}
borderGray400 : Attribute msg
borderGray400 =
    class "border-gray-400"


{-| Maps to `border-gray-500`:

    .border-gray-500 {
      --tw-border-opacity: 1;
      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
    }
-}
borderGray500 : Attribute msg
borderGray500 =
    class "border-gray-500"


{-| Maps to `border-gray-600`:

    .border-gray-600 {
      --tw-border-opacity: 1;
      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    }
-}
borderGray600 : Attribute msg
borderGray600 =
    class "border-gray-600"


{-| Maps to `border-gray-700`:

    .border-gray-700 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
    }
-}
borderGray700 : Attribute msg
borderGray700 =
    class "border-gray-700"


{-| Maps to `border-gray-800`:

    .border-gray-800 {
      --tw-border-opacity: 1;
      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
    }
-}
borderGray800 : Attribute msg
borderGray800 =
    class "border-gray-800"


{-| Maps to `border-gray-900`:

    .border-gray-900 {
      --tw-border-opacity: 1;
      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
    }
-}
borderGray900 : Attribute msg
borderGray900 =
    class "border-gray-900"


{-| Maps to `border-red-50`:

    .border-red-50 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
    }
-}
borderRed50 : Attribute msg
borderRed50 =
    class "border-red-50"


{-| Maps to `border-red-100`:

    .border-red-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
    }
-}
borderRed100 : Attribute msg
borderRed100 =
    class "border-red-100"


{-| Maps to `border-red-200`:

    .border-red-200 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
    }
-}
borderRed200 : Attribute msg
borderRed200 =
    class "border-red-200"


{-| Maps to `border-red-300`:

    .border-red-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
    }
-}
borderRed300 : Attribute msg
borderRed300 =
    class "border-red-300"


{-| Maps to `border-red-400`:

    .border-red-400 {
      --tw-border-opacity: 1;
      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
    }
-}
borderRed400 : Attribute msg
borderRed400 =
    class "border-red-400"


{-| Maps to `border-red-500`:

    .border-red-500 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
    }
-}
borderRed500 : Attribute msg
borderRed500 =
    class "border-red-500"


{-| Maps to `border-red-600`:

    .border-red-600 {
      --tw-border-opacity: 1;
      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
    }
-}
borderRed600 : Attribute msg
borderRed600 =
    class "border-red-600"


{-| Maps to `border-red-700`:

    .border-red-700 {
      --tw-border-opacity: 1;
      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
    }
-}
borderRed700 : Attribute msg
borderRed700 =
    class "border-red-700"


{-| Maps to `border-red-800`:

    .border-red-800 {
      --tw-border-opacity: 1;
      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
    }
-}
borderRed800 : Attribute msg
borderRed800 =
    class "border-red-800"


{-| Maps to `border-red-900`:

    .border-red-900 {
      --tw-border-opacity: 1;
      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
    }
-}
borderRed900 : Attribute msg
borderRed900 =
    class "border-red-900"


{-| Maps to `border-yellow-50`:

    .border-yellow-50 {
      --tw-border-opacity: 1;
      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
    }
-}
borderYellow50 : Attribute msg
borderYellow50 =
    class "border-yellow-50"


{-| Maps to `border-yellow-100`:

    .border-yellow-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
    }
-}
borderYellow100 : Attribute msg
borderYellow100 =
    class "border-yellow-100"


{-| Maps to `border-yellow-200`:

    .border-yellow-200 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
    }
-}
borderYellow200 : Attribute msg
borderYellow200 =
    class "border-yellow-200"


{-| Maps to `border-yellow-300`:

    .border-yellow-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
    }
-}
borderYellow300 : Attribute msg
borderYellow300 =
    class "border-yellow-300"


{-| Maps to `border-yellow-400`:

    .border-yellow-400 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
    }
-}
borderYellow400 : Attribute msg
borderYellow400 =
    class "border-yellow-400"


{-| Maps to `border-yellow-500`:

    .border-yellow-500 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
    }
-}
borderYellow500 : Attribute msg
borderYellow500 =
    class "border-yellow-500"


{-| Maps to `border-yellow-600`:

    .border-yellow-600 {
      --tw-border-opacity: 1;
      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
    }
-}
borderYellow600 : Attribute msg
borderYellow600 =
    class "border-yellow-600"


{-| Maps to `border-yellow-700`:

    .border-yellow-700 {
      --tw-border-opacity: 1;
      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
    }
-}
borderYellow700 : Attribute msg
borderYellow700 =
    class "border-yellow-700"


{-| Maps to `border-yellow-800`:

    .border-yellow-800 {
      --tw-border-opacity: 1;
      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
    }
-}
borderYellow800 : Attribute msg
borderYellow800 =
    class "border-yellow-800"


{-| Maps to `border-yellow-900`:

    .border-yellow-900 {
      --tw-border-opacity: 1;
      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
    }
-}
borderYellow900 : Attribute msg
borderYellow900 =
    class "border-yellow-900"


{-| Maps to `border-green-50`:

    .border-green-50 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
    }
-}
borderGreen50 : Attribute msg
borderGreen50 =
    class "border-green-50"


{-| Maps to `border-green-100`:

    .border-green-100 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 250, 229, var(--tw-border-opacity));
    }
-}
borderGreen100 : Attribute msg
borderGreen100 =
    class "border-green-100"


{-| Maps to `border-green-200`:

    .border-green-200 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 243, 208, var(--tw-border-opacity));
    }
-}
borderGreen200 : Attribute msg
borderGreen200 =
    class "border-green-200"


{-| Maps to `border-green-300`:

    .border-green-300 {
      --tw-border-opacity: 1;
      border-color: rgba(110, 231, 183, var(--tw-border-opacity));
    }
-}
borderGreen300 : Attribute msg
borderGreen300 =
    class "border-green-300"


{-| Maps to `border-green-400`:

    .border-green-400 {
      --tw-border-opacity: 1;
      border-color: rgba(52, 211, 153, var(--tw-border-opacity));
    }
-}
borderGreen400 : Attribute msg
borderGreen400 =
    class "border-green-400"


{-| Maps to `border-green-500`:

    .border-green-500 {
      --tw-border-opacity: 1;
      border-color: rgba(16, 185, 129, var(--tw-border-opacity));
    }
-}
borderGreen500 : Attribute msg
borderGreen500 =
    class "border-green-500"


{-| Maps to `border-green-600`:

    .border-green-600 {
      --tw-border-opacity: 1;
      border-color: rgba(5, 150, 105, var(--tw-border-opacity));
    }
-}
borderGreen600 : Attribute msg
borderGreen600 =
    class "border-green-600"


{-| Maps to `border-green-700`:

    .border-green-700 {
      --tw-border-opacity: 1;
      border-color: rgba(4, 120, 87, var(--tw-border-opacity));
    }
-}
borderGreen700 : Attribute msg
borderGreen700 =
    class "border-green-700"


{-| Maps to `border-green-800`:

    .border-green-800 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 95, 70, var(--tw-border-opacity));
    }
-}
borderGreen800 : Attribute msg
borderGreen800 =
    class "border-green-800"


{-| Maps to `border-green-900`:

    .border-green-900 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 78, 59, var(--tw-border-opacity));
    }
-}
borderGreen900 : Attribute msg
borderGreen900 =
    class "border-green-900"


{-| Maps to `border-blue-50`:

    .border-blue-50 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
    }
-}
borderBlue50 : Attribute msg
borderBlue50 =
    class "border-blue-50"


{-| Maps to `border-blue-100`:

    .border-blue-100 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
    }
-}
borderBlue100 : Attribute msg
borderBlue100 =
    class "border-blue-100"


{-| Maps to `border-blue-200`:

    .border-blue-200 {
      --tw-border-opacity: 1;
      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
    }
-}
borderBlue200 : Attribute msg
borderBlue200 =
    class "border-blue-200"


{-| Maps to `border-blue-300`:

    .border-blue-300 {
      --tw-border-opacity: 1;
      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
    }
-}
borderBlue300 : Attribute msg
borderBlue300 =
    class "border-blue-300"


{-| Maps to `border-blue-400`:

    .border-blue-400 {
      --tw-border-opacity: 1;
      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
    }
-}
borderBlue400 : Attribute msg
borderBlue400 =
    class "border-blue-400"


{-| Maps to `border-blue-500`:

    .border-blue-500 {
      --tw-border-opacity: 1;
      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
    }
-}
borderBlue500 : Attribute msg
borderBlue500 =
    class "border-blue-500"


{-| Maps to `border-blue-600`:

    .border-blue-600 {
      --tw-border-opacity: 1;
      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
    }
-}
borderBlue600 : Attribute msg
borderBlue600 =
    class "border-blue-600"


{-| Maps to `border-blue-700`:

    .border-blue-700 {
      --tw-border-opacity: 1;
      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
    }
-}
borderBlue700 : Attribute msg
borderBlue700 =
    class "border-blue-700"


{-| Maps to `border-blue-800`:

    .border-blue-800 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
    }
-}
borderBlue800 : Attribute msg
borderBlue800 =
    class "border-blue-800"


{-| Maps to `border-blue-900`:

    .border-blue-900 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
    }
-}
borderBlue900 : Attribute msg
borderBlue900 =
    class "border-blue-900"


{-| Maps to `border-indigo-50`:

    .border-indigo-50 {
      --tw-border-opacity: 1;
      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
    }
-}
borderIndigo50 : Attribute msg
borderIndigo50 =
    class "border-indigo-50"


{-| Maps to `border-indigo-100`:

    .border-indigo-100 {
      --tw-border-opacity: 1;
      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
    }
-}
borderIndigo100 : Attribute msg
borderIndigo100 =
    class "border-indigo-100"


{-| Maps to `border-indigo-200`:

    .border-indigo-200 {
      --tw-border-opacity: 1;
      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
    }
-}
borderIndigo200 : Attribute msg
borderIndigo200 =
    class "border-indigo-200"


{-| Maps to `border-indigo-300`:

    .border-indigo-300 {
      --tw-border-opacity: 1;
      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
    }
-}
borderIndigo300 : Attribute msg
borderIndigo300 =
    class "border-indigo-300"


{-| Maps to `border-indigo-400`:

    .border-indigo-400 {
      --tw-border-opacity: 1;
      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
    }
-}
borderIndigo400 : Attribute msg
borderIndigo400 =
    class "border-indigo-400"


{-| Maps to `border-indigo-500`:

    .border-indigo-500 {
      --tw-border-opacity: 1;
      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
    }
-}
borderIndigo500 : Attribute msg
borderIndigo500 =
    class "border-indigo-500"


{-| Maps to `border-indigo-600`:

    .border-indigo-600 {
      --tw-border-opacity: 1;
      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
    }
-}
borderIndigo600 : Attribute msg
borderIndigo600 =
    class "border-indigo-600"


{-| Maps to `border-indigo-700`:

    .border-indigo-700 {
      --tw-border-opacity: 1;
      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
    }
-}
borderIndigo700 : Attribute msg
borderIndigo700 =
    class "border-indigo-700"


{-| Maps to `border-indigo-800`:

    .border-indigo-800 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
    }
-}
borderIndigo800 : Attribute msg
borderIndigo800 =
    class "border-indigo-800"


{-| Maps to `border-indigo-900`:

    .border-indigo-900 {
      --tw-border-opacity: 1;
      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
    }
-}
borderIndigo900 : Attribute msg
borderIndigo900 =
    class "border-indigo-900"


{-| Maps to `border-purple-50`:

    .border-purple-50 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
    }
-}
borderPurple50 : Attribute msg
borderPurple50 =
    class "border-purple-50"


{-| Maps to `border-purple-100`:

    .border-purple-100 {
      --tw-border-opacity: 1;
      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
    }
-}
borderPurple100 : Attribute msg
borderPurple100 =
    class "border-purple-100"


{-| Maps to `border-purple-200`:

    .border-purple-200 {
      --tw-border-opacity: 1;
      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
    }
-}
borderPurple200 : Attribute msg
borderPurple200 =
    class "border-purple-200"


{-| Maps to `border-purple-300`:

    .border-purple-300 {
      --tw-border-opacity: 1;
      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
    }
-}
borderPurple300 : Attribute msg
borderPurple300 =
    class "border-purple-300"


{-| Maps to `border-purple-400`:

    .border-purple-400 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
    }
-}
borderPurple400 : Attribute msg
borderPurple400 =
    class "border-purple-400"


{-| Maps to `border-purple-500`:

    .border-purple-500 {
      --tw-border-opacity: 1;
      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
    }
-}
borderPurple500 : Attribute msg
borderPurple500 =
    class "border-purple-500"


{-| Maps to `border-purple-600`:

    .border-purple-600 {
      --tw-border-opacity: 1;
      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
    }
-}
borderPurple600 : Attribute msg
borderPurple600 =
    class "border-purple-600"


{-| Maps to `border-purple-700`:

    .border-purple-700 {
      --tw-border-opacity: 1;
      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
    }
-}
borderPurple700 : Attribute msg
borderPurple700 =
    class "border-purple-700"


{-| Maps to `border-purple-800`:

    .border-purple-800 {
      --tw-border-opacity: 1;
      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
    }
-}
borderPurple800 : Attribute msg
borderPurple800 =
    class "border-purple-800"


{-| Maps to `border-purple-900`:

    .border-purple-900 {
      --tw-border-opacity: 1;
      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
    }
-}
borderPurple900 : Attribute msg
borderPurple900 =
    class "border-purple-900"


{-| Maps to `border-pink-50`:

    .border-pink-50 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
    }
-}
borderPink50 : Attribute msg
borderPink50 =
    class "border-pink-50"


{-| Maps to `border-pink-100`:

    .border-pink-100 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
    }
-}
borderPink100 : Attribute msg
borderPink100 =
    class "border-pink-100"


{-| Maps to `border-pink-200`:

    .border-pink-200 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
    }
-}
borderPink200 : Attribute msg
borderPink200 =
    class "border-pink-200"


{-| Maps to `border-pink-300`:

    .border-pink-300 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
    }
-}
borderPink300 : Attribute msg
borderPink300 =
    class "border-pink-300"


{-| Maps to `border-pink-400`:

    .border-pink-400 {
      --tw-border-opacity: 1;
      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
    }
-}
borderPink400 : Attribute msg
borderPink400 =
    class "border-pink-400"


{-| Maps to `border-pink-500`:

    .border-pink-500 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
    }
-}
borderPink500 : Attribute msg
borderPink500 =
    class "border-pink-500"


{-| Maps to `border-pink-600`:

    .border-pink-600 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
    }
-}
borderPink600 : Attribute msg
borderPink600 =
    class "border-pink-600"


{-| Maps to `border-pink-700`:

    .border-pink-700 {
      --tw-border-opacity: 1;
      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
    }
-}
borderPink700 : Attribute msg
borderPink700 =
    class "border-pink-700"


{-| Maps to `border-pink-800`:

    .border-pink-800 {
      --tw-border-opacity: 1;
      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
    }
-}
borderPink800 : Attribute msg
borderPink800 =
    class "border-pink-800"


{-| Maps to `border-pink-900`:

    .border-pink-900 {
      --tw-border-opacity: 1;
      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
    }
-}
borderPink900 : Attribute msg
borderPink900 =
    class "border-pink-900"


{-| Maps to `group`:

    .group:hover .group-hover\:border-transparent {
      border-color: transparent;
    }

    .group:hover .group-hover\:border-current {
      border-color: currentColor;
    }

    .group:hover .group-hover\:border-black {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-white {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-gray-50 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-gray-100 {
      --tw-border-opacity: 1;
      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-gray-300 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-gray-400 {
      --tw-border-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-gray-500 {
      --tw-border-opacity: 1;
      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-gray-600 {
      --tw-border-opacity: 1;
      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-gray-700 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-gray-800 {
      --tw-border-opacity: 1;
      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-gray-900 {
      --tw-border-opacity: 1;
      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-red-50 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-red-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-red-200 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-red-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-red-400 {
      --tw-border-opacity: 1;
      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-red-500 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-red-600 {
      --tw-border-opacity: 1;
      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-red-700 {
      --tw-border-opacity: 1;
      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-red-800 {
      --tw-border-opacity: 1;
      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-red-900 {
      --tw-border-opacity: 1;
      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-yellow-50 {
      --tw-border-opacity: 1;
      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-yellow-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-yellow-200 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-yellow-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-yellow-400 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-yellow-500 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-yellow-600 {
      --tw-border-opacity: 1;
      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-yellow-700 {
      --tw-border-opacity: 1;
      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-yellow-800 {
      --tw-border-opacity: 1;
      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-yellow-900 {
      --tw-border-opacity: 1;
      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-green-50 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-green-100 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 250, 229, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-green-200 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 243, 208, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-green-300 {
      --tw-border-opacity: 1;
      border-color: rgba(110, 231, 183, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-green-400 {
      --tw-border-opacity: 1;
      border-color: rgba(52, 211, 153, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-green-500 {
      --tw-border-opacity: 1;
      border-color: rgba(16, 185, 129, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-green-600 {
      --tw-border-opacity: 1;
      border-color: rgba(5, 150, 105, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-green-700 {
      --tw-border-opacity: 1;
      border-color: rgba(4, 120, 87, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-green-800 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 95, 70, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-green-900 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 78, 59, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-blue-50 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-blue-100 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-blue-200 {
      --tw-border-opacity: 1;
      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-blue-300 {
      --tw-border-opacity: 1;
      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-blue-400 {
      --tw-border-opacity: 1;
      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-blue-500 {
      --tw-border-opacity: 1;
      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-blue-600 {
      --tw-border-opacity: 1;
      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-blue-700 {
      --tw-border-opacity: 1;
      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-blue-800 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-blue-900 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-indigo-50 {
      --tw-border-opacity: 1;
      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-indigo-100 {
      --tw-border-opacity: 1;
      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-indigo-200 {
      --tw-border-opacity: 1;
      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-indigo-300 {
      --tw-border-opacity: 1;
      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-indigo-400 {
      --tw-border-opacity: 1;
      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-indigo-500 {
      --tw-border-opacity: 1;
      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-indigo-600 {
      --tw-border-opacity: 1;
      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-indigo-700 {
      --tw-border-opacity: 1;
      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-indigo-800 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-indigo-900 {
      --tw-border-opacity: 1;
      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-purple-50 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-purple-100 {
      --tw-border-opacity: 1;
      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-purple-200 {
      --tw-border-opacity: 1;
      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-purple-300 {
      --tw-border-opacity: 1;
      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-purple-400 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-purple-500 {
      --tw-border-opacity: 1;
      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-purple-600 {
      --tw-border-opacity: 1;
      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-purple-700 {
      --tw-border-opacity: 1;
      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-purple-800 {
      --tw-border-opacity: 1;
      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-purple-900 {
      --tw-border-opacity: 1;
      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-pink-50 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-pink-100 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-pink-200 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-pink-300 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-pink-400 {
      --tw-border-opacity: 1;
      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-pink-500 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-pink-600 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-pink-700 {
      --tw-border-opacity: 1;
      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-pink-800 {
      --tw-border-opacity: 1;
      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-pink-900 {
      --tw-border-opacity: 1;
      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
    }

    .group:hover .group-hover\:border-opacity-0 {
      --tw-border-opacity: 0;
    }

    .group:hover .group-hover\:border-opacity-5 {
      --tw-border-opacity: 0.05;
    }

    .group:hover .group-hover\:border-opacity-10 {
      --tw-border-opacity: 0.1;
    }

    .group:hover .group-hover\:border-opacity-20 {
      --tw-border-opacity: 0.2;
    }

    .group:hover .group-hover\:border-opacity-25 {
      --tw-border-opacity: 0.25;
    }

    .group:hover .group-hover\:border-opacity-30 {
      --tw-border-opacity: 0.3;
    }

    .group:hover .group-hover\:border-opacity-40 {
      --tw-border-opacity: 0.4;
    }

    .group:hover .group-hover\:border-opacity-50 {
      --tw-border-opacity: 0.5;
    }

    .group:hover .group-hover\:border-opacity-60 {
      --tw-border-opacity: 0.6;
    }

    .group:hover .group-hover\:border-opacity-70 {
      --tw-border-opacity: 0.7;
    }

    .group:hover .group-hover\:border-opacity-75 {
      --tw-border-opacity: 0.75;
    }

    .group:hover .group-hover\:border-opacity-80 {
      --tw-border-opacity: 0.8;
    }

    .group:hover .group-hover\:border-opacity-90 {
      --tw-border-opacity: 0.9;
    }

    .group:hover .group-hover\:border-opacity-95 {
      --tw-border-opacity: 0.95;
    }

    .group:hover .group-hover\:border-opacity-100 {
      --tw-border-opacity: 1;
    }

    .group:hover .group-hover\:bg-transparent {
      background-color: transparent;
    }

    .group:hover .group-hover\:bg-current {
      background-color: currentColor;
    }

    .group:hover .group-hover\:bg-black {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-white {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-gray-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-gray-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-gray-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-gray-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-gray-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-gray-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-gray-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-gray-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-gray-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-gray-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-red-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-red-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-red-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-red-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-red-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-red-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-red-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-red-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-red-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-red-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-yellow-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-yellow-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-yellow-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-yellow-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-yellow-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-yellow-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-yellow-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-yellow-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-yellow-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-yellow-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-green-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-green-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-green-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-green-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-green-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-green-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-green-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-green-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-green-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-green-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-blue-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-blue-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-blue-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-blue-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-blue-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-blue-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-blue-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-blue-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-blue-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-blue-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-indigo-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-indigo-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-indigo-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-indigo-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-indigo-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-indigo-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-indigo-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-indigo-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-indigo-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-indigo-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-purple-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-purple-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-purple-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-purple-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-purple-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-purple-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-purple-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-purple-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-purple-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-purple-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-pink-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-pink-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-pink-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-pink-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-pink-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-pink-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-pink-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-pink-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-pink-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-pink-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
    }

    .group:hover .group-hover\:bg-opacity-0 {
      --tw-bg-opacity: 0;
    }

    .group:hover .group-hover\:bg-opacity-5 {
      --tw-bg-opacity: 0.05;
    }

    .group:hover .group-hover\:bg-opacity-10 {
      --tw-bg-opacity: 0.1;
    }

    .group:hover .group-hover\:bg-opacity-20 {
      --tw-bg-opacity: 0.2;
    }

    .group:hover .group-hover\:bg-opacity-25 {
      --tw-bg-opacity: 0.25;
    }

    .group:hover .group-hover\:bg-opacity-30 {
      --tw-bg-opacity: 0.3;
    }

    .group:hover .group-hover\:bg-opacity-40 {
      --tw-bg-opacity: 0.4;
    }

    .group:hover .group-hover\:bg-opacity-50 {
      --tw-bg-opacity: 0.5;
    }

    .group:hover .group-hover\:bg-opacity-60 {
      --tw-bg-opacity: 0.6;
    }

    .group:hover .group-hover\:bg-opacity-70 {
      --tw-bg-opacity: 0.7;
    }

    .group:hover .group-hover\:bg-opacity-75 {
      --tw-bg-opacity: 0.75;
    }

    .group:hover .group-hover\:bg-opacity-80 {
      --tw-bg-opacity: 0.8;
    }

    .group:hover .group-hover\:bg-opacity-90 {
      --tw-bg-opacity: 0.9;
    }

    .group:hover .group-hover\:bg-opacity-95 {
      --tw-bg-opacity: 0.95;
    }

    .group:hover .group-hover\:bg-opacity-100 {
      --tw-bg-opacity: 1;
    }

    .group:hover .group-hover\:text-transparent {
      color: transparent;
    }

    .group:hover .group-hover\:text-current {
      color: currentColor;
    }

    .group:hover .group-hover\:text-black {
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-white {
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-gray-50 {
      --tw-text-opacity: 1;
      color: rgba(249, 250, 251, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-gray-100 {
      --tw-text-opacity: 1;
      color: rgba(243, 244, 246, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-gray-200 {
      --tw-text-opacity: 1;
      color: rgba(229, 231, 235, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-gray-300 {
      --tw-text-opacity: 1;
      color: rgba(209, 213, 219, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-gray-400 {
      --tw-text-opacity: 1;
      color: rgba(156, 163, 175, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-gray-500 {
      --tw-text-opacity: 1;
      color: rgba(107, 114, 128, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-gray-600 {
      --tw-text-opacity: 1;
      color: rgba(75, 85, 99, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-gray-700 {
      --tw-text-opacity: 1;
      color: rgba(55, 65, 81, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-gray-800 {
      --tw-text-opacity: 1;
      color: rgba(31, 41, 55, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-gray-900 {
      --tw-text-opacity: 1;
      color: rgba(17, 24, 39, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-red-50 {
      --tw-text-opacity: 1;
      color: rgba(254, 242, 242, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-red-100 {
      --tw-text-opacity: 1;
      color: rgba(254, 226, 226, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-red-200 {
      --tw-text-opacity: 1;
      color: rgba(254, 202, 202, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-red-300 {
      --tw-text-opacity: 1;
      color: rgba(252, 165, 165, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-red-400 {
      --tw-text-opacity: 1;
      color: rgba(248, 113, 113, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-red-500 {
      --tw-text-opacity: 1;
      color: rgba(239, 68, 68, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-red-600 {
      --tw-text-opacity: 1;
      color: rgba(220, 38, 38, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-red-700 {
      --tw-text-opacity: 1;
      color: rgba(185, 28, 28, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-red-800 {
      --tw-text-opacity: 1;
      color: rgba(153, 27, 27, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-red-900 {
      --tw-text-opacity: 1;
      color: rgba(127, 29, 29, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-yellow-50 {
      --tw-text-opacity: 1;
      color: rgba(255, 251, 235, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-yellow-100 {
      --tw-text-opacity: 1;
      color: rgba(254, 243, 199, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-yellow-200 {
      --tw-text-opacity: 1;
      color: rgba(253, 230, 138, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-yellow-300 {
      --tw-text-opacity: 1;
      color: rgba(252, 211, 77, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-yellow-400 {
      --tw-text-opacity: 1;
      color: rgba(251, 191, 36, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-yellow-500 {
      --tw-text-opacity: 1;
      color: rgba(245, 158, 11, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-yellow-600 {
      --tw-text-opacity: 1;
      color: rgba(217, 119, 6, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-yellow-700 {
      --tw-text-opacity: 1;
      color: rgba(180, 83, 9, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-yellow-800 {
      --tw-text-opacity: 1;
      color: rgba(146, 64, 14, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-yellow-900 {
      --tw-text-opacity: 1;
      color: rgba(120, 53, 15, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-green-50 {
      --tw-text-opacity: 1;
      color: rgba(236, 253, 245, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-green-100 {
      --tw-text-opacity: 1;
      color: rgba(209, 250, 229, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-green-200 {
      --tw-text-opacity: 1;
      color: rgba(167, 243, 208, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-green-300 {
      --tw-text-opacity: 1;
      color: rgba(110, 231, 183, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-green-400 {
      --tw-text-opacity: 1;
      color: rgba(52, 211, 153, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-green-500 {
      --tw-text-opacity: 1;
      color: rgba(16, 185, 129, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-green-600 {
      --tw-text-opacity: 1;
      color: rgba(5, 150, 105, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-green-700 {
      --tw-text-opacity: 1;
      color: rgba(4, 120, 87, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-green-800 {
      --tw-text-opacity: 1;
      color: rgba(6, 95, 70, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-green-900 {
      --tw-text-opacity: 1;
      color: rgba(6, 78, 59, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-blue-50 {
      --tw-text-opacity: 1;
      color: rgba(239, 246, 255, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-blue-100 {
      --tw-text-opacity: 1;
      color: rgba(219, 234, 254, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-blue-200 {
      --tw-text-opacity: 1;
      color: rgba(191, 219, 254, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-blue-300 {
      --tw-text-opacity: 1;
      color: rgba(147, 197, 253, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-blue-400 {
      --tw-text-opacity: 1;
      color: rgba(96, 165, 250, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-blue-500 {
      --tw-text-opacity: 1;
      color: rgba(59, 130, 246, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-blue-600 {
      --tw-text-opacity: 1;
      color: rgba(37, 99, 235, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-blue-700 {
      --tw-text-opacity: 1;
      color: rgba(29, 78, 216, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-blue-800 {
      --tw-text-opacity: 1;
      color: rgba(30, 64, 175, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-blue-900 {
      --tw-text-opacity: 1;
      color: rgba(30, 58, 138, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-indigo-50 {
      --tw-text-opacity: 1;
      color: rgba(238, 242, 255, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-indigo-100 {
      --tw-text-opacity: 1;
      color: rgba(224, 231, 255, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-indigo-200 {
      --tw-text-opacity: 1;
      color: rgba(199, 210, 254, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-indigo-300 {
      --tw-text-opacity: 1;
      color: rgba(165, 180, 252, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-indigo-400 {
      --tw-text-opacity: 1;
      color: rgba(129, 140, 248, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-indigo-500 {
      --tw-text-opacity: 1;
      color: rgba(99, 102, 241, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-indigo-600 {
      --tw-text-opacity: 1;
      color: rgba(79, 70, 229, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-indigo-700 {
      --tw-text-opacity: 1;
      color: rgba(67, 56, 202, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-indigo-800 {
      --tw-text-opacity: 1;
      color: rgba(55, 48, 163, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-indigo-900 {
      --tw-text-opacity: 1;
      color: rgba(49, 46, 129, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-purple-50 {
      --tw-text-opacity: 1;
      color: rgba(245, 243, 255, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-purple-100 {
      --tw-text-opacity: 1;
      color: rgba(237, 233, 254, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-purple-200 {
      --tw-text-opacity: 1;
      color: rgba(221, 214, 254, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-purple-300 {
      --tw-text-opacity: 1;
      color: rgba(196, 181, 253, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-purple-400 {
      --tw-text-opacity: 1;
      color: rgba(167, 139, 250, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-purple-500 {
      --tw-text-opacity: 1;
      color: rgba(139, 92, 246, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-purple-600 {
      --tw-text-opacity: 1;
      color: rgba(124, 58, 237, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-purple-700 {
      --tw-text-opacity: 1;
      color: rgba(109, 40, 217, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-purple-800 {
      --tw-text-opacity: 1;
      color: rgba(91, 33, 182, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-purple-900 {
      --tw-text-opacity: 1;
      color: rgba(76, 29, 149, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-pink-50 {
      --tw-text-opacity: 1;
      color: rgba(253, 242, 248, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-pink-100 {
      --tw-text-opacity: 1;
      color: rgba(252, 231, 243, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-pink-200 {
      --tw-text-opacity: 1;
      color: rgba(251, 207, 232, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-pink-300 {
      --tw-text-opacity: 1;
      color: rgba(249, 168, 212, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-pink-400 {
      --tw-text-opacity: 1;
      color: rgba(244, 114, 182, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-pink-500 {
      --tw-text-opacity: 1;
      color: rgba(236, 72, 153, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-pink-600 {
      --tw-text-opacity: 1;
      color: rgba(219, 39, 119, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-pink-700 {
      --tw-text-opacity: 1;
      color: rgba(190, 24, 93, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-pink-800 {
      --tw-text-opacity: 1;
      color: rgba(157, 23, 77, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-pink-900 {
      --tw-text-opacity: 1;
      color: rgba(131, 24, 67, var(--tw-text-opacity));
    }

    .group:hover .group-hover\:text-opacity-0 {
      --tw-text-opacity: 0;
    }

    .group:hover .group-hover\:text-opacity-5 {
      --tw-text-opacity: 0.05;
    }

    .group:hover .group-hover\:text-opacity-10 {
      --tw-text-opacity: 0.1;
    }

    .group:hover .group-hover\:text-opacity-20 {
      --tw-text-opacity: 0.2;
    }

    .group:hover .group-hover\:text-opacity-25 {
      --tw-text-opacity: 0.25;
    }

    .group:hover .group-hover\:text-opacity-30 {
      --tw-text-opacity: 0.3;
    }

    .group:hover .group-hover\:text-opacity-40 {
      --tw-text-opacity: 0.4;
    }

    .group:hover .group-hover\:text-opacity-50 {
      --tw-text-opacity: 0.5;
    }

    .group:hover .group-hover\:text-opacity-60 {
      --tw-text-opacity: 0.6;
    }

    .group:hover .group-hover\:text-opacity-70 {
      --tw-text-opacity: 0.7;
    }

    .group:hover .group-hover\:text-opacity-75 {
      --tw-text-opacity: 0.75;
    }

    .group:hover .group-hover\:text-opacity-80 {
      --tw-text-opacity: 0.8;
    }

    .group:hover .group-hover\:text-opacity-90 {
      --tw-text-opacity: 0.9;
    }

    .group:hover .group-hover\:text-opacity-95 {
      --tw-text-opacity: 0.95;
    }

    .group:hover .group-hover\:text-opacity-100 {
      --tw-text-opacity: 1;
    }

    .group:hover .group-hover\:underline {
      text-decoration: underline;
    }

    .group:hover .group-hover\:line-through {
      text-decoration: line-through;
    }

    .group:hover .group-hover\:no-underline {
      text-decoration: none;
    }

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

    .group:hover .group-hover\:opacity-5 {
      opacity: 0.05;
    }

    .group:hover .group-hover\:opacity-10 {
      opacity: 0.1;
    }

    .group:hover .group-hover\:opacity-20 {
      opacity: 0.2;
    }

    .group:hover .group-hover\:opacity-25 {
      opacity: 0.25;
    }

    .group:hover .group-hover\:opacity-30 {
      opacity: 0.3;
    }

    .group:hover .group-hover\:opacity-40 {
      opacity: 0.4;
    }

    .group:hover .group-hover\:opacity-50 {
      opacity: 0.5;
    }

    .group:hover .group-hover\:opacity-60 {
      opacity: 0.6;
    }

    .group:hover .group-hover\:opacity-70 {
      opacity: 0.7;
    }

    .group:hover .group-hover\:opacity-75 {
      opacity: 0.75;
    }

    .group:hover .group-hover\:opacity-80 {
      opacity: 0.8;
    }

    .group:hover .group-hover\:opacity-90 {
      opacity: 0.9;
    }

    .group:hover .group-hover\:opacity-95 {
      opacity: 0.95;
    }

    .group:hover .group-hover\:opacity-100 {
      opacity: 1;
    }

    .group:hover .group-hover\:shadow-sm {
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .group-hover\:shadow {
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .group-hover\:shadow-md {
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .group-hover\:shadow-lg {
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .group-hover\:shadow-xl {
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .group-hover\:shadow-2xl {
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .group-hover\:shadow-inner {
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .group-hover\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .sm\:group-hover\:border-transparent {
      border-color: transparent;
    }

    .group:hover .sm\:group-hover\:border-current {
      border-color: currentColor;
    }

    .group:hover .sm\:group-hover\:border-black {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-white {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-gray-50 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-gray-100 {
      --tw-border-opacity: 1;
      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-gray-300 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-gray-400 {
      --tw-border-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-gray-500 {
      --tw-border-opacity: 1;
      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-gray-600 {
      --tw-border-opacity: 1;
      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-gray-700 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-gray-800 {
      --tw-border-opacity: 1;
      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-gray-900 {
      --tw-border-opacity: 1;
      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-red-50 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-red-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-red-200 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-red-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-red-400 {
      --tw-border-opacity: 1;
      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-red-500 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-red-600 {
      --tw-border-opacity: 1;
      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-red-700 {
      --tw-border-opacity: 1;
      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-red-800 {
      --tw-border-opacity: 1;
      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-red-900 {
      --tw-border-opacity: 1;
      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-yellow-50 {
      --tw-border-opacity: 1;
      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-yellow-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-yellow-200 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-yellow-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-yellow-400 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-yellow-500 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-yellow-600 {
      --tw-border-opacity: 1;
      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-yellow-700 {
      --tw-border-opacity: 1;
      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-yellow-800 {
      --tw-border-opacity: 1;
      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-yellow-900 {
      --tw-border-opacity: 1;
      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-green-50 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-green-100 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 250, 229, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-green-200 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 243, 208, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-green-300 {
      --tw-border-opacity: 1;
      border-color: rgba(110, 231, 183, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-green-400 {
      --tw-border-opacity: 1;
      border-color: rgba(52, 211, 153, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-green-500 {
      --tw-border-opacity: 1;
      border-color: rgba(16, 185, 129, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-green-600 {
      --tw-border-opacity: 1;
      border-color: rgba(5, 150, 105, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-green-700 {
      --tw-border-opacity: 1;
      border-color: rgba(4, 120, 87, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-green-800 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 95, 70, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-green-900 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 78, 59, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-blue-50 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-blue-100 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-blue-200 {
      --tw-border-opacity: 1;
      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-blue-300 {
      --tw-border-opacity: 1;
      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-blue-400 {
      --tw-border-opacity: 1;
      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-blue-500 {
      --tw-border-opacity: 1;
      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-blue-600 {
      --tw-border-opacity: 1;
      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-blue-700 {
      --tw-border-opacity: 1;
      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-blue-800 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-blue-900 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-indigo-50 {
      --tw-border-opacity: 1;
      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-indigo-100 {
      --tw-border-opacity: 1;
      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-indigo-200 {
      --tw-border-opacity: 1;
      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-indigo-300 {
      --tw-border-opacity: 1;
      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-indigo-400 {
      --tw-border-opacity: 1;
      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-indigo-500 {
      --tw-border-opacity: 1;
      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-indigo-600 {
      --tw-border-opacity: 1;
      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-indigo-700 {
      --tw-border-opacity: 1;
      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-indigo-800 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-indigo-900 {
      --tw-border-opacity: 1;
      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-purple-50 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-purple-100 {
      --tw-border-opacity: 1;
      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-purple-200 {
      --tw-border-opacity: 1;
      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-purple-300 {
      --tw-border-opacity: 1;
      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-purple-400 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-purple-500 {
      --tw-border-opacity: 1;
      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-purple-600 {
      --tw-border-opacity: 1;
      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-purple-700 {
      --tw-border-opacity: 1;
      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-purple-800 {
      --tw-border-opacity: 1;
      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-purple-900 {
      --tw-border-opacity: 1;
      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-pink-50 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-pink-100 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-pink-200 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-pink-300 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-pink-400 {
      --tw-border-opacity: 1;
      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-pink-500 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-pink-600 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-pink-700 {
      --tw-border-opacity: 1;
      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-pink-800 {
      --tw-border-opacity: 1;
      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-pink-900 {
      --tw-border-opacity: 1;
      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
    }

    .group:hover .sm\:group-hover\:border-opacity-0 {
      --tw-border-opacity: 0;
    }

    .group:hover .sm\:group-hover\:border-opacity-5 {
      --tw-border-opacity: 0.05;
    }

    .group:hover .sm\:group-hover\:border-opacity-10 {
      --tw-border-opacity: 0.1;
    }

    .group:hover .sm\:group-hover\:border-opacity-20 {
      --tw-border-opacity: 0.2;
    }

    .group:hover .sm\:group-hover\:border-opacity-25 {
      --tw-border-opacity: 0.25;
    }

    .group:hover .sm\:group-hover\:border-opacity-30 {
      --tw-border-opacity: 0.3;
    }

    .group:hover .sm\:group-hover\:border-opacity-40 {
      --tw-border-opacity: 0.4;
    }

    .group:hover .sm\:group-hover\:border-opacity-50 {
      --tw-border-opacity: 0.5;
    }

    .group:hover .sm\:group-hover\:border-opacity-60 {
      --tw-border-opacity: 0.6;
    }

    .group:hover .sm\:group-hover\:border-opacity-70 {
      --tw-border-opacity: 0.7;
    }

    .group:hover .sm\:group-hover\:border-opacity-75 {
      --tw-border-opacity: 0.75;
    }

    .group:hover .sm\:group-hover\:border-opacity-80 {
      --tw-border-opacity: 0.8;
    }

    .group:hover .sm\:group-hover\:border-opacity-90 {
      --tw-border-opacity: 0.9;
    }

    .group:hover .sm\:group-hover\:border-opacity-95 {
      --tw-border-opacity: 0.95;
    }

    .group:hover .sm\:group-hover\:border-opacity-100 {
      --tw-border-opacity: 1;
    }

    .group:hover .sm\:group-hover\:bg-transparent {
      background-color: transparent;
    }

    .group:hover .sm\:group-hover\:bg-current {
      background-color: currentColor;
    }

    .group:hover .sm\:group-hover\:bg-black {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-white {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-gray-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-gray-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-gray-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-gray-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-gray-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-gray-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-gray-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-gray-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-gray-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-gray-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-red-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-red-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-red-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-red-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-red-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-red-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-red-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-red-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-red-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-red-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-yellow-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-yellow-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-yellow-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-yellow-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-yellow-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-yellow-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-yellow-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-yellow-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-yellow-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-yellow-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-green-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-green-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-green-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-green-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-green-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-green-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-green-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-green-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-green-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-green-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-blue-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-blue-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-blue-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-blue-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-blue-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-blue-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-blue-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-blue-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-blue-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-blue-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-indigo-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-indigo-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-indigo-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-indigo-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-indigo-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-indigo-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-indigo-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-indigo-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-indigo-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-indigo-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-purple-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-purple-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-purple-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-purple-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-purple-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-purple-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-purple-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-purple-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-purple-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-purple-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-pink-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-pink-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-pink-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-pink-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-pink-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-pink-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-pink-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-pink-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-pink-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-pink-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
    }

    .group:hover .sm\:group-hover\:bg-opacity-0 {
      --tw-bg-opacity: 0;
    }

    .group:hover .sm\:group-hover\:bg-opacity-5 {
      --tw-bg-opacity: 0.05;
    }

    .group:hover .sm\:group-hover\:bg-opacity-10 {
      --tw-bg-opacity: 0.1;
    }

    .group:hover .sm\:group-hover\:bg-opacity-20 {
      --tw-bg-opacity: 0.2;
    }

    .group:hover .sm\:group-hover\:bg-opacity-25 {
      --tw-bg-opacity: 0.25;
    }

    .group:hover .sm\:group-hover\:bg-opacity-30 {
      --tw-bg-opacity: 0.3;
    }

    .group:hover .sm\:group-hover\:bg-opacity-40 {
      --tw-bg-opacity: 0.4;
    }

    .group:hover .sm\:group-hover\:bg-opacity-50 {
      --tw-bg-opacity: 0.5;
    }

    .group:hover .sm\:group-hover\:bg-opacity-60 {
      --tw-bg-opacity: 0.6;
    }

    .group:hover .sm\:group-hover\:bg-opacity-70 {
      --tw-bg-opacity: 0.7;
    }

    .group:hover .sm\:group-hover\:bg-opacity-75 {
      --tw-bg-opacity: 0.75;
    }

    .group:hover .sm\:group-hover\:bg-opacity-80 {
      --tw-bg-opacity: 0.8;
    }

    .group:hover .sm\:group-hover\:bg-opacity-90 {
      --tw-bg-opacity: 0.9;
    }

    .group:hover .sm\:group-hover\:bg-opacity-95 {
      --tw-bg-opacity: 0.95;
    }

    .group:hover .sm\:group-hover\:bg-opacity-100 {
      --tw-bg-opacity: 1;
    }

    .group:hover .sm\:group-hover\:text-transparent {
      color: transparent;
    }

    .group:hover .sm\:group-hover\:text-current {
      color: currentColor;
    }

    .group:hover .sm\:group-hover\:text-black {
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-white {
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-gray-50 {
      --tw-text-opacity: 1;
      color: rgba(249, 250, 251, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-gray-100 {
      --tw-text-opacity: 1;
      color: rgba(243, 244, 246, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-gray-200 {
      --tw-text-opacity: 1;
      color: rgba(229, 231, 235, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-gray-300 {
      --tw-text-opacity: 1;
      color: rgba(209, 213, 219, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-gray-400 {
      --tw-text-opacity: 1;
      color: rgba(156, 163, 175, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-gray-500 {
      --tw-text-opacity: 1;
      color: rgba(107, 114, 128, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-gray-600 {
      --tw-text-opacity: 1;
      color: rgba(75, 85, 99, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-gray-700 {
      --tw-text-opacity: 1;
      color: rgba(55, 65, 81, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-gray-800 {
      --tw-text-opacity: 1;
      color: rgba(31, 41, 55, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-gray-900 {
      --tw-text-opacity: 1;
      color: rgba(17, 24, 39, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-red-50 {
      --tw-text-opacity: 1;
      color: rgba(254, 242, 242, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-red-100 {
      --tw-text-opacity: 1;
      color: rgba(254, 226, 226, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-red-200 {
      --tw-text-opacity: 1;
      color: rgba(254, 202, 202, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-red-300 {
      --tw-text-opacity: 1;
      color: rgba(252, 165, 165, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-red-400 {
      --tw-text-opacity: 1;
      color: rgba(248, 113, 113, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-red-500 {
      --tw-text-opacity: 1;
      color: rgba(239, 68, 68, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-red-600 {
      --tw-text-opacity: 1;
      color: rgba(220, 38, 38, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-red-700 {
      --tw-text-opacity: 1;
      color: rgba(185, 28, 28, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-red-800 {
      --tw-text-opacity: 1;
      color: rgba(153, 27, 27, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-red-900 {
      --tw-text-opacity: 1;
      color: rgba(127, 29, 29, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-yellow-50 {
      --tw-text-opacity: 1;
      color: rgba(255, 251, 235, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-yellow-100 {
      --tw-text-opacity: 1;
      color: rgba(254, 243, 199, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-yellow-200 {
      --tw-text-opacity: 1;
      color: rgba(253, 230, 138, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-yellow-300 {
      --tw-text-opacity: 1;
      color: rgba(252, 211, 77, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-yellow-400 {
      --tw-text-opacity: 1;
      color: rgba(251, 191, 36, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-yellow-500 {
      --tw-text-opacity: 1;
      color: rgba(245, 158, 11, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-yellow-600 {
      --tw-text-opacity: 1;
      color: rgba(217, 119, 6, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-yellow-700 {
      --tw-text-opacity: 1;
      color: rgba(180, 83, 9, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-yellow-800 {
      --tw-text-opacity: 1;
      color: rgba(146, 64, 14, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-yellow-900 {
      --tw-text-opacity: 1;
      color: rgba(120, 53, 15, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-green-50 {
      --tw-text-opacity: 1;
      color: rgba(236, 253, 245, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-green-100 {
      --tw-text-opacity: 1;
      color: rgba(209, 250, 229, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-green-200 {
      --tw-text-opacity: 1;
      color: rgba(167, 243, 208, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-green-300 {
      --tw-text-opacity: 1;
      color: rgba(110, 231, 183, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-green-400 {
      --tw-text-opacity: 1;
      color: rgba(52, 211, 153, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-green-500 {
      --tw-text-opacity: 1;
      color: rgba(16, 185, 129, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-green-600 {
      --tw-text-opacity: 1;
      color: rgba(5, 150, 105, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-green-700 {
      --tw-text-opacity: 1;
      color: rgba(4, 120, 87, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-green-800 {
      --tw-text-opacity: 1;
      color: rgba(6, 95, 70, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-green-900 {
      --tw-text-opacity: 1;
      color: rgba(6, 78, 59, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-blue-50 {
      --tw-text-opacity: 1;
      color: rgba(239, 246, 255, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-blue-100 {
      --tw-text-opacity: 1;
      color: rgba(219, 234, 254, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-blue-200 {
      --tw-text-opacity: 1;
      color: rgba(191, 219, 254, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-blue-300 {
      --tw-text-opacity: 1;
      color: rgba(147, 197, 253, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-blue-400 {
      --tw-text-opacity: 1;
      color: rgba(96, 165, 250, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-blue-500 {
      --tw-text-opacity: 1;
      color: rgba(59, 130, 246, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-blue-600 {
      --tw-text-opacity: 1;
      color: rgba(37, 99, 235, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-blue-700 {
      --tw-text-opacity: 1;
      color: rgba(29, 78, 216, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-blue-800 {
      --tw-text-opacity: 1;
      color: rgba(30, 64, 175, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-blue-900 {
      --tw-text-opacity: 1;
      color: rgba(30, 58, 138, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-indigo-50 {
      --tw-text-opacity: 1;
      color: rgba(238, 242, 255, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-indigo-100 {
      --tw-text-opacity: 1;
      color: rgba(224, 231, 255, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-indigo-200 {
      --tw-text-opacity: 1;
      color: rgba(199, 210, 254, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-indigo-300 {
      --tw-text-opacity: 1;
      color: rgba(165, 180, 252, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-indigo-400 {
      --tw-text-opacity: 1;
      color: rgba(129, 140, 248, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-indigo-500 {
      --tw-text-opacity: 1;
      color: rgba(99, 102, 241, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-indigo-600 {
      --tw-text-opacity: 1;
      color: rgba(79, 70, 229, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-indigo-700 {
      --tw-text-opacity: 1;
      color: rgba(67, 56, 202, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-indigo-800 {
      --tw-text-opacity: 1;
      color: rgba(55, 48, 163, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-indigo-900 {
      --tw-text-opacity: 1;
      color: rgba(49, 46, 129, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-purple-50 {
      --tw-text-opacity: 1;
      color: rgba(245, 243, 255, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-purple-100 {
      --tw-text-opacity: 1;
      color: rgba(237, 233, 254, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-purple-200 {
      --tw-text-opacity: 1;
      color: rgba(221, 214, 254, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-purple-300 {
      --tw-text-opacity: 1;
      color: rgba(196, 181, 253, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-purple-400 {
      --tw-text-opacity: 1;
      color: rgba(167, 139, 250, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-purple-500 {
      --tw-text-opacity: 1;
      color: rgba(139, 92, 246, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-purple-600 {
      --tw-text-opacity: 1;
      color: rgba(124, 58, 237, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-purple-700 {
      --tw-text-opacity: 1;
      color: rgba(109, 40, 217, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-purple-800 {
      --tw-text-opacity: 1;
      color: rgba(91, 33, 182, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-purple-900 {
      --tw-text-opacity: 1;
      color: rgba(76, 29, 149, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-pink-50 {
      --tw-text-opacity: 1;
      color: rgba(253, 242, 248, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-pink-100 {
      --tw-text-opacity: 1;
      color: rgba(252, 231, 243, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-pink-200 {
      --tw-text-opacity: 1;
      color: rgba(251, 207, 232, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-pink-300 {
      --tw-text-opacity: 1;
      color: rgba(249, 168, 212, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-pink-400 {
      --tw-text-opacity: 1;
      color: rgba(244, 114, 182, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-pink-500 {
      --tw-text-opacity: 1;
      color: rgba(236, 72, 153, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-pink-600 {
      --tw-text-opacity: 1;
      color: rgba(219, 39, 119, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-pink-700 {
      --tw-text-opacity: 1;
      color: rgba(190, 24, 93, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-pink-800 {
      --tw-text-opacity: 1;
      color: rgba(157, 23, 77, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-pink-900 {
      --tw-text-opacity: 1;
      color: rgba(131, 24, 67, var(--tw-text-opacity));
    }

    .group:hover .sm\:group-hover\:text-opacity-0 {
      --tw-text-opacity: 0;
    }

    .group:hover .sm\:group-hover\:text-opacity-5 {
      --tw-text-opacity: 0.05;
    }

    .group:hover .sm\:group-hover\:text-opacity-10 {
      --tw-text-opacity: 0.1;
    }

    .group:hover .sm\:group-hover\:text-opacity-20 {
      --tw-text-opacity: 0.2;
    }

    .group:hover .sm\:group-hover\:text-opacity-25 {
      --tw-text-opacity: 0.25;
    }

    .group:hover .sm\:group-hover\:text-opacity-30 {
      --tw-text-opacity: 0.3;
    }

    .group:hover .sm\:group-hover\:text-opacity-40 {
      --tw-text-opacity: 0.4;
    }

    .group:hover .sm\:group-hover\:text-opacity-50 {
      --tw-text-opacity: 0.5;
    }

    .group:hover .sm\:group-hover\:text-opacity-60 {
      --tw-text-opacity: 0.6;
    }

    .group:hover .sm\:group-hover\:text-opacity-70 {
      --tw-text-opacity: 0.7;
    }

    .group:hover .sm\:group-hover\:text-opacity-75 {
      --tw-text-opacity: 0.75;
    }

    .group:hover .sm\:group-hover\:text-opacity-80 {
      --tw-text-opacity: 0.8;
    }

    .group:hover .sm\:group-hover\:text-opacity-90 {
      --tw-text-opacity: 0.9;
    }

    .group:hover .sm\:group-hover\:text-opacity-95 {
      --tw-text-opacity: 0.95;
    }

    .group:hover .sm\:group-hover\:text-opacity-100 {
      --tw-text-opacity: 1;
    }

    .group:hover .sm\:group-hover\:underline {
      text-decoration: underline;
    }

    .group:hover .sm\:group-hover\:line-through {
      text-decoration: line-through;
    }

    .group:hover .sm\:group-hover\:no-underline {
      text-decoration: none;
    }

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

    .group:hover .sm\:group-hover\:opacity-5 {
      opacity: 0.05;
    }

    .group:hover .sm\:group-hover\:opacity-10 {
      opacity: 0.1;
    }

    .group:hover .sm\:group-hover\:opacity-20 {
      opacity: 0.2;
    }

    .group:hover .sm\:group-hover\:opacity-25 {
      opacity: 0.25;
    }

    .group:hover .sm\:group-hover\:opacity-30 {
      opacity: 0.3;
    }

    .group:hover .sm\:group-hover\:opacity-40 {
      opacity: 0.4;
    }

    .group:hover .sm\:group-hover\:opacity-50 {
      opacity: 0.5;
    }

    .group:hover .sm\:group-hover\:opacity-60 {
      opacity: 0.6;
    }

    .group:hover .sm\:group-hover\:opacity-70 {
      opacity: 0.7;
    }

    .group:hover .sm\:group-hover\:opacity-75 {
      opacity: 0.75;
    }

    .group:hover .sm\:group-hover\:opacity-80 {
      opacity: 0.8;
    }

    .group:hover .sm\:group-hover\:opacity-90 {
      opacity: 0.9;
    }

    .group:hover .sm\:group-hover\:opacity-95 {
      opacity: 0.95;
    }

    .group:hover .sm\:group-hover\:opacity-100 {
      opacity: 1;
    }

    .group:hover .sm\:group-hover\:shadow-sm {
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .sm\:group-hover\:shadow {
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .sm\:group-hover\:shadow-md {
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .sm\:group-hover\:shadow-lg {
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .sm\:group-hover\:shadow-xl {
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .sm\:group-hover\:shadow-2xl {
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .sm\:group-hover\:shadow-inner {
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .sm\:group-hover\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .md\:group-hover\:border-transparent {
      border-color: transparent;
    }

    .group:hover .md\:group-hover\:border-current {
      border-color: currentColor;
    }

    .group:hover .md\:group-hover\:border-black {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-white {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-gray-50 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-gray-100 {
      --tw-border-opacity: 1;
      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-gray-300 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-gray-400 {
      --tw-border-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-gray-500 {
      --tw-border-opacity: 1;
      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-gray-600 {
      --tw-border-opacity: 1;
      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-gray-700 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-gray-800 {
      --tw-border-opacity: 1;
      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-gray-900 {
      --tw-border-opacity: 1;
      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-red-50 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-red-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-red-200 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-red-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-red-400 {
      --tw-border-opacity: 1;
      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-red-500 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-red-600 {
      --tw-border-opacity: 1;
      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-red-700 {
      --tw-border-opacity: 1;
      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-red-800 {
      --tw-border-opacity: 1;
      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-red-900 {
      --tw-border-opacity: 1;
      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-yellow-50 {
      --tw-border-opacity: 1;
      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-yellow-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-yellow-200 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-yellow-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-yellow-400 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-yellow-500 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-yellow-600 {
      --tw-border-opacity: 1;
      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-yellow-700 {
      --tw-border-opacity: 1;
      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-yellow-800 {
      --tw-border-opacity: 1;
      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-yellow-900 {
      --tw-border-opacity: 1;
      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-green-50 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-green-100 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 250, 229, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-green-200 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 243, 208, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-green-300 {
      --tw-border-opacity: 1;
      border-color: rgba(110, 231, 183, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-green-400 {
      --tw-border-opacity: 1;
      border-color: rgba(52, 211, 153, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-green-500 {
      --tw-border-opacity: 1;
      border-color: rgba(16, 185, 129, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-green-600 {
      --tw-border-opacity: 1;
      border-color: rgba(5, 150, 105, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-green-700 {
      --tw-border-opacity: 1;
      border-color: rgba(4, 120, 87, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-green-800 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 95, 70, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-green-900 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 78, 59, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-blue-50 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-blue-100 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-blue-200 {
      --tw-border-opacity: 1;
      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-blue-300 {
      --tw-border-opacity: 1;
      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-blue-400 {
      --tw-border-opacity: 1;
      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-blue-500 {
      --tw-border-opacity: 1;
      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-blue-600 {
      --tw-border-opacity: 1;
      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-blue-700 {
      --tw-border-opacity: 1;
      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-blue-800 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-blue-900 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-indigo-50 {
      --tw-border-opacity: 1;
      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-indigo-100 {
      --tw-border-opacity: 1;
      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-indigo-200 {
      --tw-border-opacity: 1;
      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-indigo-300 {
      --tw-border-opacity: 1;
      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-indigo-400 {
      --tw-border-opacity: 1;
      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-indigo-500 {
      --tw-border-opacity: 1;
      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-indigo-600 {
      --tw-border-opacity: 1;
      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-indigo-700 {
      --tw-border-opacity: 1;
      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-indigo-800 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-indigo-900 {
      --tw-border-opacity: 1;
      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-purple-50 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-purple-100 {
      --tw-border-opacity: 1;
      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-purple-200 {
      --tw-border-opacity: 1;
      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-purple-300 {
      --tw-border-opacity: 1;
      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-purple-400 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-purple-500 {
      --tw-border-opacity: 1;
      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-purple-600 {
      --tw-border-opacity: 1;
      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-purple-700 {
      --tw-border-opacity: 1;
      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-purple-800 {
      --tw-border-opacity: 1;
      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-purple-900 {
      --tw-border-opacity: 1;
      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-pink-50 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-pink-100 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-pink-200 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-pink-300 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-pink-400 {
      --tw-border-opacity: 1;
      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-pink-500 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-pink-600 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-pink-700 {
      --tw-border-opacity: 1;
      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-pink-800 {
      --tw-border-opacity: 1;
      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-pink-900 {
      --tw-border-opacity: 1;
      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
    }

    .group:hover .md\:group-hover\:border-opacity-0 {
      --tw-border-opacity: 0;
    }

    .group:hover .md\:group-hover\:border-opacity-5 {
      --tw-border-opacity: 0.05;
    }

    .group:hover .md\:group-hover\:border-opacity-10 {
      --tw-border-opacity: 0.1;
    }

    .group:hover .md\:group-hover\:border-opacity-20 {
      --tw-border-opacity: 0.2;
    }

    .group:hover .md\:group-hover\:border-opacity-25 {
      --tw-border-opacity: 0.25;
    }

    .group:hover .md\:group-hover\:border-opacity-30 {
      --tw-border-opacity: 0.3;
    }

    .group:hover .md\:group-hover\:border-opacity-40 {
      --tw-border-opacity: 0.4;
    }

    .group:hover .md\:group-hover\:border-opacity-50 {
      --tw-border-opacity: 0.5;
    }

    .group:hover .md\:group-hover\:border-opacity-60 {
      --tw-border-opacity: 0.6;
    }

    .group:hover .md\:group-hover\:border-opacity-70 {
      --tw-border-opacity: 0.7;
    }

    .group:hover .md\:group-hover\:border-opacity-75 {
      --tw-border-opacity: 0.75;
    }

    .group:hover .md\:group-hover\:border-opacity-80 {
      --tw-border-opacity: 0.8;
    }

    .group:hover .md\:group-hover\:border-opacity-90 {
      --tw-border-opacity: 0.9;
    }

    .group:hover .md\:group-hover\:border-opacity-95 {
      --tw-border-opacity: 0.95;
    }

    .group:hover .md\:group-hover\:border-opacity-100 {
      --tw-border-opacity: 1;
    }

    .group:hover .md\:group-hover\:bg-transparent {
      background-color: transparent;
    }

    .group:hover .md\:group-hover\:bg-current {
      background-color: currentColor;
    }

    .group:hover .md\:group-hover\:bg-black {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-white {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-gray-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-gray-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-gray-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-gray-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-gray-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-gray-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-gray-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-gray-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-gray-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-gray-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-red-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-red-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-red-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-red-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-red-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-red-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-red-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-red-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-red-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-red-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-yellow-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-yellow-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-yellow-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-yellow-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-yellow-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-yellow-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-yellow-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-yellow-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-yellow-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-yellow-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-green-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-green-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-green-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-green-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-green-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-green-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-green-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-green-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-green-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-green-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-blue-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-blue-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-blue-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-blue-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-blue-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-blue-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-blue-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-blue-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-blue-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-blue-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-indigo-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-indigo-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-indigo-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-indigo-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-indigo-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-indigo-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-indigo-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-indigo-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-indigo-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-indigo-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-purple-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-purple-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-purple-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-purple-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-purple-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-purple-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-purple-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-purple-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-purple-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-purple-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-pink-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-pink-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-pink-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-pink-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-pink-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-pink-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-pink-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-pink-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-pink-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-pink-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
    }

    .group:hover .md\:group-hover\:bg-opacity-0 {
      --tw-bg-opacity: 0;
    }

    .group:hover .md\:group-hover\:bg-opacity-5 {
      --tw-bg-opacity: 0.05;
    }

    .group:hover .md\:group-hover\:bg-opacity-10 {
      --tw-bg-opacity: 0.1;
    }

    .group:hover .md\:group-hover\:bg-opacity-20 {
      --tw-bg-opacity: 0.2;
    }

    .group:hover .md\:group-hover\:bg-opacity-25 {
      --tw-bg-opacity: 0.25;
    }

    .group:hover .md\:group-hover\:bg-opacity-30 {
      --tw-bg-opacity: 0.3;
    }

    .group:hover .md\:group-hover\:bg-opacity-40 {
      --tw-bg-opacity: 0.4;
    }

    .group:hover .md\:group-hover\:bg-opacity-50 {
      --tw-bg-opacity: 0.5;
    }

    .group:hover .md\:group-hover\:bg-opacity-60 {
      --tw-bg-opacity: 0.6;
    }

    .group:hover .md\:group-hover\:bg-opacity-70 {
      --tw-bg-opacity: 0.7;
    }

    .group:hover .md\:group-hover\:bg-opacity-75 {
      --tw-bg-opacity: 0.75;
    }

    .group:hover .md\:group-hover\:bg-opacity-80 {
      --tw-bg-opacity: 0.8;
    }

    .group:hover .md\:group-hover\:bg-opacity-90 {
      --tw-bg-opacity: 0.9;
    }

    .group:hover .md\:group-hover\:bg-opacity-95 {
      --tw-bg-opacity: 0.95;
    }

    .group:hover .md\:group-hover\:bg-opacity-100 {
      --tw-bg-opacity: 1;
    }

    .group:hover .md\:group-hover\:text-transparent {
      color: transparent;
    }

    .group:hover .md\:group-hover\:text-current {
      color: currentColor;
    }

    .group:hover .md\:group-hover\:text-black {
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-white {
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-gray-50 {
      --tw-text-opacity: 1;
      color: rgba(249, 250, 251, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-gray-100 {
      --tw-text-opacity: 1;
      color: rgba(243, 244, 246, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-gray-200 {
      --tw-text-opacity: 1;
      color: rgba(229, 231, 235, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-gray-300 {
      --tw-text-opacity: 1;
      color: rgba(209, 213, 219, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-gray-400 {
      --tw-text-opacity: 1;
      color: rgba(156, 163, 175, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-gray-500 {
      --tw-text-opacity: 1;
      color: rgba(107, 114, 128, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-gray-600 {
      --tw-text-opacity: 1;
      color: rgba(75, 85, 99, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-gray-700 {
      --tw-text-opacity: 1;
      color: rgba(55, 65, 81, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-gray-800 {
      --tw-text-opacity: 1;
      color: rgba(31, 41, 55, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-gray-900 {
      --tw-text-opacity: 1;
      color: rgba(17, 24, 39, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-red-50 {
      --tw-text-opacity: 1;
      color: rgba(254, 242, 242, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-red-100 {
      --tw-text-opacity: 1;
      color: rgba(254, 226, 226, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-red-200 {
      --tw-text-opacity: 1;
      color: rgba(254, 202, 202, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-red-300 {
      --tw-text-opacity: 1;
      color: rgba(252, 165, 165, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-red-400 {
      --tw-text-opacity: 1;
      color: rgba(248, 113, 113, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-red-500 {
      --tw-text-opacity: 1;
      color: rgba(239, 68, 68, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-red-600 {
      --tw-text-opacity: 1;
      color: rgba(220, 38, 38, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-red-700 {
      --tw-text-opacity: 1;
      color: rgba(185, 28, 28, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-red-800 {
      --tw-text-opacity: 1;
      color: rgba(153, 27, 27, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-red-900 {
      --tw-text-opacity: 1;
      color: rgba(127, 29, 29, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-yellow-50 {
      --tw-text-opacity: 1;
      color: rgba(255, 251, 235, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-yellow-100 {
      --tw-text-opacity: 1;
      color: rgba(254, 243, 199, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-yellow-200 {
      --tw-text-opacity: 1;
      color: rgba(253, 230, 138, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-yellow-300 {
      --tw-text-opacity: 1;
      color: rgba(252, 211, 77, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-yellow-400 {
      --tw-text-opacity: 1;
      color: rgba(251, 191, 36, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-yellow-500 {
      --tw-text-opacity: 1;
      color: rgba(245, 158, 11, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-yellow-600 {
      --tw-text-opacity: 1;
      color: rgba(217, 119, 6, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-yellow-700 {
      --tw-text-opacity: 1;
      color: rgba(180, 83, 9, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-yellow-800 {
      --tw-text-opacity: 1;
      color: rgba(146, 64, 14, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-yellow-900 {
      --tw-text-opacity: 1;
      color: rgba(120, 53, 15, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-green-50 {
      --tw-text-opacity: 1;
      color: rgba(236, 253, 245, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-green-100 {
      --tw-text-opacity: 1;
      color: rgba(209, 250, 229, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-green-200 {
      --tw-text-opacity: 1;
      color: rgba(167, 243, 208, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-green-300 {
      --tw-text-opacity: 1;
      color: rgba(110, 231, 183, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-green-400 {
      --tw-text-opacity: 1;
      color: rgba(52, 211, 153, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-green-500 {
      --tw-text-opacity: 1;
      color: rgba(16, 185, 129, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-green-600 {
      --tw-text-opacity: 1;
      color: rgba(5, 150, 105, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-green-700 {
      --tw-text-opacity: 1;
      color: rgba(4, 120, 87, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-green-800 {
      --tw-text-opacity: 1;
      color: rgba(6, 95, 70, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-green-900 {
      --tw-text-opacity: 1;
      color: rgba(6, 78, 59, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-blue-50 {
      --tw-text-opacity: 1;
      color: rgba(239, 246, 255, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-blue-100 {
      --tw-text-opacity: 1;
      color: rgba(219, 234, 254, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-blue-200 {
      --tw-text-opacity: 1;
      color: rgba(191, 219, 254, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-blue-300 {
      --tw-text-opacity: 1;
      color: rgba(147, 197, 253, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-blue-400 {
      --tw-text-opacity: 1;
      color: rgba(96, 165, 250, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-blue-500 {
      --tw-text-opacity: 1;
      color: rgba(59, 130, 246, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-blue-600 {
      --tw-text-opacity: 1;
      color: rgba(37, 99, 235, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-blue-700 {
      --tw-text-opacity: 1;
      color: rgba(29, 78, 216, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-blue-800 {
      --tw-text-opacity: 1;
      color: rgba(30, 64, 175, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-blue-900 {
      --tw-text-opacity: 1;
      color: rgba(30, 58, 138, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-indigo-50 {
      --tw-text-opacity: 1;
      color: rgba(238, 242, 255, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-indigo-100 {
      --tw-text-opacity: 1;
      color: rgba(224, 231, 255, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-indigo-200 {
      --tw-text-opacity: 1;
      color: rgba(199, 210, 254, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-indigo-300 {
      --tw-text-opacity: 1;
      color: rgba(165, 180, 252, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-indigo-400 {
      --tw-text-opacity: 1;
      color: rgba(129, 140, 248, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-indigo-500 {
      --tw-text-opacity: 1;
      color: rgba(99, 102, 241, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-indigo-600 {
      --tw-text-opacity: 1;
      color: rgba(79, 70, 229, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-indigo-700 {
      --tw-text-opacity: 1;
      color: rgba(67, 56, 202, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-indigo-800 {
      --tw-text-opacity: 1;
      color: rgba(55, 48, 163, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-indigo-900 {
      --tw-text-opacity: 1;
      color: rgba(49, 46, 129, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-purple-50 {
      --tw-text-opacity: 1;
      color: rgba(245, 243, 255, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-purple-100 {
      --tw-text-opacity: 1;
      color: rgba(237, 233, 254, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-purple-200 {
      --tw-text-opacity: 1;
      color: rgba(221, 214, 254, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-purple-300 {
      --tw-text-opacity: 1;
      color: rgba(196, 181, 253, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-purple-400 {
      --tw-text-opacity: 1;
      color: rgba(167, 139, 250, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-purple-500 {
      --tw-text-opacity: 1;
      color: rgba(139, 92, 246, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-purple-600 {
      --tw-text-opacity: 1;
      color: rgba(124, 58, 237, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-purple-700 {
      --tw-text-opacity: 1;
      color: rgba(109, 40, 217, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-purple-800 {
      --tw-text-opacity: 1;
      color: rgba(91, 33, 182, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-purple-900 {
      --tw-text-opacity: 1;
      color: rgba(76, 29, 149, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-pink-50 {
      --tw-text-opacity: 1;
      color: rgba(253, 242, 248, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-pink-100 {
      --tw-text-opacity: 1;
      color: rgba(252, 231, 243, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-pink-200 {
      --tw-text-opacity: 1;
      color: rgba(251, 207, 232, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-pink-300 {
      --tw-text-opacity: 1;
      color: rgba(249, 168, 212, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-pink-400 {
      --tw-text-opacity: 1;
      color: rgba(244, 114, 182, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-pink-500 {
      --tw-text-opacity: 1;
      color: rgba(236, 72, 153, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-pink-600 {
      --tw-text-opacity: 1;
      color: rgba(219, 39, 119, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-pink-700 {
      --tw-text-opacity: 1;
      color: rgba(190, 24, 93, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-pink-800 {
      --tw-text-opacity: 1;
      color: rgba(157, 23, 77, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-pink-900 {
      --tw-text-opacity: 1;
      color: rgba(131, 24, 67, var(--tw-text-opacity));
    }

    .group:hover .md\:group-hover\:text-opacity-0 {
      --tw-text-opacity: 0;
    }

    .group:hover .md\:group-hover\:text-opacity-5 {
      --tw-text-opacity: 0.05;
    }

    .group:hover .md\:group-hover\:text-opacity-10 {
      --tw-text-opacity: 0.1;
    }

    .group:hover .md\:group-hover\:text-opacity-20 {
      --tw-text-opacity: 0.2;
    }

    .group:hover .md\:group-hover\:text-opacity-25 {
      --tw-text-opacity: 0.25;
    }

    .group:hover .md\:group-hover\:text-opacity-30 {
      --tw-text-opacity: 0.3;
    }

    .group:hover .md\:group-hover\:text-opacity-40 {
      --tw-text-opacity: 0.4;
    }

    .group:hover .md\:group-hover\:text-opacity-50 {
      --tw-text-opacity: 0.5;
    }

    .group:hover .md\:group-hover\:text-opacity-60 {
      --tw-text-opacity: 0.6;
    }

    .group:hover .md\:group-hover\:text-opacity-70 {
      --tw-text-opacity: 0.7;
    }

    .group:hover .md\:group-hover\:text-opacity-75 {
      --tw-text-opacity: 0.75;
    }

    .group:hover .md\:group-hover\:text-opacity-80 {
      --tw-text-opacity: 0.8;
    }

    .group:hover .md\:group-hover\:text-opacity-90 {
      --tw-text-opacity: 0.9;
    }

    .group:hover .md\:group-hover\:text-opacity-95 {
      --tw-text-opacity: 0.95;
    }

    .group:hover .md\:group-hover\:text-opacity-100 {
      --tw-text-opacity: 1;
    }

    .group:hover .md\:group-hover\:underline {
      text-decoration: underline;
    }

    .group:hover .md\:group-hover\:line-through {
      text-decoration: line-through;
    }

    .group:hover .md\:group-hover\:no-underline {
      text-decoration: none;
    }

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

    .group:hover .md\:group-hover\:opacity-5 {
      opacity: 0.05;
    }

    .group:hover .md\:group-hover\:opacity-10 {
      opacity: 0.1;
    }

    .group:hover .md\:group-hover\:opacity-20 {
      opacity: 0.2;
    }

    .group:hover .md\:group-hover\:opacity-25 {
      opacity: 0.25;
    }

    .group:hover .md\:group-hover\:opacity-30 {
      opacity: 0.3;
    }

    .group:hover .md\:group-hover\:opacity-40 {
      opacity: 0.4;
    }

    .group:hover .md\:group-hover\:opacity-50 {
      opacity: 0.5;
    }

    .group:hover .md\:group-hover\:opacity-60 {
      opacity: 0.6;
    }

    .group:hover .md\:group-hover\:opacity-70 {
      opacity: 0.7;
    }

    .group:hover .md\:group-hover\:opacity-75 {
      opacity: 0.75;
    }

    .group:hover .md\:group-hover\:opacity-80 {
      opacity: 0.8;
    }

    .group:hover .md\:group-hover\:opacity-90 {
      opacity: 0.9;
    }

    .group:hover .md\:group-hover\:opacity-95 {
      opacity: 0.95;
    }

    .group:hover .md\:group-hover\:opacity-100 {
      opacity: 1;
    }

    .group:hover .md\:group-hover\:shadow-sm {
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .md\:group-hover\:shadow {
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .md\:group-hover\:shadow-md {
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .md\:group-hover\:shadow-lg {
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .md\:group-hover\:shadow-xl {
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .md\:group-hover\:shadow-2xl {
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .md\:group-hover\:shadow-inner {
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .md\:group-hover\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .lg\:group-hover\:border-transparent {
      border-color: transparent;
    }

    .group:hover .lg\:group-hover\:border-current {
      border-color: currentColor;
    }

    .group:hover .lg\:group-hover\:border-black {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-white {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-gray-50 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-gray-100 {
      --tw-border-opacity: 1;
      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-gray-300 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-gray-400 {
      --tw-border-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-gray-500 {
      --tw-border-opacity: 1;
      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-gray-600 {
      --tw-border-opacity: 1;
      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-gray-700 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-gray-800 {
      --tw-border-opacity: 1;
      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-gray-900 {
      --tw-border-opacity: 1;
      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-red-50 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-red-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-red-200 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-red-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-red-400 {
      --tw-border-opacity: 1;
      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-red-500 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-red-600 {
      --tw-border-opacity: 1;
      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-red-700 {
      --tw-border-opacity: 1;
      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-red-800 {
      --tw-border-opacity: 1;
      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-red-900 {
      --tw-border-opacity: 1;
      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-yellow-50 {
      --tw-border-opacity: 1;
      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-yellow-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-yellow-200 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-yellow-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-yellow-400 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-yellow-500 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-yellow-600 {
      --tw-border-opacity: 1;
      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-yellow-700 {
      --tw-border-opacity: 1;
      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-yellow-800 {
      --tw-border-opacity: 1;
      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-yellow-900 {
      --tw-border-opacity: 1;
      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-green-50 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-green-100 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 250, 229, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-green-200 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 243, 208, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-green-300 {
      --tw-border-opacity: 1;
      border-color: rgba(110, 231, 183, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-green-400 {
      --tw-border-opacity: 1;
      border-color: rgba(52, 211, 153, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-green-500 {
      --tw-border-opacity: 1;
      border-color: rgba(16, 185, 129, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-green-600 {
      --tw-border-opacity: 1;
      border-color: rgba(5, 150, 105, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-green-700 {
      --tw-border-opacity: 1;
      border-color: rgba(4, 120, 87, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-green-800 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 95, 70, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-green-900 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 78, 59, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-blue-50 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-blue-100 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-blue-200 {
      --tw-border-opacity: 1;
      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-blue-300 {
      --tw-border-opacity: 1;
      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-blue-400 {
      --tw-border-opacity: 1;
      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-blue-500 {
      --tw-border-opacity: 1;
      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-blue-600 {
      --tw-border-opacity: 1;
      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-blue-700 {
      --tw-border-opacity: 1;
      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-blue-800 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-blue-900 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-indigo-50 {
      --tw-border-opacity: 1;
      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-indigo-100 {
      --tw-border-opacity: 1;
      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-indigo-200 {
      --tw-border-opacity: 1;
      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-indigo-300 {
      --tw-border-opacity: 1;
      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-indigo-400 {
      --tw-border-opacity: 1;
      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-indigo-500 {
      --tw-border-opacity: 1;
      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-indigo-600 {
      --tw-border-opacity: 1;
      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-indigo-700 {
      --tw-border-opacity: 1;
      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-indigo-800 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-indigo-900 {
      --tw-border-opacity: 1;
      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-purple-50 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-purple-100 {
      --tw-border-opacity: 1;
      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-purple-200 {
      --tw-border-opacity: 1;
      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-purple-300 {
      --tw-border-opacity: 1;
      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-purple-400 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-purple-500 {
      --tw-border-opacity: 1;
      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-purple-600 {
      --tw-border-opacity: 1;
      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-purple-700 {
      --tw-border-opacity: 1;
      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-purple-800 {
      --tw-border-opacity: 1;
      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-purple-900 {
      --tw-border-opacity: 1;
      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-pink-50 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-pink-100 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-pink-200 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-pink-300 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-pink-400 {
      --tw-border-opacity: 1;
      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-pink-500 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-pink-600 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-pink-700 {
      --tw-border-opacity: 1;
      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-pink-800 {
      --tw-border-opacity: 1;
      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-pink-900 {
      --tw-border-opacity: 1;
      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
    }

    .group:hover .lg\:group-hover\:border-opacity-0 {
      --tw-border-opacity: 0;
    }

    .group:hover .lg\:group-hover\:border-opacity-5 {
      --tw-border-opacity: 0.05;
    }

    .group:hover .lg\:group-hover\:border-opacity-10 {
      --tw-border-opacity: 0.1;
    }

    .group:hover .lg\:group-hover\:border-opacity-20 {
      --tw-border-opacity: 0.2;
    }

    .group:hover .lg\:group-hover\:border-opacity-25 {
      --tw-border-opacity: 0.25;
    }

    .group:hover .lg\:group-hover\:border-opacity-30 {
      --tw-border-opacity: 0.3;
    }

    .group:hover .lg\:group-hover\:border-opacity-40 {
      --tw-border-opacity: 0.4;
    }

    .group:hover .lg\:group-hover\:border-opacity-50 {
      --tw-border-opacity: 0.5;
    }

    .group:hover .lg\:group-hover\:border-opacity-60 {
      --tw-border-opacity: 0.6;
    }

    .group:hover .lg\:group-hover\:border-opacity-70 {
      --tw-border-opacity: 0.7;
    }

    .group:hover .lg\:group-hover\:border-opacity-75 {
      --tw-border-opacity: 0.75;
    }

    .group:hover .lg\:group-hover\:border-opacity-80 {
      --tw-border-opacity: 0.8;
    }

    .group:hover .lg\:group-hover\:border-opacity-90 {
      --tw-border-opacity: 0.9;
    }

    .group:hover .lg\:group-hover\:border-opacity-95 {
      --tw-border-opacity: 0.95;
    }

    .group:hover .lg\:group-hover\:border-opacity-100 {
      --tw-border-opacity: 1;
    }

    .group:hover .lg\:group-hover\:bg-transparent {
      background-color: transparent;
    }

    .group:hover .lg\:group-hover\:bg-current {
      background-color: currentColor;
    }

    .group:hover .lg\:group-hover\:bg-black {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-white {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-gray-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-gray-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-gray-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-gray-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-gray-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-gray-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-gray-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-gray-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-gray-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-gray-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-red-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-red-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-red-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-red-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-red-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-red-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-red-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-red-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-red-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-red-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-yellow-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-yellow-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-yellow-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-yellow-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-yellow-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-yellow-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-yellow-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-yellow-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-yellow-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-yellow-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-green-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-green-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-green-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-green-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-green-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-green-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-green-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-green-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-green-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-green-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-blue-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-blue-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-blue-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-blue-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-blue-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-blue-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-blue-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-blue-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-blue-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-blue-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-indigo-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-indigo-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-indigo-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-indigo-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-indigo-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-indigo-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-indigo-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-indigo-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-indigo-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-indigo-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-purple-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-purple-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-purple-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-purple-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-purple-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-purple-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-purple-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-purple-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-purple-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-purple-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-pink-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-pink-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-pink-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-pink-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-pink-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-pink-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-pink-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-pink-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-pink-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-pink-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
    }

    .group:hover .lg\:group-hover\:bg-opacity-0 {
      --tw-bg-opacity: 0;
    }

    .group:hover .lg\:group-hover\:bg-opacity-5 {
      --tw-bg-opacity: 0.05;
    }

    .group:hover .lg\:group-hover\:bg-opacity-10 {
      --tw-bg-opacity: 0.1;
    }

    .group:hover .lg\:group-hover\:bg-opacity-20 {
      --tw-bg-opacity: 0.2;
    }

    .group:hover .lg\:group-hover\:bg-opacity-25 {
      --tw-bg-opacity: 0.25;
    }

    .group:hover .lg\:group-hover\:bg-opacity-30 {
      --tw-bg-opacity: 0.3;
    }

    .group:hover .lg\:group-hover\:bg-opacity-40 {
      --tw-bg-opacity: 0.4;
    }

    .group:hover .lg\:group-hover\:bg-opacity-50 {
      --tw-bg-opacity: 0.5;
    }

    .group:hover .lg\:group-hover\:bg-opacity-60 {
      --tw-bg-opacity: 0.6;
    }

    .group:hover .lg\:group-hover\:bg-opacity-70 {
      --tw-bg-opacity: 0.7;
    }

    .group:hover .lg\:group-hover\:bg-opacity-75 {
      --tw-bg-opacity: 0.75;
    }

    .group:hover .lg\:group-hover\:bg-opacity-80 {
      --tw-bg-opacity: 0.8;
    }

    .group:hover .lg\:group-hover\:bg-opacity-90 {
      --tw-bg-opacity: 0.9;
    }

    .group:hover .lg\:group-hover\:bg-opacity-95 {
      --tw-bg-opacity: 0.95;
    }

    .group:hover .lg\:group-hover\:bg-opacity-100 {
      --tw-bg-opacity: 1;
    }

    .group:hover .lg\:group-hover\:text-transparent {
      color: transparent;
    }

    .group:hover .lg\:group-hover\:text-current {
      color: currentColor;
    }

    .group:hover .lg\:group-hover\:text-black {
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-white {
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-gray-50 {
      --tw-text-opacity: 1;
      color: rgba(249, 250, 251, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-gray-100 {
      --tw-text-opacity: 1;
      color: rgba(243, 244, 246, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-gray-200 {
      --tw-text-opacity: 1;
      color: rgba(229, 231, 235, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-gray-300 {
      --tw-text-opacity: 1;
      color: rgba(209, 213, 219, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-gray-400 {
      --tw-text-opacity: 1;
      color: rgba(156, 163, 175, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-gray-500 {
      --tw-text-opacity: 1;
      color: rgba(107, 114, 128, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-gray-600 {
      --tw-text-opacity: 1;
      color: rgba(75, 85, 99, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-gray-700 {
      --tw-text-opacity: 1;
      color: rgba(55, 65, 81, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-gray-800 {
      --tw-text-opacity: 1;
      color: rgba(31, 41, 55, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-gray-900 {
      --tw-text-opacity: 1;
      color: rgba(17, 24, 39, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-red-50 {
      --tw-text-opacity: 1;
      color: rgba(254, 242, 242, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-red-100 {
      --tw-text-opacity: 1;
      color: rgba(254, 226, 226, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-red-200 {
      --tw-text-opacity: 1;
      color: rgba(254, 202, 202, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-red-300 {
      --tw-text-opacity: 1;
      color: rgba(252, 165, 165, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-red-400 {
      --tw-text-opacity: 1;
      color: rgba(248, 113, 113, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-red-500 {
      --tw-text-opacity: 1;
      color: rgba(239, 68, 68, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-red-600 {
      --tw-text-opacity: 1;
      color: rgba(220, 38, 38, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-red-700 {
      --tw-text-opacity: 1;
      color: rgba(185, 28, 28, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-red-800 {
      --tw-text-opacity: 1;
      color: rgba(153, 27, 27, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-red-900 {
      --tw-text-opacity: 1;
      color: rgba(127, 29, 29, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-yellow-50 {
      --tw-text-opacity: 1;
      color: rgba(255, 251, 235, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-yellow-100 {
      --tw-text-opacity: 1;
      color: rgba(254, 243, 199, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-yellow-200 {
      --tw-text-opacity: 1;
      color: rgba(253, 230, 138, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-yellow-300 {
      --tw-text-opacity: 1;
      color: rgba(252, 211, 77, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-yellow-400 {
      --tw-text-opacity: 1;
      color: rgba(251, 191, 36, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-yellow-500 {
      --tw-text-opacity: 1;
      color: rgba(245, 158, 11, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-yellow-600 {
      --tw-text-opacity: 1;
      color: rgba(217, 119, 6, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-yellow-700 {
      --tw-text-opacity: 1;
      color: rgba(180, 83, 9, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-yellow-800 {
      --tw-text-opacity: 1;
      color: rgba(146, 64, 14, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-yellow-900 {
      --tw-text-opacity: 1;
      color: rgba(120, 53, 15, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-green-50 {
      --tw-text-opacity: 1;
      color: rgba(236, 253, 245, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-green-100 {
      --tw-text-opacity: 1;
      color: rgba(209, 250, 229, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-green-200 {
      --tw-text-opacity: 1;
      color: rgba(167, 243, 208, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-green-300 {
      --tw-text-opacity: 1;
      color: rgba(110, 231, 183, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-green-400 {
      --tw-text-opacity: 1;
      color: rgba(52, 211, 153, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-green-500 {
      --tw-text-opacity: 1;
      color: rgba(16, 185, 129, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-green-600 {
      --tw-text-opacity: 1;
      color: rgba(5, 150, 105, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-green-700 {
      --tw-text-opacity: 1;
      color: rgba(4, 120, 87, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-green-800 {
      --tw-text-opacity: 1;
      color: rgba(6, 95, 70, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-green-900 {
      --tw-text-opacity: 1;
      color: rgba(6, 78, 59, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-blue-50 {
      --tw-text-opacity: 1;
      color: rgba(239, 246, 255, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-blue-100 {
      --tw-text-opacity: 1;
      color: rgba(219, 234, 254, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-blue-200 {
      --tw-text-opacity: 1;
      color: rgba(191, 219, 254, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-blue-300 {
      --tw-text-opacity: 1;
      color: rgba(147, 197, 253, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-blue-400 {
      --tw-text-opacity: 1;
      color: rgba(96, 165, 250, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-blue-500 {
      --tw-text-opacity: 1;
      color: rgba(59, 130, 246, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-blue-600 {
      --tw-text-opacity: 1;
      color: rgba(37, 99, 235, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-blue-700 {
      --tw-text-opacity: 1;
      color: rgba(29, 78, 216, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-blue-800 {
      --tw-text-opacity: 1;
      color: rgba(30, 64, 175, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-blue-900 {
      --tw-text-opacity: 1;
      color: rgba(30, 58, 138, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-indigo-50 {
      --tw-text-opacity: 1;
      color: rgba(238, 242, 255, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-indigo-100 {
      --tw-text-opacity: 1;
      color: rgba(224, 231, 255, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-indigo-200 {
      --tw-text-opacity: 1;
      color: rgba(199, 210, 254, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-indigo-300 {
      --tw-text-opacity: 1;
      color: rgba(165, 180, 252, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-indigo-400 {
      --tw-text-opacity: 1;
      color: rgba(129, 140, 248, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-indigo-500 {
      --tw-text-opacity: 1;
      color: rgba(99, 102, 241, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-indigo-600 {
      --tw-text-opacity: 1;
      color: rgba(79, 70, 229, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-indigo-700 {
      --tw-text-opacity: 1;
      color: rgba(67, 56, 202, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-indigo-800 {
      --tw-text-opacity: 1;
      color: rgba(55, 48, 163, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-indigo-900 {
      --tw-text-opacity: 1;
      color: rgba(49, 46, 129, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-purple-50 {
      --tw-text-opacity: 1;
      color: rgba(245, 243, 255, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-purple-100 {
      --tw-text-opacity: 1;
      color: rgba(237, 233, 254, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-purple-200 {
      --tw-text-opacity: 1;
      color: rgba(221, 214, 254, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-purple-300 {
      --tw-text-opacity: 1;
      color: rgba(196, 181, 253, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-purple-400 {
      --tw-text-opacity: 1;
      color: rgba(167, 139, 250, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-purple-500 {
      --tw-text-opacity: 1;
      color: rgba(139, 92, 246, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-purple-600 {
      --tw-text-opacity: 1;
      color: rgba(124, 58, 237, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-purple-700 {
      --tw-text-opacity: 1;
      color: rgba(109, 40, 217, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-purple-800 {
      --tw-text-opacity: 1;
      color: rgba(91, 33, 182, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-purple-900 {
      --tw-text-opacity: 1;
      color: rgba(76, 29, 149, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-pink-50 {
      --tw-text-opacity: 1;
      color: rgba(253, 242, 248, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-pink-100 {
      --tw-text-opacity: 1;
      color: rgba(252, 231, 243, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-pink-200 {
      --tw-text-opacity: 1;
      color: rgba(251, 207, 232, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-pink-300 {
      --tw-text-opacity: 1;
      color: rgba(249, 168, 212, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-pink-400 {
      --tw-text-opacity: 1;
      color: rgba(244, 114, 182, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-pink-500 {
      --tw-text-opacity: 1;
      color: rgba(236, 72, 153, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-pink-600 {
      --tw-text-opacity: 1;
      color: rgba(219, 39, 119, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-pink-700 {
      --tw-text-opacity: 1;
      color: rgba(190, 24, 93, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-pink-800 {
      --tw-text-opacity: 1;
      color: rgba(157, 23, 77, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-pink-900 {
      --tw-text-opacity: 1;
      color: rgba(131, 24, 67, var(--tw-text-opacity));
    }

    .group:hover .lg\:group-hover\:text-opacity-0 {
      --tw-text-opacity: 0;
    }

    .group:hover .lg\:group-hover\:text-opacity-5 {
      --tw-text-opacity: 0.05;
    }

    .group:hover .lg\:group-hover\:text-opacity-10 {
      --tw-text-opacity: 0.1;
    }

    .group:hover .lg\:group-hover\:text-opacity-20 {
      --tw-text-opacity: 0.2;
    }

    .group:hover .lg\:group-hover\:text-opacity-25 {
      --tw-text-opacity: 0.25;
    }

    .group:hover .lg\:group-hover\:text-opacity-30 {
      --tw-text-opacity: 0.3;
    }

    .group:hover .lg\:group-hover\:text-opacity-40 {
      --tw-text-opacity: 0.4;
    }

    .group:hover .lg\:group-hover\:text-opacity-50 {
      --tw-text-opacity: 0.5;
    }

    .group:hover .lg\:group-hover\:text-opacity-60 {
      --tw-text-opacity: 0.6;
    }

    .group:hover .lg\:group-hover\:text-opacity-70 {
      --tw-text-opacity: 0.7;
    }

    .group:hover .lg\:group-hover\:text-opacity-75 {
      --tw-text-opacity: 0.75;
    }

    .group:hover .lg\:group-hover\:text-opacity-80 {
      --tw-text-opacity: 0.8;
    }

    .group:hover .lg\:group-hover\:text-opacity-90 {
      --tw-text-opacity: 0.9;
    }

    .group:hover .lg\:group-hover\:text-opacity-95 {
      --tw-text-opacity: 0.95;
    }

    .group:hover .lg\:group-hover\:text-opacity-100 {
      --tw-text-opacity: 1;
    }

    .group:hover .lg\:group-hover\:underline {
      text-decoration: underline;
    }

    .group:hover .lg\:group-hover\:line-through {
      text-decoration: line-through;
    }

    .group:hover .lg\:group-hover\:no-underline {
      text-decoration: none;
    }

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

    .group:hover .lg\:group-hover\:opacity-5 {
      opacity: 0.05;
    }

    .group:hover .lg\:group-hover\:opacity-10 {
      opacity: 0.1;
    }

    .group:hover .lg\:group-hover\:opacity-20 {
      opacity: 0.2;
    }

    .group:hover .lg\:group-hover\:opacity-25 {
      opacity: 0.25;
    }

    .group:hover .lg\:group-hover\:opacity-30 {
      opacity: 0.3;
    }

    .group:hover .lg\:group-hover\:opacity-40 {
      opacity: 0.4;
    }

    .group:hover .lg\:group-hover\:opacity-50 {
      opacity: 0.5;
    }

    .group:hover .lg\:group-hover\:opacity-60 {
      opacity: 0.6;
    }

    .group:hover .lg\:group-hover\:opacity-70 {
      opacity: 0.7;
    }

    .group:hover .lg\:group-hover\:opacity-75 {
      opacity: 0.75;
    }

    .group:hover .lg\:group-hover\:opacity-80 {
      opacity: 0.8;
    }

    .group:hover .lg\:group-hover\:opacity-90 {
      opacity: 0.9;
    }

    .group:hover .lg\:group-hover\:opacity-95 {
      opacity: 0.95;
    }

    .group:hover .lg\:group-hover\:opacity-100 {
      opacity: 1;
    }

    .group:hover .lg\:group-hover\:shadow-sm {
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .lg\:group-hover\:shadow {
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .lg\:group-hover\:shadow-md {
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .lg\:group-hover\:shadow-lg {
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .lg\:group-hover\:shadow-xl {
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .lg\:group-hover\:shadow-2xl {
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .lg\:group-hover\:shadow-inner {
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .lg\:group-hover\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .xl\:group-hover\:border-transparent {
      border-color: transparent;
    }

    .group:hover .xl\:group-hover\:border-current {
      border-color: currentColor;
    }

    .group:hover .xl\:group-hover\:border-black {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-white {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-gray-50 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-gray-100 {
      --tw-border-opacity: 1;
      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-gray-300 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-gray-400 {
      --tw-border-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-gray-500 {
      --tw-border-opacity: 1;
      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-gray-600 {
      --tw-border-opacity: 1;
      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-gray-700 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-gray-800 {
      --tw-border-opacity: 1;
      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-gray-900 {
      --tw-border-opacity: 1;
      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-red-50 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-red-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-red-200 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-red-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-red-400 {
      --tw-border-opacity: 1;
      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-red-500 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-red-600 {
      --tw-border-opacity: 1;
      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-red-700 {
      --tw-border-opacity: 1;
      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-red-800 {
      --tw-border-opacity: 1;
      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-red-900 {
      --tw-border-opacity: 1;
      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-yellow-50 {
      --tw-border-opacity: 1;
      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-yellow-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-yellow-200 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-yellow-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-yellow-400 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-yellow-500 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-yellow-600 {
      --tw-border-opacity: 1;
      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-yellow-700 {
      --tw-border-opacity: 1;
      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-yellow-800 {
      --tw-border-opacity: 1;
      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-yellow-900 {
      --tw-border-opacity: 1;
      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-green-50 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-green-100 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 250, 229, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-green-200 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 243, 208, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-green-300 {
      --tw-border-opacity: 1;
      border-color: rgba(110, 231, 183, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-green-400 {
      --tw-border-opacity: 1;
      border-color: rgba(52, 211, 153, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-green-500 {
      --tw-border-opacity: 1;
      border-color: rgba(16, 185, 129, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-green-600 {
      --tw-border-opacity: 1;
      border-color: rgba(5, 150, 105, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-green-700 {
      --tw-border-opacity: 1;
      border-color: rgba(4, 120, 87, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-green-800 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 95, 70, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-green-900 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 78, 59, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-blue-50 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-blue-100 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-blue-200 {
      --tw-border-opacity: 1;
      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-blue-300 {
      --tw-border-opacity: 1;
      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-blue-400 {
      --tw-border-opacity: 1;
      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-blue-500 {
      --tw-border-opacity: 1;
      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-blue-600 {
      --tw-border-opacity: 1;
      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-blue-700 {
      --tw-border-opacity: 1;
      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-blue-800 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-blue-900 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-indigo-50 {
      --tw-border-opacity: 1;
      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-indigo-100 {
      --tw-border-opacity: 1;
      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-indigo-200 {
      --tw-border-opacity: 1;
      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-indigo-300 {
      --tw-border-opacity: 1;
      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-indigo-400 {
      --tw-border-opacity: 1;
      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-indigo-500 {
      --tw-border-opacity: 1;
      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-indigo-600 {
      --tw-border-opacity: 1;
      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-indigo-700 {
      --tw-border-opacity: 1;
      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-indigo-800 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-indigo-900 {
      --tw-border-opacity: 1;
      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-purple-50 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-purple-100 {
      --tw-border-opacity: 1;
      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-purple-200 {
      --tw-border-opacity: 1;
      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-purple-300 {
      --tw-border-opacity: 1;
      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-purple-400 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-purple-500 {
      --tw-border-opacity: 1;
      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-purple-600 {
      --tw-border-opacity: 1;
      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-purple-700 {
      --tw-border-opacity: 1;
      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-purple-800 {
      --tw-border-opacity: 1;
      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-purple-900 {
      --tw-border-opacity: 1;
      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-pink-50 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-pink-100 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-pink-200 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-pink-300 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-pink-400 {
      --tw-border-opacity: 1;
      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-pink-500 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-pink-600 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-pink-700 {
      --tw-border-opacity: 1;
      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-pink-800 {
      --tw-border-opacity: 1;
      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-pink-900 {
      --tw-border-opacity: 1;
      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
    }

    .group:hover .xl\:group-hover\:border-opacity-0 {
      --tw-border-opacity: 0;
    }

    .group:hover .xl\:group-hover\:border-opacity-5 {
      --tw-border-opacity: 0.05;
    }

    .group:hover .xl\:group-hover\:border-opacity-10 {
      --tw-border-opacity: 0.1;
    }

    .group:hover .xl\:group-hover\:border-opacity-20 {
      --tw-border-opacity: 0.2;
    }

    .group:hover .xl\:group-hover\:border-opacity-25 {
      --tw-border-opacity: 0.25;
    }

    .group:hover .xl\:group-hover\:border-opacity-30 {
      --tw-border-opacity: 0.3;
    }

    .group:hover .xl\:group-hover\:border-opacity-40 {
      --tw-border-opacity: 0.4;
    }

    .group:hover .xl\:group-hover\:border-opacity-50 {
      --tw-border-opacity: 0.5;
    }

    .group:hover .xl\:group-hover\:border-opacity-60 {
      --tw-border-opacity: 0.6;
    }

    .group:hover .xl\:group-hover\:border-opacity-70 {
      --tw-border-opacity: 0.7;
    }

    .group:hover .xl\:group-hover\:border-opacity-75 {
      --tw-border-opacity: 0.75;
    }

    .group:hover .xl\:group-hover\:border-opacity-80 {
      --tw-border-opacity: 0.8;
    }

    .group:hover .xl\:group-hover\:border-opacity-90 {
      --tw-border-opacity: 0.9;
    }

    .group:hover .xl\:group-hover\:border-opacity-95 {
      --tw-border-opacity: 0.95;
    }

    .group:hover .xl\:group-hover\:border-opacity-100 {
      --tw-border-opacity: 1;
    }

    .group:hover .xl\:group-hover\:bg-transparent {
      background-color: transparent;
    }

    .group:hover .xl\:group-hover\:bg-current {
      background-color: currentColor;
    }

    .group:hover .xl\:group-hover\:bg-black {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-white {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-gray-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-gray-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-gray-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-gray-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-gray-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-gray-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-gray-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-gray-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-gray-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-gray-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-red-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-red-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-red-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-red-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-red-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-red-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-red-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-red-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-red-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-red-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-yellow-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-yellow-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-yellow-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-yellow-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-yellow-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-yellow-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-yellow-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-yellow-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-yellow-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-yellow-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-green-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-green-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-green-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-green-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-green-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-green-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-green-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-green-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-green-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-green-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-blue-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-blue-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-blue-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-blue-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-blue-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-blue-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-blue-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-blue-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-blue-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-blue-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-indigo-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-indigo-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-indigo-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-indigo-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-indigo-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-indigo-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-indigo-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-indigo-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-indigo-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-indigo-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-purple-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-purple-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-purple-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-purple-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-purple-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-purple-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-purple-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-purple-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-purple-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-purple-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-pink-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-pink-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-pink-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-pink-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-pink-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-pink-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-pink-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-pink-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-pink-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-pink-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
    }

    .group:hover .xl\:group-hover\:bg-opacity-0 {
      --tw-bg-opacity: 0;
    }

    .group:hover .xl\:group-hover\:bg-opacity-5 {
      --tw-bg-opacity: 0.05;
    }

    .group:hover .xl\:group-hover\:bg-opacity-10 {
      --tw-bg-opacity: 0.1;
    }

    .group:hover .xl\:group-hover\:bg-opacity-20 {
      --tw-bg-opacity: 0.2;
    }

    .group:hover .xl\:group-hover\:bg-opacity-25 {
      --tw-bg-opacity: 0.25;
    }

    .group:hover .xl\:group-hover\:bg-opacity-30 {
      --tw-bg-opacity: 0.3;
    }

    .group:hover .xl\:group-hover\:bg-opacity-40 {
      --tw-bg-opacity: 0.4;
    }

    .group:hover .xl\:group-hover\:bg-opacity-50 {
      --tw-bg-opacity: 0.5;
    }

    .group:hover .xl\:group-hover\:bg-opacity-60 {
      --tw-bg-opacity: 0.6;
    }

    .group:hover .xl\:group-hover\:bg-opacity-70 {
      --tw-bg-opacity: 0.7;
    }

    .group:hover .xl\:group-hover\:bg-opacity-75 {
      --tw-bg-opacity: 0.75;
    }

    .group:hover .xl\:group-hover\:bg-opacity-80 {
      --tw-bg-opacity: 0.8;
    }

    .group:hover .xl\:group-hover\:bg-opacity-90 {
      --tw-bg-opacity: 0.9;
    }

    .group:hover .xl\:group-hover\:bg-opacity-95 {
      --tw-bg-opacity: 0.95;
    }

    .group:hover .xl\:group-hover\:bg-opacity-100 {
      --tw-bg-opacity: 1;
    }

    .group:hover .xl\:group-hover\:text-transparent {
      color: transparent;
    }

    .group:hover .xl\:group-hover\:text-current {
      color: currentColor;
    }

    .group:hover .xl\:group-hover\:text-black {
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-white {
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-gray-50 {
      --tw-text-opacity: 1;
      color: rgba(249, 250, 251, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-gray-100 {
      --tw-text-opacity: 1;
      color: rgba(243, 244, 246, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-gray-200 {
      --tw-text-opacity: 1;
      color: rgba(229, 231, 235, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-gray-300 {
      --tw-text-opacity: 1;
      color: rgba(209, 213, 219, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-gray-400 {
      --tw-text-opacity: 1;
      color: rgba(156, 163, 175, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-gray-500 {
      --tw-text-opacity: 1;
      color: rgba(107, 114, 128, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-gray-600 {
      --tw-text-opacity: 1;
      color: rgba(75, 85, 99, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-gray-700 {
      --tw-text-opacity: 1;
      color: rgba(55, 65, 81, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-gray-800 {
      --tw-text-opacity: 1;
      color: rgba(31, 41, 55, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-gray-900 {
      --tw-text-opacity: 1;
      color: rgba(17, 24, 39, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-red-50 {
      --tw-text-opacity: 1;
      color: rgba(254, 242, 242, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-red-100 {
      --tw-text-opacity: 1;
      color: rgba(254, 226, 226, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-red-200 {
      --tw-text-opacity: 1;
      color: rgba(254, 202, 202, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-red-300 {
      --tw-text-opacity: 1;
      color: rgba(252, 165, 165, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-red-400 {
      --tw-text-opacity: 1;
      color: rgba(248, 113, 113, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-red-500 {
      --tw-text-opacity: 1;
      color: rgba(239, 68, 68, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-red-600 {
      --tw-text-opacity: 1;
      color: rgba(220, 38, 38, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-red-700 {
      --tw-text-opacity: 1;
      color: rgba(185, 28, 28, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-red-800 {
      --tw-text-opacity: 1;
      color: rgba(153, 27, 27, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-red-900 {
      --tw-text-opacity: 1;
      color: rgba(127, 29, 29, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-yellow-50 {
      --tw-text-opacity: 1;
      color: rgba(255, 251, 235, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-yellow-100 {
      --tw-text-opacity: 1;
      color: rgba(254, 243, 199, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-yellow-200 {
      --tw-text-opacity: 1;
      color: rgba(253, 230, 138, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-yellow-300 {
      --tw-text-opacity: 1;
      color: rgba(252, 211, 77, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-yellow-400 {
      --tw-text-opacity: 1;
      color: rgba(251, 191, 36, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-yellow-500 {
      --tw-text-opacity: 1;
      color: rgba(245, 158, 11, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-yellow-600 {
      --tw-text-opacity: 1;
      color: rgba(217, 119, 6, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-yellow-700 {
      --tw-text-opacity: 1;
      color: rgba(180, 83, 9, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-yellow-800 {
      --tw-text-opacity: 1;
      color: rgba(146, 64, 14, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-yellow-900 {
      --tw-text-opacity: 1;
      color: rgba(120, 53, 15, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-green-50 {
      --tw-text-opacity: 1;
      color: rgba(236, 253, 245, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-green-100 {
      --tw-text-opacity: 1;
      color: rgba(209, 250, 229, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-green-200 {
      --tw-text-opacity: 1;
      color: rgba(167, 243, 208, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-green-300 {
      --tw-text-opacity: 1;
      color: rgba(110, 231, 183, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-green-400 {
      --tw-text-opacity: 1;
      color: rgba(52, 211, 153, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-green-500 {
      --tw-text-opacity: 1;
      color: rgba(16, 185, 129, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-green-600 {
      --tw-text-opacity: 1;
      color: rgba(5, 150, 105, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-green-700 {
      --tw-text-opacity: 1;
      color: rgba(4, 120, 87, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-green-800 {
      --tw-text-opacity: 1;
      color: rgba(6, 95, 70, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-green-900 {
      --tw-text-opacity: 1;
      color: rgba(6, 78, 59, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-blue-50 {
      --tw-text-opacity: 1;
      color: rgba(239, 246, 255, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-blue-100 {
      --tw-text-opacity: 1;
      color: rgba(219, 234, 254, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-blue-200 {
      --tw-text-opacity: 1;
      color: rgba(191, 219, 254, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-blue-300 {
      --tw-text-opacity: 1;
      color: rgba(147, 197, 253, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-blue-400 {
      --tw-text-opacity: 1;
      color: rgba(96, 165, 250, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-blue-500 {
      --tw-text-opacity: 1;
      color: rgba(59, 130, 246, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-blue-600 {
      --tw-text-opacity: 1;
      color: rgba(37, 99, 235, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-blue-700 {
      --tw-text-opacity: 1;
      color: rgba(29, 78, 216, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-blue-800 {
      --tw-text-opacity: 1;
      color: rgba(30, 64, 175, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-blue-900 {
      --tw-text-opacity: 1;
      color: rgba(30, 58, 138, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-indigo-50 {
      --tw-text-opacity: 1;
      color: rgba(238, 242, 255, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-indigo-100 {
      --tw-text-opacity: 1;
      color: rgba(224, 231, 255, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-indigo-200 {
      --tw-text-opacity: 1;
      color: rgba(199, 210, 254, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-indigo-300 {
      --tw-text-opacity: 1;
      color: rgba(165, 180, 252, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-indigo-400 {
      --tw-text-opacity: 1;
      color: rgba(129, 140, 248, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-indigo-500 {
      --tw-text-opacity: 1;
      color: rgba(99, 102, 241, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-indigo-600 {
      --tw-text-opacity: 1;
      color: rgba(79, 70, 229, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-indigo-700 {
      --tw-text-opacity: 1;
      color: rgba(67, 56, 202, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-indigo-800 {
      --tw-text-opacity: 1;
      color: rgba(55, 48, 163, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-indigo-900 {
      --tw-text-opacity: 1;
      color: rgba(49, 46, 129, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-purple-50 {
      --tw-text-opacity: 1;
      color: rgba(245, 243, 255, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-purple-100 {
      --tw-text-opacity: 1;
      color: rgba(237, 233, 254, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-purple-200 {
      --tw-text-opacity: 1;
      color: rgba(221, 214, 254, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-purple-300 {
      --tw-text-opacity: 1;
      color: rgba(196, 181, 253, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-purple-400 {
      --tw-text-opacity: 1;
      color: rgba(167, 139, 250, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-purple-500 {
      --tw-text-opacity: 1;
      color: rgba(139, 92, 246, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-purple-600 {
      --tw-text-opacity: 1;
      color: rgba(124, 58, 237, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-purple-700 {
      --tw-text-opacity: 1;
      color: rgba(109, 40, 217, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-purple-800 {
      --tw-text-opacity: 1;
      color: rgba(91, 33, 182, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-purple-900 {
      --tw-text-opacity: 1;
      color: rgba(76, 29, 149, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-pink-50 {
      --tw-text-opacity: 1;
      color: rgba(253, 242, 248, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-pink-100 {
      --tw-text-opacity: 1;
      color: rgba(252, 231, 243, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-pink-200 {
      --tw-text-opacity: 1;
      color: rgba(251, 207, 232, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-pink-300 {
      --tw-text-opacity: 1;
      color: rgba(249, 168, 212, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-pink-400 {
      --tw-text-opacity: 1;
      color: rgba(244, 114, 182, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-pink-500 {
      --tw-text-opacity: 1;
      color: rgba(236, 72, 153, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-pink-600 {
      --tw-text-opacity: 1;
      color: rgba(219, 39, 119, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-pink-700 {
      --tw-text-opacity: 1;
      color: rgba(190, 24, 93, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-pink-800 {
      --tw-text-opacity: 1;
      color: rgba(157, 23, 77, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-pink-900 {
      --tw-text-opacity: 1;
      color: rgba(131, 24, 67, var(--tw-text-opacity));
    }

    .group:hover .xl\:group-hover\:text-opacity-0 {
      --tw-text-opacity: 0;
    }

    .group:hover .xl\:group-hover\:text-opacity-5 {
      --tw-text-opacity: 0.05;
    }

    .group:hover .xl\:group-hover\:text-opacity-10 {
      --tw-text-opacity: 0.1;
    }

    .group:hover .xl\:group-hover\:text-opacity-20 {
      --tw-text-opacity: 0.2;
    }

    .group:hover .xl\:group-hover\:text-opacity-25 {
      --tw-text-opacity: 0.25;
    }

    .group:hover .xl\:group-hover\:text-opacity-30 {
      --tw-text-opacity: 0.3;
    }

    .group:hover .xl\:group-hover\:text-opacity-40 {
      --tw-text-opacity: 0.4;
    }

    .group:hover .xl\:group-hover\:text-opacity-50 {
      --tw-text-opacity: 0.5;
    }

    .group:hover .xl\:group-hover\:text-opacity-60 {
      --tw-text-opacity: 0.6;
    }

    .group:hover .xl\:group-hover\:text-opacity-70 {
      --tw-text-opacity: 0.7;
    }

    .group:hover .xl\:group-hover\:text-opacity-75 {
      --tw-text-opacity: 0.75;
    }

    .group:hover .xl\:group-hover\:text-opacity-80 {
      --tw-text-opacity: 0.8;
    }

    .group:hover .xl\:group-hover\:text-opacity-90 {
      --tw-text-opacity: 0.9;
    }

    .group:hover .xl\:group-hover\:text-opacity-95 {
      --tw-text-opacity: 0.95;
    }

    .group:hover .xl\:group-hover\:text-opacity-100 {
      --tw-text-opacity: 1;
    }

    .group:hover .xl\:group-hover\:underline {
      text-decoration: underline;
    }

    .group:hover .xl\:group-hover\:line-through {
      text-decoration: line-through;
    }

    .group:hover .xl\:group-hover\:no-underline {
      text-decoration: none;
    }

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

    .group:hover .xl\:group-hover\:opacity-5 {
      opacity: 0.05;
    }

    .group:hover .xl\:group-hover\:opacity-10 {
      opacity: 0.1;
    }

    .group:hover .xl\:group-hover\:opacity-20 {
      opacity: 0.2;
    }

    .group:hover .xl\:group-hover\:opacity-25 {
      opacity: 0.25;
    }

    .group:hover .xl\:group-hover\:opacity-30 {
      opacity: 0.3;
    }

    .group:hover .xl\:group-hover\:opacity-40 {
      opacity: 0.4;
    }

    .group:hover .xl\:group-hover\:opacity-50 {
      opacity: 0.5;
    }

    .group:hover .xl\:group-hover\:opacity-60 {
      opacity: 0.6;
    }

    .group:hover .xl\:group-hover\:opacity-70 {
      opacity: 0.7;
    }

    .group:hover .xl\:group-hover\:opacity-75 {
      opacity: 0.75;
    }

    .group:hover .xl\:group-hover\:opacity-80 {
      opacity: 0.8;
    }

    .group:hover .xl\:group-hover\:opacity-90 {
      opacity: 0.9;
    }

    .group:hover .xl\:group-hover\:opacity-95 {
      opacity: 0.95;
    }

    .group:hover .xl\:group-hover\:opacity-100 {
      opacity: 1;
    }

    .group:hover .xl\:group-hover\:shadow-sm {
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .xl\:group-hover\:shadow {
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .xl\:group-hover\:shadow-md {
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .xl\:group-hover\:shadow-lg {
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .xl\:group-hover\:shadow-xl {
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .xl\:group-hover\:shadow-2xl {
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .xl\:group-hover\:shadow-inner {
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .xl\:group-hover\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .\32xl\:group-hover\:border-transparent {
      border-color: transparent;
    }

    .group:hover .\32xl\:group-hover\:border-current {
      border-color: currentColor;
    }

    .group:hover .\32xl\:group-hover\:border-black {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-white {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-gray-50 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-gray-100 {
      --tw-border-opacity: 1;
      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-gray-300 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-gray-400 {
      --tw-border-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-gray-500 {
      --tw-border-opacity: 1;
      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-gray-600 {
      --tw-border-opacity: 1;
      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-gray-700 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-gray-800 {
      --tw-border-opacity: 1;
      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-gray-900 {
      --tw-border-opacity: 1;
      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-red-50 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-red-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-red-200 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-red-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-red-400 {
      --tw-border-opacity: 1;
      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-red-500 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-red-600 {
      --tw-border-opacity: 1;
      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-red-700 {
      --tw-border-opacity: 1;
      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-red-800 {
      --tw-border-opacity: 1;
      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-red-900 {
      --tw-border-opacity: 1;
      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-yellow-50 {
      --tw-border-opacity: 1;
      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-yellow-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-yellow-200 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-yellow-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-yellow-400 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-yellow-500 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-yellow-600 {
      --tw-border-opacity: 1;
      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-yellow-700 {
      --tw-border-opacity: 1;
      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-yellow-800 {
      --tw-border-opacity: 1;
      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-yellow-900 {
      --tw-border-opacity: 1;
      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-green-50 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-green-100 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 250, 229, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-green-200 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 243, 208, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-green-300 {
      --tw-border-opacity: 1;
      border-color: rgba(110, 231, 183, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-green-400 {
      --tw-border-opacity: 1;
      border-color: rgba(52, 211, 153, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-green-500 {
      --tw-border-opacity: 1;
      border-color: rgba(16, 185, 129, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-green-600 {
      --tw-border-opacity: 1;
      border-color: rgba(5, 150, 105, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-green-700 {
      --tw-border-opacity: 1;
      border-color: rgba(4, 120, 87, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-green-800 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 95, 70, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-green-900 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 78, 59, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-blue-50 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-blue-100 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-blue-200 {
      --tw-border-opacity: 1;
      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-blue-300 {
      --tw-border-opacity: 1;
      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-blue-400 {
      --tw-border-opacity: 1;
      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-blue-500 {
      --tw-border-opacity: 1;
      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-blue-600 {
      --tw-border-opacity: 1;
      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-blue-700 {
      --tw-border-opacity: 1;
      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-blue-800 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-blue-900 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-indigo-50 {
      --tw-border-opacity: 1;
      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-indigo-100 {
      --tw-border-opacity: 1;
      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-indigo-200 {
      --tw-border-opacity: 1;
      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-indigo-300 {
      --tw-border-opacity: 1;
      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-indigo-400 {
      --tw-border-opacity: 1;
      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-indigo-500 {
      --tw-border-opacity: 1;
      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-indigo-600 {
      --tw-border-opacity: 1;
      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-indigo-700 {
      --tw-border-opacity: 1;
      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-indigo-800 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-indigo-900 {
      --tw-border-opacity: 1;
      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-purple-50 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-purple-100 {
      --tw-border-opacity: 1;
      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-purple-200 {
      --tw-border-opacity: 1;
      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-purple-300 {
      --tw-border-opacity: 1;
      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-purple-400 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-purple-500 {
      --tw-border-opacity: 1;
      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-purple-600 {
      --tw-border-opacity: 1;
      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-purple-700 {
      --tw-border-opacity: 1;
      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-purple-800 {
      --tw-border-opacity: 1;
      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-purple-900 {
      --tw-border-opacity: 1;
      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-pink-50 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-pink-100 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-pink-200 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-pink-300 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-pink-400 {
      --tw-border-opacity: 1;
      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-pink-500 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-pink-600 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-pink-700 {
      --tw-border-opacity: 1;
      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-pink-800 {
      --tw-border-opacity: 1;
      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-pink-900 {
      --tw-border-opacity: 1;
      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
    }

    .group:hover .\32xl\:group-hover\:border-opacity-0 {
      --tw-border-opacity: 0;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-5 {
      --tw-border-opacity: 0.05;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-10 {
      --tw-border-opacity: 0.1;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-20 {
      --tw-border-opacity: 0.2;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-25 {
      --tw-border-opacity: 0.25;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-30 {
      --tw-border-opacity: 0.3;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-40 {
      --tw-border-opacity: 0.4;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-50 {
      --tw-border-opacity: 0.5;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-60 {
      --tw-border-opacity: 0.6;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-70 {
      --tw-border-opacity: 0.7;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-75 {
      --tw-border-opacity: 0.75;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-80 {
      --tw-border-opacity: 0.8;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-90 {
      --tw-border-opacity: 0.9;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-95 {
      --tw-border-opacity: 0.95;
    }

    .group:hover .\32xl\:group-hover\:border-opacity-100 {
      --tw-border-opacity: 1;
    }

    .group:hover .\32xl\:group-hover\:bg-transparent {
      background-color: transparent;
    }

    .group:hover .\32xl\:group-hover\:bg-current {
      background-color: currentColor;
    }

    .group:hover .\32xl\:group-hover\:bg-black {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-white {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-gray-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-gray-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-gray-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-gray-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-gray-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-gray-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-gray-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-gray-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-gray-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-gray-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-red-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-red-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-red-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-red-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-red-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-red-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-red-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-red-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-red-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-red-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-yellow-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-green-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-green-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-green-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-green-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-green-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-green-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-green-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-green-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-green-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-green-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-blue-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-blue-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-blue-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-blue-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-blue-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-blue-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-blue-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-blue-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-blue-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-blue-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-indigo-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-purple-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-purple-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-purple-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-purple-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-purple-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-purple-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-purple-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-purple-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-purple-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-purple-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-pink-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-pink-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-pink-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-pink-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-pink-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-pink-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-pink-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-pink-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-pink-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-pink-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-0 {
      --tw-bg-opacity: 0;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-5 {
      --tw-bg-opacity: 0.05;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-10 {
      --tw-bg-opacity: 0.1;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-20 {
      --tw-bg-opacity: 0.2;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-25 {
      --tw-bg-opacity: 0.25;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-30 {
      --tw-bg-opacity: 0.3;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-40 {
      --tw-bg-opacity: 0.4;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-50 {
      --tw-bg-opacity: 0.5;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-60 {
      --tw-bg-opacity: 0.6;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-70 {
      --tw-bg-opacity: 0.7;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-75 {
      --tw-bg-opacity: 0.75;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-80 {
      --tw-bg-opacity: 0.8;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-90 {
      --tw-bg-opacity: 0.9;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-95 {
      --tw-bg-opacity: 0.95;
    }

    .group:hover .\32xl\:group-hover\:bg-opacity-100 {
      --tw-bg-opacity: 1;
    }

    .group:hover .\32xl\:group-hover\:text-transparent {
      color: transparent;
    }

    .group:hover .\32xl\:group-hover\:text-current {
      color: currentColor;
    }

    .group:hover .\32xl\:group-hover\:text-black {
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-white {
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-gray-50 {
      --tw-text-opacity: 1;
      color: rgba(249, 250, 251, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-gray-100 {
      --tw-text-opacity: 1;
      color: rgba(243, 244, 246, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-gray-200 {
      --tw-text-opacity: 1;
      color: rgba(229, 231, 235, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-gray-300 {
      --tw-text-opacity: 1;
      color: rgba(209, 213, 219, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-gray-400 {
      --tw-text-opacity: 1;
      color: rgba(156, 163, 175, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-gray-500 {
      --tw-text-opacity: 1;
      color: rgba(107, 114, 128, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-gray-600 {
      --tw-text-opacity: 1;
      color: rgba(75, 85, 99, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-gray-700 {
      --tw-text-opacity: 1;
      color: rgba(55, 65, 81, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-gray-800 {
      --tw-text-opacity: 1;
      color: rgba(31, 41, 55, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-gray-900 {
      --tw-text-opacity: 1;
      color: rgba(17, 24, 39, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-red-50 {
      --tw-text-opacity: 1;
      color: rgba(254, 242, 242, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-red-100 {
      --tw-text-opacity: 1;
      color: rgba(254, 226, 226, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-red-200 {
      --tw-text-opacity: 1;
      color: rgba(254, 202, 202, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-red-300 {
      --tw-text-opacity: 1;
      color: rgba(252, 165, 165, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-red-400 {
      --tw-text-opacity: 1;
      color: rgba(248, 113, 113, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-red-500 {
      --tw-text-opacity: 1;
      color: rgba(239, 68, 68, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-red-600 {
      --tw-text-opacity: 1;
      color: rgba(220, 38, 38, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-red-700 {
      --tw-text-opacity: 1;
      color: rgba(185, 28, 28, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-red-800 {
      --tw-text-opacity: 1;
      color: rgba(153, 27, 27, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-red-900 {
      --tw-text-opacity: 1;
      color: rgba(127, 29, 29, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-yellow-50 {
      --tw-text-opacity: 1;
      color: rgba(255, 251, 235, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-yellow-100 {
      --tw-text-opacity: 1;
      color: rgba(254, 243, 199, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-yellow-200 {
      --tw-text-opacity: 1;
      color: rgba(253, 230, 138, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-yellow-300 {
      --tw-text-opacity: 1;
      color: rgba(252, 211, 77, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-yellow-400 {
      --tw-text-opacity: 1;
      color: rgba(251, 191, 36, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-yellow-500 {
      --tw-text-opacity: 1;
      color: rgba(245, 158, 11, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-yellow-600 {
      --tw-text-opacity: 1;
      color: rgba(217, 119, 6, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-yellow-700 {
      --tw-text-opacity: 1;
      color: rgba(180, 83, 9, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-yellow-800 {
      --tw-text-opacity: 1;
      color: rgba(146, 64, 14, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-yellow-900 {
      --tw-text-opacity: 1;
      color: rgba(120, 53, 15, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-green-50 {
      --tw-text-opacity: 1;
      color: rgba(236, 253, 245, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-green-100 {
      --tw-text-opacity: 1;
      color: rgba(209, 250, 229, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-green-200 {
      --tw-text-opacity: 1;
      color: rgba(167, 243, 208, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-green-300 {
      --tw-text-opacity: 1;
      color: rgba(110, 231, 183, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-green-400 {
      --tw-text-opacity: 1;
      color: rgba(52, 211, 153, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-green-500 {
      --tw-text-opacity: 1;
      color: rgba(16, 185, 129, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-green-600 {
      --tw-text-opacity: 1;
      color: rgba(5, 150, 105, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-green-700 {
      --tw-text-opacity: 1;
      color: rgba(4, 120, 87, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-green-800 {
      --tw-text-opacity: 1;
      color: rgba(6, 95, 70, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-green-900 {
      --tw-text-opacity: 1;
      color: rgba(6, 78, 59, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-blue-50 {
      --tw-text-opacity: 1;
      color: rgba(239, 246, 255, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-blue-100 {
      --tw-text-opacity: 1;
      color: rgba(219, 234, 254, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-blue-200 {
      --tw-text-opacity: 1;
      color: rgba(191, 219, 254, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-blue-300 {
      --tw-text-opacity: 1;
      color: rgba(147, 197, 253, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-blue-400 {
      --tw-text-opacity: 1;
      color: rgba(96, 165, 250, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-blue-500 {
      --tw-text-opacity: 1;
      color: rgba(59, 130, 246, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-blue-600 {
      --tw-text-opacity: 1;
      color: rgba(37, 99, 235, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-blue-700 {
      --tw-text-opacity: 1;
      color: rgba(29, 78, 216, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-blue-800 {
      --tw-text-opacity: 1;
      color: rgba(30, 64, 175, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-blue-900 {
      --tw-text-opacity: 1;
      color: rgba(30, 58, 138, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-indigo-50 {
      --tw-text-opacity: 1;
      color: rgba(238, 242, 255, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-indigo-100 {
      --tw-text-opacity: 1;
      color: rgba(224, 231, 255, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-indigo-200 {
      --tw-text-opacity: 1;
      color: rgba(199, 210, 254, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-indigo-300 {
      --tw-text-opacity: 1;
      color: rgba(165, 180, 252, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-indigo-400 {
      --tw-text-opacity: 1;
      color: rgba(129, 140, 248, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-indigo-500 {
      --tw-text-opacity: 1;
      color: rgba(99, 102, 241, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-indigo-600 {
      --tw-text-opacity: 1;
      color: rgba(79, 70, 229, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-indigo-700 {
      --tw-text-opacity: 1;
      color: rgba(67, 56, 202, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-indigo-800 {
      --tw-text-opacity: 1;
      color: rgba(55, 48, 163, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-indigo-900 {
      --tw-text-opacity: 1;
      color: rgba(49, 46, 129, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-purple-50 {
      --tw-text-opacity: 1;
      color: rgba(245, 243, 255, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-purple-100 {
      --tw-text-opacity: 1;
      color: rgba(237, 233, 254, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-purple-200 {
      --tw-text-opacity: 1;
      color: rgba(221, 214, 254, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-purple-300 {
      --tw-text-opacity: 1;
      color: rgba(196, 181, 253, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-purple-400 {
      --tw-text-opacity: 1;
      color: rgba(167, 139, 250, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-purple-500 {
      --tw-text-opacity: 1;
      color: rgba(139, 92, 246, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-purple-600 {
      --tw-text-opacity: 1;
      color: rgba(124, 58, 237, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-purple-700 {
      --tw-text-opacity: 1;
      color: rgba(109, 40, 217, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-purple-800 {
      --tw-text-opacity: 1;
      color: rgba(91, 33, 182, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-purple-900 {
      --tw-text-opacity: 1;
      color: rgba(76, 29, 149, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-pink-50 {
      --tw-text-opacity: 1;
      color: rgba(253, 242, 248, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-pink-100 {
      --tw-text-opacity: 1;
      color: rgba(252, 231, 243, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-pink-200 {
      --tw-text-opacity: 1;
      color: rgba(251, 207, 232, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-pink-300 {
      --tw-text-opacity: 1;
      color: rgba(249, 168, 212, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-pink-400 {
      --tw-text-opacity: 1;
      color: rgba(244, 114, 182, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-pink-500 {
      --tw-text-opacity: 1;
      color: rgba(236, 72, 153, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-pink-600 {
      --tw-text-opacity: 1;
      color: rgba(219, 39, 119, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-pink-700 {
      --tw-text-opacity: 1;
      color: rgba(190, 24, 93, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-pink-800 {
      --tw-text-opacity: 1;
      color: rgba(157, 23, 77, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-pink-900 {
      --tw-text-opacity: 1;
      color: rgba(131, 24, 67, var(--tw-text-opacity));
    }

    .group:hover .\32xl\:group-hover\:text-opacity-0 {
      --tw-text-opacity: 0;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-5 {
      --tw-text-opacity: 0.05;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-10 {
      --tw-text-opacity: 0.1;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-20 {
      --tw-text-opacity: 0.2;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-25 {
      --tw-text-opacity: 0.25;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-30 {
      --tw-text-opacity: 0.3;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-40 {
      --tw-text-opacity: 0.4;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-50 {
      --tw-text-opacity: 0.5;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-60 {
      --tw-text-opacity: 0.6;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-70 {
      --tw-text-opacity: 0.7;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-75 {
      --tw-text-opacity: 0.75;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-80 {
      --tw-text-opacity: 0.8;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-90 {
      --tw-text-opacity: 0.9;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-95 {
      --tw-text-opacity: 0.95;
    }

    .group:hover .\32xl\:group-hover\:text-opacity-100 {
      --tw-text-opacity: 1;
    }

    .group:hover .\32xl\:group-hover\:underline {
      text-decoration: underline;
    }

    .group:hover .\32xl\:group-hover\:line-through {
      text-decoration: line-through;
    }

    .group:hover .\32xl\:group-hover\:no-underline {
      text-decoration: none;
    }

    .group:hover .\32xl\:group-hover\:opacity-0 {
      opacity: 0;
    }

    .group:hover .\32xl\:group-hover\:opacity-5 {
      opacity: 0.05;
    }

    .group:hover .\32xl\:group-hover\:opacity-10 {
      opacity: 0.1;
    }

    .group:hover .\32xl\:group-hover\:opacity-20 {
      opacity: 0.2;
    }

    .group:hover .\32xl\:group-hover\:opacity-25 {
      opacity: 0.25;
    }

    .group:hover .\32xl\:group-hover\:opacity-30 {
      opacity: 0.3;
    }

    .group:hover .\32xl\:group-hover\:opacity-40 {
      opacity: 0.4;
    }

    .group:hover .\32xl\:group-hover\:opacity-50 {
      opacity: 0.5;
    }

    .group:hover .\32xl\:group-hover\:opacity-60 {
      opacity: 0.6;
    }

    .group:hover .\32xl\:group-hover\:opacity-70 {
      opacity: 0.7;
    }

    .group:hover .\32xl\:group-hover\:opacity-75 {
      opacity: 0.75;
    }

    .group:hover .\32xl\:group-hover\:opacity-80 {
      opacity: 0.8;
    }

    .group:hover .\32xl\:group-hover\:opacity-90 {
      opacity: 0.9;
    }

    .group:hover .\32xl\:group-hover\:opacity-95 {
      opacity: 0.95;
    }

    .group:hover .\32xl\:group-hover\:opacity-100 {
      opacity: 1;
    }

    .group:hover .\32xl\:group-hover\:shadow-sm {
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .\32xl\:group-hover\:shadow {
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .\32xl\:group-hover\:shadow-md {
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .\32xl\:group-hover\:shadow-lg {
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .\32xl\:group-hover\:shadow-xl {
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .\32xl\:group-hover\:shadow-2xl {
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .\32xl\:group-hover\:shadow-inner {
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .group:hover .\32xl\:group-hover\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
-}
group : Attribute msg
group =
    class "group"


{-| Maps to `group-hover:border-transparent`:

    .group:hover .group-hover\:border-transparent {
      border-color: transparent;
    }
-}
groupHoverBorderTransparent : Attribute msg
groupHoverBorderTransparent =
    class "group-hover:border-transparent"


{-| Maps to `group-hover:border-current`:

    .group:hover .group-hover\:border-current {
      border-color: currentColor;
    }
-}
groupHoverBorderCurrent : Attribute msg
groupHoverBorderCurrent =
    class "group-hover:border-current"


{-| Maps to `group-hover:border-black`:

    .group:hover .group-hover\:border-black {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }
-}
groupHoverBorderBlack : Attribute msg
groupHoverBorderBlack =
    class "group-hover:border-black"


{-| Maps to `group-hover:border-white`:

    .group:hover .group-hover\:border-white {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }
-}
groupHoverBorderWhite : Attribute msg
groupHoverBorderWhite =
    class "group-hover:border-white"


{-| Maps to `group-hover:border-gray-50`:

    .group:hover .group-hover\:border-gray-50 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
    }
-}
groupHoverBorderGray50 : Attribute msg
groupHoverBorderGray50 =
    class "group-hover:border-gray-50"


{-| Maps to `group-hover:border-gray-100`:

    .group:hover .group-hover\:border-gray-100 {
      --tw-border-opacity: 1;
      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    }
-}
groupHoverBorderGray100 : Attribute msg
groupHoverBorderGray100 =
    class "group-hover:border-gray-100"


{-| Maps to `group-hover:border-gray-200`:

    .group:hover .group-hover\:border-gray-200 {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }
-}
groupHoverBorderGray200 : Attribute msg
groupHoverBorderGray200 =
    class "group-hover:border-gray-200"


{-| Maps to `group-hover:border-gray-300`:

    .group:hover .group-hover\:border-gray-300 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    }
-}
groupHoverBorderGray300 : Attribute msg
groupHoverBorderGray300 =
    class "group-hover:border-gray-300"


{-| Maps to `group-hover:border-gray-400`:

    .group:hover .group-hover\:border-gray-400 {
      --tw-border-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
    }
-}
groupHoverBorderGray400 : Attribute msg
groupHoverBorderGray400 =
    class "group-hover:border-gray-400"


{-| Maps to `group-hover:border-gray-500`:

    .group:hover .group-hover\:border-gray-500 {
      --tw-border-opacity: 1;
      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
    }
-}
groupHoverBorderGray500 : Attribute msg
groupHoverBorderGray500 =
    class "group-hover:border-gray-500"


{-| Maps to `group-hover:border-gray-600`:

    .group:hover .group-hover\:border-gray-600 {
      --tw-border-opacity: 1;
      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    }
-}
groupHoverBorderGray600 : Attribute msg
groupHoverBorderGray600 =
    class "group-hover:border-gray-600"


{-| Maps to `group-hover:border-gray-700`:

    .group:hover .group-hover\:border-gray-700 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
    }
-}
groupHoverBorderGray700 : Attribute msg
groupHoverBorderGray700 =
    class "group-hover:border-gray-700"


{-| Maps to `group-hover:border-gray-800`:

    .group:hover .group-hover\:border-gray-800 {
      --tw-border-opacity: 1;
      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
    }
-}
groupHoverBorderGray800 : Attribute msg
groupHoverBorderGray800 =
    class "group-hover:border-gray-800"


{-| Maps to `group-hover:border-gray-900`:

    .group:hover .group-hover\:border-gray-900 {
      --tw-border-opacity: 1;
      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
    }
-}
groupHoverBorderGray900 : Attribute msg
groupHoverBorderGray900 =
    class "group-hover:border-gray-900"


{-| Maps to `group-hover:border-red-50`:

    .group:hover .group-hover\:border-red-50 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
    }
-}
groupHoverBorderRed50 : Attribute msg
groupHoverBorderRed50 =
    class "group-hover:border-red-50"


{-| Maps to `group-hover:border-red-100`:

    .group:hover .group-hover\:border-red-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
    }
-}
groupHoverBorderRed100 : Attribute msg
groupHoverBorderRed100 =
    class "group-hover:border-red-100"


{-| Maps to `group-hover:border-red-200`:

    .group:hover .group-hover\:border-red-200 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
    }
-}
groupHoverBorderRed200 : Attribute msg
groupHoverBorderRed200 =
    class "group-hover:border-red-200"


{-| Maps to `group-hover:border-red-300`:

    .group:hover .group-hover\:border-red-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
    }
-}
groupHoverBorderRed300 : Attribute msg
groupHoverBorderRed300 =
    class "group-hover:border-red-300"


{-| Maps to `group-hover:border-red-400`:

    .group:hover .group-hover\:border-red-400 {
      --tw-border-opacity: 1;
      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
    }
-}
groupHoverBorderRed400 : Attribute msg
groupHoverBorderRed400 =
    class "group-hover:border-red-400"


{-| Maps to `group-hover:border-red-500`:

    .group:hover .group-hover\:border-red-500 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
    }
-}
groupHoverBorderRed500 : Attribute msg
groupHoverBorderRed500 =
    class "group-hover:border-red-500"


{-| Maps to `group-hover:border-red-600`:

    .group:hover .group-hover\:border-red-600 {
      --tw-border-opacity: 1;
      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
    }
-}
groupHoverBorderRed600 : Attribute msg
groupHoverBorderRed600 =
    class "group-hover:border-red-600"


{-| Maps to `group-hover:border-red-700`:

    .group:hover .group-hover\:border-red-700 {
      --tw-border-opacity: 1;
      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
    }
-}
groupHoverBorderRed700 : Attribute msg
groupHoverBorderRed700 =
    class "group-hover:border-red-700"


{-| Maps to `group-hover:border-red-800`:

    .group:hover .group-hover\:border-red-800 {
      --tw-border-opacity: 1;
      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
    }
-}
groupHoverBorderRed800 : Attribute msg
groupHoverBorderRed800 =
    class "group-hover:border-red-800"


{-| Maps to `group-hover:border-red-900`:

    .group:hover .group-hover\:border-red-900 {
      --tw-border-opacity: 1;
      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
    }
-}
groupHoverBorderRed900 : Attribute msg
groupHoverBorderRed900 =
    class "group-hover:border-red-900"


{-| Maps to `group-hover:border-yellow-50`:

    .group:hover .group-hover\:border-yellow-50 {
      --tw-border-opacity: 1;
      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
    }
-}
groupHoverBorderYellow50 : Attribute msg
groupHoverBorderYellow50 =
    class "group-hover:border-yellow-50"


{-| Maps to `group-hover:border-yellow-100`:

    .group:hover .group-hover\:border-yellow-100 {
      --tw-border-opacity: 1;
      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
    }
-}
groupHoverBorderYellow100 : Attribute msg
groupHoverBorderYellow100 =
    class "group-hover:border-yellow-100"


{-| Maps to `group-hover:border-yellow-200`:

    .group:hover .group-hover\:border-yellow-200 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
    }
-}
groupHoverBorderYellow200 : Attribute msg
groupHoverBorderYellow200 =
    class "group-hover:border-yellow-200"


{-| Maps to `group-hover:border-yellow-300`:

    .group:hover .group-hover\:border-yellow-300 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
    }
-}
groupHoverBorderYellow300 : Attribute msg
groupHoverBorderYellow300 =
    class "group-hover:border-yellow-300"


{-| Maps to `group-hover:border-yellow-400`:

    .group:hover .group-hover\:border-yellow-400 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
    }
-}
groupHoverBorderYellow400 : Attribute msg
groupHoverBorderYellow400 =
    class "group-hover:border-yellow-400"


{-| Maps to `group-hover:border-yellow-500`:

    .group:hover .group-hover\:border-yellow-500 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
    }
-}
groupHoverBorderYellow500 : Attribute msg
groupHoverBorderYellow500 =
    class "group-hover:border-yellow-500"


{-| Maps to `group-hover:border-yellow-600`:

    .group:hover .group-hover\:border-yellow-600 {
      --tw-border-opacity: 1;
      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
    }
-}
groupHoverBorderYellow600 : Attribute msg
groupHoverBorderYellow600 =
    class "group-hover:border-yellow-600"


{-| Maps to `group-hover:border-yellow-700`:

    .group:hover .group-hover\:border-yellow-700 {
      --tw-border-opacity: 1;
      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
    }
-}
groupHoverBorderYellow700 : Attribute msg
groupHoverBorderYellow700 =
    class "group-hover:border-yellow-700"


{-| Maps to `group-hover:border-yellow-800`:

    .group:hover .group-hover\:border-yellow-800 {
      --tw-border-opacity: 1;
      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
    }
-}
groupHoverBorderYellow800 : Attribute msg
groupHoverBorderYellow800 =
    class "group-hover:border-yellow-800"


{-| Maps to `group-hover:border-yellow-900`:

    .group:hover .group-hover\:border-yellow-900 {
      --tw-border-opacity: 1;
      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
    }
-}
groupHoverBorderYellow900 : Attribute msg
groupHoverBorderYellow900 =
    class "group-hover:border-yellow-900"


{-| Maps to `group-hover:border-green-50`:

    .group:hover .group-hover\:border-green-50 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
    }
-}
groupHoverBorderGreen50 : Attribute msg
groupHoverBorderGreen50 =
    class "group-hover:border-green-50"


{-| Maps to `group-hover:border-green-100`:

    .group:hover .group-hover\:border-green-100 {
      --tw-border-opacity: 1;
      border-color: rgba(209, 250, 229, var(--tw-border-opacity));
    }
-}
groupHoverBorderGreen100 : Attribute msg
groupHoverBorderGreen100 =
    class "group-hover:border-green-100"


{-| Maps to `group-hover:border-green-200`:

    .group:hover .group-hover\:border-green-200 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 243, 208, var(--tw-border-opacity));
    }
-}
groupHoverBorderGreen200 : Attribute msg
groupHoverBorderGreen200 =
    class "group-hover:border-green-200"


{-| Maps to `group-hover:border-green-300`:

    .group:hover .group-hover\:border-green-300 {
      --tw-border-opacity: 1;
      border-color: rgba(110, 231, 183, var(--tw-border-opacity));
    }
-}
groupHoverBorderGreen300 : Attribute msg
groupHoverBorderGreen300 =
    class "group-hover:border-green-300"


{-| Maps to `group-hover:border-green-400`:

    .group:hover .group-hover\:border-green-400 {
      --tw-border-opacity: 1;
      border-color: rgba(52, 211, 153, var(--tw-border-opacity));
    }
-}
groupHoverBorderGreen400 : Attribute msg
groupHoverBorderGreen400 =
    class "group-hover:border-green-400"


{-| Maps to `group-hover:border-green-500`:

    .group:hover .group-hover\:border-green-500 {
      --tw-border-opacity: 1;
      border-color: rgba(16, 185, 129, var(--tw-border-opacity));
    }
-}
groupHoverBorderGreen500 : Attribute msg
groupHoverBorderGreen500 =
    class "group-hover:border-green-500"


{-| Maps to `group-hover:border-green-600`:

    .group:hover .group-hover\:border-green-600 {
      --tw-border-opacity: 1;
      border-color: rgba(5, 150, 105, var(--tw-border-opacity));
    }
-}
groupHoverBorderGreen600 : Attribute msg
groupHoverBorderGreen600 =
    class "group-hover:border-green-600"


{-| Maps to `group-hover:border-green-700`:

    .group:hover .group-hover\:border-green-700 {
      --tw-border-opacity: 1;
      border-color: rgba(4, 120, 87, var(--tw-border-opacity));
    }
-}
groupHoverBorderGreen700 : Attribute msg
groupHoverBorderGreen700 =
    class "group-hover:border-green-700"


{-| Maps to `group-hover:border-green-800`:

    .group:hover .group-hover\:border-green-800 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 95, 70, var(--tw-border-opacity));
    }
-}
groupHoverBorderGreen800 : Attribute msg
groupHoverBorderGreen800 =
    class "group-hover:border-green-800"


{-| Maps to `group-hover:border-green-900`:

    .group:hover .group-hover\:border-green-900 {
      --tw-border-opacity: 1;
      border-color: rgba(6, 78, 59, var(--tw-border-opacity));
    }
-}
groupHoverBorderGreen900 : Attribute msg
groupHoverBorderGreen900 =
    class "group-hover:border-green-900"


{-| Maps to `group-hover:border-blue-50`:

    .group:hover .group-hover\:border-blue-50 {
      --tw-border-opacity: 1;
      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
    }
-}
groupHoverBorderBlue50 : Attribute msg
groupHoverBorderBlue50 =
    class "group-hover:border-blue-50"


{-| Maps to `group-hover:border-blue-100`:

    .group:hover .group-hover\:border-blue-100 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
    }
-}
groupHoverBorderBlue100 : Attribute msg
groupHoverBorderBlue100 =
    class "group-hover:border-blue-100"


{-| Maps to `group-hover:border-blue-200`:

    .group:hover .group-hover\:border-blue-200 {
      --tw-border-opacity: 1;
      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
    }
-}
groupHoverBorderBlue200 : Attribute msg
groupHoverBorderBlue200 =
    class "group-hover:border-blue-200"


{-| Maps to `group-hover:border-blue-300`:

    .group:hover .group-hover\:border-blue-300 {
      --tw-border-opacity: 1;
      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
    }
-}
groupHoverBorderBlue300 : Attribute msg
groupHoverBorderBlue300 =
    class "group-hover:border-blue-300"


{-| Maps to `group-hover:border-blue-400`:

    .group:hover .group-hover\:border-blue-400 {
      --tw-border-opacity: 1;
      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
    }
-}
groupHoverBorderBlue400 : Attribute msg
groupHoverBorderBlue400 =
    class "group-hover:border-blue-400"


{-| Maps to `group-hover:border-blue-500`:

    .group:hover .group-hover\:border-blue-500 {
      --tw-border-opacity: 1;
      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
    }
-}
groupHoverBorderBlue500 : Attribute msg
groupHoverBorderBlue500 =
    class "group-hover:border-blue-500"


{-| Maps to `group-hover:border-blue-600`:

    .group:hover .group-hover\:border-blue-600 {
      --tw-border-opacity: 1;
      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
    }
-}
groupHoverBorderBlue600 : Attribute msg
groupHoverBorderBlue600 =
    class "group-hover:border-blue-600"


{-| Maps to `group-hover:border-blue-700`:

    .group:hover .group-hover\:border-blue-700 {
      --tw-border-opacity: 1;
      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
    }
-}
groupHoverBorderBlue700 : Attribute msg
groupHoverBorderBlue700 =
    class "group-hover:border-blue-700"


{-| Maps to `group-hover:border-blue-800`:

    .group:hover .group-hover\:border-blue-800 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
    }
-}
groupHoverBorderBlue800 : Attribute msg
groupHoverBorderBlue800 =
    class "group-hover:border-blue-800"


{-| Maps to `group-hover:border-blue-900`:

    .group:hover .group-hover\:border-blue-900 {
      --tw-border-opacity: 1;
      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
    }
-}
groupHoverBorderBlue900 : Attribute msg
groupHoverBorderBlue900 =
    class "group-hover:border-blue-900"


{-| Maps to `group-hover:border-indigo-50`:

    .group:hover .group-hover\:border-indigo-50 {
      --tw-border-opacity: 1;
      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
    }
-}
groupHoverBorderIndigo50 : Attribute msg
groupHoverBorderIndigo50 =
    class "group-hover:border-indigo-50"


{-| Maps to `group-hover:border-indigo-100`:

    .group:hover .group-hover\:border-indigo-100 {
      --tw-border-opacity: 1;
      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
    }
-}
groupHoverBorderIndigo100 : Attribute msg
groupHoverBorderIndigo100 =
    class "group-hover:border-indigo-100"


{-| Maps to `group-hover:border-indigo-200`:

    .group:hover .group-hover\:border-indigo-200 {
      --tw-border-opacity: 1;
      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
    }
-}
groupHoverBorderIndigo200 : Attribute msg
groupHoverBorderIndigo200 =
    class "group-hover:border-indigo-200"


{-| Maps to `group-hover:border-indigo-300`:

    .group:hover .group-hover\:border-indigo-300 {
      --tw-border-opacity: 1;
      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
    }
-}
groupHoverBorderIndigo300 : Attribute msg
groupHoverBorderIndigo300 =
    class "group-hover:border-indigo-300"


{-| Maps to `group-hover:border-indigo-400`:

    .group:hover .group-hover\:border-indigo-400 {
      --tw-border-opacity: 1;
      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
    }
-}
groupHoverBorderIndigo400 : Attribute msg
groupHoverBorderIndigo400 =
    class "group-hover:border-indigo-400"


{-| Maps to `group-hover:border-indigo-500`:

    .group:hover .group-hover\:border-indigo-500 {
      --tw-border-opacity: 1;
      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
    }
-}
groupHoverBorderIndigo500 : Attribute msg
groupHoverBorderIndigo500 =
    class "group-hover:border-indigo-500"


{-| Maps to `group-hover:border-indigo-600`:

    .group:hover .group-hover\:border-indigo-600 {
      --tw-border-opacity: 1;
      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
    }
-}
groupHoverBorderIndigo600 : Attribute msg
groupHoverBorderIndigo600 =
    class "group-hover:border-indigo-600"


{-| Maps to `group-hover:border-indigo-700`:

    .group:hover .group-hover\:border-indigo-700 {
      --tw-border-opacity: 1;
      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
    }
-}
groupHoverBorderIndigo700 : Attribute msg
groupHoverBorderIndigo700 =
    class "group-hover:border-indigo-700"


{-| Maps to `group-hover:border-indigo-800`:

    .group:hover .group-hover\:border-indigo-800 {
      --tw-border-opacity: 1;
      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
    }
-}
groupHoverBorderIndigo800 : Attribute msg
groupHoverBorderIndigo800 =
    class "group-hover:border-indigo-800"


{-| Maps to `group-hover:border-indigo-900`:

    .group:hover .group-hover\:border-indigo-900 {
      --tw-border-opacity: 1;
      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
    }
-}
groupHoverBorderIndigo900 : Attribute msg
groupHoverBorderIndigo900 =
    class "group-hover:border-indigo-900"


{-| Maps to `group-hover:border-purple-50`:

    .group:hover .group-hover\:border-purple-50 {
      --tw-border-opacity: 1;
      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
    }
-}
groupHoverBorderPurple50 : Attribute msg
groupHoverBorderPurple50 =
    class "group-hover:border-purple-50"


{-| Maps to `group-hover:border-purple-100`:

    .group:hover .group-hover\:border-purple-100 {
      --tw-border-opacity: 1;
      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
    }
-}
groupHoverBorderPurple100 : Attribute msg
groupHoverBorderPurple100 =
    class "group-hover:border-purple-100"


{-| Maps to `group-hover:border-purple-200`:

    .group:hover .group-hover\:border-purple-200 {
      --tw-border-opacity: 1;
      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
    }
-}
groupHoverBorderPurple200 : Attribute msg
groupHoverBorderPurple200 =
    class "group-hover:border-purple-200"


{-| Maps to `group-hover:border-purple-300`:

    .group:hover .group-hover\:border-purple-300 {
      --tw-border-opacity: 1;
      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
    }
-}
groupHoverBorderPurple300 : Attribute msg
groupHoverBorderPurple300 =
    class "group-hover:border-purple-300"


{-| Maps to `group-hover:border-purple-400`:

    .group:hover .group-hover\:border-purple-400 {
      --tw-border-opacity: 1;
      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
    }
-}
groupHoverBorderPurple400 : Attribute msg
groupHoverBorderPurple400 =
    class "group-hover:border-purple-400"


{-| Maps to `group-hover:border-purple-500`:

    .group:hover .group-hover\:border-purple-500 {
      --tw-border-opacity: 1;
      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
    }
-}
groupHoverBorderPurple500 : Attribute msg
groupHoverBorderPurple500 =
    class "group-hover:border-purple-500"


{-| Maps to `group-hover:border-purple-600`:

    .group:hover .group-hover\:border-purple-600 {
      --tw-border-opacity: 1;
      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
    }
-}
groupHoverBorderPurple600 : Attribute msg
groupHoverBorderPurple600 =
    class "group-hover:border-purple-600"


{-| Maps to `group-hover:border-purple-700`:

    .group:hover .group-hover\:border-purple-700 {
      --tw-border-opacity: 1;
      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
    }
-}
groupHoverBorderPurple700 : Attribute msg
groupHoverBorderPurple700 =
    class "group-hover:border-purple-700"


{-| Maps to `group-hover:border-purple-800`:

    .group:hover .group-hover\:border-purple-800 {
      --tw-border-opacity: 1;
      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
    }
-}
groupHoverBorderPurple800 : Attribute msg
groupHoverBorderPurple800 =
    class "group-hover:border-purple-800"


{-| Maps to `group-hover:border-purple-900`:

    .group:hover .group-hover\:border-purple-900 {
      --tw-border-opacity: 1;
      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
    }
-}
groupHoverBorderPurple900 : Attribute msg
groupHoverBorderPurple900 =
    class "group-hover:border-purple-900"


{-| Maps to `group-hover:border-pink-50`:

    .group:hover .group-hover\:border-pink-50 {
      --tw-border-opacity: 1;
      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
    }
-}
groupHoverBorderPink50 : Attribute msg
groupHoverBorderPink50 =
    class "group-hover:border-pink-50"


{-| Maps to `group-hover:border-pink-100`:

    .group:hover .group-hover\:border-pink-100 {
      --tw-border-opacity: 1;
      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
    }
-}
groupHoverBorderPink100 : Attribute msg
groupHoverBorderPink100 =
    class "group-hover:border-pink-100"


{-| Maps to `group-hover:border-pink-200`:

    .group:hover .group-hover\:border-pink-200 {
      --tw-border-opacity: 1;
      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
    }
-}
groupHoverBorderPink200 : Attribute msg
groupHoverBorderPink200 =
    class "group-hover:border-pink-200"


{-| Maps to `group-hover:border-pink-300`:

    .group:hover .group-hover\:border-pink-300 {
      --tw-border-opacity: 1;
      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
    }
-}
groupHoverBorderPink300 : Attribute msg
groupHoverBorderPink300 =
    class "group-hover:border-pink-300"


{-| Maps to `group-hover:border-pink-400`:

    .group:hover .group-hover\:border-pink-400 {
      --tw-border-opacity: 1;
      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
    }
-}
groupHoverBorderPink400 : Attribute msg
groupHoverBorderPink400 =
    class "group-hover:border-pink-400"


{-| Maps to `group-hover:border-pink-500`:

    .group:hover .group-hover\:border-pink-500 {
      --tw-border-opacity: 1;
      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
    }
-}
groupHoverBorderPink500 : Attribute msg
groupHoverBorderPink500 =
    class "group-hover:border-pink-500"


{-| Maps to `group-hover:border-pink-600`:

    .group:hover .group-hover\:border-pink-600 {
      --tw-border-opacity: 1;
      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
    }
-}
groupHoverBorderPink600 : Attribute msg
groupHoverBorderPink600 =
    class "group-hover:border-pink-600"


{-| Maps to `group-hover:border-pink-700`:

    .group:hover .group-hover\:border-pink-700 {
      --tw-border-opacity: 1;
      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
    }
-}
groupHoverBorderPink700 : Attribute msg
groupHoverBorderPink700 =
    class "group-hover:border-pink-700"


{-| Maps to `group-hover:border-pink-800`:

    .group:hover .group-hover\:border-pink-800 {
      --tw-border-opacity: 1;
      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
    }
-}
groupHoverBorderPink800 : Attribute msg
groupHoverBorderPink800 =
    class "group-hover:border-pink-800"


{-| Maps to `group-hover:border-pink-900`:

    .group:hover .group-hover\:border-pink-900 {
      --tw-border-opacity: 1;
      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
    }
-}
groupHoverBorderPink900 : Attribute msg
groupHoverBorderPink900 =
    class "group-hover:border-pink-900"


{-| Maps to `focus-within:border-transparent`:

    .focus-within\:border-transparent:focus-within {
      border-color: transparent;
    }
-}
focusWithinBorderTransparent : Attribute msg
focusWithinBorderTransparent =
    class "focus-within:border-transparent"


{-| Maps to `focus-within:border-current`:

    .focus-within\:border-current:focus-within {
      border-color: currentColor;
    }
-}
focusWithinBorderCurrent : Attribute msg
focusWithinBorderCurrent =
    class "focus-within:border-current"


{-| Maps to `focus-within:border-black`:

    .focus-within\:border-black:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }
-}
focusWithinBorderBlack : Attribute msg
focusWithinBorderBlack =
    class "focus-within:border-black"


{-| Maps to `focus-within:border-white`:

    .focus-within\:border-white:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }
-}
focusWithinBorderWhite : Attribute msg
focusWithinBorderWhite =
    class "focus-within:border-white"


{-| Maps to `focus-within:border-gray-50`:

    .focus-within\:border-gray-50:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
    }
-}
focusWithinBorderGray50 : Attribute msg
focusWithinBorderGray50 =
    class "focus-within:border-gray-50"


{-| Maps to `focus-within:border-gray-100`:

    .focus-within\:border-gray-100:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    }
-}
focusWithinBorderGray100 : Attribute msg
focusWithinBorderGray100 =
    class "focus-within:border-gray-100"


{-| Maps to `focus-within:border-gray-200`:

    .focus-within\:border-gray-200:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }
-}
focusWithinBorderGray200 : Attribute msg
focusWithinBorderGray200 =
    class "focus-within:border-gray-200"


{-| Maps to `focus-within:border-gray-300`:

    .focus-within\:border-gray-300:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    }
-}
focusWithinBorderGray300 : Attribute msg
focusWithinBorderGray300 =
    class "focus-within:border-gray-300"


{-| Maps to `focus-within:border-gray-400`:

    .focus-within\:border-gray-400:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
    }
-}
focusWithinBorderGray400 : Attribute msg
focusWithinBorderGray400 =
    class "focus-within:border-gray-400"


{-| Maps to `focus-within:border-gray-500`:

    .focus-within\:border-gray-500:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
    }
-}
focusWithinBorderGray500 : Attribute msg
focusWithinBorderGray500 =
    class "focus-within:border-gray-500"


{-| Maps to `focus-within:border-gray-600`:

    .focus-within\:border-gray-600:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    }
-}
focusWithinBorderGray600 : Attribute msg
focusWithinBorderGray600 =
    class "focus-within:border-gray-600"


{-| Maps to `focus-within:border-gray-700`:

    .focus-within\:border-gray-700:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
    }
-}
focusWithinBorderGray700 : Attribute msg
focusWithinBorderGray700 =
    class "focus-within:border-gray-700"


{-| Maps to `focus-within:border-gray-800`:

    .focus-within\:border-gray-800:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
    }
-}
focusWithinBorderGray800 : Attribute msg
focusWithinBorderGray800 =
    class "focus-within:border-gray-800"


{-| Maps to `focus-within:border-gray-900`:

    .focus-within\:border-gray-900:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
    }
-}
focusWithinBorderGray900 : Attribute msg
focusWithinBorderGray900 =
    class "focus-within:border-gray-900"


{-| Maps to `focus-within:border-red-50`:

    .focus-within\:border-red-50:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
    }
-}
focusWithinBorderRed50 : Attribute msg
focusWithinBorderRed50 =
    class "focus-within:border-red-50"


{-| Maps to `focus-within:border-red-100`:

    .focus-within\:border-red-100:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
    }
-}
focusWithinBorderRed100 : Attribute msg
focusWithinBorderRed100 =
    class "focus-within:border-red-100"


{-| Maps to `focus-within:border-red-200`:

    .focus-within\:border-red-200:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
    }
-}
focusWithinBorderRed200 : Attribute msg
focusWithinBorderRed200 =
    class "focus-within:border-red-200"


{-| Maps to `focus-within:border-red-300`:

    .focus-within\:border-red-300:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
    }
-}
focusWithinBorderRed300 : Attribute msg
focusWithinBorderRed300 =
    class "focus-within:border-red-300"


{-| Maps to `focus-within:border-red-400`:

    .focus-within\:border-red-400:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
    }
-}
focusWithinBorderRed400 : Attribute msg
focusWithinBorderRed400 =
    class "focus-within:border-red-400"


{-| Maps to `focus-within:border-red-500`:

    .focus-within\:border-red-500:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
    }
-}
focusWithinBorderRed500 : Attribute msg
focusWithinBorderRed500 =
    class "focus-within:border-red-500"


{-| Maps to `focus-within:border-red-600`:

    .focus-within\:border-red-600:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
    }
-}
focusWithinBorderRed600 : Attribute msg
focusWithinBorderRed600 =
    class "focus-within:border-red-600"


{-| Maps to `focus-within:border-red-700`:

    .focus-within\:border-red-700:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
    }
-}
focusWithinBorderRed700 : Attribute msg
focusWithinBorderRed700 =
    class "focus-within:border-red-700"


{-| Maps to `focus-within:border-red-800`:

    .focus-within\:border-red-800:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
    }
-}
focusWithinBorderRed800 : Attribute msg
focusWithinBorderRed800 =
    class "focus-within:border-red-800"


{-| Maps to `focus-within:border-red-900`:

    .focus-within\:border-red-900:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
    }
-}
focusWithinBorderRed900 : Attribute msg
focusWithinBorderRed900 =
    class "focus-within:border-red-900"


{-| Maps to `focus-within:border-yellow-50`:

    .focus-within\:border-yellow-50:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
    }
-}
focusWithinBorderYellow50 : Attribute msg
focusWithinBorderYellow50 =
    class "focus-within:border-yellow-50"


{-| Maps to `focus-within:border-yellow-100`:

    .focus-within\:border-yellow-100:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
    }
-}
focusWithinBorderYellow100 : Attribute msg
focusWithinBorderYellow100 =
    class "focus-within:border-yellow-100"


{-| Maps to `focus-within:border-yellow-200`:

    .focus-within\:border-yellow-200:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
    }
-}
focusWithinBorderYellow200 : Attribute msg
focusWithinBorderYellow200 =
    class "focus-within:border-yellow-200"


{-| Maps to `focus-within:border-yellow-300`:

    .focus-within\:border-yellow-300:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
    }
-}
focusWithinBorderYellow300 : Attribute msg
focusWithinBorderYellow300 =
    class "focus-within:border-yellow-300"


{-| Maps to `focus-within:border-yellow-400`:

    .focus-within\:border-yellow-400:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
    }
-}
focusWithinBorderYellow400 : Attribute msg
focusWithinBorderYellow400 =
    class "focus-within:border-yellow-400"


{-| Maps to `focus-within:border-yellow-500`:

    .focus-within\:border-yellow-500:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
    }
-}
focusWithinBorderYellow500 : Attribute msg
focusWithinBorderYellow500 =
    class "focus-within:border-yellow-500"


{-| Maps to `focus-within:border-yellow-600`:

    .focus-within\:border-yellow-600:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
    }
-}
focusWithinBorderYellow600 : Attribute msg
focusWithinBorderYellow600 =
    class "focus-within:border-yellow-600"


{-| Maps to `focus-within:border-yellow-700`:

    .focus-within\:border-yellow-700:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
    }
-}
focusWithinBorderYellow700 : Attribute msg
focusWithinBorderYellow700 =
    class "focus-within:border-yellow-700"


{-| Maps to `focus-within:border-yellow-800`:

    .focus-within\:border-yellow-800:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
    }
-}
focusWithinBorderYellow800 : Attribute msg
focusWithinBorderYellow800 =
    class "focus-within:border-yellow-800"


{-| Maps to `focus-within:border-yellow-900`:

    .focus-within\:border-yellow-900:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
    }
-}
focusWithinBorderYellow900 : Attribute msg
focusWithinBorderYellow900 =
    class "focus-within:border-yellow-900"


{-| Maps to `focus-within:border-green-50`:

    .focus-within\:border-green-50:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
    }
-}
focusWithinBorderGreen50 : Attribute msg
focusWithinBorderGreen50 =
    class "focus-within:border-green-50"


{-| Maps to `focus-within:border-green-100`:

    .focus-within\:border-green-100:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(209, 250, 229, var(--tw-border-opacity));
    }
-}
focusWithinBorderGreen100 : Attribute msg
focusWithinBorderGreen100 =
    class "focus-within:border-green-100"


{-| Maps to `focus-within:border-green-200`:

    .focus-within\:border-green-200:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(167, 243, 208, var(--tw-border-opacity));
    }
-}
focusWithinBorderGreen200 : Attribute msg
focusWithinBorderGreen200 =
    class "focus-within:border-green-200"


{-| Maps to `focus-within:border-green-300`:

    .focus-within\:border-green-300:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(110, 231, 183, var(--tw-border-opacity));
    }
-}
focusWithinBorderGreen300 : Attribute msg
focusWithinBorderGreen300 =
    class "focus-within:border-green-300"


{-| Maps to `focus-within:border-green-400`:

    .focus-within\:border-green-400:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(52, 211, 153, var(--tw-border-opacity));
    }
-}
focusWithinBorderGreen400 : Attribute msg
focusWithinBorderGreen400 =
    class "focus-within:border-green-400"


{-| Maps to `focus-within:border-green-500`:

    .focus-within\:border-green-500:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(16, 185, 129, var(--tw-border-opacity));
    }
-}
focusWithinBorderGreen500 : Attribute msg
focusWithinBorderGreen500 =
    class "focus-within:border-green-500"


{-| Maps to `focus-within:border-green-600`:

    .focus-within\:border-green-600:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(5, 150, 105, var(--tw-border-opacity));
    }
-}
focusWithinBorderGreen600 : Attribute msg
focusWithinBorderGreen600 =
    class "focus-within:border-green-600"


{-| Maps to `focus-within:border-green-700`:

    .focus-within\:border-green-700:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(4, 120, 87, var(--tw-border-opacity));
    }
-}
focusWithinBorderGreen700 : Attribute msg
focusWithinBorderGreen700 =
    class "focus-within:border-green-700"


{-| Maps to `focus-within:border-green-800`:

    .focus-within\:border-green-800:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(6, 95, 70, var(--tw-border-opacity));
    }
-}
focusWithinBorderGreen800 : Attribute msg
focusWithinBorderGreen800 =
    class "focus-within:border-green-800"


{-| Maps to `focus-within:border-green-900`:

    .focus-within\:border-green-900:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(6, 78, 59, var(--tw-border-opacity));
    }
-}
focusWithinBorderGreen900 : Attribute msg
focusWithinBorderGreen900 =
    class "focus-within:border-green-900"


{-| Maps to `focus-within:border-blue-50`:

    .focus-within\:border-blue-50:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
    }
-}
focusWithinBorderBlue50 : Attribute msg
focusWithinBorderBlue50 =
    class "focus-within:border-blue-50"


{-| Maps to `focus-within:border-blue-100`:

    .focus-within\:border-blue-100:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
    }
-}
focusWithinBorderBlue100 : Attribute msg
focusWithinBorderBlue100 =
    class "focus-within:border-blue-100"


{-| Maps to `focus-within:border-blue-200`:

    .focus-within\:border-blue-200:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
    }
-}
focusWithinBorderBlue200 : Attribute msg
focusWithinBorderBlue200 =
    class "focus-within:border-blue-200"


{-| Maps to `focus-within:border-blue-300`:

    .focus-within\:border-blue-300:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
    }
-}
focusWithinBorderBlue300 : Attribute msg
focusWithinBorderBlue300 =
    class "focus-within:border-blue-300"


{-| Maps to `focus-within:border-blue-400`:

    .focus-within\:border-blue-400:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
    }
-}
focusWithinBorderBlue400 : Attribute msg
focusWithinBorderBlue400 =
    class "focus-within:border-blue-400"


{-| Maps to `focus-within:border-blue-500`:

    .focus-within\:border-blue-500:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
    }
-}
focusWithinBorderBlue500 : Attribute msg
focusWithinBorderBlue500 =
    class "focus-within:border-blue-500"


{-| Maps to `focus-within:border-blue-600`:

    .focus-within\:border-blue-600:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
    }
-}
focusWithinBorderBlue600 : Attribute msg
focusWithinBorderBlue600 =
    class "focus-within:border-blue-600"


{-| Maps to `focus-within:border-blue-700`:

    .focus-within\:border-blue-700:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
    }
-}
focusWithinBorderBlue700 : Attribute msg
focusWithinBorderBlue700 =
    class "focus-within:border-blue-700"


{-| Maps to `focus-within:border-blue-800`:

    .focus-within\:border-blue-800:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
    }
-}
focusWithinBorderBlue800 : Attribute msg
focusWithinBorderBlue800 =
    class "focus-within:border-blue-800"


{-| Maps to `focus-within:border-blue-900`:

    .focus-within\:border-blue-900:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
    }
-}
focusWithinBorderBlue900 : Attribute msg
focusWithinBorderBlue900 =
    class "focus-within:border-blue-900"


{-| Maps to `focus-within:border-indigo-50`:

    .focus-within\:border-indigo-50:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
    }
-}
focusWithinBorderIndigo50 : Attribute msg
focusWithinBorderIndigo50 =
    class "focus-within:border-indigo-50"


{-| Maps to `focus-within:border-indigo-100`:

    .focus-within\:border-indigo-100:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
    }
-}
focusWithinBorderIndigo100 : Attribute msg
focusWithinBorderIndigo100 =
    class "focus-within:border-indigo-100"


{-| Maps to `focus-within:border-indigo-200`:

    .focus-within\:border-indigo-200:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
    }
-}
focusWithinBorderIndigo200 : Attribute msg
focusWithinBorderIndigo200 =
    class "focus-within:border-indigo-200"


{-| Maps to `focus-within:border-indigo-300`:

    .focus-within\:border-indigo-300:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
    }
-}
focusWithinBorderIndigo300 : Attribute msg
focusWithinBorderIndigo300 =
    class "focus-within:border-indigo-300"


{-| Maps to `focus-within:border-indigo-400`:

    .focus-within\:border-indigo-400:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
    }
-}
focusWithinBorderIndigo400 : Attribute msg
focusWithinBorderIndigo400 =
    class "focus-within:border-indigo-400"


{-| Maps to `focus-within:border-indigo-500`:

    .focus-within\:border-indigo-500:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
    }
-}
focusWithinBorderIndigo500 : Attribute msg
focusWithinBorderIndigo500 =
    class "focus-within:border-indigo-500"


{-| Maps to `focus-within:border-indigo-600`:

    .focus-within\:border-indigo-600:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
    }
-}
focusWithinBorderIndigo600 : Attribute msg
focusWithinBorderIndigo600 =
    class "focus-within:border-indigo-600"


{-| Maps to `focus-within:border-indigo-700`:

    .focus-within\:border-indigo-700:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
    }
-}
focusWithinBorderIndigo700 : Attribute msg
focusWithinBorderIndigo700 =
    class "focus-within:border-indigo-700"


{-| Maps to `focus-within:border-indigo-800`:

    .focus-within\:border-indigo-800:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
    }
-}
focusWithinBorderIndigo800 : Attribute msg
focusWithinBorderIndigo800 =
    class "focus-within:border-indigo-800"


{-| Maps to `focus-within:border-indigo-900`:

    .focus-within\:border-indigo-900:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
    }
-}
focusWithinBorderIndigo900 : Attribute msg
focusWithinBorderIndigo900 =
    class "focus-within:border-indigo-900"


{-| Maps to `focus-within:border-purple-50`:

    .focus-within\:border-purple-50:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
    }
-}
focusWithinBorderPurple50 : Attribute msg
focusWithinBorderPurple50 =
    class "focus-within:border-purple-50"


{-| Maps to `focus-within:border-purple-100`:

    .focus-within\:border-purple-100:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
    }
-}
focusWithinBorderPurple100 : Attribute msg
focusWithinBorderPurple100 =
    class "focus-within:border-purple-100"


{-| Maps to `focus-within:border-purple-200`:

    .focus-within\:border-purple-200:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
    }
-}
focusWithinBorderPurple200 : Attribute msg
focusWithinBorderPurple200 =
    class "focus-within:border-purple-200"


{-| Maps to `focus-within:border-purple-300`:

    .focus-within\:border-purple-300:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
    }
-}
focusWithinBorderPurple300 : Attribute msg
focusWithinBorderPurple300 =
    class "focus-within:border-purple-300"


{-| Maps to `focus-within:border-purple-400`:

    .focus-within\:border-purple-400:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
    }
-}
focusWithinBorderPurple400 : Attribute msg
focusWithinBorderPurple400 =
    class "focus-within:border-purple-400"


{-| Maps to `focus-within:border-purple-500`:

    .focus-within\:border-purple-500:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
    }
-}
focusWithinBorderPurple500 : Attribute msg
focusWithinBorderPurple500 =
    class "focus-within:border-purple-500"


{-| Maps to `focus-within:border-purple-600`:

    .focus-within\:border-purple-600:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
    }
-}
focusWithinBorderPurple600 : Attribute msg
focusWithinBorderPurple600 =
    class "focus-within:border-purple-600"


{-| Maps to `focus-within:border-purple-700`:

    .focus-within\:border-purple-700:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
    }
-}
focusWithinBorderPurple700 : Attribute msg
focusWithinBorderPurple700 =
    class "focus-within:border-purple-700"


{-| Maps to `focus-within:border-purple-800`:

    .focus-within\:border-purple-800:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
    }
-}
focusWithinBorderPurple800 : Attribute msg
focusWithinBorderPurple800 =
    class "focus-within:border-purple-800"


{-| Maps to `focus-within:border-purple-900`:

    .focus-within\:border-purple-900:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
    }
-}
focusWithinBorderPurple900 : Attribute msg
focusWithinBorderPurple900 =
    class "focus-within:border-purple-900"


{-| Maps to `focus-within:border-pink-50`:

    .focus-within\:border-pink-50:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
    }
-}
focusWithinBorderPink50 : Attribute msg
focusWithinBorderPink50 =
    class "focus-within:border-pink-50"


{-| Maps to `focus-within:border-pink-100`:

    .focus-within\:border-pink-100:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
    }
-}
focusWithinBorderPink100 : Attribute msg
focusWithinBorderPink100 =
    class "focus-within:border-pink-100"


{-| Maps to `focus-within:border-pink-200`:

    .focus-within\:border-pink-200:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
    }
-}
focusWithinBorderPink200 : Attribute msg
focusWithinBorderPink200 =
    class "focus-within:border-pink-200"


{-| Maps to `focus-within:border-pink-300`:

    .focus-within\:border-pink-300:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
    }
-}
focusWithinBorderPink300 : Attribute msg
focusWithinBorderPink300 =
    class "focus-within:border-pink-300"


{-| Maps to `focus-within:border-pink-400`:

    .focus-within\:border-pink-400:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
    }
-}
focusWithinBorderPink400 : Attribute msg
focusWithinBorderPink400 =
    class "focus-within:border-pink-400"


{-| Maps to `focus-within:border-pink-500`:

    .focus-within\:border-pink-500:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
    }
-}
focusWithinBorderPink500 : Attribute msg
focusWithinBorderPink500 =
    class "focus-within:border-pink-500"


{-| Maps to `focus-within:border-pink-600`:

    .focus-within\:border-pink-600:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
    }
-}
focusWithinBorderPink600 : Attribute msg
focusWithinBorderPink600 =
    class "focus-within:border-pink-600"


{-| Maps to `focus-within:border-pink-700`:

    .focus-within\:border-pink-700:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
    }
-}
focusWithinBorderPink700 : Attribute msg
focusWithinBorderPink700 =
    class "focus-within:border-pink-700"


{-| Maps to `focus-within:border-pink-800`:

    .focus-within\:border-pink-800:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
    }
-}
focusWithinBorderPink800 : Attribute msg
focusWithinBorderPink800 =
    class "focus-within:border-pink-800"


{-| Maps to `focus-within:border-pink-900`:

    .focus-within\:border-pink-900:focus-within {
      --tw-border-opacity: 1;
      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
    }
-}
focusWithinBorderPink900 : Attribute msg
focusWithinBorderPink900 =
    class "focus-within:border-pink-900"


{-| Maps to `hover:border-transparent`:

    .hover\:border-transparent:hover {
      border-color: transparent;
    }
-}
hoverBorderTransparent : Attribute msg
hoverBorderTransparent =
    class "hover:border-transparent"


{-| Maps to `hover:border-current`:

    .hover\:border-current:hover {
      border-color: currentColor;
    }
-}
hoverBorderCurrent : Attribute msg
hoverBorderCurrent =
    class "hover:border-current"


{-| Maps to `hover:border-black`:

    .hover\:border-black:hover {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }
-}
hoverBorderBlack : Attribute msg
hoverBorderBlack =
    class "hover:border-black"


{-| Maps to `hover:border-white`:

    .hover\:border-white:hover {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }
-}
hoverBorderWhite : Attribute msg
hoverBorderWhite =
    class "hover:border-white"


{-| Maps to `hover:border-gray-50`:

    .hover\:border-gray-50:hover {
      --tw-border-opacity: 1;
      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
    }
-}
hoverBorderGray50 : Attribute msg
hoverBorderGray50 =
    class "hover:border-gray-50"


{-| Maps to `hover:border-gray-100`:

    .hover\:border-gray-100:hover {
      --tw-border-opacity: 1;
      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    }
-}
hoverBorderGray100 : Attribute msg
hoverBorderGray100 =
    class "hover:border-gray-100"


{-| Maps to `hover:border-gray-200`:

    .hover\:border-gray-200:hover {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }
-}
hoverBorderGray200 : Attribute msg
hoverBorderGray200 =
    class "hover:border-gray-200"


{-| Maps to `hover:border-gray-300`:

    .hover\:border-gray-300:hover {
      --tw-border-opacity: 1;
      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    }
-}
hoverBorderGray300 : Attribute msg
hoverBorderGray300 =
    class "hover:border-gray-300"


{-| Maps to `hover:border-gray-400`:

    .hover\:border-gray-400:hover {
      --tw-border-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
    }
-}
hoverBorderGray400 : Attribute msg
hoverBorderGray400 =
    class "hover:border-gray-400"


{-| Maps to `hover:border-gray-500`:

    .hover\:border-gray-500:hover {
      --tw-border-opacity: 1;
      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
    }
-}
hoverBorderGray500 : Attribute msg
hoverBorderGray500 =
    class "hover:border-gray-500"


{-| Maps to `hover:border-gray-600`:

    .hover\:border-gray-600:hover {
      --tw-border-opacity: 1;
      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    }
-}
hoverBorderGray600 : Attribute msg
hoverBorderGray600 =
    class "hover:border-gray-600"


{-| Maps to `hover:border-gray-700`:

    .hover\:border-gray-700:hover {
      --tw-border-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
    }
-}
hoverBorderGray700 : Attribute msg
hoverBorderGray700 =
    class "hover:border-gray-700"


{-| Maps to `hover:border-gray-800`:

    .hover\:border-gray-800:hover {
      --tw-border-opacity: 1;
      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
    }
-}
hoverBorderGray800 : Attribute msg
hoverBorderGray800 =
    class "hover:border-gray-800"


{-| Maps to `hover:border-gray-900`:

    .hover\:border-gray-900:hover {
      --tw-border-opacity: 1;
      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
    }
-}
hoverBorderGray900 : Attribute msg
hoverBorderGray900 =
    class "hover:border-gray-900"


{-| Maps to `hover:border-red-50`:

    .hover\:border-red-50:hover {
      --tw-border-opacity: 1;
      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
    }
-}
hoverBorderRed50 : Attribute msg
hoverBorderRed50 =
    class "hover:border-red-50"


{-| Maps to `hover:border-red-100`:

    .hover\:border-red-100:hover {
      --tw-border-opacity: 1;
      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
    }
-}
hoverBorderRed100 : Attribute msg
hoverBorderRed100 =
    class "hover:border-red-100"


{-| Maps to `hover:border-red-200`:

    .hover\:border-red-200:hover {
      --tw-border-opacity: 1;
      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
    }
-}
hoverBorderRed200 : Attribute msg
hoverBorderRed200 =
    class "hover:border-red-200"


{-| Maps to `hover:border-red-300`:

    .hover\:border-red-300:hover {
      --tw-border-opacity: 1;
      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
    }
-}
hoverBorderRed300 : Attribute msg
hoverBorderRed300 =
    class "hover:border-red-300"


{-| Maps to `hover:border-red-400`:

    .hover\:border-red-400:hover {
      --tw-border-opacity: 1;
      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
    }
-}
hoverBorderRed400 : Attribute msg
hoverBorderRed400 =
    class "hover:border-red-400"


{-| Maps to `hover:border-red-500`:

    .hover\:border-red-500:hover {
      --tw-border-opacity: 1;
      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
    }
-}
hoverBorderRed500 : Attribute msg
hoverBorderRed500 =
    class "hover:border-red-500"


{-| Maps to `hover:border-red-600`:

    .hover\:border-red-600:hover {
      --tw-border-opacity: 1;
      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
    }
-}
hoverBorderRed600 : Attribute msg
hoverBorderRed600 =
    class "hover:border-red-600"


{-| Maps to `hover:border-red-700`:

    .hover\:border-red-700:hover {
      --tw-border-opacity: 1;
      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
    }
-}
hoverBorderRed700 : Attribute msg
hoverBorderRed700 =
    class "hover:border-red-700"


{-| Maps to `hover:border-red-800`:

    .hover\:border-red-800:hover {
      --tw-border-opacity: 1;
      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
    }
-}
hoverBorderRed800 : Attribute msg
hoverBorderRed800 =
    class "hover:border-red-800"


{-| Maps to `hover:border-red-900`:

    .hover\:border-red-900:hover {
      --tw-border-opacity: 1;
      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
    }
-}
hoverBorderRed900 : Attribute msg
hoverBorderRed900 =
    class "hover:border-red-900"


{-| Maps to `hover:border-yellow-50`:

    .hover\:border-yellow-50:hover {
      --tw-border-opacity: 1;
      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
    }
-}
hoverBorderYellow50 : Attribute msg
hoverBorderYellow50 =
    class "hover:border-yellow-50"


{-| Maps to `hover:border-yellow-100`:

    .hover\:border-yellow-100:hover {
      --tw-border-opacity: 1;
      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
    }
-}
hoverBorderYellow100 : Attribute msg
hoverBorderYellow100 =
    class "hover:border-yellow-100"


{-| Maps to `hover:border-yellow-200`:

    .hover\:border-yellow-200:hover {
      --tw-border-opacity: 1;
      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
    }
-}
hoverBorderYellow200 : Attribute msg
hoverBorderYellow200 =
    class "hover:border-yellow-200"


{-| Maps to `hover:border-yellow-300`:

    .hover\:border-yellow-300:hover {
      --tw-border-opacity: 1;
      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
    }
-}
hoverBorderYellow300 : Attribute msg
hoverBorderYellow300 =
    class "hover:border-yellow-300"


{-| Maps to `hover:border-yellow-400`:

    .hover\:border-yellow-400:hover {
      --tw-border-opacity: 1;
      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
    }
-}
hoverBorderYellow400 : Attribute msg
hoverBorderYellow400 =
    class "hover:border-yellow-400"


{-| Maps to `hover:border-yellow-500`:

    .hover\:border-yellow-500:hover {
      --tw-border-opacity: 1;
      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
    }
-}
hoverBorderYellow500 : Attribute msg
hoverBorderYellow500 =
    class "hover:border-yellow-500"


{-| Maps to `hover:border-yellow-600`:

    .hover\:border-yellow-600:hover {
      --tw-border-opacity: 1;
      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
    }
-}
hoverBorderYellow600 : Attribute msg
hoverBorderYellow600 =
    class "hover:border-yellow-600"


{-| Maps to `hover:border-yellow-700`:

    .hover\:border-yellow-700:hover {
      --tw-border-opacity: 1;
      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
    }
-}
hoverBorderYellow700 : Attribute msg
hoverBorderYellow700 =
    class "hover:border-yellow-700"


{-| Maps to `hover:border-yellow-800`:

    .hover\:border-yellow-800:hover {
      --tw-border-opacity: 1;
      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
    }
-}
hoverBorderYellow800 : Attribute msg
hoverBorderYellow800 =
    class "hover:border-yellow-800"


{-| Maps to `hover:border-yellow-900`:

    .hover\:border-yellow-900:hover {
      --tw-border-opacity: 1;
      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
    }
-}
hoverBorderYellow900 : Attribute msg
hoverBorderYellow900 =
    class "hover:border-yellow-900"


{-| Maps to `hover:border-green-50`:

    .hover\:border-green-50:hover {
      --tw-border-opacity: 1;
      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
    }
-}
hoverBorderGreen50 : Attribute msg
hoverBorderGreen50 =
    class "hover:border-green-50"


{-| Maps to `hover:border-green-100`:

    .hover\:border-green-100:hover {
      --tw-border-opacity: 1;
      border-color: rgba(209, 250, 229, var(--tw-border-opacity));
    }
-}
hoverBorderGreen100 : Attribute msg
hoverBorderGreen100 =
    class "hover:border-green-100"


{-| Maps to `hover:border-green-200`:

    .hover\:border-green-200:hover {
      --tw-border-opacity: 1;
      border-color: rgba(167, 243, 208, var(--tw-border-opacity));
    }
-}
hoverBorderGreen200 : Attribute msg
hoverBorderGreen200 =
    class "hover:border-green-200"


{-| Maps to `hover:border-green-300`:

    .hover\:border-green-300:hover {
      --tw-border-opacity: 1;
      border-color: rgba(110, 231, 183, var(--tw-border-opacity));
    }
-}
hoverBorderGreen300 : Attribute msg
hoverBorderGreen300 =
    class "hover:border-green-300"


{-| Maps to `hover:border-green-400`:

    .hover\:border-green-400:hover {
      --tw-border-opacity: 1;
      border-color: rgba(52, 211, 153, var(--tw-border-opacity));
    }
-}
hoverBorderGreen400 : Attribute msg
hoverBorderGreen400 =
    class "hover:border-green-400"


{-| Maps to `hover:border-green-500`:

    .hover\:border-green-500:hover {
      --tw-border-opacity: 1;
      border-color: rgba(16, 185, 129, var(--tw-border-opacity));
    }
-}
hoverBorderGreen500 : Attribute msg
hoverBorderGreen500 =
    class "hover:border-green-500"


{-| Maps to `hover:border-green-600`:

    .hover\:border-green-600:hover {
      --tw-border-opacity: 1;
      border-color: rgba(5, 150, 105, var(--tw-border-opacity));
    }
-}
hoverBorderGreen600 : Attribute msg
hoverBorderGreen600 =
    class "hover:border-green-600"


{-| Maps to `hover:border-green-700`:

    .hover\:border-green-700:hover {
      --tw-border-opacity: 1;
      border-color: rgba(4, 120, 87, var(--tw-border-opacity));
    }
-}
hoverBorderGreen700 : Attribute msg
hoverBorderGreen700 =
    class "hover:border-green-700"


{-| Maps to `hover:border-green-800`:

    .hover\:border-green-800:hover {
      --tw-border-opacity: 1;
      border-color: rgba(6, 95, 70, var(--tw-border-opacity));
    }
-}
hoverBorderGreen800 : Attribute msg
hoverBorderGreen800 =
    class "hover:border-green-800"


{-| Maps to `hover:border-green-900`:

    .hover\:border-green-900:hover {
      --tw-border-opacity: 1;
      border-color: rgba(6, 78, 59, var(--tw-border-opacity));
    }
-}
hoverBorderGreen900 : Attribute msg
hoverBorderGreen900 =
    class "hover:border-green-900"


{-| Maps to `hover:border-blue-50`:

    .hover\:border-blue-50:hover {
      --tw-border-opacity: 1;
      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
    }
-}
hoverBorderBlue50 : Attribute msg
hoverBorderBlue50 =
    class "hover:border-blue-50"


{-| Maps to `hover:border-blue-100`:

    .hover\:border-blue-100:hover {
      --tw-border-opacity: 1;
      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
    }
-}
hoverBorderBlue100 : Attribute msg
hoverBorderBlue100 =
    class "hover:border-blue-100"


{-| Maps to `hover:border-blue-200`:

    .hover\:border-blue-200:hover {
      --tw-border-opacity: 1;
      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
    }
-}
hoverBorderBlue200 : Attribute msg
hoverBorderBlue200 =
    class "hover:border-blue-200"


{-| Maps to `hover:border-blue-300`:

    .hover\:border-blue-300:hover {
      --tw-border-opacity: 1;
      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
    }
-}
hoverBorderBlue300 : Attribute msg
hoverBorderBlue300 =
    class "hover:border-blue-300"


{-| Maps to `hover:border-blue-400`:

    .hover\:border-blue-400:hover {
      --tw-border-opacity: 1;
      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
    }
-}
hoverBorderBlue400 : Attribute msg
hoverBorderBlue400 =
    class "hover:border-blue-400"


{-| Maps to `hover:border-blue-500`:

    .hover\:border-blue-500:hover {
      --tw-border-opacity: 1;
      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
    }
-}
hoverBorderBlue500 : Attribute msg
hoverBorderBlue500 =
    class "hover:border-blue-500"


{-| Maps to `hover:border-blue-600`:

    .hover\:border-blue-600:hover {
      --tw-border-opacity: 1;
      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
    }
-}
hoverBorderBlue600 : Attribute msg
hoverBorderBlue600 =
    class "hover:border-blue-600"


{-| Maps to `hover:border-blue-700`:

    .hover\:border-blue-700:hover {
      --tw-border-opacity: 1;
      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
    }
-}
hoverBorderBlue700 : Attribute msg
hoverBorderBlue700 =
    class "hover:border-blue-700"


{-| Maps to `hover:border-blue-800`:

    .hover\:border-blue-800:hover {
      --tw-border-opacity: 1;
      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
    }
-}
hoverBorderBlue800 : Attribute msg
hoverBorderBlue800 =
    class "hover:border-blue-800"


{-| Maps to `hover:border-blue-900`:

    .hover\:border-blue-900:hover {
      --tw-border-opacity: 1;
      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
    }
-}
hoverBorderBlue900 : Attribute msg
hoverBorderBlue900 =
    class "hover:border-blue-900"


{-| Maps to `hover:border-indigo-50`:

    .hover\:border-indigo-50:hover {
      --tw-border-opacity: 1;
      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
    }
-}
hoverBorderIndigo50 : Attribute msg
hoverBorderIndigo50 =
    class "hover:border-indigo-50"


{-| Maps to `hover:border-indigo-100`:

    .hover\:border-indigo-100:hover {
      --tw-border-opacity: 1;
      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
    }
-}
hoverBorderIndigo100 : Attribute msg
hoverBorderIndigo100 =
    class "hover:border-indigo-100"


{-| Maps to `hover:border-indigo-200`:

    .hover\:border-indigo-200:hover {
      --tw-border-opacity: 1;
      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
    }
-}
hoverBorderIndigo200 : Attribute msg
hoverBorderIndigo200 =
    class "hover:border-indigo-200"


{-| Maps to `hover:border-indigo-300`:

    .hover\:border-indigo-300:hover {
      --tw-border-opacity: 1;
      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
    }
-}
hoverBorderIndigo300 : Attribute msg
hoverBorderIndigo300 =
    class "hover:border-indigo-300"


{-| Maps to `hover:border-indigo-400`:

    .hover\:border-indigo-400:hover {
      --tw-border-opacity: 1;
      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
    }
-}
hoverBorderIndigo400 : Attribute msg
hoverBorderIndigo400 =
    class "hover:border-indigo-400"


{-| Maps to `hover:border-indigo-500`:

    .hover\:border-indigo-500:hover {
      --tw-border-opacity: 1;
      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
    }
-}
hoverBorderIndigo500 : Attribute msg
hoverBorderIndigo500 =
    class "hover:border-indigo-500"


{-| Maps to `hover:border-indigo-600`:

    .hover\:border-indigo-600:hover {
      --tw-border-opacity: 1;
      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
    }
-}
hoverBorderIndigo600 : Attribute msg
hoverBorderIndigo600 =
    class "hover:border-indigo-600"


{-| Maps to `hover:border-indigo-700`:

    .hover\:border-indigo-700:hover {
      --tw-border-opacity: 1;
      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
    }
-}
hoverBorderIndigo700 : Attribute msg
hoverBorderIndigo700 =
    class "hover:border-indigo-700"


{-| Maps to `hover:border-indigo-800`:

    .hover\:border-indigo-800:hover {
      --tw-border-opacity: 1;
      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
    }
-}
hoverBorderIndigo800 : Attribute msg
hoverBorderIndigo800 =
    class "hover:border-indigo-800"


{-| Maps to `hover:border-indigo-900`:

    .hover\:border-indigo-900:hover {
      --tw-border-opacity: 1;
      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
    }
-}
hoverBorderIndigo900 : Attribute msg
hoverBorderIndigo900 =
    class "hover:border-indigo-900"


{-| Maps to `hover:border-purple-50`:

    .hover\:border-purple-50:hover {
      --tw-border-opacity: 1;
      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
    }
-}
hoverBorderPurple50 : Attribute msg
hoverBorderPurple50 =
    class "hover:border-purple-50"


{-| Maps to `hover:border-purple-100`:

    .hover\:border-purple-100:hover {
      --tw-border-opacity: 1;
      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
    }
-}
hoverBorderPurple100 : Attribute msg
hoverBorderPurple100 =
    class "hover:border-purple-100"


{-| Maps to `hover:border-purple-200`:

    .hover\:border-purple-200:hover {
      --tw-border-opacity: 1;
      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
    }
-}
hoverBorderPurple200 : Attribute msg
hoverBorderPurple200 =
    class "hover:border-purple-200"


{-| Maps to `hover:border-purple-300`:

    .hover\:border-purple-300:hover {
      --tw-border-opacity: 1;
      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
    }
-}
hoverBorderPurple300 : Attribute msg
hoverBorderPurple300 =
    class "hover:border-purple-300"


{-| Maps to `hover:border-purple-400`:

    .hover\:border-purple-400:hover {
      --tw-border-opacity: 1;
      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
    }
-}
hoverBorderPurple400 : Attribute msg
hoverBorderPurple400 =
    class "hover:border-purple-400"


{-| Maps to `hover:border-purple-500`:

    .hover\:border-purple-500:hover {
      --tw-border-opacity: 1;
      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
    }
-}
hoverBorderPurple500 : Attribute msg
hoverBorderPurple500 =
    class "hover:border-purple-500"


{-| Maps to `hover:border-purple-600`:

    .hover\:border-purple-600:hover {
      --tw-border-opacity: 1;
      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
    }
-}
hoverBorderPurple600 : Attribute msg
hoverBorderPurple600 =
    class "hover:border-purple-600"


{-| Maps to `hover:border-purple-700`:

    .hover\:border-purple-700:hover {
      --tw-border-opacity: 1;
      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
    }
-}
hoverBorderPurple700 : Attribute msg
hoverBorderPurple700 =
    class "hover:border-purple-700"


{-| Maps to `hover:border-purple-800`:

    .hover\:border-purple-800:hover {
      --tw-border-opacity: 1;
      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
    }
-}
hoverBorderPurple800 : Attribute msg
hoverBorderPurple800 =
    class "hover:border-purple-800"


{-| Maps to `hover:border-purple-900`:

    .hover\:border-purple-900:hover {
      --tw-border-opacity: 1;
      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
    }
-}
hoverBorderPurple900 : Attribute msg
hoverBorderPurple900 =
    class "hover:border-purple-900"


{-| Maps to `hover:border-pink-50`:

    .hover\:border-pink-50:hover {
      --tw-border-opacity: 1;
      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
    }
-}
hoverBorderPink50 : Attribute msg
hoverBorderPink50 =
    class "hover:border-pink-50"


{-| Maps to `hover:border-pink-100`:

    .hover\:border-pink-100:hover {
      --tw-border-opacity: 1;
      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
    }
-}
hoverBorderPink100 : Attribute msg
hoverBorderPink100 =
    class "hover:border-pink-100"


{-| Maps to `hover:border-pink-200`:

    .hover\:border-pink-200:hover {
      --tw-border-opacity: 1;
      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
    }
-}
hoverBorderPink200 : Attribute msg
hoverBorderPink200 =
    class "hover:border-pink-200"


{-| Maps to `hover:border-pink-300`:

    .hover\:border-pink-300:hover {
      --tw-border-opacity: 1;
      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
    }
-}
hoverBorderPink300 : Attribute msg
hoverBorderPink300 =
    class "hover:border-pink-300"


{-| Maps to `hover:border-pink-400`:

    .hover\:border-pink-400:hover {
      --tw-border-opacity: 1;
      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
    }
-}
hoverBorderPink400 : Attribute msg
hoverBorderPink400 =
    class "hover:border-pink-400"


{-| Maps to `hover:border-pink-500`:

    .hover\:border-pink-500:hover {
      --tw-border-opacity: 1;
      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
    }
-}
hoverBorderPink500 : Attribute msg
hoverBorderPink500 =
    class "hover:border-pink-500"


{-| Maps to `hover:border-pink-600`:

    .hover\:border-pink-600:hover {
      --tw-border-opacity: 1;
      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
    }
-}
hoverBorderPink600 : Attribute msg
hoverBorderPink600 =
    class "hover:border-pink-600"


{-| Maps to `hover:border-pink-700`:

    .hover\:border-pink-700:hover {
      --tw-border-opacity: 1;
      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
    }
-}
hoverBorderPink700 : Attribute msg
hoverBorderPink700 =
    class "hover:border-pink-700"


{-| Maps to `hover:border-pink-800`:

    .hover\:border-pink-800:hover {
      --tw-border-opacity: 1;
      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
    }
-}
hoverBorderPink800 : Attribute msg
hoverBorderPink800 =
    class "hover:border-pink-800"


{-| Maps to `hover:border-pink-900`:

    .hover\:border-pink-900:hover {
      --tw-border-opacity: 1;
      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
    }
-}
hoverBorderPink900 : Attribute msg
hoverBorderPink900 =
    class "hover:border-pink-900"


{-| Maps to `focus:border-transparent`:

    .focus\:border-transparent:focus {
      border-color: transparent;
    }
-}
focusBorderTransparent : Attribute msg
focusBorderTransparent =
    class "focus:border-transparent"


{-| Maps to `focus:border-current`:

    .focus\:border-current:focus {
      border-color: currentColor;
    }
-}
focusBorderCurrent : Attribute msg
focusBorderCurrent =
    class "focus:border-current"


{-| Maps to `focus:border-black`:

    .focus\:border-black:focus {
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }
-}
focusBorderBlack : Attribute msg
focusBorderBlack =
    class "focus:border-black"


{-| Maps to `focus:border-white`:

    .focus\:border-white:focus {
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }
-}
focusBorderWhite : Attribute msg
focusBorderWhite =
    class "focus:border-white"


{-| Maps to `focus:border-gray-50`:

    .focus\:border-gray-50:focus {
      --tw-border-opacity: 1;
      border-color: rgba(249, 250, 251, var(--tw-border-opacity));
    }
-}
focusBorderGray50 : Attribute msg
focusBorderGray50 =
    class "focus:border-gray-50"


{-| Maps to `focus:border-gray-100`:

    .focus\:border-gray-100:focus {
      --tw-border-opacity: 1;
      border-color: rgba(243, 244, 246, var(--tw-border-opacity));
    }
-}
focusBorderGray100 : Attribute msg
focusBorderGray100 =
    class "focus:border-gray-100"


{-| Maps to `focus:border-gray-200`:

    .focus\:border-gray-200:focus {
      --tw-border-opacity: 1;
      border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    }
-}
focusBorderGray200 : Attribute msg
focusBorderGray200 =
    class "focus:border-gray-200"


{-| Maps to `focus:border-gray-300`:

    .focus\:border-gray-300:focus {
      --tw-border-opacity: 1;
      border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    }
-}
focusBorderGray300 : Attribute msg
focusBorderGray300 =
    class "focus:border-gray-300"


{-| Maps to `focus:border-gray-400`:

    .focus\:border-gray-400:focus {
      --tw-border-opacity: 1;
      border-color: rgba(156, 163, 175, var(--tw-border-opacity));
    }
-}
focusBorderGray400 : Attribute msg
focusBorderGray400 =
    class "focus:border-gray-400"


{-| Maps to `focus:border-gray-500`:

    .focus\:border-gray-500:focus {
      --tw-border-opacity: 1;
      border-color: rgba(107, 114, 128, var(--tw-border-opacity));
    }
-}
focusBorderGray500 : Attribute msg
focusBorderGray500 =
    class "focus:border-gray-500"


{-| Maps to `focus:border-gray-600`:

    .focus\:border-gray-600:focus {
      --tw-border-opacity: 1;
      border-color: rgba(75, 85, 99, var(--tw-border-opacity));
    }
-}
focusBorderGray600 : Attribute msg
focusBorderGray600 =
    class "focus:border-gray-600"


{-| Maps to `focus:border-gray-700`:

    .focus\:border-gray-700:focus {
      --tw-border-opacity: 1;
      border-color: rgba(55, 65, 81, var(--tw-border-opacity));
    }
-}
focusBorderGray700 : Attribute msg
focusBorderGray700 =
    class "focus:border-gray-700"


{-| Maps to `focus:border-gray-800`:

    .focus\:border-gray-800:focus {
      --tw-border-opacity: 1;
      border-color: rgba(31, 41, 55, var(--tw-border-opacity));
    }
-}
focusBorderGray800 : Attribute msg
focusBorderGray800 =
    class "focus:border-gray-800"


{-| Maps to `focus:border-gray-900`:

    .focus\:border-gray-900:focus {
      --tw-border-opacity: 1;
      border-color: rgba(17, 24, 39, var(--tw-border-opacity));
    }
-}
focusBorderGray900 : Attribute msg
focusBorderGray900 =
    class "focus:border-gray-900"


{-| Maps to `focus:border-red-50`:

    .focus\:border-red-50:focus {
      --tw-border-opacity: 1;
      border-color: rgba(254, 242, 242, var(--tw-border-opacity));
    }
-}
focusBorderRed50 : Attribute msg
focusBorderRed50 =
    class "focus:border-red-50"


{-| Maps to `focus:border-red-100`:

    .focus\:border-red-100:focus {
      --tw-border-opacity: 1;
      border-color: rgba(254, 226, 226, var(--tw-border-opacity));
    }
-}
focusBorderRed100 : Attribute msg
focusBorderRed100 =
    class "focus:border-red-100"


{-| Maps to `focus:border-red-200`:

    .focus\:border-red-200:focus {
      --tw-border-opacity: 1;
      border-color: rgba(254, 202, 202, var(--tw-border-opacity));
    }
-}
focusBorderRed200 : Attribute msg
focusBorderRed200 =
    class "focus:border-red-200"


{-| Maps to `focus:border-red-300`:

    .focus\:border-red-300:focus {
      --tw-border-opacity: 1;
      border-color: rgba(252, 165, 165, var(--tw-border-opacity));
    }
-}
focusBorderRed300 : Attribute msg
focusBorderRed300 =
    class "focus:border-red-300"


{-| Maps to `focus:border-red-400`:

    .focus\:border-red-400:focus {
      --tw-border-opacity: 1;
      border-color: rgba(248, 113, 113, var(--tw-border-opacity));
    }
-}
focusBorderRed400 : Attribute msg
focusBorderRed400 =
    class "focus:border-red-400"


{-| Maps to `focus:border-red-500`:

    .focus\:border-red-500:focus {
      --tw-border-opacity: 1;
      border-color: rgba(239, 68, 68, var(--tw-border-opacity));
    }
-}
focusBorderRed500 : Attribute msg
focusBorderRed500 =
    class "focus:border-red-500"


{-| Maps to `focus:border-red-600`:

    .focus\:border-red-600:focus {
      --tw-border-opacity: 1;
      border-color: rgba(220, 38, 38, var(--tw-border-opacity));
    }
-}
focusBorderRed600 : Attribute msg
focusBorderRed600 =
    class "focus:border-red-600"


{-| Maps to `focus:border-red-700`:

    .focus\:border-red-700:focus {
      --tw-border-opacity: 1;
      border-color: rgba(185, 28, 28, var(--tw-border-opacity));
    }
-}
focusBorderRed700 : Attribute msg
focusBorderRed700 =
    class "focus:border-red-700"


{-| Maps to `focus:border-red-800`:

    .focus\:border-red-800:focus {
      --tw-border-opacity: 1;
      border-color: rgba(153, 27, 27, var(--tw-border-opacity));
    }
-}
focusBorderRed800 : Attribute msg
focusBorderRed800 =
    class "focus:border-red-800"


{-| Maps to `focus:border-red-900`:

    .focus\:border-red-900:focus {
      --tw-border-opacity: 1;
      border-color: rgba(127, 29, 29, var(--tw-border-opacity));
    }
-}
focusBorderRed900 : Attribute msg
focusBorderRed900 =
    class "focus:border-red-900"


{-| Maps to `focus:border-yellow-50`:

    .focus\:border-yellow-50:focus {
      --tw-border-opacity: 1;
      border-color: rgba(255, 251, 235, var(--tw-border-opacity));
    }
-}
focusBorderYellow50 : Attribute msg
focusBorderYellow50 =
    class "focus:border-yellow-50"


{-| Maps to `focus:border-yellow-100`:

    .focus\:border-yellow-100:focus {
      --tw-border-opacity: 1;
      border-color: rgba(254, 243, 199, var(--tw-border-opacity));
    }
-}
focusBorderYellow100 : Attribute msg
focusBorderYellow100 =
    class "focus:border-yellow-100"


{-| Maps to `focus:border-yellow-200`:

    .focus\:border-yellow-200:focus {
      --tw-border-opacity: 1;
      border-color: rgba(253, 230, 138, var(--tw-border-opacity));
    }
-}
focusBorderYellow200 : Attribute msg
focusBorderYellow200 =
    class "focus:border-yellow-200"


{-| Maps to `focus:border-yellow-300`:

    .focus\:border-yellow-300:focus {
      --tw-border-opacity: 1;
      border-color: rgba(252, 211, 77, var(--tw-border-opacity));
    }
-}
focusBorderYellow300 : Attribute msg
focusBorderYellow300 =
    class "focus:border-yellow-300"


{-| Maps to `focus:border-yellow-400`:

    .focus\:border-yellow-400:focus {
      --tw-border-opacity: 1;
      border-color: rgba(251, 191, 36, var(--tw-border-opacity));
    }
-}
focusBorderYellow400 : Attribute msg
focusBorderYellow400 =
    class "focus:border-yellow-400"


{-| Maps to `focus:border-yellow-500`:

    .focus\:border-yellow-500:focus {
      --tw-border-opacity: 1;
      border-color: rgba(245, 158, 11, var(--tw-border-opacity));
    }
-}
focusBorderYellow500 : Attribute msg
focusBorderYellow500 =
    class "focus:border-yellow-500"


{-| Maps to `focus:border-yellow-600`:

    .focus\:border-yellow-600:focus {
      --tw-border-opacity: 1;
      border-color: rgba(217, 119, 6, var(--tw-border-opacity));
    }
-}
focusBorderYellow600 : Attribute msg
focusBorderYellow600 =
    class "focus:border-yellow-600"


{-| Maps to `focus:border-yellow-700`:

    .focus\:border-yellow-700:focus {
      --tw-border-opacity: 1;
      border-color: rgba(180, 83, 9, var(--tw-border-opacity));
    }
-}
focusBorderYellow700 : Attribute msg
focusBorderYellow700 =
    class "focus:border-yellow-700"


{-| Maps to `focus:border-yellow-800`:

    .focus\:border-yellow-800:focus {
      --tw-border-opacity: 1;
      border-color: rgba(146, 64, 14, var(--tw-border-opacity));
    }
-}
focusBorderYellow800 : Attribute msg
focusBorderYellow800 =
    class "focus:border-yellow-800"


{-| Maps to `focus:border-yellow-900`:

    .focus\:border-yellow-900:focus {
      --tw-border-opacity: 1;
      border-color: rgba(120, 53, 15, var(--tw-border-opacity));
    }
-}
focusBorderYellow900 : Attribute msg
focusBorderYellow900 =
    class "focus:border-yellow-900"


{-| Maps to `focus:border-green-50`:

    .focus\:border-green-50:focus {
      --tw-border-opacity: 1;
      border-color: rgba(236, 253, 245, var(--tw-border-opacity));
    }
-}
focusBorderGreen50 : Attribute msg
focusBorderGreen50 =
    class "focus:border-green-50"


{-| Maps to `focus:border-green-100`:

    .focus\:border-green-100:focus {
      --tw-border-opacity: 1;
      border-color: rgba(209, 250, 229, var(--tw-border-opacity));
    }
-}
focusBorderGreen100 : Attribute msg
focusBorderGreen100 =
    class "focus:border-green-100"


{-| Maps to `focus:border-green-200`:

    .focus\:border-green-200:focus {
      --tw-border-opacity: 1;
      border-color: rgba(167, 243, 208, var(--tw-border-opacity));
    }
-}
focusBorderGreen200 : Attribute msg
focusBorderGreen200 =
    class "focus:border-green-200"


{-| Maps to `focus:border-green-300`:

    .focus\:border-green-300:focus {
      --tw-border-opacity: 1;
      border-color: rgba(110, 231, 183, var(--tw-border-opacity));
    }
-}
focusBorderGreen300 : Attribute msg
focusBorderGreen300 =
    class "focus:border-green-300"


{-| Maps to `focus:border-green-400`:

    .focus\:border-green-400:focus {
      --tw-border-opacity: 1;
      border-color: rgba(52, 211, 153, var(--tw-border-opacity));
    }
-}
focusBorderGreen400 : Attribute msg
focusBorderGreen400 =
    class "focus:border-green-400"


{-| Maps to `focus:border-green-500`:

    .focus\:border-green-500:focus {
      --tw-border-opacity: 1;
      border-color: rgba(16, 185, 129, var(--tw-border-opacity));
    }
-}
focusBorderGreen500 : Attribute msg
focusBorderGreen500 =
    class "focus:border-green-500"


{-| Maps to `focus:border-green-600`:

    .focus\:border-green-600:focus {
      --tw-border-opacity: 1;
      border-color: rgba(5, 150, 105, var(--tw-border-opacity));
    }
-}
focusBorderGreen600 : Attribute msg
focusBorderGreen600 =
    class "focus:border-green-600"


{-| Maps to `focus:border-green-700`:

    .focus\:border-green-700:focus {
      --tw-border-opacity: 1;
      border-color: rgba(4, 120, 87, var(--tw-border-opacity));
    }
-}
focusBorderGreen700 : Attribute msg
focusBorderGreen700 =
    class "focus:border-green-700"


{-| Maps to `focus:border-green-800`:

    .focus\:border-green-800:focus {
      --tw-border-opacity: 1;
      border-color: rgba(6, 95, 70, var(--tw-border-opacity));
    }
-}
focusBorderGreen800 : Attribute msg
focusBorderGreen800 =
    class "focus:border-green-800"


{-| Maps to `focus:border-green-900`:

    .focus\:border-green-900:focus {
      --tw-border-opacity: 1;
      border-color: rgba(6, 78, 59, var(--tw-border-opacity));
    }
-}
focusBorderGreen900 : Attribute msg
focusBorderGreen900 =
    class "focus:border-green-900"


{-| Maps to `focus:border-blue-50`:

    .focus\:border-blue-50:focus {
      --tw-border-opacity: 1;
      border-color: rgba(239, 246, 255, var(--tw-border-opacity));
    }
-}
focusBorderBlue50 : Attribute msg
focusBorderBlue50 =
    class "focus:border-blue-50"


{-| Maps to `focus:border-blue-100`:

    .focus\:border-blue-100:focus {
      --tw-border-opacity: 1;
      border-color: rgba(219, 234, 254, var(--tw-border-opacity));
    }
-}
focusBorderBlue100 : Attribute msg
focusBorderBlue100 =
    class "focus:border-blue-100"


{-| Maps to `focus:border-blue-200`:

    .focus\:border-blue-200:focus {
      --tw-border-opacity: 1;
      border-color: rgba(191, 219, 254, var(--tw-border-opacity));
    }
-}
focusBorderBlue200 : Attribute msg
focusBorderBlue200 =
    class "focus:border-blue-200"


{-| Maps to `focus:border-blue-300`:

    .focus\:border-blue-300:focus {
      --tw-border-opacity: 1;
      border-color: rgba(147, 197, 253, var(--tw-border-opacity));
    }
-}
focusBorderBlue300 : Attribute msg
focusBorderBlue300 =
    class "focus:border-blue-300"


{-| Maps to `focus:border-blue-400`:

    .focus\:border-blue-400:focus {
      --tw-border-opacity: 1;
      border-color: rgba(96, 165, 250, var(--tw-border-opacity));
    }
-}
focusBorderBlue400 : Attribute msg
focusBorderBlue400 =
    class "focus:border-blue-400"


{-| Maps to `focus:border-blue-500`:

    .focus\:border-blue-500:focus {
      --tw-border-opacity: 1;
      border-color: rgba(59, 130, 246, var(--tw-border-opacity));
    }
-}
focusBorderBlue500 : Attribute msg
focusBorderBlue500 =
    class "focus:border-blue-500"


{-| Maps to `focus:border-blue-600`:

    .focus\:border-blue-600:focus {
      --tw-border-opacity: 1;
      border-color: rgba(37, 99, 235, var(--tw-border-opacity));
    }
-}
focusBorderBlue600 : Attribute msg
focusBorderBlue600 =
    class "focus:border-blue-600"


{-| Maps to `focus:border-blue-700`:

    .focus\:border-blue-700:focus {
      --tw-border-opacity: 1;
      border-color: rgba(29, 78, 216, var(--tw-border-opacity));
    }
-}
focusBorderBlue700 : Attribute msg
focusBorderBlue700 =
    class "focus:border-blue-700"


{-| Maps to `focus:border-blue-800`:

    .focus\:border-blue-800:focus {
      --tw-border-opacity: 1;
      border-color: rgba(30, 64, 175, var(--tw-border-opacity));
    }
-}
focusBorderBlue800 : Attribute msg
focusBorderBlue800 =
    class "focus:border-blue-800"


{-| Maps to `focus:border-blue-900`:

    .focus\:border-blue-900:focus {
      --tw-border-opacity: 1;
      border-color: rgba(30, 58, 138, var(--tw-border-opacity));
    }
-}
focusBorderBlue900 : Attribute msg
focusBorderBlue900 =
    class "focus:border-blue-900"


{-| Maps to `focus:border-indigo-50`:

    .focus\:border-indigo-50:focus {
      --tw-border-opacity: 1;
      border-color: rgba(238, 242, 255, var(--tw-border-opacity));
    }
-}
focusBorderIndigo50 : Attribute msg
focusBorderIndigo50 =
    class "focus:border-indigo-50"


{-| Maps to `focus:border-indigo-100`:

    .focus\:border-indigo-100:focus {
      --tw-border-opacity: 1;
      border-color: rgba(224, 231, 255, var(--tw-border-opacity));
    }
-}
focusBorderIndigo100 : Attribute msg
focusBorderIndigo100 =
    class "focus:border-indigo-100"


{-| Maps to `focus:border-indigo-200`:

    .focus\:border-indigo-200:focus {
      --tw-border-opacity: 1;
      border-color: rgba(199, 210, 254, var(--tw-border-opacity));
    }
-}
focusBorderIndigo200 : Attribute msg
focusBorderIndigo200 =
    class "focus:border-indigo-200"


{-| Maps to `focus:border-indigo-300`:

    .focus\:border-indigo-300:focus {
      --tw-border-opacity: 1;
      border-color: rgba(165, 180, 252, var(--tw-border-opacity));
    }
-}
focusBorderIndigo300 : Attribute msg
focusBorderIndigo300 =
    class "focus:border-indigo-300"


{-| Maps to `focus:border-indigo-400`:

    .focus\:border-indigo-400:focus {
      --tw-border-opacity: 1;
      border-color: rgba(129, 140, 248, var(--tw-border-opacity));
    }
-}
focusBorderIndigo400 : Attribute msg
focusBorderIndigo400 =
    class "focus:border-indigo-400"


{-| Maps to `focus:border-indigo-500`:

    .focus\:border-indigo-500:focus {
      --tw-border-opacity: 1;
      border-color: rgba(99, 102, 241, var(--tw-border-opacity));
    }
-}
focusBorderIndigo500 : Attribute msg
focusBorderIndigo500 =
    class "focus:border-indigo-500"


{-| Maps to `focus:border-indigo-600`:

    .focus\:border-indigo-600:focus {
      --tw-border-opacity: 1;
      border-color: rgba(79, 70, 229, var(--tw-border-opacity));
    }
-}
focusBorderIndigo600 : Attribute msg
focusBorderIndigo600 =
    class "focus:border-indigo-600"


{-| Maps to `focus:border-indigo-700`:

    .focus\:border-indigo-700:focus {
      --tw-border-opacity: 1;
      border-color: rgba(67, 56, 202, var(--tw-border-opacity));
    }
-}
focusBorderIndigo700 : Attribute msg
focusBorderIndigo700 =
    class "focus:border-indigo-700"


{-| Maps to `focus:border-indigo-800`:

    .focus\:border-indigo-800:focus {
      --tw-border-opacity: 1;
      border-color: rgba(55, 48, 163, var(--tw-border-opacity));
    }
-}
focusBorderIndigo800 : Attribute msg
focusBorderIndigo800 =
    class "focus:border-indigo-800"


{-| Maps to `focus:border-indigo-900`:

    .focus\:border-indigo-900:focus {
      --tw-border-opacity: 1;
      border-color: rgba(49, 46, 129, var(--tw-border-opacity));
    }
-}
focusBorderIndigo900 : Attribute msg
focusBorderIndigo900 =
    class "focus:border-indigo-900"


{-| Maps to `focus:border-purple-50`:

    .focus\:border-purple-50:focus {
      --tw-border-opacity: 1;
      border-color: rgba(245, 243, 255, var(--tw-border-opacity));
    }
-}
focusBorderPurple50 : Attribute msg
focusBorderPurple50 =
    class "focus:border-purple-50"


{-| Maps to `focus:border-purple-100`:

    .focus\:border-purple-100:focus {
      --tw-border-opacity: 1;
      border-color: rgba(237, 233, 254, var(--tw-border-opacity));
    }
-}
focusBorderPurple100 : Attribute msg
focusBorderPurple100 =
    class "focus:border-purple-100"


{-| Maps to `focus:border-purple-200`:

    .focus\:border-purple-200:focus {
      --tw-border-opacity: 1;
      border-color: rgba(221, 214, 254, var(--tw-border-opacity));
    }
-}
focusBorderPurple200 : Attribute msg
focusBorderPurple200 =
    class "focus:border-purple-200"


{-| Maps to `focus:border-purple-300`:

    .focus\:border-purple-300:focus {
      --tw-border-opacity: 1;
      border-color: rgba(196, 181, 253, var(--tw-border-opacity));
    }
-}
focusBorderPurple300 : Attribute msg
focusBorderPurple300 =
    class "focus:border-purple-300"


{-| Maps to `focus:border-purple-400`:

    .focus\:border-purple-400:focus {
      --tw-border-opacity: 1;
      border-color: rgba(167, 139, 250, var(--tw-border-opacity));
    }
-}
focusBorderPurple400 : Attribute msg
focusBorderPurple400 =
    class "focus:border-purple-400"


{-| Maps to `focus:border-purple-500`:

    .focus\:border-purple-500:focus {
      --tw-border-opacity: 1;
      border-color: rgba(139, 92, 246, var(--tw-border-opacity));
    }
-}
focusBorderPurple500 : Attribute msg
focusBorderPurple500 =
    class "focus:border-purple-500"


{-| Maps to `focus:border-purple-600`:

    .focus\:border-purple-600:focus {
      --tw-border-opacity: 1;
      border-color: rgba(124, 58, 237, var(--tw-border-opacity));
    }
-}
focusBorderPurple600 : Attribute msg
focusBorderPurple600 =
    class "focus:border-purple-600"


{-| Maps to `focus:border-purple-700`:

    .focus\:border-purple-700:focus {
      --tw-border-opacity: 1;
      border-color: rgba(109, 40, 217, var(--tw-border-opacity));
    }
-}
focusBorderPurple700 : Attribute msg
focusBorderPurple700 =
    class "focus:border-purple-700"


{-| Maps to `focus:border-purple-800`:

    .focus\:border-purple-800:focus {
      --tw-border-opacity: 1;
      border-color: rgba(91, 33, 182, var(--tw-border-opacity));
    }
-}
focusBorderPurple800 : Attribute msg
focusBorderPurple800 =
    class "focus:border-purple-800"


{-| Maps to `focus:border-purple-900`:

    .focus\:border-purple-900:focus {
      --tw-border-opacity: 1;
      border-color: rgba(76, 29, 149, var(--tw-border-opacity));
    }
-}
focusBorderPurple900 : Attribute msg
focusBorderPurple900 =
    class "focus:border-purple-900"


{-| Maps to `focus:border-pink-50`:

    .focus\:border-pink-50:focus {
      --tw-border-opacity: 1;
      border-color: rgba(253, 242, 248, var(--tw-border-opacity));
    }
-}
focusBorderPink50 : Attribute msg
focusBorderPink50 =
    class "focus:border-pink-50"


{-| Maps to `focus:border-pink-100`:

    .focus\:border-pink-100:focus {
      --tw-border-opacity: 1;
      border-color: rgba(252, 231, 243, var(--tw-border-opacity));
    }
-}
focusBorderPink100 : Attribute msg
focusBorderPink100 =
    class "focus:border-pink-100"


{-| Maps to `focus:border-pink-200`:

    .focus\:border-pink-200:focus {
      --tw-border-opacity: 1;
      border-color: rgba(251, 207, 232, var(--tw-border-opacity));
    }
-}
focusBorderPink200 : Attribute msg
focusBorderPink200 =
    class "focus:border-pink-200"


{-| Maps to `focus:border-pink-300`:

    .focus\:border-pink-300:focus {
      --tw-border-opacity: 1;
      border-color: rgba(249, 168, 212, var(--tw-border-opacity));
    }
-}
focusBorderPink300 : Attribute msg
focusBorderPink300 =
    class "focus:border-pink-300"


{-| Maps to `focus:border-pink-400`:

    .focus\:border-pink-400:focus {
      --tw-border-opacity: 1;
      border-color: rgba(244, 114, 182, var(--tw-border-opacity));
    }
-}
focusBorderPink400 : Attribute msg
focusBorderPink400 =
    class "focus:border-pink-400"


{-| Maps to `focus:border-pink-500`:

    .focus\:border-pink-500:focus {
      --tw-border-opacity: 1;
      border-color: rgba(236, 72, 153, var(--tw-border-opacity));
    }
-}
focusBorderPink500 : Attribute msg
focusBorderPink500 =
    class "focus:border-pink-500"


{-| Maps to `focus:border-pink-600`:

    .focus\:border-pink-600:focus {
      --tw-border-opacity: 1;
      border-color: rgba(219, 39, 119, var(--tw-border-opacity));
    }
-}
focusBorderPink600 : Attribute msg
focusBorderPink600 =
    class "focus:border-pink-600"


{-| Maps to `focus:border-pink-700`:

    .focus\:border-pink-700:focus {
      --tw-border-opacity: 1;
      border-color: rgba(190, 24, 93, var(--tw-border-opacity));
    }
-}
focusBorderPink700 : Attribute msg
focusBorderPink700 =
    class "focus:border-pink-700"


{-| Maps to `focus:border-pink-800`:

    .focus\:border-pink-800:focus {
      --tw-border-opacity: 1;
      border-color: rgba(157, 23, 77, var(--tw-border-opacity));
    }
-}
focusBorderPink800 : Attribute msg
focusBorderPink800 =
    class "focus:border-pink-800"


{-| Maps to `focus:border-pink-900`:

    .focus\:border-pink-900:focus {
      --tw-border-opacity: 1;
      border-color: rgba(131, 24, 67, var(--tw-border-opacity));
    }
-}
focusBorderPink900 : Attribute msg
focusBorderPink900 =
    class "focus:border-pink-900"


{-| Maps to `border-opacity-0`:

    .border-opacity-0 {
      --tw-border-opacity: 0;
    }
-}
borderOpacity0 : Attribute msg
borderOpacity0 =
    class "border-opacity-0"


{-| Maps to `border-opacity-5`:

    .border-opacity-5 {
      --tw-border-opacity: 0.05;
    }
-}
borderOpacity5 : Attribute msg
borderOpacity5 =
    class "border-opacity-5"


{-| Maps to `border-opacity-10`:

    .border-opacity-10 {
      --tw-border-opacity: 0.1;
    }
-}
borderOpacity10 : Attribute msg
borderOpacity10 =
    class "border-opacity-10"


{-| Maps to `border-opacity-20`:

    .border-opacity-20 {
      --tw-border-opacity: 0.2;
    }
-}
borderOpacity20 : Attribute msg
borderOpacity20 =
    class "border-opacity-20"


{-| Maps to `border-opacity-25`:

    .border-opacity-25 {
      --tw-border-opacity: 0.25;
    }
-}
borderOpacity25 : Attribute msg
borderOpacity25 =
    class "border-opacity-25"


{-| Maps to `border-opacity-30`:

    .border-opacity-30 {
      --tw-border-opacity: 0.3;
    }
-}
borderOpacity30 : Attribute msg
borderOpacity30 =
    class "border-opacity-30"


{-| Maps to `border-opacity-40`:

    .border-opacity-40 {
      --tw-border-opacity: 0.4;
    }
-}
borderOpacity40 : Attribute msg
borderOpacity40 =
    class "border-opacity-40"


{-| Maps to `border-opacity-50`:

    .border-opacity-50 {
      --tw-border-opacity: 0.5;
    }
-}
borderOpacity50 : Attribute msg
borderOpacity50 =
    class "border-opacity-50"


{-| Maps to `border-opacity-60`:

    .border-opacity-60 {
      --tw-border-opacity: 0.6;
    }
-}
borderOpacity60 : Attribute msg
borderOpacity60 =
    class "border-opacity-60"


{-| Maps to `border-opacity-70`:

    .border-opacity-70 {
      --tw-border-opacity: 0.7;
    }
-}
borderOpacity70 : Attribute msg
borderOpacity70 =
    class "border-opacity-70"


{-| Maps to `border-opacity-75`:

    .border-opacity-75 {
      --tw-border-opacity: 0.75;
    }
-}
borderOpacity75 : Attribute msg
borderOpacity75 =
    class "border-opacity-75"


{-| Maps to `border-opacity-80`:

    .border-opacity-80 {
      --tw-border-opacity: 0.8;
    }
-}
borderOpacity80 : Attribute msg
borderOpacity80 =
    class "border-opacity-80"


{-| Maps to `border-opacity-90`:

    .border-opacity-90 {
      --tw-border-opacity: 0.9;
    }
-}
borderOpacity90 : Attribute msg
borderOpacity90 =
    class "border-opacity-90"


{-| Maps to `border-opacity-95`:

    .border-opacity-95 {
      --tw-border-opacity: 0.95;
    }
-}
borderOpacity95 : Attribute msg
borderOpacity95 =
    class "border-opacity-95"


{-| Maps to `border-opacity-100`:

    .border-opacity-100 {
      --tw-border-opacity: 1;
    }
-}
borderOpacity100 : Attribute msg
borderOpacity100 =
    class "border-opacity-100"


{-| Maps to `group-hover:border-opacity-0`:

    .group:hover .group-hover\:border-opacity-0 {
      --tw-border-opacity: 0;
    }
-}
groupHoverBorderOpacity0 : Attribute msg
groupHoverBorderOpacity0 =
    class "group-hover:border-opacity-0"


{-| Maps to `group-hover:border-opacity-5`:

    .group:hover .group-hover\:border-opacity-5 {
      --tw-border-opacity: 0.05;
    }
-}
groupHoverBorderOpacity5 : Attribute msg
groupHoverBorderOpacity5 =
    class "group-hover:border-opacity-5"


{-| Maps to `group-hover:border-opacity-10`:

    .group:hover .group-hover\:border-opacity-10 {
      --tw-border-opacity: 0.1;
    }
-}
groupHoverBorderOpacity10 : Attribute msg
groupHoverBorderOpacity10 =
    class "group-hover:border-opacity-10"


{-| Maps to `group-hover:border-opacity-20`:

    .group:hover .group-hover\:border-opacity-20 {
      --tw-border-opacity: 0.2;
    }
-}
groupHoverBorderOpacity20 : Attribute msg
groupHoverBorderOpacity20 =
    class "group-hover:border-opacity-20"


{-| Maps to `group-hover:border-opacity-25`:

    .group:hover .group-hover\:border-opacity-25 {
      --tw-border-opacity: 0.25;
    }
-}
groupHoverBorderOpacity25 : Attribute msg
groupHoverBorderOpacity25 =
    class "group-hover:border-opacity-25"


{-| Maps to `group-hover:border-opacity-30`:

    .group:hover .group-hover\:border-opacity-30 {
      --tw-border-opacity: 0.3;
    }
-}
groupHoverBorderOpacity30 : Attribute msg
groupHoverBorderOpacity30 =
    class "group-hover:border-opacity-30"


{-| Maps to `group-hover:border-opacity-40`:

    .group:hover .group-hover\:border-opacity-40 {
      --tw-border-opacity: 0.4;
    }
-}
groupHoverBorderOpacity40 : Attribute msg
groupHoverBorderOpacity40 =
    class "group-hover:border-opacity-40"


{-| Maps to `group-hover:border-opacity-50`:

    .group:hover .group-hover\:border-opacity-50 {
      --tw-border-opacity: 0.5;
    }
-}
groupHoverBorderOpacity50 : Attribute msg
groupHoverBorderOpacity50 =
    class "group-hover:border-opacity-50"


{-| Maps to `group-hover:border-opacity-60`:

    .group:hover .group-hover\:border-opacity-60 {
      --tw-border-opacity: 0.6;
    }
-}
groupHoverBorderOpacity60 : Attribute msg
groupHoverBorderOpacity60 =
    class "group-hover:border-opacity-60"


{-| Maps to `group-hover:border-opacity-70`:

    .group:hover .group-hover\:border-opacity-70 {
      --tw-border-opacity: 0.7;
    }
-}
groupHoverBorderOpacity70 : Attribute msg
groupHoverBorderOpacity70 =
    class "group-hover:border-opacity-70"


{-| Maps to `group-hover:border-opacity-75`:

    .group:hover .group-hover\:border-opacity-75 {
      --tw-border-opacity: 0.75;
    }
-}
groupHoverBorderOpacity75 : Attribute msg
groupHoverBorderOpacity75 =
    class "group-hover:border-opacity-75"


{-| Maps to `group-hover:border-opacity-80`:

    .group:hover .group-hover\:border-opacity-80 {
      --tw-border-opacity: 0.8;
    }
-}
groupHoverBorderOpacity80 : Attribute msg
groupHoverBorderOpacity80 =
    class "group-hover:border-opacity-80"


{-| Maps to `group-hover:border-opacity-90`:

    .group:hover .group-hover\:border-opacity-90 {
      --tw-border-opacity: 0.9;
    }
-}
groupHoverBorderOpacity90 : Attribute msg
groupHoverBorderOpacity90 =
    class "group-hover:border-opacity-90"


{-| Maps to `group-hover:border-opacity-95`:

    .group:hover .group-hover\:border-opacity-95 {
      --tw-border-opacity: 0.95;
    }
-}
groupHoverBorderOpacity95 : Attribute msg
groupHoverBorderOpacity95 =
    class "group-hover:border-opacity-95"


{-| Maps to `group-hover:border-opacity-100`:

    .group:hover .group-hover\:border-opacity-100 {
      --tw-border-opacity: 1;
    }
-}
groupHoverBorderOpacity100 : Attribute msg
groupHoverBorderOpacity100 =
    class "group-hover:border-opacity-100"


{-| Maps to `focus-within:border-opacity-0`:

    .focus-within\:border-opacity-0:focus-within {
      --tw-border-opacity: 0;
    }
-}
focusWithinBorderOpacity0 : Attribute msg
focusWithinBorderOpacity0 =
    class "focus-within:border-opacity-0"


{-| Maps to `focus-within:border-opacity-5`:

    .focus-within\:border-opacity-5:focus-within {
      --tw-border-opacity: 0.05;
    }
-}
focusWithinBorderOpacity5 : Attribute msg
focusWithinBorderOpacity5 =
    class "focus-within:border-opacity-5"


{-| Maps to `focus-within:border-opacity-10`:

    .focus-within\:border-opacity-10:focus-within {
      --tw-border-opacity: 0.1;
    }
-}
focusWithinBorderOpacity10 : Attribute msg
focusWithinBorderOpacity10 =
    class "focus-within:border-opacity-10"


{-| Maps to `focus-within:border-opacity-20`:

    .focus-within\:border-opacity-20:focus-within {
      --tw-border-opacity: 0.2;
    }
-}
focusWithinBorderOpacity20 : Attribute msg
focusWithinBorderOpacity20 =
    class "focus-within:border-opacity-20"


{-| Maps to `focus-within:border-opacity-25`:

    .focus-within\:border-opacity-25:focus-within {
      --tw-border-opacity: 0.25;
    }
-}
focusWithinBorderOpacity25 : Attribute msg
focusWithinBorderOpacity25 =
    class "focus-within:border-opacity-25"


{-| Maps to `focus-within:border-opacity-30`:

    .focus-within\:border-opacity-30:focus-within {
      --tw-border-opacity: 0.3;
    }
-}
focusWithinBorderOpacity30 : Attribute msg
focusWithinBorderOpacity30 =
    class "focus-within:border-opacity-30"


{-| Maps to `focus-within:border-opacity-40`:

    .focus-within\:border-opacity-40:focus-within {
      --tw-border-opacity: 0.4;
    }
-}
focusWithinBorderOpacity40 : Attribute msg
focusWithinBorderOpacity40 =
    class "focus-within:border-opacity-40"


{-| Maps to `focus-within:border-opacity-50`:

    .focus-within\:border-opacity-50:focus-within {
      --tw-border-opacity: 0.5;
    }
-}
focusWithinBorderOpacity50 : Attribute msg
focusWithinBorderOpacity50 =
    class "focus-within:border-opacity-50"


{-| Maps to `focus-within:border-opacity-60`:

    .focus-within\:border-opacity-60:focus-within {
      --tw-border-opacity: 0.6;
    }
-}
focusWithinBorderOpacity60 : Attribute msg
focusWithinBorderOpacity60 =
    class "focus-within:border-opacity-60"


{-| Maps to `focus-within:border-opacity-70`:

    .focus-within\:border-opacity-70:focus-within {
      --tw-border-opacity: 0.7;
    }
-}
focusWithinBorderOpacity70 : Attribute msg
focusWithinBorderOpacity70 =
    class "focus-within:border-opacity-70"


{-| Maps to `focus-within:border-opacity-75`:

    .focus-within\:border-opacity-75:focus-within {
      --tw-border-opacity: 0.75;
    }
-}
focusWithinBorderOpacity75 : Attribute msg
focusWithinBorderOpacity75 =
    class "focus-within:border-opacity-75"


{-| Maps to `focus-within:border-opacity-80`:

    .focus-within\:border-opacity-80:focus-within {
      --tw-border-opacity: 0.8;
    }
-}
focusWithinBorderOpacity80 : Attribute msg
focusWithinBorderOpacity80 =
    class "focus-within:border-opacity-80"


{-| Maps to `focus-within:border-opacity-90`:

    .focus-within\:border-opacity-90:focus-within {
      --tw-border-opacity: 0.9;
    }
-}
focusWithinBorderOpacity90 : Attribute msg
focusWithinBorderOpacity90 =
    class "focus-within:border-opacity-90"


{-| Maps to `focus-within:border-opacity-95`:

    .focus-within\:border-opacity-95:focus-within {
      --tw-border-opacity: 0.95;
    }
-}
focusWithinBorderOpacity95 : Attribute msg
focusWithinBorderOpacity95 =
    class "focus-within:border-opacity-95"


{-| Maps to `focus-within:border-opacity-100`:

    .focus-within\:border-opacity-100:focus-within {
      --tw-border-opacity: 1;
    }
-}
focusWithinBorderOpacity100 : Attribute msg
focusWithinBorderOpacity100 =
    class "focus-within:border-opacity-100"


{-| Maps to `hover:border-opacity-0`:

    .hover\:border-opacity-0:hover {
      --tw-border-opacity: 0;
    }
-}
hoverBorderOpacity0 : Attribute msg
hoverBorderOpacity0 =
    class "hover:border-opacity-0"


{-| Maps to `hover:border-opacity-5`:

    .hover\:border-opacity-5:hover {
      --tw-border-opacity: 0.05;
    }
-}
hoverBorderOpacity5 : Attribute msg
hoverBorderOpacity5 =
    class "hover:border-opacity-5"


{-| Maps to `hover:border-opacity-10`:

    .hover\:border-opacity-10:hover {
      --tw-border-opacity: 0.1;
    }
-}
hoverBorderOpacity10 : Attribute msg
hoverBorderOpacity10 =
    class "hover:border-opacity-10"


{-| Maps to `hover:border-opacity-20`:

    .hover\:border-opacity-20:hover {
      --tw-border-opacity: 0.2;
    }
-}
hoverBorderOpacity20 : Attribute msg
hoverBorderOpacity20 =
    class "hover:border-opacity-20"


{-| Maps to `hover:border-opacity-25`:

    .hover\:border-opacity-25:hover {
      --tw-border-opacity: 0.25;
    }
-}
hoverBorderOpacity25 : Attribute msg
hoverBorderOpacity25 =
    class "hover:border-opacity-25"


{-| Maps to `hover:border-opacity-30`:

    .hover\:border-opacity-30:hover {
      --tw-border-opacity: 0.3;
    }
-}
hoverBorderOpacity30 : Attribute msg
hoverBorderOpacity30 =
    class "hover:border-opacity-30"


{-| Maps to `hover:border-opacity-40`:

    .hover\:border-opacity-40:hover {
      --tw-border-opacity: 0.4;
    }
-}
hoverBorderOpacity40 : Attribute msg
hoverBorderOpacity40 =
    class "hover:border-opacity-40"


{-| Maps to `hover:border-opacity-50`:

    .hover\:border-opacity-50:hover {
      --tw-border-opacity: 0.5;
    }
-}
hoverBorderOpacity50 : Attribute msg
hoverBorderOpacity50 =
    class "hover:border-opacity-50"


{-| Maps to `hover:border-opacity-60`:

    .hover\:border-opacity-60:hover {
      --tw-border-opacity: 0.6;
    }
-}
hoverBorderOpacity60 : Attribute msg
hoverBorderOpacity60 =
    class "hover:border-opacity-60"


{-| Maps to `hover:border-opacity-70`:

    .hover\:border-opacity-70:hover {
      --tw-border-opacity: 0.7;
    }
-}
hoverBorderOpacity70 : Attribute msg
hoverBorderOpacity70 =
    class "hover:border-opacity-70"


{-| Maps to `hover:border-opacity-75`:

    .hover\:border-opacity-75:hover {
      --tw-border-opacity: 0.75;
    }
-}
hoverBorderOpacity75 : Attribute msg
hoverBorderOpacity75 =
    class "hover:border-opacity-75"


{-| Maps to `hover:border-opacity-80`:

    .hover\:border-opacity-80:hover {
      --tw-border-opacity: 0.8;
    }
-}
hoverBorderOpacity80 : Attribute msg
hoverBorderOpacity80 =
    class "hover:border-opacity-80"


{-| Maps to `hover:border-opacity-90`:

    .hover\:border-opacity-90:hover {
      --tw-border-opacity: 0.9;
    }
-}
hoverBorderOpacity90 : Attribute msg
hoverBorderOpacity90 =
    class "hover:border-opacity-90"


{-| Maps to `hover:border-opacity-95`:

    .hover\:border-opacity-95:hover {
      --tw-border-opacity: 0.95;
    }
-}
hoverBorderOpacity95 : Attribute msg
hoverBorderOpacity95 =
    class "hover:border-opacity-95"


{-| Maps to `hover:border-opacity-100`:

    .hover\:border-opacity-100:hover {
      --tw-border-opacity: 1;
    }
-}
hoverBorderOpacity100 : Attribute msg
hoverBorderOpacity100 =
    class "hover:border-opacity-100"


{-| Maps to `focus:border-opacity-0`:

    .focus\:border-opacity-0:focus {
      --tw-border-opacity: 0;
    }
-}
focusBorderOpacity0 : Attribute msg
focusBorderOpacity0 =
    class "focus:border-opacity-0"


{-| Maps to `focus:border-opacity-5`:

    .focus\:border-opacity-5:focus {
      --tw-border-opacity: 0.05;
    }
-}
focusBorderOpacity5 : Attribute msg
focusBorderOpacity5 =
    class "focus:border-opacity-5"


{-| Maps to `focus:border-opacity-10`:

    .focus\:border-opacity-10:focus {
      --tw-border-opacity: 0.1;
    }
-}
focusBorderOpacity10 : Attribute msg
focusBorderOpacity10 =
    class "focus:border-opacity-10"


{-| Maps to `focus:border-opacity-20`:

    .focus\:border-opacity-20:focus {
      --tw-border-opacity: 0.2;
    }
-}
focusBorderOpacity20 : Attribute msg
focusBorderOpacity20 =
    class "focus:border-opacity-20"


{-| Maps to `focus:border-opacity-25`:

    .focus\:border-opacity-25:focus {
      --tw-border-opacity: 0.25;
    }
-}
focusBorderOpacity25 : Attribute msg
focusBorderOpacity25 =
    class "focus:border-opacity-25"


{-| Maps to `focus:border-opacity-30`:

    .focus\:border-opacity-30:focus {
      --tw-border-opacity: 0.3;
    }
-}
focusBorderOpacity30 : Attribute msg
focusBorderOpacity30 =
    class "focus:border-opacity-30"


{-| Maps to `focus:border-opacity-40`:

    .focus\:border-opacity-40:focus {
      --tw-border-opacity: 0.4;
    }
-}
focusBorderOpacity40 : Attribute msg
focusBorderOpacity40 =
    class "focus:border-opacity-40"


{-| Maps to `focus:border-opacity-50`:

    .focus\:border-opacity-50:focus {
      --tw-border-opacity: 0.5;
    }
-}
focusBorderOpacity50 : Attribute msg
focusBorderOpacity50 =
    class "focus:border-opacity-50"


{-| Maps to `focus:border-opacity-60`:

    .focus\:border-opacity-60:focus {
      --tw-border-opacity: 0.6;
    }
-}
focusBorderOpacity60 : Attribute msg
focusBorderOpacity60 =
    class "focus:border-opacity-60"


{-| Maps to `focus:border-opacity-70`:

    .focus\:border-opacity-70:focus {
      --tw-border-opacity: 0.7;
    }
-}
focusBorderOpacity70 : Attribute msg
focusBorderOpacity70 =
    class "focus:border-opacity-70"


{-| Maps to `focus:border-opacity-75`:

    .focus\:border-opacity-75:focus {
      --tw-border-opacity: 0.75;
    }
-}
focusBorderOpacity75 : Attribute msg
focusBorderOpacity75 =
    class "focus:border-opacity-75"


{-| Maps to `focus:border-opacity-80`:

    .focus\:border-opacity-80:focus {
      --tw-border-opacity: 0.8;
    }
-}
focusBorderOpacity80 : Attribute msg
focusBorderOpacity80 =
    class "focus:border-opacity-80"


{-| Maps to `focus:border-opacity-90`:

    .focus\:border-opacity-90:focus {
      --tw-border-opacity: 0.9;
    }
-}
focusBorderOpacity90 : Attribute msg
focusBorderOpacity90 =
    class "focus:border-opacity-90"


{-| Maps to `focus:border-opacity-95`:

    .focus\:border-opacity-95:focus {
      --tw-border-opacity: 0.95;
    }
-}
focusBorderOpacity95 : Attribute msg
focusBorderOpacity95 =
    class "focus:border-opacity-95"


{-| Maps to `focus:border-opacity-100`:

    .focus\:border-opacity-100:focus {
      --tw-border-opacity: 1;
    }
-}
focusBorderOpacity100 : Attribute msg
focusBorderOpacity100 =
    class "focus:border-opacity-100"


{-| Maps to `bg-transparent`:

    .bg-transparent {
      background-color: transparent;
    }
-}
bgTransparent : Attribute msg
bgTransparent =
    class "bg-transparent"


{-| Maps to `bg-current`:

    .bg-current {
      background-color: currentColor;
    }
-}
bgCurrent : Attribute msg
bgCurrent =
    class "bg-current"


{-| Maps to `bg-black`:

    .bg-black {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }
-}
bgBlack : Attribute msg
bgBlack =
    class "bg-black"


{-| Maps to `bg-white`:

    .bg-white {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }
-}
bgWhite : Attribute msg
bgWhite =
    class "bg-white"


{-| Maps to `bg-gray-50`:

    .bg-gray-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    }
-}
bgGray50 : Attribute msg
bgGray50 =
    class "bg-gray-50"


{-| Maps to `bg-gray-100`:

    .bg-gray-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    }
-}
bgGray100 : Attribute msg
bgGray100 =
    class "bg-gray-100"


{-| Maps to `bg-gray-200`:

    .bg-gray-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
    }
-}
bgGray200 : Attribute msg
bgGray200 =
    class "bg-gray-200"


{-| Maps to `bg-gray-300`:

    .bg-gray-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
    }
-}
bgGray300 : Attribute msg
bgGray300 =
    class "bg-gray-300"


{-| Maps to `bg-gray-400`:

    .bg-gray-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
    }
-}
bgGray400 : Attribute msg
bgGray400 =
    class "bg-gray-400"


{-| Maps to `bg-gray-500`:

    .bg-gray-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
    }
-}
bgGray500 : Attribute msg
bgGray500 =
    class "bg-gray-500"


{-| Maps to `bg-gray-600`:

    .bg-gray-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
    }
-}
bgGray600 : Attribute msg
bgGray600 =
    class "bg-gray-600"


{-| Maps to `bg-gray-700`:

    .bg-gray-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
    }
-}
bgGray700 : Attribute msg
bgGray700 =
    class "bg-gray-700"


{-| Maps to `bg-gray-800`:

    .bg-gray-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
    }
-}
bgGray800 : Attribute msg
bgGray800 =
    class "bg-gray-800"


{-| Maps to `bg-gray-900`:

    .bg-gray-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
    }
-}
bgGray900 : Attribute msg
bgGray900 =
    class "bg-gray-900"


{-| Maps to `bg-red-50`:

    .bg-red-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
    }
-}
bgRed50 : Attribute msg
bgRed50 =
    class "bg-red-50"


{-| Maps to `bg-red-100`:

    .bg-red-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
    }
-}
bgRed100 : Attribute msg
bgRed100 =
    class "bg-red-100"


{-| Maps to `bg-red-200`:

    .bg-red-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
    }
-}
bgRed200 : Attribute msg
bgRed200 =
    class "bg-red-200"


{-| Maps to `bg-red-300`:

    .bg-red-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
    }
-}
bgRed300 : Attribute msg
bgRed300 =
    class "bg-red-300"


{-| Maps to `bg-red-400`:

    .bg-red-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
    }
-}
bgRed400 : Attribute msg
bgRed400 =
    class "bg-red-400"


{-| Maps to `bg-red-500`:

    .bg-red-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
    }
-}
bgRed500 : Attribute msg
bgRed500 =
    class "bg-red-500"


{-| Maps to `bg-red-600`:

    .bg-red-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
    }
-}
bgRed600 : Attribute msg
bgRed600 =
    class "bg-red-600"


{-| Maps to `bg-red-700`:

    .bg-red-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
    }
-}
bgRed700 : Attribute msg
bgRed700 =
    class "bg-red-700"


{-| Maps to `bg-red-800`:

    .bg-red-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
    }
-}
bgRed800 : Attribute msg
bgRed800 =
    class "bg-red-800"


{-| Maps to `bg-red-900`:

    .bg-red-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
    }
-}
bgRed900 : Attribute msg
bgRed900 =
    class "bg-red-900"


{-| Maps to `bg-yellow-50`:

    .bg-yellow-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
    }
-}
bgYellow50 : Attribute msg
bgYellow50 =
    class "bg-yellow-50"


{-| Maps to `bg-yellow-100`:

    .bg-yellow-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
    }
-}
bgYellow100 : Attribute msg
bgYellow100 =
    class "bg-yellow-100"


{-| Maps to `bg-yellow-200`:

    .bg-yellow-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
    }
-}
bgYellow200 : Attribute msg
bgYellow200 =
    class "bg-yellow-200"


{-| Maps to `bg-yellow-300`:

    .bg-yellow-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
    }
-}
bgYellow300 : Attribute msg
bgYellow300 =
    class "bg-yellow-300"


{-| Maps to `bg-yellow-400`:

    .bg-yellow-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
    }
-}
bgYellow400 : Attribute msg
bgYellow400 =
    class "bg-yellow-400"


{-| Maps to `bg-yellow-500`:

    .bg-yellow-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
    }
-}
bgYellow500 : Attribute msg
bgYellow500 =
    class "bg-yellow-500"


{-| Maps to `bg-yellow-600`:

    .bg-yellow-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
    }
-}
bgYellow600 : Attribute msg
bgYellow600 =
    class "bg-yellow-600"


{-| Maps to `bg-yellow-700`:

    .bg-yellow-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
    }
-}
bgYellow700 : Attribute msg
bgYellow700 =
    class "bg-yellow-700"


{-| Maps to `bg-yellow-800`:

    .bg-yellow-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
    }
-}
bgYellow800 : Attribute msg
bgYellow800 =
    class "bg-yellow-800"


{-| Maps to `bg-yellow-900`:

    .bg-yellow-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
    }
-}
bgYellow900 : Attribute msg
bgYellow900 =
    class "bg-yellow-900"


{-| Maps to `bg-green-50`:

    .bg-green-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
    }
-}
bgGreen50 : Attribute msg
bgGreen50 =
    class "bg-green-50"


{-| Maps to `bg-green-100`:

    .bg-green-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
    }
-}
bgGreen100 : Attribute msg
bgGreen100 =
    class "bg-green-100"


{-| Maps to `bg-green-200`:

    .bg-green-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
    }
-}
bgGreen200 : Attribute msg
bgGreen200 =
    class "bg-green-200"


{-| Maps to `bg-green-300`:

    .bg-green-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
    }
-}
bgGreen300 : Attribute msg
bgGreen300 =
    class "bg-green-300"


{-| Maps to `bg-green-400`:

    .bg-green-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
    }
-}
bgGreen400 : Attribute msg
bgGreen400 =
    class "bg-green-400"


{-| Maps to `bg-green-500`:

    .bg-green-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
    }
-}
bgGreen500 : Attribute msg
bgGreen500 =
    class "bg-green-500"


{-| Maps to `bg-green-600`:

    .bg-green-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
    }
-}
bgGreen600 : Attribute msg
bgGreen600 =
    class "bg-green-600"


{-| Maps to `bg-green-700`:

    .bg-green-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
    }
-}
bgGreen700 : Attribute msg
bgGreen700 =
    class "bg-green-700"


{-| Maps to `bg-green-800`:

    .bg-green-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
    }
-}
bgGreen800 : Attribute msg
bgGreen800 =
    class "bg-green-800"


{-| Maps to `bg-green-900`:

    .bg-green-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
    }
-}
bgGreen900 : Attribute msg
bgGreen900 =
    class "bg-green-900"


{-| Maps to `bg-blue-50`:

    .bg-blue-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
    }
-}
bgBlue50 : Attribute msg
bgBlue50 =
    class "bg-blue-50"


{-| Maps to `bg-blue-100`:

    .bg-blue-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
    }
-}
bgBlue100 : Attribute msg
bgBlue100 =
    class "bg-blue-100"


{-| Maps to `bg-blue-200`:

    .bg-blue-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
    }
-}
bgBlue200 : Attribute msg
bgBlue200 =
    class "bg-blue-200"


{-| Maps to `bg-blue-300`:

    .bg-blue-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
    }
-}
bgBlue300 : Attribute msg
bgBlue300 =
    class "bg-blue-300"


{-| Maps to `bg-blue-400`:

    .bg-blue-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
    }
-}
bgBlue400 : Attribute msg
bgBlue400 =
    class "bg-blue-400"


{-| Maps to `bg-blue-500`:

    .bg-blue-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
    }
-}
bgBlue500 : Attribute msg
bgBlue500 =
    class "bg-blue-500"


{-| Maps to `bg-blue-600`:

    .bg-blue-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
    }
-}
bgBlue600 : Attribute msg
bgBlue600 =
    class "bg-blue-600"


{-| Maps to `bg-blue-700`:

    .bg-blue-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
    }
-}
bgBlue700 : Attribute msg
bgBlue700 =
    class "bg-blue-700"


{-| Maps to `bg-blue-800`:

    .bg-blue-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
    }
-}
bgBlue800 : Attribute msg
bgBlue800 =
    class "bg-blue-800"


{-| Maps to `bg-blue-900`:

    .bg-blue-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
    }
-}
bgBlue900 : Attribute msg
bgBlue900 =
    class "bg-blue-900"


{-| Maps to `bg-indigo-50`:

    .bg-indigo-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
    }
-}
bgIndigo50 : Attribute msg
bgIndigo50 =
    class "bg-indigo-50"


{-| Maps to `bg-indigo-100`:

    .bg-indigo-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
    }
-}
bgIndigo100 : Attribute msg
bgIndigo100 =
    class "bg-indigo-100"


{-| Maps to `bg-indigo-200`:

    .bg-indigo-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
    }
-}
bgIndigo200 : Attribute msg
bgIndigo200 =
    class "bg-indigo-200"


{-| Maps to `bg-indigo-300`:

    .bg-indigo-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
    }
-}
bgIndigo300 : Attribute msg
bgIndigo300 =
    class "bg-indigo-300"


{-| Maps to `bg-indigo-400`:

    .bg-indigo-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
    }
-}
bgIndigo400 : Attribute msg
bgIndigo400 =
    class "bg-indigo-400"


{-| Maps to `bg-indigo-500`:

    .bg-indigo-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
    }
-}
bgIndigo500 : Attribute msg
bgIndigo500 =
    class "bg-indigo-500"


{-| Maps to `bg-indigo-600`:

    .bg-indigo-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
    }
-}
bgIndigo600 : Attribute msg
bgIndigo600 =
    class "bg-indigo-600"


{-| Maps to `bg-indigo-700`:

    .bg-indigo-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
    }
-}
bgIndigo700 : Attribute msg
bgIndigo700 =
    class "bg-indigo-700"


{-| Maps to `bg-indigo-800`:

    .bg-indigo-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
    }
-}
bgIndigo800 : Attribute msg
bgIndigo800 =
    class "bg-indigo-800"


{-| Maps to `bg-indigo-900`:

    .bg-indigo-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
    }
-}
bgIndigo900 : Attribute msg
bgIndigo900 =
    class "bg-indigo-900"


{-| Maps to `bg-purple-50`:

    .bg-purple-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
    }
-}
bgPurple50 : Attribute msg
bgPurple50 =
    class "bg-purple-50"


{-| Maps to `bg-purple-100`:

    .bg-purple-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
    }
-}
bgPurple100 : Attribute msg
bgPurple100 =
    class "bg-purple-100"


{-| Maps to `bg-purple-200`:

    .bg-purple-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
    }
-}
bgPurple200 : Attribute msg
bgPurple200 =
    class "bg-purple-200"


{-| Maps to `bg-purple-300`:

    .bg-purple-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
    }
-}
bgPurple300 : Attribute msg
bgPurple300 =
    class "bg-purple-300"


{-| Maps to `bg-purple-400`:

    .bg-purple-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
    }
-}
bgPurple400 : Attribute msg
bgPurple400 =
    class "bg-purple-400"


{-| Maps to `bg-purple-500`:

    .bg-purple-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
    }
-}
bgPurple500 : Attribute msg
bgPurple500 =
    class "bg-purple-500"


{-| Maps to `bg-purple-600`:

    .bg-purple-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
    }
-}
bgPurple600 : Attribute msg
bgPurple600 =
    class "bg-purple-600"


{-| Maps to `bg-purple-700`:

    .bg-purple-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
    }
-}
bgPurple700 : Attribute msg
bgPurple700 =
    class "bg-purple-700"


{-| Maps to `bg-purple-800`:

    .bg-purple-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
    }
-}
bgPurple800 : Attribute msg
bgPurple800 =
    class "bg-purple-800"


{-| Maps to `bg-purple-900`:

    .bg-purple-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
    }
-}
bgPurple900 : Attribute msg
bgPurple900 =
    class "bg-purple-900"


{-| Maps to `bg-pink-50`:

    .bg-pink-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
    }
-}
bgPink50 : Attribute msg
bgPink50 =
    class "bg-pink-50"


{-| Maps to `bg-pink-100`:

    .bg-pink-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
    }
-}
bgPink100 : Attribute msg
bgPink100 =
    class "bg-pink-100"


{-| Maps to `bg-pink-200`:

    .bg-pink-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
    }
-}
bgPink200 : Attribute msg
bgPink200 =
    class "bg-pink-200"


{-| Maps to `bg-pink-300`:

    .bg-pink-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
    }
-}
bgPink300 : Attribute msg
bgPink300 =
    class "bg-pink-300"


{-| Maps to `bg-pink-400`:

    .bg-pink-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
    }
-}
bgPink400 : Attribute msg
bgPink400 =
    class "bg-pink-400"


{-| Maps to `bg-pink-500`:

    .bg-pink-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
    }
-}
bgPink500 : Attribute msg
bgPink500 =
    class "bg-pink-500"


{-| Maps to `bg-pink-600`:

    .bg-pink-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
    }
-}
bgPink600 : Attribute msg
bgPink600 =
    class "bg-pink-600"


{-| Maps to `bg-pink-700`:

    .bg-pink-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
    }
-}
bgPink700 : Attribute msg
bgPink700 =
    class "bg-pink-700"


{-| Maps to `bg-pink-800`:

    .bg-pink-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
    }
-}
bgPink800 : Attribute msg
bgPink800 =
    class "bg-pink-800"


{-| Maps to `bg-pink-900`:

    .bg-pink-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
    }
-}
bgPink900 : Attribute msg
bgPink900 =
    class "bg-pink-900"


{-| Maps to `group-hover:bg-transparent`:

    .group:hover .group-hover\:bg-transparent {
      background-color: transparent;
    }
-}
groupHoverBgTransparent : Attribute msg
groupHoverBgTransparent =
    class "group-hover:bg-transparent"


{-| Maps to `group-hover:bg-current`:

    .group:hover .group-hover\:bg-current {
      background-color: currentColor;
    }
-}
groupHoverBgCurrent : Attribute msg
groupHoverBgCurrent =
    class "group-hover:bg-current"


{-| Maps to `group-hover:bg-black`:

    .group:hover .group-hover\:bg-black {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }
-}
groupHoverBgBlack : Attribute msg
groupHoverBgBlack =
    class "group-hover:bg-black"


{-| Maps to `group-hover:bg-white`:

    .group:hover .group-hover\:bg-white {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }
-}
groupHoverBgWhite : Attribute msg
groupHoverBgWhite =
    class "group-hover:bg-white"


{-| Maps to `group-hover:bg-gray-50`:

    .group:hover .group-hover\:bg-gray-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    }
-}
groupHoverBgGray50 : Attribute msg
groupHoverBgGray50 =
    class "group-hover:bg-gray-50"


{-| Maps to `group-hover:bg-gray-100`:

    .group:hover .group-hover\:bg-gray-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    }
-}
groupHoverBgGray100 : Attribute msg
groupHoverBgGray100 =
    class "group-hover:bg-gray-100"


{-| Maps to `group-hover:bg-gray-200`:

    .group:hover .group-hover\:bg-gray-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
    }
-}
groupHoverBgGray200 : Attribute msg
groupHoverBgGray200 =
    class "group-hover:bg-gray-200"


{-| Maps to `group-hover:bg-gray-300`:

    .group:hover .group-hover\:bg-gray-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
    }
-}
groupHoverBgGray300 : Attribute msg
groupHoverBgGray300 =
    class "group-hover:bg-gray-300"


{-| Maps to `group-hover:bg-gray-400`:

    .group:hover .group-hover\:bg-gray-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
    }
-}
groupHoverBgGray400 : Attribute msg
groupHoverBgGray400 =
    class "group-hover:bg-gray-400"


{-| Maps to `group-hover:bg-gray-500`:

    .group:hover .group-hover\:bg-gray-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
    }
-}
groupHoverBgGray500 : Attribute msg
groupHoverBgGray500 =
    class "group-hover:bg-gray-500"


{-| Maps to `group-hover:bg-gray-600`:

    .group:hover .group-hover\:bg-gray-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
    }
-}
groupHoverBgGray600 : Attribute msg
groupHoverBgGray600 =
    class "group-hover:bg-gray-600"


{-| Maps to `group-hover:bg-gray-700`:

    .group:hover .group-hover\:bg-gray-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
    }
-}
groupHoverBgGray700 : Attribute msg
groupHoverBgGray700 =
    class "group-hover:bg-gray-700"


{-| Maps to `group-hover:bg-gray-800`:

    .group:hover .group-hover\:bg-gray-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
    }
-}
groupHoverBgGray800 : Attribute msg
groupHoverBgGray800 =
    class "group-hover:bg-gray-800"


{-| Maps to `group-hover:bg-gray-900`:

    .group:hover .group-hover\:bg-gray-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
    }
-}
groupHoverBgGray900 : Attribute msg
groupHoverBgGray900 =
    class "group-hover:bg-gray-900"


{-| Maps to `group-hover:bg-red-50`:

    .group:hover .group-hover\:bg-red-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
    }
-}
groupHoverBgRed50 : Attribute msg
groupHoverBgRed50 =
    class "group-hover:bg-red-50"


{-| Maps to `group-hover:bg-red-100`:

    .group:hover .group-hover\:bg-red-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
    }
-}
groupHoverBgRed100 : Attribute msg
groupHoverBgRed100 =
    class "group-hover:bg-red-100"


{-| Maps to `group-hover:bg-red-200`:

    .group:hover .group-hover\:bg-red-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
    }
-}
groupHoverBgRed200 : Attribute msg
groupHoverBgRed200 =
    class "group-hover:bg-red-200"


{-| Maps to `group-hover:bg-red-300`:

    .group:hover .group-hover\:bg-red-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
    }
-}
groupHoverBgRed300 : Attribute msg
groupHoverBgRed300 =
    class "group-hover:bg-red-300"


{-| Maps to `group-hover:bg-red-400`:

    .group:hover .group-hover\:bg-red-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
    }
-}
groupHoverBgRed400 : Attribute msg
groupHoverBgRed400 =
    class "group-hover:bg-red-400"


{-| Maps to `group-hover:bg-red-500`:

    .group:hover .group-hover\:bg-red-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
    }
-}
groupHoverBgRed500 : Attribute msg
groupHoverBgRed500 =
    class "group-hover:bg-red-500"


{-| Maps to `group-hover:bg-red-600`:

    .group:hover .group-hover\:bg-red-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
    }
-}
groupHoverBgRed600 : Attribute msg
groupHoverBgRed600 =
    class "group-hover:bg-red-600"


{-| Maps to `group-hover:bg-red-700`:

    .group:hover .group-hover\:bg-red-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
    }
-}
groupHoverBgRed700 : Attribute msg
groupHoverBgRed700 =
    class "group-hover:bg-red-700"


{-| Maps to `group-hover:bg-red-800`:

    .group:hover .group-hover\:bg-red-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
    }
-}
groupHoverBgRed800 : Attribute msg
groupHoverBgRed800 =
    class "group-hover:bg-red-800"


{-| Maps to `group-hover:bg-red-900`:

    .group:hover .group-hover\:bg-red-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
    }
-}
groupHoverBgRed900 : Attribute msg
groupHoverBgRed900 =
    class "group-hover:bg-red-900"


{-| Maps to `group-hover:bg-yellow-50`:

    .group:hover .group-hover\:bg-yellow-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
    }
-}
groupHoverBgYellow50 : Attribute msg
groupHoverBgYellow50 =
    class "group-hover:bg-yellow-50"


{-| Maps to `group-hover:bg-yellow-100`:

    .group:hover .group-hover\:bg-yellow-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
    }
-}
groupHoverBgYellow100 : Attribute msg
groupHoverBgYellow100 =
    class "group-hover:bg-yellow-100"


{-| Maps to `group-hover:bg-yellow-200`:

    .group:hover .group-hover\:bg-yellow-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
    }
-}
groupHoverBgYellow200 : Attribute msg
groupHoverBgYellow200 =
    class "group-hover:bg-yellow-200"


{-| Maps to `group-hover:bg-yellow-300`:

    .group:hover .group-hover\:bg-yellow-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
    }
-}
groupHoverBgYellow300 : Attribute msg
groupHoverBgYellow300 =
    class "group-hover:bg-yellow-300"


{-| Maps to `group-hover:bg-yellow-400`:

    .group:hover .group-hover\:bg-yellow-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
    }
-}
groupHoverBgYellow400 : Attribute msg
groupHoverBgYellow400 =
    class "group-hover:bg-yellow-400"


{-| Maps to `group-hover:bg-yellow-500`:

    .group:hover .group-hover\:bg-yellow-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
    }
-}
groupHoverBgYellow500 : Attribute msg
groupHoverBgYellow500 =
    class "group-hover:bg-yellow-500"


{-| Maps to `group-hover:bg-yellow-600`:

    .group:hover .group-hover\:bg-yellow-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
    }
-}
groupHoverBgYellow600 : Attribute msg
groupHoverBgYellow600 =
    class "group-hover:bg-yellow-600"


{-| Maps to `group-hover:bg-yellow-700`:

    .group:hover .group-hover\:bg-yellow-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
    }
-}
groupHoverBgYellow700 : Attribute msg
groupHoverBgYellow700 =
    class "group-hover:bg-yellow-700"


{-| Maps to `group-hover:bg-yellow-800`:

    .group:hover .group-hover\:bg-yellow-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
    }
-}
groupHoverBgYellow800 : Attribute msg
groupHoverBgYellow800 =
    class "group-hover:bg-yellow-800"


{-| Maps to `group-hover:bg-yellow-900`:

    .group:hover .group-hover\:bg-yellow-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(120, 53, 15, var(--tw-bg-opacity));
    }
-}
groupHoverBgYellow900 : Attribute msg
groupHoverBgYellow900 =
    class "group-hover:bg-yellow-900"


{-| Maps to `group-hover:bg-green-50`:

    .group:hover .group-hover\:bg-green-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 253, 245, var(--tw-bg-opacity));
    }
-}
groupHoverBgGreen50 : Attribute msg
groupHoverBgGreen50 =
    class "group-hover:bg-green-50"


{-| Maps to `group-hover:bg-green-100`:

    .group:hover .group-hover\:bg-green-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 250, 229, var(--tw-bg-opacity));
    }
-}
groupHoverBgGreen100 : Attribute msg
groupHoverBgGreen100 =
    class "group-hover:bg-green-100"


{-| Maps to `group-hover:bg-green-200`:

    .group:hover .group-hover\:bg-green-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
    }
-}
groupHoverBgGreen200 : Attribute msg
groupHoverBgGreen200 =
    class "group-hover:bg-green-200"


{-| Maps to `group-hover:bg-green-300`:

    .group:hover .group-hover\:bg-green-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(110, 231, 183, var(--tw-bg-opacity));
    }
-}
groupHoverBgGreen300 : Attribute msg
groupHoverBgGreen300 =
    class "group-hover:bg-green-300"


{-| Maps to `group-hover:bg-green-400`:

    .group:hover .group-hover\:bg-green-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
    }
-}
groupHoverBgGreen400 : Attribute msg
groupHoverBgGreen400 =
    class "group-hover:bg-green-400"


{-| Maps to `group-hover:bg-green-500`:

    .group:hover .group-hover\:bg-green-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
    }
-}
groupHoverBgGreen500 : Attribute msg
groupHoverBgGreen500 =
    class "group-hover:bg-green-500"


{-| Maps to `group-hover:bg-green-600`:

    .group:hover .group-hover\:bg-green-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(5, 150, 105, var(--tw-bg-opacity));
    }
-}
groupHoverBgGreen600 : Attribute msg
groupHoverBgGreen600 =
    class "group-hover:bg-green-600"


{-| Maps to `group-hover:bg-green-700`:

    .group:hover .group-hover\:bg-green-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(4, 120, 87, var(--tw-bg-opacity));
    }
-}
groupHoverBgGreen700 : Attribute msg
groupHoverBgGreen700 =
    class "group-hover:bg-green-700"


{-| Maps to `group-hover:bg-green-800`:

    .group:hover .group-hover\:bg-green-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 95, 70, var(--tw-bg-opacity));
    }
-}
groupHoverBgGreen800 : Attribute msg
groupHoverBgGreen800 =
    class "group-hover:bg-green-800"


{-| Maps to `group-hover:bg-green-900`:

    .group:hover .group-hover\:bg-green-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(6, 78, 59, var(--tw-bg-opacity));
    }
-}
groupHoverBgGreen900 : Attribute msg
groupHoverBgGreen900 =
    class "group-hover:bg-green-900"


{-| Maps to `group-hover:bg-blue-50`:

    .group:hover .group-hover\:bg-blue-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 246, 255, var(--tw-bg-opacity));
    }
-}
groupHoverBgBlue50 : Attribute msg
groupHoverBgBlue50 =
    class "group-hover:bg-blue-50"


{-| Maps to `group-hover:bg-blue-100`:

    .group:hover .group-hover\:bg-blue-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 234, 254, var(--tw-bg-opacity));
    }
-}
groupHoverBgBlue100 : Attribute msg
groupHoverBgBlue100 =
    class "group-hover:bg-blue-100"


{-| Maps to `group-hover:bg-blue-200`:

    .group:hover .group-hover\:bg-blue-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
    }
-}
groupHoverBgBlue200 : Attribute msg
groupHoverBgBlue200 =
    class "group-hover:bg-blue-200"


{-| Maps to `group-hover:bg-blue-300`:

    .group:hover .group-hover\:bg-blue-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(147, 197, 253, var(--tw-bg-opacity));
    }
-}
groupHoverBgBlue300 : Attribute msg
groupHoverBgBlue300 =
    class "group-hover:bg-blue-300"


{-| Maps to `group-hover:bg-blue-400`:

    .group:hover .group-hover\:bg-blue-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
    }
-}
groupHoverBgBlue400 : Attribute msg
groupHoverBgBlue400 =
    class "group-hover:bg-blue-400"


{-| Maps to `group-hover:bg-blue-500`:

    .group:hover .group-hover\:bg-blue-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
    }
-}
groupHoverBgBlue500 : Attribute msg
groupHoverBgBlue500 =
    class "group-hover:bg-blue-500"


{-| Maps to `group-hover:bg-blue-600`:

    .group:hover .group-hover\:bg-blue-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
    }
-}
groupHoverBgBlue600 : Attribute msg
groupHoverBgBlue600 =
    class "group-hover:bg-blue-600"


{-| Maps to `group-hover:bg-blue-700`:

    .group:hover .group-hover\:bg-blue-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
    }
-}
groupHoverBgBlue700 : Attribute msg
groupHoverBgBlue700 =
    class "group-hover:bg-blue-700"


{-| Maps to `group-hover:bg-blue-800`:

    .group:hover .group-hover\:bg-blue-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
    }
-}
groupHoverBgBlue800 : Attribute msg
groupHoverBgBlue800 =
    class "group-hover:bg-blue-800"


{-| Maps to `group-hover:bg-blue-900`:

    .group:hover .group-hover\:bg-blue-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(30, 58, 138, var(--tw-bg-opacity));
    }
-}
groupHoverBgBlue900 : Attribute msg
groupHoverBgBlue900 =
    class "group-hover:bg-blue-900"


{-| Maps to `group-hover:bg-indigo-50`:

    .group:hover .group-hover\:bg-indigo-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
    }
-}
groupHoverBgIndigo50 : Attribute msg
groupHoverBgIndigo50 =
    class "group-hover:bg-indigo-50"


{-| Maps to `group-hover:bg-indigo-100`:

    .group:hover .group-hover\:bg-indigo-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
    }
-}
groupHoverBgIndigo100 : Attribute msg
groupHoverBgIndigo100 =
    class "group-hover:bg-indigo-100"


{-| Maps to `group-hover:bg-indigo-200`:

    .group:hover .group-hover\:bg-indigo-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(199, 210, 254, var(--tw-bg-opacity));
    }
-}
groupHoverBgIndigo200 : Attribute msg
groupHoverBgIndigo200 =
    class "group-hover:bg-indigo-200"


{-| Maps to `group-hover:bg-indigo-300`:

    .group:hover .group-hover\:bg-indigo-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(165, 180, 252, var(--tw-bg-opacity));
    }
-}
groupHoverBgIndigo300 : Attribute msg
groupHoverBgIndigo300 =
    class "group-hover:bg-indigo-300"


{-| Maps to `group-hover:bg-indigo-400`:

    .group:hover .group-hover\:bg-indigo-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(129, 140, 248, var(--tw-bg-opacity));
    }
-}
groupHoverBgIndigo400 : Attribute msg
groupHoverBgIndigo400 =
    class "group-hover:bg-indigo-400"


{-| Maps to `group-hover:bg-indigo-500`:

    .group:hover .group-hover\:bg-indigo-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
    }
-}
groupHoverBgIndigo500 : Attribute msg
groupHoverBgIndigo500 =
    class "group-hover:bg-indigo-500"


{-| Maps to `group-hover:bg-indigo-600`:

    .group:hover .group-hover\:bg-indigo-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
    }
-}
groupHoverBgIndigo600 : Attribute msg
groupHoverBgIndigo600 =
    class "group-hover:bg-indigo-600"


{-| Maps to `group-hover:bg-indigo-700`:

    .group:hover .group-hover\:bg-indigo-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
    }
-}
groupHoverBgIndigo700 : Attribute msg
groupHoverBgIndigo700 =
    class "group-hover:bg-indigo-700"


{-| Maps to `group-hover:bg-indigo-800`:

    .group:hover .group-hover\:bg-indigo-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 48, 163, var(--tw-bg-opacity));
    }
-}
groupHoverBgIndigo800 : Attribute msg
groupHoverBgIndigo800 =
    class "group-hover:bg-indigo-800"


{-| Maps to `group-hover:bg-indigo-900`:

    .group:hover .group-hover\:bg-indigo-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(49, 46, 129, var(--tw-bg-opacity));
    }
-}
groupHoverBgIndigo900 : Attribute msg
groupHoverBgIndigo900 =
    class "group-hover:bg-indigo-900"


{-| Maps to `group-hover:bg-purple-50`:

    .group:hover .group-hover\:bg-purple-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 243, 255, var(--tw-bg-opacity));
    }
-}
groupHoverBgPurple50 : Attribute msg
groupHoverBgPurple50 =
    class "group-hover:bg-purple-50"


{-| Maps to `group-hover:bg-purple-100`:

    .group:hover .group-hover\:bg-purple-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(237, 233, 254, var(--tw-bg-opacity));
    }
-}
groupHoverBgPurple100 : Attribute msg
groupHoverBgPurple100 =
    class "group-hover:bg-purple-100"


{-| Maps to `group-hover:bg-purple-200`:

    .group:hover .group-hover\:bg-purple-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(221, 214, 254, var(--tw-bg-opacity));
    }
-}
groupHoverBgPurple200 : Attribute msg
groupHoverBgPurple200 =
    class "group-hover:bg-purple-200"


{-| Maps to `group-hover:bg-purple-300`:

    .group:hover .group-hover\:bg-purple-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(196, 181, 253, var(--tw-bg-opacity));
    }
-}
groupHoverBgPurple300 : Attribute msg
groupHoverBgPurple300 =
    class "group-hover:bg-purple-300"


{-| Maps to `group-hover:bg-purple-400`:

    .group:hover .group-hover\:bg-purple-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(167, 139, 250, var(--tw-bg-opacity));
    }
-}
groupHoverBgPurple400 : Attribute msg
groupHoverBgPurple400 =
    class "group-hover:bg-purple-400"


{-| Maps to `group-hover:bg-purple-500`:

    .group:hover .group-hover\:bg-purple-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(139, 92, 246, var(--tw-bg-opacity));
    }
-}
groupHoverBgPurple500 : Attribute msg
groupHoverBgPurple500 =
    class "group-hover:bg-purple-500"


{-| Maps to `group-hover:bg-purple-600`:

    .group:hover .group-hover\:bg-purple-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
    }
-}
groupHoverBgPurple600 : Attribute msg
groupHoverBgPurple600 =
    class "group-hover:bg-purple-600"


{-| Maps to `group-hover:bg-purple-700`:

    .group:hover .group-hover\:bg-purple-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
    }
-}
groupHoverBgPurple700 : Attribute msg
groupHoverBgPurple700 =
    class "group-hover:bg-purple-700"


{-| Maps to `group-hover:bg-purple-800`:

    .group:hover .group-hover\:bg-purple-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(91, 33, 182, var(--tw-bg-opacity));
    }
-}
groupHoverBgPurple800 : Attribute msg
groupHoverBgPurple800 =
    class "group-hover:bg-purple-800"


{-| Maps to `group-hover:bg-purple-900`:

    .group:hover .group-hover\:bg-purple-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(76, 29, 149, var(--tw-bg-opacity));
    }
-}
groupHoverBgPurple900 : Attribute msg
groupHoverBgPurple900 =
    class "group-hover:bg-purple-900"


{-| Maps to `group-hover:bg-pink-50`:

    .group:hover .group-hover\:bg-pink-50 {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 242, 248, var(--tw-bg-opacity));
    }
-}
groupHoverBgPink50 : Attribute msg
groupHoverBgPink50 =
    class "group-hover:bg-pink-50"


{-| Maps to `group-hover:bg-pink-100`:

    .group:hover .group-hover\:bg-pink-100 {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 231, 243, var(--tw-bg-opacity));
    }
-}
groupHoverBgPink100 : Attribute msg
groupHoverBgPink100 =
    class "group-hover:bg-pink-100"


{-| Maps to `group-hover:bg-pink-200`:

    .group:hover .group-hover\:bg-pink-200 {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 207, 232, var(--tw-bg-opacity));
    }
-}
groupHoverBgPink200 : Attribute msg
groupHoverBgPink200 =
    class "group-hover:bg-pink-200"


{-| Maps to `group-hover:bg-pink-300`:

    .group:hover .group-hover\:bg-pink-300 {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 168, 212, var(--tw-bg-opacity));
    }
-}
groupHoverBgPink300 : Attribute msg
groupHoverBgPink300 =
    class "group-hover:bg-pink-300"


{-| Maps to `group-hover:bg-pink-400`:

    .group:hover .group-hover\:bg-pink-400 {
      --tw-bg-opacity: 1;
      background-color: rgba(244, 114, 182, var(--tw-bg-opacity));
    }
-}
groupHoverBgPink400 : Attribute msg
groupHoverBgPink400 =
    class "group-hover:bg-pink-400"


{-| Maps to `group-hover:bg-pink-500`:

    .group:hover .group-hover\:bg-pink-500 {
      --tw-bg-opacity: 1;
      background-color: rgba(236, 72, 153, var(--tw-bg-opacity));
    }
-}
groupHoverBgPink500 : Attribute msg
groupHoverBgPink500 =
    class "group-hover:bg-pink-500"


{-| Maps to `group-hover:bg-pink-600`:

    .group:hover .group-hover\:bg-pink-600 {
      --tw-bg-opacity: 1;
      background-color: rgba(219, 39, 119, var(--tw-bg-opacity));
    }
-}
groupHoverBgPink600 : Attribute msg
groupHoverBgPink600 =
    class "group-hover:bg-pink-600"


{-| Maps to `group-hover:bg-pink-700`:

    .group:hover .group-hover\:bg-pink-700 {
      --tw-bg-opacity: 1;
      background-color: rgba(190, 24, 93, var(--tw-bg-opacity));
    }
-}
groupHoverBgPink700 : Attribute msg
groupHoverBgPink700 =
    class "group-hover:bg-pink-700"


{-| Maps to `group-hover:bg-pink-800`:

    .group:hover .group-hover\:bg-pink-800 {
      --tw-bg-opacity: 1;
      background-color: rgba(157, 23, 77, var(--tw-bg-opacity));
    }
-}
groupHoverBgPink800 : Attribute msg
groupHoverBgPink800 =
    class "group-hover:bg-pink-800"


{-| Maps to `group-hover:bg-pink-900`:

    .group:hover .group-hover\:bg-pink-900 {
      --tw-bg-opacity: 1;
      background-color: rgba(131, 24, 67, var(--tw-bg-opacity));
    }
-}
groupHoverBgPink900 : Attribute msg
groupHoverBgPink900 =
    class "group-hover:bg-pink-900"


{-| Maps to `focus-within:bg-transparent`:

    .focus-within\:bg-transparent:focus-within {
      background-color: transparent;
    }
-}
focusWithinBgTransparent : Attribute msg
focusWithinBgTransparent =
    class "focus-within:bg-transparent"


{-| Maps to `focus-within:bg-current`:

    .focus-within\:bg-current:focus-within {
      background-color: currentColor;
    }
-}
focusWithinBgCurrent : Attribute msg
focusWithinBgCurrent =
    class "focus-within:bg-current"


{-| Maps to `focus-within:bg-black`:

    .focus-within\:bg-black:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }
-}
focusWithinBgBlack : Attribute msg
focusWithinBgBlack =
    class "focus-within:bg-black"


{-| Maps to `focus-within:bg-white`:

    .focus-within\:bg-white:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }
-}
focusWithinBgWhite : Attribute msg
focusWithinBgWhite =
    class "focus-within:bg-white"


{-| Maps to `focus-within:bg-gray-50`:

    .focus-within\:bg-gray-50:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    }
-}
focusWithinBgGray50 : Attribute msg
focusWithinBgGray50 =
    class "focus-within:bg-gray-50"


{-| Maps to `focus-within:bg-gray-100`:

    .focus-within\:bg-gray-100:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    }
-}
focusWithinBgGray100 : Attribute msg
focusWithinBgGray100 =
    class "focus-within:bg-gray-100"


{-| Maps to `focus-within:bg-gray-200`:

    .focus-within\:bg-gray-200:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
    }
-}
focusWithinBgGray200 : Attribute msg
focusWithinBgGray200 =
    class "focus-within:bg-gray-200"


{-| Maps to `focus-within:bg-gray-300`:

    .focus-within\:bg-gray-300:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
    }
-}
focusWithinBgGray300 : Attribute msg
focusWithinBgGray300 =
    class "focus-within:bg-gray-300"


{-| Maps to `focus-within:bg-gray-400`:

    .focus-within\:bg-gray-400:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
    }
-}
focusWithinBgGray400 : Attribute msg
focusWithinBgGray400 =
    class "focus-within:bg-gray-400"


{-| Maps to `focus-within:bg-gray-500`:

    .focus-within\:bg-gray-500:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
    }
-}
focusWithinBgGray500 : Attribute msg
focusWithinBgGray500 =
    class "focus-within:bg-gray-500"


{-| Maps to `focus-within:bg-gray-600`:

    .focus-within\:bg-gray-600:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
    }
-}
focusWithinBgGray600 : Attribute msg
focusWithinBgGray600 =
    class "focus-within:bg-gray-600"


{-| Maps to `focus-within:bg-gray-700`:

    .focus-within\:bg-gray-700:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
    }
-}
focusWithinBgGray700 : Attribute msg
focusWithinBgGray700 =
    class "focus-within:bg-gray-700"


{-| Maps to `focus-within:bg-gray-800`:

    .focus-within\:bg-gray-800:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
    }
-}
focusWithinBgGray800 : Attribute msg
focusWithinBgGray800 =
    class "focus-within:bg-gray-800"


{-| Maps to `focus-within:bg-gray-900`:

    .focus-within\:bg-gray-900:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
    }
-}
focusWithinBgGray900 : Attribute msg
focusWithinBgGray900 =
    class "focus-within:bg-gray-900"


{-| Maps to `focus-within:bg-red-50`:

    .focus-within\:bg-red-50:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
    }
-}
focusWithinBgRed50 : Attribute msg
focusWithinBgRed50 =
    class "focus-within:bg-red-50"


{-| Maps to `focus-within:bg-red-100`:

    .focus-within\:bg-red-100:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
    }
-}
focusWithinBgRed100 : Attribute msg
focusWithinBgRed100 =
    class "focus-within:bg-red-100"


{-| Maps to `focus-within:bg-red-200`:

    .focus-within\:bg-red-200:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
    }
-}
focusWithinBgRed200 : Attribute msg
focusWithinBgRed200 =
    class "focus-within:bg-red-200"


{-| Maps to `focus-within:bg-red-300`:

    .focus-within\:bg-red-300:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 165, 165, var(--tw-bg-opacity));
    }
-}
focusWithinBgRed300 : Attribute msg
focusWithinBgRed300 =
    class "focus-within:bg-red-300"


{-| Maps to `focus-within:bg-red-400`:

    .focus-within\:bg-red-400:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
    }
-}
focusWithinBgRed400 : Attribute msg
focusWithinBgRed400 =
    class "focus-within:bg-red-400"


{-| Maps to `focus-within:bg-red-500`:

    .focus-within\:bg-red-500:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
    }
-}
focusWithinBgRed500 : Attribute msg
focusWithinBgRed500 =
    class "focus-within:bg-red-500"


{-| Maps to `focus-within:bg-red-600`:

    .focus-within\:bg-red-600:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
    }
-}
focusWithinBgRed600 : Attribute msg
focusWithinBgRed600 =
    class "focus-within:bg-red-600"


{-| Maps to `focus-within:bg-red-700`:

    .focus-within\:bg-red-700:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
    }
-}
focusWithinBgRed700 : Attribute msg
focusWithinBgRed700 =
    class "focus-within:bg-red-700"


{-| Maps to `focus-within:bg-red-800`:

    .focus-within\:bg-red-800:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
    }
-}
focusWithinBgRed800 : Attribute msg
focusWithinBgRed800 =
    class "focus-within:bg-red-800"


{-| Maps to `focus-within:bg-red-900`:

    .focus-within\:bg-red-900:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(127, 29, 29, var(--tw-bg-opacity));
    }
-}
focusWithinBgRed900 : Attribute msg
focusWithinBgRed900 =
    class "focus-within:bg-red-900"


{-| Maps to `focus-within:bg-yellow-50`:

    .focus-within\:bg-yellow-50:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 251, 235, var(--tw-bg-opacity));
    }
-}
focusWithinBgYellow50 : Attribute msg
focusWithinBgYellow50 =
    class "focus-within:bg-yellow-50"


{-| Maps to `focus-within:bg-yellow-100`:

    .focus-within\:bg-yellow-100:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(254, 243, 199, var(--tw-bg-opacity));
    }
-}
focusWithinBgYellow100 : Attribute msg
focusWithinBgYellow100 =
    class "focus-within:bg-yellow-100"


{-| Maps to `focus-within:bg-yellow-200`:

    .focus-within\:bg-yellow-200:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(253, 230, 138, var(--tw-bg-opacity));
    }
-}
focusWithinBgYellow200 : Attribute msg
focusWithinBgYellow200 =
    class "focus-within:bg-yellow-200"


{-| Maps to `focus-within:bg-yellow-300`:

    .focus-within\:bg-yellow-300:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(252, 211, 77, var(--tw-bg-opacity));
    }
-}
focusWithinBgYellow300 : Attribute msg
focusWithinBgYellow300 =
    class "focus-within:bg-yellow-300"


{-| Maps to `focus-within:bg-yellow-400`:

    .focus-within\:bg-yellow-400:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(251, 191, 36, var(--tw-bg-opacity));
    }
-}
focusWithinBgYellow400 : Attribute msg
focusWithinBgYellow400 =
    class "focus-within:bg-yellow-400"


{-| Maps to `focus-within:bg-yellow-500`:

    .focus-within\:bg-yellow-500:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
    }
-}
focusWithinBgYellow500 : Attribute msg
focusWithinBgYellow500 =
    class "focus-within:bg-yellow-500"


{-| Maps to `focus-within:bg-yellow-600`:

    .focus-within\:bg-yellow-600:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
    }
-}
focusWithinBgYellow600 : Attribute msg
focusWithinBgYellow600 =
    class "focus-within:bg-yellow-600"


{-| Maps to `focus-within:bg-yellow-700`:

    .focus-within\:bg-yellow-700:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
    }
-}
focusWithinBgYellow700 : Attribute msg
focusWithinBgYellow700 =
    class "focus-within:bg-yellow-700"


{-| Maps to `focus-within:bg-yellow-800`:

    .focus-within\:bg-yellow-800:focus-within {
      --tw-bg-opacity: 1;
      background-color: rgba(146, 64, 14, var(--tw-bg-opacity));
    }
-}