diff --git a/README.md b/README.md index 3d4ba94..c64f5cb 100644 --- a/README.md +++ b/README.md @@ -73,7 +73,7 @@ module.exports = { // Specify the button colors you'd like to generate. - // + // // By default, buttons are generated for all of Tailwind's // default base colors. colors: { @@ -91,7 +91,7 @@ module.exports = { // Specify additional button sizes you'd like to generate. - // + // // You can override any of the default styles from above // at any given button size. sizes: { @@ -132,7 +132,7 @@ module.exports = { } }) - return options + return options }), ], } @@ -181,6 +181,7 @@ The plugin generates the following sets of classes: - `.grid-columns-{size}`, for specifying the number of columns in the grid - `.grid-gap-{size}`, for specifying the size of the gap between columns/rows - `.col-span-{columns}`, for specifying how wide a column should be -- `.col-start-{line}` and `.col-end-{line}`, for specifying a column's start and end points explicitly (useful for reordering columns or leaving gaps) +- `.col-start-{column}` and `.col-end-{column}`, for specifying a column's start and end points explicitly (useful for reordering columns or leaving gaps) +- `.row-span-{lines}`, for specifying how wide a column should be It's not really practical to expose all of the power of CSS Grid through utilities, but this plugin is a good example of using CSS Grid to replace a column-only float or Flexbox grid. diff --git a/dist/styles.css b/dist/styles.css index a31c057..13b5c36 100644 --- a/dist/styles.css +++ b/dist/styles.css @@ -518,16 +518,6 @@ ul { margin: 0; } -/** - * Suppress the focus outline on elements that cannot be accessed via keyboard. - * This prevents an unwanted focus outline from appearing around elements that - * might still respond to pointer events. - */ - -[tabindex="-1"]:focus { - outline: none !important; -} - /** * Tailwind custom reset styles */ @@ -589,6 +579,7 @@ textarea { img { max-width: 100%; + height: auto; } button, @@ -610,6 +601,10 @@ button, cursor: pointer; } +table { + border-collapse: collapse; +} + .container { width: 100%; } @@ -912,6 +907,18 @@ button, background-color: #b8c2cc; } +.bg-grey-light\! { + background-color: #dae1e7 !important; +} + +.bg-grey\! { + background-color: #b8c2cc !important; +} + +.bg-grey-darkest\! { + background-color: #3d4852 !important; +} + .list-reset { list-style: none; padding: 0; @@ -1517,6 +1524,298 @@ button, background-color: #ffebef; } +.focus\:bg-transparent:focus { + background-color: transparent; +} + +.focus\:bg-black:focus { + background-color: #22292f; +} + +.focus\:bg-grey-darkest:focus { + background-color: #3d4852; +} + +.focus\:bg-grey-darker:focus { + background-color: #606f7b; +} + +.focus\:bg-grey-dark:focus { + background-color: #8795a1; +} + +.focus\:bg-grey:focus { + background-color: #b8c2cc; +} + +.focus\:bg-grey-light:focus { + background-color: #dae1e7; +} + +.focus\:bg-grey-lighter:focus { + background-color: #f1f5f8; +} + +.focus\:bg-grey-lightest:focus { + background-color: #f8fafc; +} + +.focus\:bg-white:focus { + background-color: #fff; +} + +.focus\:bg-red-darkest:focus { + background-color: #3b0d0c; +} + +.focus\:bg-red-darker:focus { + background-color: #621b18; +} + +.focus\:bg-red-dark:focus { + background-color: #cc1f1a; +} + +.focus\:bg-red:focus { + background-color: #e3342f; +} + +.focus\:bg-red-light:focus { + background-color: #ef5753; +} + +.focus\:bg-red-lighter:focus { + background-color: #f9acaa; +} + +.focus\:bg-red-lightest:focus { + background-color: #fcebea; +} + +.focus\:bg-orange-darkest:focus { + background-color: #462a16; +} + +.focus\:bg-orange-darker:focus { + background-color: #613b1f; +} + +.focus\:bg-orange-dark:focus { + background-color: #de751f; +} + +.focus\:bg-orange:focus { + background-color: #f6993f; +} + +.focus\:bg-orange-light:focus { + background-color: #faad63; +} + +.focus\:bg-orange-lighter:focus { + background-color: #fcd9b6; +} + +.focus\:bg-orange-lightest:focus { + background-color: #fff5eb; +} + +.focus\:bg-yellow-darkest:focus { + background-color: #453411; +} + +.focus\:bg-yellow-darker:focus { + background-color: #684f1d; +} + +.focus\:bg-yellow-dark:focus { + background-color: #f2d024; +} + +.focus\:bg-yellow:focus { + background-color: #ffed4a; +} + +.focus\:bg-yellow-light:focus { + background-color: #fff382; +} + +.focus\:bg-yellow-lighter:focus { + background-color: #fff9c2; +} + +.focus\:bg-yellow-lightest:focus { + background-color: #fcfbeb; +} + +.focus\:bg-green-darkest:focus { + background-color: #0f2f21; +} + +.focus\:bg-green-darker:focus { + background-color: #1a4731; +} + +.focus\:bg-green-dark:focus { + background-color: #1f9d55; +} + +.focus\:bg-green:focus { + background-color: #38c172; +} + +.focus\:bg-green-light:focus { + background-color: #51d88a; +} + +.focus\:bg-green-lighter:focus { + background-color: #a2f5bf; +} + +.focus\:bg-green-lightest:focus { + background-color: #e3fcec; +} + +.focus\:bg-teal-darkest:focus { + background-color: #0d3331; +} + +.focus\:bg-teal-darker:focus { + background-color: #20504f; +} + +.focus\:bg-teal-dark:focus { + background-color: #38a89d; +} + +.focus\:bg-teal:focus { + background-color: #4dc0b5; +} + +.focus\:bg-teal-light:focus { + background-color: #64d5ca; +} + +.focus\:bg-teal-lighter:focus { + background-color: #a0f0ed; +} + +.focus\:bg-teal-lightest:focus { + background-color: #e8fffe; +} + +.focus\:bg-blue-darkest:focus { + background-color: #12283a; +} + +.focus\:bg-blue-darker:focus { + background-color: #1c3d5a; +} + +.focus\:bg-blue-dark:focus { + background-color: #2779bd; +} + +.focus\:bg-blue:focus { + background-color: #3490dc; +} + +.focus\:bg-blue-light:focus { + background-color: #6cb2eb; +} + +.focus\:bg-blue-lighter:focus { + background-color: #bcdefa; +} + +.focus\:bg-blue-lightest:focus { + background-color: #eff8ff; +} + +.focus\:bg-indigo-darkest:focus { + background-color: #191e38; +} + +.focus\:bg-indigo-darker:focus { + background-color: #2f365f; +} + +.focus\:bg-indigo-dark:focus { + background-color: #5661b3; +} + +.focus\:bg-indigo:focus { + background-color: #6574cd; +} + +.focus\:bg-indigo-light:focus { + background-color: #7886d7; +} + +.focus\:bg-indigo-lighter:focus { + background-color: #b2b7ff; +} + +.focus\:bg-indigo-lightest:focus { + background-color: #e6e8ff; +} + +.focus\:bg-purple-darkest:focus { + background-color: #21183c; +} + +.focus\:bg-purple-darker:focus { + background-color: #382b5f; +} + +.focus\:bg-purple-dark:focus { + background-color: #794acf; +} + +.focus\:bg-purple:focus { + background-color: #9561e2; +} + +.focus\:bg-purple-light:focus { + background-color: #a779e9; +} + +.focus\:bg-purple-lighter:focus { + background-color: #d6bbfc; +} + +.focus\:bg-purple-lightest:focus { + background-color: #f3ebff; +} + +.focus\:bg-pink-darkest:focus { + background-color: #451225; +} + +.focus\:bg-pink-darker:focus { + background-color: #6f213f; +} + +.focus\:bg-pink-dark:focus { + background-color: #eb5286; +} + +.focus\:bg-pink:focus { + background-color: #f66d9b; +} + +.focus\:bg-pink-light:focus { + background-color: #fa7ea8; +} + +.focus\:bg-pink-lighter:focus { + background-color: #ffbbca; +} + +.focus\:bg-pink-lightest:focus { + background-color: #ffebef; +} + .bg-bottom { background-position: bottom; } @@ -1581,6 +1880,14 @@ button, background-size: contain; } +.border-collapse { + border-collapse: collapse; +} + +.border-separate { + border-collapse: separate; +} + .border-transparent { border-color: transparent; } @@ -2165,29 +2472,321 @@ button, border-color: #ffebef; } -.rounded-none { - border-radius: 0; +.focus\:border-transparent:focus { + border-color: transparent; } -.rounded-sm { - border-radius: .125rem; +.focus\:border-black:focus { + border-color: #22292f; } -.rounded { - border-radius: .25rem; +.focus\:border-grey-darkest:focus { + border-color: #3d4852; } -.rounded-lg { - border-radius: .5rem; +.focus\:border-grey-darker:focus { + border-color: #606f7b; } -.rounded-full { - border-radius: 9999px; +.focus\:border-grey-dark:focus { + border-color: #8795a1; } -.rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; +.focus\:border-grey:focus { + border-color: #b8c2cc; +} + +.focus\:border-grey-light:focus { + border-color: #dae1e7; +} + +.focus\:border-grey-lighter:focus { + border-color: #f1f5f8; +} + +.focus\:border-grey-lightest:focus { + border-color: #f8fafc; +} + +.focus\:border-white:focus { + border-color: #fff; +} + +.focus\:border-red-darkest:focus { + border-color: #3b0d0c; +} + +.focus\:border-red-darker:focus { + border-color: #621b18; +} + +.focus\:border-red-dark:focus { + border-color: #cc1f1a; +} + +.focus\:border-red:focus { + border-color: #e3342f; +} + +.focus\:border-red-light:focus { + border-color: #ef5753; +} + +.focus\:border-red-lighter:focus { + border-color: #f9acaa; +} + +.focus\:border-red-lightest:focus { + border-color: #fcebea; +} + +.focus\:border-orange-darkest:focus { + border-color: #462a16; +} + +.focus\:border-orange-darker:focus { + border-color: #613b1f; +} + +.focus\:border-orange-dark:focus { + border-color: #de751f; +} + +.focus\:border-orange:focus { + border-color: #f6993f; +} + +.focus\:border-orange-light:focus { + border-color: #faad63; +} + +.focus\:border-orange-lighter:focus { + border-color: #fcd9b6; +} + +.focus\:border-orange-lightest:focus { + border-color: #fff5eb; +} + +.focus\:border-yellow-darkest:focus { + border-color: #453411; +} + +.focus\:border-yellow-darker:focus { + border-color: #684f1d; +} + +.focus\:border-yellow-dark:focus { + border-color: #f2d024; +} + +.focus\:border-yellow:focus { + border-color: #ffed4a; +} + +.focus\:border-yellow-light:focus { + border-color: #fff382; +} + +.focus\:border-yellow-lighter:focus { + border-color: #fff9c2; +} + +.focus\:border-yellow-lightest:focus { + border-color: #fcfbeb; +} + +.focus\:border-green-darkest:focus { + border-color: #0f2f21; +} + +.focus\:border-green-darker:focus { + border-color: #1a4731; +} + +.focus\:border-green-dark:focus { + border-color: #1f9d55; +} + +.focus\:border-green:focus { + border-color: #38c172; +} + +.focus\:border-green-light:focus { + border-color: #51d88a; +} + +.focus\:border-green-lighter:focus { + border-color: #a2f5bf; +} + +.focus\:border-green-lightest:focus { + border-color: #e3fcec; +} + +.focus\:border-teal-darkest:focus { + border-color: #0d3331; +} + +.focus\:border-teal-darker:focus { + border-color: #20504f; +} + +.focus\:border-teal-dark:focus { + border-color: #38a89d; +} + +.focus\:border-teal:focus { + border-color: #4dc0b5; +} + +.focus\:border-teal-light:focus { + border-color: #64d5ca; +} + +.focus\:border-teal-lighter:focus { + border-color: #a0f0ed; +} + +.focus\:border-teal-lightest:focus { + border-color: #e8fffe; +} + +.focus\:border-blue-darkest:focus { + border-color: #12283a; +} + +.focus\:border-blue-darker:focus { + border-color: #1c3d5a; +} + +.focus\:border-blue-dark:focus { + border-color: #2779bd; +} + +.focus\:border-blue:focus { + border-color: #3490dc; +} + +.focus\:border-blue-light:focus { + border-color: #6cb2eb; +} + +.focus\:border-blue-lighter:focus { + border-color: #bcdefa; +} + +.focus\:border-blue-lightest:focus { + border-color: #eff8ff; +} + +.focus\:border-indigo-darkest:focus { + border-color: #191e38; +} + +.focus\:border-indigo-darker:focus { + border-color: #2f365f; +} + +.focus\:border-indigo-dark:focus { + border-color: #5661b3; +} + +.focus\:border-indigo:focus { + border-color: #6574cd; +} + +.focus\:border-indigo-light:focus { + border-color: #7886d7; +} + +.focus\:border-indigo-lighter:focus { + border-color: #b2b7ff; +} + +.focus\:border-indigo-lightest:focus { + border-color: #e6e8ff; +} + +.focus\:border-purple-darkest:focus { + border-color: #21183c; +} + +.focus\:border-purple-darker:focus { + border-color: #382b5f; +} + +.focus\:border-purple-dark:focus { + border-color: #794acf; +} + +.focus\:border-purple:focus { + border-color: #9561e2; +} + +.focus\:border-purple-light:focus { + border-color: #a779e9; +} + +.focus\:border-purple-lighter:focus { + border-color: #d6bbfc; +} + +.focus\:border-purple-lightest:focus { + border-color: #f3ebff; +} + +.focus\:border-pink-darkest:focus { + border-color: #451225; +} + +.focus\:border-pink-darker:focus { + border-color: #6f213f; +} + +.focus\:border-pink-dark:focus { + border-color: #eb5286; +} + +.focus\:border-pink:focus { + border-color: #f66d9b; +} + +.focus\:border-pink-light:focus { + border-color: #fa7ea8; +} + +.focus\:border-pink-lighter:focus { + border-color: #ffbbca; +} + +.focus\:border-pink-lightest:focus { + border-color: #ffebef; +} + +.rounded-none { + border-radius: 0; +} + +.rounded-sm { + border-radius: .125rem; +} + +.rounded { + border-radius: .25rem; +} + +.rounded-lg { + border-radius: .5rem; +} + +.rounded-full { + border-radius: 9999px; +} + +.rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } .rounded-r-none { @@ -2783,6 +3382,42 @@ button, font-weight: 900; } +.focus\:font-hairline:focus { + font-weight: 100; +} + +.focus\:font-thin:focus { + font-weight: 200; +} + +.focus\:font-light:focus { + font-weight: 300; +} + +.focus\:font-normal:focus { + font-weight: 400; +} + +.focus\:font-medium:focus { + font-weight: 500; +} + +.focus\:font-semibold:focus { + font-weight: 600; +} + +.focus\:font-bold:focus { + font-weight: 700; +} + +.focus\:font-extrabold:focus { + font-weight: 800; +} + +.focus\:font-black:focus { + font-weight: 900; +} + .h-1 { height: .25rem; } @@ -2799,6 +3434,10 @@ button, height: 1rem; } +.h-5 { + height: 1.25rem; +} + .h-6 { height: 1.5rem; } @@ -2887,7 +3526,11 @@ button, margin: 1rem; } -.m-6 { +.m-5 { + margin: 1.25rem; +} + +.m-6 { margin: 1.5rem; } @@ -2895,6 +3538,30 @@ button, margin: 2rem; } +.m-10 { + margin: 2.5rem; +} + +.m-12 { + margin: 3rem; +} + +.m-16 { + margin: 4rem; +} + +.m-20 { + margin: 5rem; +} + +.m-24 { + margin: 6rem; +} + +.m-32 { + margin: 8rem; +} + .m-auto { margin: auto; } @@ -2953,6 +3620,16 @@ button, margin-right: 1rem; } +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} + +.mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; +} + .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; @@ -2973,6 +3650,66 @@ button, margin-right: 2rem; } +.my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; +} + +.mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; +} + +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; +} + +.mx-12 { + margin-left: 3rem; + margin-right: 3rem; +} + +.my-16 { + margin-top: 4rem; + margin-bottom: 4rem; +} + +.mx-16 { + margin-left: 4rem; + margin-right: 4rem; +} + +.my-20 { + margin-top: 5rem; + margin-bottom: 5rem; +} + +.mx-20 { + margin-left: 5rem; + margin-right: 5rem; +} + +.my-24 { + margin-top: 6rem; + margin-bottom: 6rem; +} + +.mx-24 { + margin-left: 6rem; + margin-right: 6rem; +} + +.my-32 { + margin-top: 8rem; + margin-bottom: 8rem; +} + +.mx-32 { + margin-left: 8rem; + margin-right: 8rem; +} + .my-auto { margin-top: auto; margin-bottom: auto; @@ -3073,6 +3810,22 @@ button, margin-left: 1rem; } +.mt-5 { + margin-top: 1.25rem; +} + +.mr-5 { + margin-right: 1.25rem; +} + +.mb-5 { + margin-bottom: 1.25rem; +} + +.ml-5 { + margin-left: 1.25rem; +} + .mt-6 { margin-top: 1.5rem; } @@ -3105,6 +3858,102 @@ button, margin-left: 2rem; } +.mt-10 { + margin-top: 2.5rem; +} + +.mr-10 { + margin-right: 2.5rem; +} + +.mb-10 { + margin-bottom: 2.5rem; +} + +.ml-10 { + margin-left: 2.5rem; +} + +.mt-12 { + margin-top: 3rem; +} + +.mr-12 { + margin-right: 3rem; +} + +.mb-12 { + margin-bottom: 3rem; +} + +.ml-12 { + margin-left: 3rem; +} + +.mt-16 { + margin-top: 4rem; +} + +.mr-16 { + margin-right: 4rem; +} + +.mb-16 { + margin-bottom: 4rem; +} + +.ml-16 { + margin-left: 4rem; +} + +.mt-20 { + margin-top: 5rem; +} + +.mr-20 { + margin-right: 5rem; +} + +.mb-20 { + margin-bottom: 5rem; +} + +.ml-20 { + margin-left: 5rem; +} + +.mt-24 { + margin-top: 6rem; +} + +.mr-24 { + margin-right: 6rem; +} + +.mb-24 { + margin-bottom: 6rem; +} + +.ml-24 { + margin-left: 6rem; +} + +.mt-32 { + margin-top: 8rem; +} + +.mr-32 { + margin-right: 8rem; +} + +.mb-32 { + margin-bottom: 8rem; +} + +.ml-32 { + margin-left: 8rem; +} + .mt-auto { margin-top: auto; } @@ -3225,6 +4074,10 @@ button, margin: -1rem; } +.-m-5 { + margin: -1.25rem; +} + .-m-6 { margin: -1.5rem; } @@ -3233,6 +4086,30 @@ button, margin: -2rem; } +.-m-10 { + margin: -2.5rem; +} + +.-m-12 { + margin: -3rem; +} + +.-m-16 { + margin: -4rem; +} + +.-m-20 { + margin: -5rem; +} + +.-m-24 { + margin: -6rem; +} + +.-m-32 { + margin: -8rem; +} + .-m-px { margin: -1px; } @@ -3287,6 +4164,16 @@ button, margin-right: -1rem; } +.-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; +} + +.-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; +} + .-my-6 { margin-top: -1.5rem; margin-bottom: -1.5rem; @@ -3307,6 +4194,66 @@ button, margin-right: -2rem; } +.-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; +} + +.-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; +} + +.-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; +} + +.-mx-12 { + margin-left: -3rem; + margin-right: -3rem; +} + +.-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; +} + +.-mx-16 { + margin-left: -4rem; + margin-right: -4rem; +} + +.-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; +} + +.-mx-20 { + margin-left: -5rem; + margin-right: -5rem; +} + +.-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; +} + +.-mx-24 { + margin-left: -6rem; + margin-right: -6rem; +} + +.-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; +} + +.-mx-32 { + margin-left: -8rem; + margin-right: -8rem; +} + .-my-px { margin-top: -1px; margin-bottom: -1px; @@ -3397,6 +4344,22 @@ button, margin-left: -1rem; } +.-mt-5 { + margin-top: -1.25rem; +} + +.-mr-5 { + margin-right: -1.25rem; +} + +.-mb-5 { + margin-bottom: -1.25rem; +} + +.-ml-5 { + margin-left: -1.25rem; +} + .-mt-6 { margin-top: -1.5rem; } @@ -3429,6 +4392,102 @@ button, margin-left: -2rem; } +.-mt-10 { + margin-top: -2.5rem; +} + +.-mr-10 { + margin-right: -2.5rem; +} + +.-mb-10 { + margin-bottom: -2.5rem; +} + +.-ml-10 { + margin-left: -2.5rem; +} + +.-mt-12 { + margin-top: -3rem; +} + +.-mr-12 { + margin-right: -3rem; +} + +.-mb-12 { + margin-bottom: -3rem; +} + +.-ml-12 { + margin-left: -3rem; +} + +.-mt-16 { + margin-top: -4rem; +} + +.-mr-16 { + margin-right: -4rem; +} + +.-mb-16 { + margin-bottom: -4rem; +} + +.-ml-16 { + margin-left: -4rem; +} + +.-mt-20 { + margin-top: -5rem; +} + +.-mr-20 { + margin-right: -5rem; +} + +.-mb-20 { + margin-bottom: -5rem; +} + +.-ml-20 { + margin-left: -5rem; +} + +.-mt-24 { + margin-top: -6rem; +} + +.-mr-24 { + margin-right: -6rem; +} + +.-mb-24 { + margin-bottom: -6rem; +} + +.-ml-24 { + margin-left: -6rem; +} + +.-mt-32 { + margin-top: -8rem; +} + +.-mr-32 { + margin-right: -8rem; +} + +.-mb-32 { + margin-bottom: -8rem; +} + +.-ml-32 { + margin-left: -8rem; +} + .-mt-px { margin-top: -1px; } @@ -3465,6 +4524,14 @@ button, opacity: 1; } +.outline-none { + outline: 0; +} + +.focus\:outline-none:focus { + outline: 0; +} + .overflow-auto { overflow: auto; } @@ -3489,6 +4556,22 @@ button, overflow-y: auto; } +.overflow-x-hidden { + overflow-x: hidden; +} + +.overflow-y-hidden { + overflow-y: hidden; +} + +.overflow-x-visible { + overflow-x: visible; +} + +.overflow-y-visible { + overflow-y: visible; +} + .overflow-x-scroll { overflow-x: scroll; } @@ -3525,6 +4608,10 @@ button, padding: 1rem; } +.p-5 { + padding: 1.25rem; +} + .p-6 { padding: 1.5rem; } @@ -3533,6 +4620,30 @@ button, padding: 2rem; } +.p-10 { + padding: 2.5rem; +} + +.p-12 { + padding: 3rem; +} + +.p-16 { + padding: 4rem; +} + +.p-20 { + padding: 5rem; +} + +.p-24 { + padding: 6rem; +} + +.p-32 { + padding: 8rem; +} + .p-px { padding: 1px; } @@ -3587,6 +4698,16 @@ button, padding-right: 1rem; } +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} + +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; @@ -3607,6 +4728,66 @@ button, padding-right: 2rem; } +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} + +.px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; +} + +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} + +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} + +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; +} + +.px-16 { + padding-left: 4rem; + padding-right: 4rem; +} + +.py-20 { + padding-top: 5rem; + padding-bottom: 5rem; +} + +.px-20 { + padding-left: 5rem; + padding-right: 5rem; +} + +.py-24 { + padding-top: 6rem; + padding-bottom: 6rem; +} + +.px-24 { + padding-left: 6rem; + padding-right: 6rem; +} + +.py-32 { + padding-top: 8rem; + padding-bottom: 8rem; +} + +.px-32 { + padding-left: 8rem; + padding-right: 8rem; +} + .py-px { padding-top: 1px; padding-bottom: 1px; @@ -3697,11 +4878,27 @@ button, padding-left: 1rem; } -.pt-6 { - padding-top: 1.5rem; +.pt-5 { + padding-top: 1.25rem; } -.pr-6 { +.pr-5 { + padding-right: 1.25rem; +} + +.pb-5 { + padding-bottom: 1.25rem; +} + +.pl-5 { + padding-left: 1.25rem; +} + +.pt-6 { + padding-top: 1.5rem; +} + +.pr-6 { padding-right: 1.5rem; } @@ -3729,6 +4926,102 @@ button, padding-left: 2rem; } +.pt-10 { + padding-top: 2.5rem; +} + +.pr-10 { + padding-right: 2.5rem; +} + +.pb-10 { + padding-bottom: 2.5rem; +} + +.pl-10 { + padding-left: 2.5rem; +} + +.pt-12 { + padding-top: 3rem; +} + +.pr-12 { + padding-right: 3rem; +} + +.pb-12 { + padding-bottom: 3rem; +} + +.pl-12 { + padding-left: 3rem; +} + +.pt-16 { + padding-top: 4rem; +} + +.pr-16 { + padding-right: 4rem; +} + +.pb-16 { + padding-bottom: 4rem; +} + +.pl-16 { + padding-left: 4rem; +} + +.pt-20 { + padding-top: 5rem; +} + +.pr-20 { + padding-right: 5rem; +} + +.pb-20 { + padding-bottom: 5rem; +} + +.pl-20 { + padding-left: 5rem; +} + +.pt-24 { + padding-top: 6rem; +} + +.pr-24 { + padding-right: 6rem; +} + +.pb-24 { + padding-bottom: 6rem; +} + +.pl-24 { + padding-left: 6rem; +} + +.pt-32 { + padding-top: 8rem; +} + +.pr-32 { + padding-right: 8rem; +} + +.pb-32 { + padding-bottom: 8rem; +} + +.pl-32 { + padding-left: 8rem; +} + .pt-px { padding-top: 1px; } @@ -3845,10 +5138,62 @@ button, box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); } +.shadow-outline { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); +} + .shadow-none { box-shadow: none; } +.hover\:shadow:hover { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); +} + +.hover\:shadow-md:hover { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); +} + +.hover\:shadow-lg:hover { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); +} + +.hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); +} + +.hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); +} + +.hover\:shadow-none:hover { + box-shadow: none; +} + +.focus\:shadow:focus { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); +} + +.focus\:shadow-md:focus { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); +} + +.focus\:shadow-lg:focus { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); +} + +.focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); +} + +.focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); +} + +.focus\:shadow-none:focus { + box-shadow: none; +} + .fill-current { fill: currentColor; } @@ -3857,6 +5202,14 @@ button, stroke: currentColor; } +.table-auto { + table-layout: auto; +} + +.table-fixed { + table-layout: fixed; +} + .text-left { text-align: left; } @@ -4457,16534 +5810,23706 @@ button, color: #ffebef; } -.text-xs { - font-size: .75rem; +.focus\:text-transparent:focus { + color: transparent; } -.text-sm { - font-size: .875rem; +.focus\:text-black:focus { + color: #22292f; } -.text-base { - font-size: 1rem; +.focus\:text-grey-darkest:focus { + color: #3d4852; } -.text-lg { - font-size: 1.125rem; +.focus\:text-grey-darker:focus { + color: #606f7b; } -.text-xl { - font-size: 1.25rem; +.focus\:text-grey-dark:focus { + color: #8795a1; } -.text-2xl { - font-size: 1.5rem; +.focus\:text-grey:focus { + color: #b8c2cc; } -.text-3xl { - font-size: 1.875rem; +.focus\:text-grey-light:focus { + color: #dae1e7; } -.text-4xl { - font-size: 2.25rem; +.focus\:text-grey-lighter:focus { + color: #f1f5f8; } -.text-5xl { - font-size: 3rem; +.focus\:text-grey-lightest:focus { + color: #f8fafc; } -.italic { - font-style: italic; +.focus\:text-white:focus { + color: #fff; } -.roman { - font-style: normal; +.focus\:text-red-darkest:focus { + color: #3b0d0c; } -.uppercase { - text-transform: uppercase; +.focus\:text-red-darker:focus { + color: #621b18; } -.lowercase { - text-transform: lowercase; +.focus\:text-red-dark:focus { + color: #cc1f1a; } -.capitalize { - text-transform: capitalize; +.focus\:text-red:focus { + color: #e3342f; } -.normal-case { - text-transform: none; +.focus\:text-red-light:focus { + color: #ef5753; } -.underline { - text-decoration: underline; +.focus\:text-red-lighter:focus { + color: #f9acaa; } -.line-through { - text-decoration: line-through; +.focus\:text-red-lightest:focus { + color: #fcebea; } -.no-underline { - text-decoration: none; +.focus\:text-orange-darkest:focus { + color: #462a16; } -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +.focus\:text-orange-darker:focus { + color: #613b1f; } -.subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; +.focus\:text-orange-dark:focus { + color: #de751f; } -.hover\:italic:hover { - font-style: italic; +.focus\:text-orange:focus { + color: #f6993f; } -.hover\:roman:hover { - font-style: normal; +.focus\:text-orange-light:focus { + color: #faad63; } -.hover\:uppercase:hover { - text-transform: uppercase; +.focus\:text-orange-lighter:focus { + color: #fcd9b6; } -.hover\:lowercase:hover { - text-transform: lowercase; +.focus\:text-orange-lightest:focus { + color: #fff5eb; } -.hover\:capitalize:hover { - text-transform: capitalize; +.focus\:text-yellow-darkest:focus { + color: #453411; } -.hover\:normal-case:hover { - text-transform: none; +.focus\:text-yellow-darker:focus { + color: #684f1d; } -.hover\:underline:hover { - text-decoration: underline; +.focus\:text-yellow-dark:focus { + color: #f2d024; } -.hover\:line-through:hover { - text-decoration: line-through; +.focus\:text-yellow:focus { + color: #ffed4a; } -.hover\:no-underline:hover { - text-decoration: none; +.focus\:text-yellow-light:focus { + color: #fff382; } -.hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +.focus\:text-yellow-lighter:focus { + color: #fff9c2; } -.hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; +.focus\:text-yellow-lightest:focus { + color: #fcfbeb; } -.tracking-tight { - letter-spacing: -0.05em; +.focus\:text-green-darkest:focus { + color: #0f2f21; } -.tracking-normal { - letter-spacing: 0; +.focus\:text-green-darker:focus { + color: #1a4731; } -.tracking-wide { - letter-spacing: .05em; +.focus\:text-green-dark:focus { + color: #1f9d55; } -.select-none { - user-select: none; +.focus\:text-green:focus { + color: #38c172; } -.select-text { - user-select: text; +.focus\:text-green-light:focus { + color: #51d88a; } -.align-baseline { - vertical-align: baseline; +.focus\:text-green-lighter:focus { + color: #a2f5bf; } -.align-top { - vertical-align: top; +.focus\:text-green-lightest:focus { + color: #e3fcec; } -.align-middle { - vertical-align: middle; +.focus\:text-teal-darkest:focus { + color: #0d3331; } -.align-bottom { - vertical-align: bottom; +.focus\:text-teal-darker:focus { + color: #20504f; } -.align-text-top { - vertical-align: text-top; +.focus\:text-teal-dark:focus { + color: #38a89d; } -.align-text-bottom { - vertical-align: text-bottom; +.focus\:text-teal:focus { + color: #4dc0b5; } -.visible { - visibility: visible; +.focus\:text-teal-light:focus { + color: #64d5ca; } -.invisible { - visibility: hidden; +.focus\:text-teal-lighter:focus { + color: #a0f0ed; } -.whitespace-normal { - white-space: normal; +.focus\:text-teal-lightest:focus { + color: #e8fffe; } -.whitespace-no-wrap { - white-space: nowrap; +.focus\:text-blue-darkest:focus { + color: #12283a; } -.whitespace-pre { - white-space: pre; +.focus\:text-blue-darker:focus { + color: #1c3d5a; } -.whitespace-pre-line { - white-space: pre-line; +.focus\:text-blue-dark:focus { + color: #2779bd; } -.whitespace-pre-wrap { - white-space: pre-wrap; +.focus\:text-blue:focus { + color: #3490dc; } -.break-words { - word-wrap: break-word; +.focus\:text-blue-light:focus { + color: #6cb2eb; } -.break-normal { - word-wrap: normal; +.focus\:text-blue-lighter:focus { + color: #bcdefa; } -.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.focus\:text-blue-lightest:focus { + color: #eff8ff; } -.w-1 { - width: .25rem; +.focus\:text-indigo-darkest:focus { + color: #191e38; } -.w-2 { - width: .5rem; +.focus\:text-indigo-darker:focus { + color: #2f365f; } -.w-3 { - width: .75rem; +.focus\:text-indigo-dark:focus { + color: #5661b3; } -.w-4 { - width: 1rem; +.focus\:text-indigo:focus { + color: #6574cd; } -.w-6 { - width: 1.5rem; +.focus\:text-indigo-light:focus { + color: #7886d7; } -.w-8 { - width: 2rem; +.focus\:text-indigo-lighter:focus { + color: #b2b7ff; } -.w-10 { - width: 2.5rem; +.focus\:text-indigo-lightest:focus { + color: #e6e8ff; } -.w-12 { - width: 3rem; +.focus\:text-purple-darkest:focus { + color: #21183c; } -.w-16 { - width: 4rem; +.focus\:text-purple-darker:focus { + color: #382b5f; } -.w-24 { - width: 6rem; +.focus\:text-purple-dark:focus { + color: #794acf; } -.w-32 { - width: 8rem; +.focus\:text-purple:focus { + color: #9561e2; } -.w-48 { - width: 12rem; +.focus\:text-purple-light:focus { + color: #a779e9; } -.w-64 { - width: 16rem; +.focus\:text-purple-lighter:focus { + color: #d6bbfc; } -.w-auto { - width: auto; +.focus\:text-purple-lightest:focus { + color: #f3ebff; } -.w-px { - width: 1px; +.focus\:text-pink-darkest:focus { + color: #451225; } -.w-1\/2 { - width: 50%; +.focus\:text-pink-darker:focus { + color: #6f213f; } -.w-1\/3 { - width: 33.33333%; +.focus\:text-pink-dark:focus { + color: #eb5286; } -.w-2\/3 { - width: 66.66667%; +.focus\:text-pink:focus { + color: #f66d9b; } -.w-1\/4 { - width: 25%; +.focus\:text-pink-light:focus { + color: #fa7ea8; } -.w-3\/4 { - width: 75%; +.focus\:text-pink-lighter:focus { + color: #ffbbca; } -.w-1\/5 { - width: 20%; +.focus\:text-pink-lightest:focus { + color: #ffebef; } -.w-2\/5 { - width: 40%; +.text-xs { + font-size: .75rem; } -.w-3\/5 { - width: 60%; +.text-sm { + font-size: .875rem; } -.w-4\/5 { - width: 80%; +.text-base { + font-size: 1rem; } -.w-1\/6 { - width: 16.66667%; +.text-lg { + font-size: 1.125rem; } -.w-5\/6 { - width: 83.33333%; +.text-xl { + font-size: 1.25rem; } -.w-full { - width: 100%; +.text-2xl { + font-size: 1.5rem; } -.w-screen { - width: 100vw; +.text-3xl { + font-size: 1.875rem; } -.z-0 { - z-index: 0; +.text-4xl { + font-size: 2.25rem; } -.z-10 { - z-index: 10; +.text-5xl { + font-size: 3rem; } -.z-20 { - z-index: 20; +.italic { + font-style: italic; } -.z-30 { - z-index: 30; +.roman { + font-style: normal; } -.z-40 { - z-index: 40; +.uppercase { + text-transform: uppercase; } -.z-50 { - z-index: 50; +.lowercase { + text-transform: lowercase; } -.z-auto { - z-index: auto; +.capitalize { + text-transform: capitalize; } -.object-contain { - object-fit: contain; +.normal-case { + text-transform: none; } -.object-cover { - object-fit: cover; +.underline { + text-decoration: underline; } -.object-fill { - object-fit: fill; +.line-through { + text-decoration: line-through; } -.object-none { - object-fit: none; +.no-underline { + text-decoration: none; } -.object-scale { - object-fit: scale-down; +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.grid { - display: grid; +.subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } -.grid-dense { - grid-auto-flow: dense; +.hover\:italic:hover { + font-style: italic; } -.grid-gap-0 { - grid-gap: 0; +.hover\:roman:hover { + font-style: normal; } -.grid-gap-4 { - grid-gap: 1rem; +.hover\:uppercase:hover { + text-transform: uppercase; } -.grid-gap-8 { - grid-gap: 2rem; +.hover\:lowercase:hover { + text-transform: lowercase; } -.grid-columns-1 { - grid-template-columns: repeat(1, 1fr); +.hover\:capitalize:hover { + text-transform: capitalize; } -.grid-columns-2 { - grid-template-columns: repeat(2, 1fr); +.hover\:normal-case:hover { + text-transform: none; } -.grid-columns-3 { - grid-template-columns: repeat(3, 1fr); +.hover\:underline:hover { + text-decoration: underline; } -.grid-columns-4 { - grid-template-columns: repeat(4, 1fr); +.hover\:line-through:hover { + text-decoration: line-through; } -.grid-columns-5 { - grid-template-columns: repeat(5, 1fr); +.hover\:no-underline:hover { + text-decoration: none; } -.grid-columns-6 { - grid-template-columns: repeat(6, 1fr); +.hover\:antialiased:hover { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.grid-columns-7 { - grid-template-columns: repeat(7, 1fr); +.hover\:subpixel-antialiased:hover { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } -.grid-columns-8 { - grid-template-columns: repeat(8, 1fr); +.focus\:italic:focus { + font-style: italic; } -.grid-columns-9 { - grid-template-columns: repeat(9, 1fr); +.focus\:roman:focus { + font-style: normal; } -.grid-columns-10 { - grid-template-columns: repeat(10, 1fr); +.focus\:uppercase:focus { + text-transform: uppercase; } -.grid-columns-11 { - grid-template-columns: repeat(11, 1fr); +.focus\:lowercase:focus { + text-transform: lowercase; } -.grid-columns-12 { - grid-template-columns: repeat(12, 1fr); +.focus\:capitalize:focus { + text-transform: capitalize; } -.col-span-1 { - grid-column-start: span 1; +.focus\:normal-case:focus { + text-transform: none; } -.col-span-2 { - grid-column-start: span 2; +.focus\:underline:focus { + text-decoration: underline; } -.col-span-3 { - grid-column-start: span 3; +.focus\:line-through:focus { + text-decoration: line-through; } -.col-span-4 { - grid-column-start: span 4; +.focus\:no-underline:focus { + text-decoration: none; } -.col-span-5 { - grid-column-start: span 5; +.focus\:antialiased:focus { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.col-span-6 { - grid-column-start: span 6; +.focus\:subpixel-antialiased:focus { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } -.col-span-7 { - grid-column-start: span 7; +.tracking-tight { + letter-spacing: -0.05em; } -.col-span-8 { - grid-column-start: span 8; +.tracking-normal { + letter-spacing: 0; } -.col-span-9 { - grid-column-start: span 9; +.tracking-wide { + letter-spacing: .05em; } -.col-span-10 { - grid-column-start: span 10; +.select-none { + user-select: none; } -.col-span-11 { - grid-column-start: span 11; +.select-text { + user-select: text; } -.col-span-12 { - grid-column-start: span 12; +.align-baseline { + vertical-align: baseline; } -.col-start-1 { - grid-column-start: 1; +.align-top { + vertical-align: top; +} + +.align-middle { + vertical-align: middle; +} + +.align-bottom { + vertical-align: bottom; +} + +.align-text-top { + vertical-align: text-top; +} + +.align-text-bottom { + vertical-align: text-bottom; +} + +.visible { + visibility: visible; +} + +.invisible { + visibility: hidden; +} + +.whitespace-normal { + white-space: normal; +} + +.whitespace-no-wrap { + white-space: nowrap; +} + +.whitespace-pre { + white-space: pre; +} + +.whitespace-pre-line { + white-space: pre-line; +} + +.whitespace-pre-wrap { + white-space: pre-wrap; +} + +.break-words { + word-wrap: break-word; +} + +.break-normal { + word-wrap: normal; +} + +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.w-1 { + width: .25rem; +} + +.w-2 { + width: .5rem; +} + +.w-3 { + width: .75rem; +} + +.w-4 { + width: 1rem; +} + +.w-5 { + width: 1.25rem; +} + +.w-6 { + width: 1.5rem; +} + +.w-8 { + width: 2rem; +} + +.w-10 { + width: 2.5rem; +} + +.w-12 { + width: 3rem; +} + +.w-16 { + width: 4rem; +} + +.w-24 { + width: 6rem; +} + +.w-32 { + width: 8rem; +} + +.w-48 { + width: 12rem; +} + +.w-64 { + width: 16rem; +} + +.w-auto { + width: auto; +} + +.w-px { + width: 1px; +} + +.w-1\/2 { + width: 50%; +} + +.w-1\/3 { + width: 33.33333%; +} + +.w-2\/3 { + width: 66.66667%; +} + +.w-1\/4 { + width: 25%; +} + +.w-3\/4 { + width: 75%; +} + +.w-1\/5 { + width: 20%; +} + +.w-2\/5 { + width: 40%; +} + +.w-3\/5 { + width: 60%; +} + +.w-4\/5 { + width: 80%; +} + +.w-1\/6 { + width: 16.66667%; +} + +.w-5\/6 { + width: 83.33333%; +} + +.w-full { + width: 100%; +} + +.w-screen { + width: 100vw; +} + +.z-0 { + z-index: 0; +} + +.z-10 { + z-index: 10; +} + +.z-20 { + z-index: 20; +} + +.z-30 { + z-index: 30; +} + +.z-40 { + z-index: 40; +} + +.z-50 { + z-index: 50; +} + +.z-auto { + z-index: auto; +} + +.object-contain { + object-fit: contain; +} + +.object-cover { + object-fit: cover; +} + +.object-fill { + object-fit: fill; +} + +.object-none { + object-fit: none; +} + +.object-scale { + object-fit: scale-down; +} + +.grid { + display: grid; +} + +.grid-dense { + grid-auto-flow: dense; +} + +.grid-gap-0 { + grid-gap: 0; +} + +.grid-gap-4 { + grid-gap: 1rem; +} + +.grid-gap-8 { + grid-gap: 2rem; +} + +.grid-columns-1 { + grid-template-columns: repeat(1, 1fr); +} + +.grid-columns-2 { + grid-template-columns: repeat(2, 1fr); +} + +.grid-columns-3 { + grid-template-columns: repeat(3, 1fr); } -.col-end-1 { - grid-column-end: 1; -} +.grid-columns-4 { + grid-template-columns: repeat(4, 1fr); +} + +.grid-columns-5 { + grid-template-columns: repeat(5, 1fr); +} + +.grid-columns-6 { + grid-template-columns: repeat(6, 1fr); +} + +.grid-columns-7 { + grid-template-columns: repeat(7, 1fr); +} + +.grid-columns-8 { + grid-template-columns: repeat(8, 1fr); +} + +.grid-columns-9 { + grid-template-columns: repeat(9, 1fr); +} + +.grid-columns-10 { + grid-template-columns: repeat(10, 1fr); +} + +.grid-columns-11 { + grid-template-columns: repeat(11, 1fr); +} + +.grid-columns-12 { + grid-template-columns: repeat(12, 1fr); +} + +.col-span-1 { + grid-column-start: span 1; +} + +.col-span-2 { + grid-column-start: span 2; +} + +.col-span-3 { + grid-column-start: span 3; +} + +.col-span-4 { + grid-column-start: span 4; +} + +.col-span-5 { + grid-column-start: span 5; +} + +.col-span-6 { + grid-column-start: span 6; +} + +.col-span-7 { + grid-column-start: span 7; +} + +.col-span-8 { + grid-column-start: span 8; +} + +.col-span-9 { + grid-column-start: span 9; +} + +.col-span-10 { + grid-column-start: span 10; +} + +.col-span-11 { + grid-column-start: span 11; +} + +.col-span-12 { + grid-column-start: span 12; +} + +.col-start-1 { + grid-column-start: 1; +} + +.col-end-1 { + grid-column-end: 1; +} + +.col-start-2 { + grid-column-start: 2; +} + +.col-end-2 { + grid-column-end: 2; +} + +.col-start-3 { + grid-column-start: 3; +} + +.col-end-3 { + grid-column-end: 3; +} + +.col-start-4 { + grid-column-start: 4; +} + +.col-end-4 { + grid-column-end: 4; +} + +.col-start-5 { + grid-column-start: 5; +} + +.col-end-5 { + grid-column-end: 5; +} + +.col-start-6 { + grid-column-start: 6; +} + +.col-end-6 { + grid-column-end: 6; +} + +.col-start-7 { + grid-column-start: 7; +} + +.col-end-7 { + grid-column-end: 7; +} + +.col-start-8 { + grid-column-start: 8; +} + +.col-end-8 { + grid-column-end: 8; +} + +.col-start-9 { + grid-column-start: 9; +} + +.col-end-9 { + grid-column-end: 9; +} + +.col-start-10 { + grid-column-start: 10; +} + +.col-end-10 { + grid-column-end: 10; +} + +.col-start-11 { + grid-column-start: 11; +} + +.col-end-11 { + grid-column-end: 11; +} + +.col-start-12 { + grid-column-start: 12; +} + +.col-end-12 { + grid-column-end: 12; +} + +.col-start-13 { + grid-column-start: 13; +} + +.col-end-13 { + grid-column-end: 13; +} + +.row-span-1 { + grid-row-start: span 1; +} + +.row-span-2 { + grid-row-start: span 2; +} + +.row-span-3 { + grid-row-start: span 3; +} + +.row-span-4 { + grid-row-start: span 4; +} + +.row-span-5 { + grid-row-start: span 5; +} + +.row-span-6 { + grid-row-start: span 6; +} + +.row-span-7 { + grid-row-start: span 7; +} + +.row-span-8 { + grid-row-start: span 8; +} + +.row-span-9 { + grid-row-start: span 9; +} + +.row-span-10 { + grid-row-start: span 10; +} + +.row-span-11 { + grid-row-start: span 11; +} + +.row-span-12 { + grid-row-start: span 12; +} + +@media (min-width: 576px) { + .sm\:list-reset { + list-style: none; + padding: 0; + } + + .sm\:appearance-none { + appearance: none; + } + + .sm\:bg-fixed { + background-attachment: fixed; + } + + .sm\:bg-local { + background-attachment: local; + } + + .sm\:bg-scroll { + background-attachment: scroll; + } + + .sm\:bg-transparent { + background-color: transparent; + } + + .sm\:bg-black { + background-color: #22292f; + } + + .sm\:bg-grey-darkest { + background-color: #3d4852; + } + + .sm\:bg-grey-darker { + background-color: #606f7b; + } + + .sm\:bg-grey-dark { + background-color: #8795a1; + } + + .sm\:bg-grey { + background-color: #b8c2cc; + } + + .sm\:bg-grey-light { + background-color: #dae1e7; + } + + .sm\:bg-grey-lighter { + background-color: #f1f5f8; + } + + .sm\:bg-grey-lightest { + background-color: #f8fafc; + } + + .sm\:bg-white { + background-color: #fff; + } + + .sm\:bg-red-darkest { + background-color: #3b0d0c; + } + + .sm\:bg-red-darker { + background-color: #621b18; + } + + .sm\:bg-red-dark { + background-color: #cc1f1a; + } + + .sm\:bg-red { + background-color: #e3342f; + } + + .sm\:bg-red-light { + background-color: #ef5753; + } + + .sm\:bg-red-lighter { + background-color: #f9acaa; + } + + .sm\:bg-red-lightest { + background-color: #fcebea; + } + + .sm\:bg-orange-darkest { + background-color: #462a16; + } + + .sm\:bg-orange-darker { + background-color: #613b1f; + } + + .sm\:bg-orange-dark { + background-color: #de751f; + } + + .sm\:bg-orange { + background-color: #f6993f; + } + + .sm\:bg-orange-light { + background-color: #faad63; + } + + .sm\:bg-orange-lighter { + background-color: #fcd9b6; + } + + .sm\:bg-orange-lightest { + background-color: #fff5eb; + } + + .sm\:bg-yellow-darkest { + background-color: #453411; + } + + .sm\:bg-yellow-darker { + background-color: #684f1d; + } + + .sm\:bg-yellow-dark { + background-color: #f2d024; + } + + .sm\:bg-yellow { + background-color: #ffed4a; + } + + .sm\:bg-yellow-light { + background-color: #fff382; + } + + .sm\:bg-yellow-lighter { + background-color: #fff9c2; + } + + .sm\:bg-yellow-lightest { + background-color: #fcfbeb; + } + + .sm\:bg-green-darkest { + background-color: #0f2f21; + } + + .sm\:bg-green-darker { + background-color: #1a4731; + } + + .sm\:bg-green-dark { + background-color: #1f9d55; + } + + .sm\:bg-green { + background-color: #38c172; + } + + .sm\:bg-green-light { + background-color: #51d88a; + } + + .sm\:bg-green-lighter { + background-color: #a2f5bf; + } + + .sm\:bg-green-lightest { + background-color: #e3fcec; + } + + .sm\:bg-teal-darkest { + background-color: #0d3331; + } + + .sm\:bg-teal-darker { + background-color: #20504f; + } + + .sm\:bg-teal-dark { + background-color: #38a89d; + } + + .sm\:bg-teal { + background-color: #4dc0b5; + } + + .sm\:bg-teal-light { + background-color: #64d5ca; + } + + .sm\:bg-teal-lighter { + background-color: #a0f0ed; + } + + .sm\:bg-teal-lightest { + background-color: #e8fffe; + } + + .sm\:bg-blue-darkest { + background-color: #12283a; + } + + .sm\:bg-blue-darker { + background-color: #1c3d5a; + } + + .sm\:bg-blue-dark { + background-color: #2779bd; + } + + .sm\:bg-blue { + background-color: #3490dc; + } + + .sm\:bg-blue-light { + background-color: #6cb2eb; + } + + .sm\:bg-blue-lighter { + background-color: #bcdefa; + } + + .sm\:bg-blue-lightest { + background-color: #eff8ff; + } + + .sm\:bg-indigo-darkest { + background-color: #191e38; + } + + .sm\:bg-indigo-darker { + background-color: #2f365f; + } + + .sm\:bg-indigo-dark { + background-color: #5661b3; + } + + .sm\:bg-indigo { + background-color: #6574cd; + } + + .sm\:bg-indigo-light { + background-color: #7886d7; + } + + .sm\:bg-indigo-lighter { + background-color: #b2b7ff; + } + + .sm\:bg-indigo-lightest { + background-color: #e6e8ff; + } + + .sm\:bg-purple-darkest { + background-color: #21183c; + } + + .sm\:bg-purple-darker { + background-color: #382b5f; + } + + .sm\:bg-purple-dark { + background-color: #794acf; + } + + .sm\:bg-purple { + background-color: #9561e2; + } + + .sm\:bg-purple-light { + background-color: #a779e9; + } + + .sm\:bg-purple-lighter { + background-color: #d6bbfc; + } + + .sm\:bg-purple-lightest { + background-color: #f3ebff; + } + + .sm\:bg-pink-darkest { + background-color: #451225; + } + + .sm\:bg-pink-darker { + background-color: #6f213f; + } + + .sm\:bg-pink-dark { + background-color: #eb5286; + } + + .sm\:bg-pink { + background-color: #f66d9b; + } + + .sm\:bg-pink-light { + background-color: #fa7ea8; + } + + .sm\:bg-pink-lighter { + background-color: #ffbbca; + } + + .sm\:bg-pink-lightest { + background-color: #ffebef; + } + + .sm\:hover\:bg-transparent:hover { + background-color: transparent; + } + + .sm\:hover\:bg-black:hover { + background-color: #22292f; + } + + .sm\:hover\:bg-grey-darkest:hover { + background-color: #3d4852; + } + + .sm\:hover\:bg-grey-darker:hover { + background-color: #606f7b; + } + + .sm\:hover\:bg-grey-dark:hover { + background-color: #8795a1; + } + + .sm\:hover\:bg-grey:hover { + background-color: #b8c2cc; + } + + .sm\:hover\:bg-grey-light:hover { + background-color: #dae1e7; + } + + .sm\:hover\:bg-grey-lighter:hover { + background-color: #f1f5f8; + } + + .sm\:hover\:bg-grey-lightest:hover { + background-color: #f8fafc; + } + + .sm\:hover\:bg-white:hover { + background-color: #fff; + } + + .sm\:hover\:bg-red-darkest:hover { + background-color: #3b0d0c; + } + + .sm\:hover\:bg-red-darker:hover { + background-color: #621b18; + } + + .sm\:hover\:bg-red-dark:hover { + background-color: #cc1f1a; + } + + .sm\:hover\:bg-red:hover { + background-color: #e3342f; + } + + .sm\:hover\:bg-red-light:hover { + background-color: #ef5753; + } + + .sm\:hover\:bg-red-lighter:hover { + background-color: #f9acaa; + } + + .sm\:hover\:bg-red-lightest:hover { + background-color: #fcebea; + } + + .sm\:hover\:bg-orange-darkest:hover { + background-color: #462a16; + } + + .sm\:hover\:bg-orange-darker:hover { + background-color: #613b1f; + } + + .sm\:hover\:bg-orange-dark:hover { + background-color: #de751f; + } + + .sm\:hover\:bg-orange:hover { + background-color: #f6993f; + } + + .sm\:hover\:bg-orange-light:hover { + background-color: #faad63; + } + + .sm\:hover\:bg-orange-lighter:hover { + background-color: #fcd9b6; + } + + .sm\:hover\:bg-orange-lightest:hover { + background-color: #fff5eb; + } + + .sm\:hover\:bg-yellow-darkest:hover { + background-color: #453411; + } + + .sm\:hover\:bg-yellow-darker:hover { + background-color: #684f1d; + } + + .sm\:hover\:bg-yellow-dark:hover { + background-color: #f2d024; + } + + .sm\:hover\:bg-yellow:hover { + background-color: #ffed4a; + } + + .sm\:hover\:bg-yellow-light:hover { + background-color: #fff382; + } + + .sm\:hover\:bg-yellow-lighter:hover { + background-color: #fff9c2; + } + + .sm\:hover\:bg-yellow-lightest:hover { + background-color: #fcfbeb; + } + + .sm\:hover\:bg-green-darkest:hover { + background-color: #0f2f21; + } + + .sm\:hover\:bg-green-darker:hover { + background-color: #1a4731; + } + + .sm\:hover\:bg-green-dark:hover { + background-color: #1f9d55; + } + + .sm\:hover\:bg-green:hover { + background-color: #38c172; + } + + .sm\:hover\:bg-green-light:hover { + background-color: #51d88a; + } + + .sm\:hover\:bg-green-lighter:hover { + background-color: #a2f5bf; + } + + .sm\:hover\:bg-green-lightest:hover { + background-color: #e3fcec; + } + + .sm\:hover\:bg-teal-darkest:hover { + background-color: #0d3331; + } + + .sm\:hover\:bg-teal-darker:hover { + background-color: #20504f; + } + + .sm\:hover\:bg-teal-dark:hover { + background-color: #38a89d; + } + + .sm\:hover\:bg-teal:hover { + background-color: #4dc0b5; + } + + .sm\:hover\:bg-teal-light:hover { + background-color: #64d5ca; + } + + .sm\:hover\:bg-teal-lighter:hover { + background-color: #a0f0ed; + } + + .sm\:hover\:bg-teal-lightest:hover { + background-color: #e8fffe; + } + + .sm\:hover\:bg-blue-darkest:hover { + background-color: #12283a; + } + + .sm\:hover\:bg-blue-darker:hover { + background-color: #1c3d5a; + } + + .sm\:hover\:bg-blue-dark:hover { + background-color: #2779bd; + } + + .sm\:hover\:bg-blue:hover { + background-color: #3490dc; + } + + .sm\:hover\:bg-blue-light:hover { + background-color: #6cb2eb; + } + + .sm\:hover\:bg-blue-lighter:hover { + background-color: #bcdefa; + } + + .sm\:hover\:bg-blue-lightest:hover { + background-color: #eff8ff; + } + + .sm\:hover\:bg-indigo-darkest:hover { + background-color: #191e38; + } + + .sm\:hover\:bg-indigo-darker:hover { + background-color: #2f365f; + } + + .sm\:hover\:bg-indigo-dark:hover { + background-color: #5661b3; + } + + .sm\:hover\:bg-indigo:hover { + background-color: #6574cd; + } + + .sm\:hover\:bg-indigo-light:hover { + background-color: #7886d7; + } + + .sm\:hover\:bg-indigo-lighter:hover { + background-color: #b2b7ff; + } + + .sm\:hover\:bg-indigo-lightest:hover { + background-color: #e6e8ff; + } + + .sm\:hover\:bg-purple-darkest:hover { + background-color: #21183c; + } + + .sm\:hover\:bg-purple-darker:hover { + background-color: #382b5f; + } + + .sm\:hover\:bg-purple-dark:hover { + background-color: #794acf; + } + + .sm\:hover\:bg-purple:hover { + background-color: #9561e2; + } + + .sm\:hover\:bg-purple-light:hover { + background-color: #a779e9; + } + + .sm\:hover\:bg-purple-lighter:hover { + background-color: #d6bbfc; + } + + .sm\:hover\:bg-purple-lightest:hover { + background-color: #f3ebff; + } + + .sm\:hover\:bg-pink-darkest:hover { + background-color: #451225; + } + + .sm\:hover\:bg-pink-darker:hover { + background-color: #6f213f; + } + + .sm\:hover\:bg-pink-dark:hover { + background-color: #eb5286; + } + + .sm\:hover\:bg-pink:hover { + background-color: #f66d9b; + } + + .sm\:hover\:bg-pink-light:hover { + background-color: #fa7ea8; + } + + .sm\:hover\:bg-pink-lighter:hover { + background-color: #ffbbca; + } + + .sm\:hover\:bg-pink-lightest:hover { + background-color: #ffebef; + } + + .sm\:focus\:bg-transparent:focus { + background-color: transparent; + } + + .sm\:focus\:bg-black:focus { + background-color: #22292f; + } + + .sm\:focus\:bg-grey-darkest:focus { + background-color: #3d4852; + } + + .sm\:focus\:bg-grey-darker:focus { + background-color: #606f7b; + } + + .sm\:focus\:bg-grey-dark:focus { + background-color: #8795a1; + } + + .sm\:focus\:bg-grey:focus { + background-color: #b8c2cc; + } + + .sm\:focus\:bg-grey-light:focus { + background-color: #dae1e7; + } + + .sm\:focus\:bg-grey-lighter:focus { + background-color: #f1f5f8; + } + + .sm\:focus\:bg-grey-lightest:focus { + background-color: #f8fafc; + } + + .sm\:focus\:bg-white:focus { + background-color: #fff; + } + + .sm\:focus\:bg-red-darkest:focus { + background-color: #3b0d0c; + } + + .sm\:focus\:bg-red-darker:focus { + background-color: #621b18; + } + + .sm\:focus\:bg-red-dark:focus { + background-color: #cc1f1a; + } + + .sm\:focus\:bg-red:focus { + background-color: #e3342f; + } + + .sm\:focus\:bg-red-light:focus { + background-color: #ef5753; + } + + .sm\:focus\:bg-red-lighter:focus { + background-color: #f9acaa; + } + + .sm\:focus\:bg-red-lightest:focus { + background-color: #fcebea; + } + + .sm\:focus\:bg-orange-darkest:focus { + background-color: #462a16; + } + + .sm\:focus\:bg-orange-darker:focus { + background-color: #613b1f; + } + + .sm\:focus\:bg-orange-dark:focus { + background-color: #de751f; + } + + .sm\:focus\:bg-orange:focus { + background-color: #f6993f; + } + + .sm\:focus\:bg-orange-light:focus { + background-color: #faad63; + } + + .sm\:focus\:bg-orange-lighter:focus { + background-color: #fcd9b6; + } + + .sm\:focus\:bg-orange-lightest:focus { + background-color: #fff5eb; + } + + .sm\:focus\:bg-yellow-darkest:focus { + background-color: #453411; + } + + .sm\:focus\:bg-yellow-darker:focus { + background-color: #684f1d; + } + + .sm\:focus\:bg-yellow-dark:focus { + background-color: #f2d024; + } + + .sm\:focus\:bg-yellow:focus { + background-color: #ffed4a; + } + + .sm\:focus\:bg-yellow-light:focus { + background-color: #fff382; + } + + .sm\:focus\:bg-yellow-lighter:focus { + background-color: #fff9c2; + } + + .sm\:focus\:bg-yellow-lightest:focus { + background-color: #fcfbeb; + } + + .sm\:focus\:bg-green-darkest:focus { + background-color: #0f2f21; + } + + .sm\:focus\:bg-green-darker:focus { + background-color: #1a4731; + } + + .sm\:focus\:bg-green-dark:focus { + background-color: #1f9d55; + } + + .sm\:focus\:bg-green:focus { + background-color: #38c172; + } + + .sm\:focus\:bg-green-light:focus { + background-color: #51d88a; + } + + .sm\:focus\:bg-green-lighter:focus { + background-color: #a2f5bf; + } + + .sm\:focus\:bg-green-lightest:focus { + background-color: #e3fcec; + } + + .sm\:focus\:bg-teal-darkest:focus { + background-color: #0d3331; + } + + .sm\:focus\:bg-teal-darker:focus { + background-color: #20504f; + } + + .sm\:focus\:bg-teal-dark:focus { + background-color: #38a89d; + } + + .sm\:focus\:bg-teal:focus { + background-color: #4dc0b5; + } + + .sm\:focus\:bg-teal-light:focus { + background-color: #64d5ca; + } + + .sm\:focus\:bg-teal-lighter:focus { + background-color: #a0f0ed; + } + + .sm\:focus\:bg-teal-lightest:focus { + background-color: #e8fffe; + } + + .sm\:focus\:bg-blue-darkest:focus { + background-color: #12283a; + } + + .sm\:focus\:bg-blue-darker:focus { + background-color: #1c3d5a; + } + + .sm\:focus\:bg-blue-dark:focus { + background-color: #2779bd; + } + + .sm\:focus\:bg-blue:focus { + background-color: #3490dc; + } + + .sm\:focus\:bg-blue-light:focus { + background-color: #6cb2eb; + } + + .sm\:focus\:bg-blue-lighter:focus { + background-color: #bcdefa; + } + + .sm\:focus\:bg-blue-lightest:focus { + background-color: #eff8ff; + } + + .sm\:focus\:bg-indigo-darkest:focus { + background-color: #191e38; + } + + .sm\:focus\:bg-indigo-darker:focus { + background-color: #2f365f; + } + + .sm\:focus\:bg-indigo-dark:focus { + background-color: #5661b3; + } + + .sm\:focus\:bg-indigo:focus { + background-color: #6574cd; + } + + .sm\:focus\:bg-indigo-light:focus { + background-color: #7886d7; + } + + .sm\:focus\:bg-indigo-lighter:focus { + background-color: #b2b7ff; + } + + .sm\:focus\:bg-indigo-lightest:focus { + background-color: #e6e8ff; + } + + .sm\:focus\:bg-purple-darkest:focus { + background-color: #21183c; + } + + .sm\:focus\:bg-purple-darker:focus { + background-color: #382b5f; + } + + .sm\:focus\:bg-purple-dark:focus { + background-color: #794acf; + } + + .sm\:focus\:bg-purple:focus { + background-color: #9561e2; + } + + .sm\:focus\:bg-purple-light:focus { + background-color: #a779e9; + } + + .sm\:focus\:bg-purple-lighter:focus { + background-color: #d6bbfc; + } + + .sm\:focus\:bg-purple-lightest:focus { + background-color: #f3ebff; + } + + .sm\:focus\:bg-pink-darkest:focus { + background-color: #451225; + } + + .sm\:focus\:bg-pink-darker:focus { + background-color: #6f213f; + } + + .sm\:focus\:bg-pink-dark:focus { + background-color: #eb5286; + } + + .sm\:focus\:bg-pink:focus { + background-color: #f66d9b; + } + + .sm\:focus\:bg-pink-light:focus { + background-color: #fa7ea8; + } + + .sm\:focus\:bg-pink-lighter:focus { + background-color: #ffbbca; + } + + .sm\:focus\:bg-pink-lightest:focus { + background-color: #ffebef; + } + + .sm\:bg-bottom { + background-position: bottom; + } + + .sm\:bg-center { + background-position: center; + } + + .sm\:bg-left { + background-position: left; + } + + .sm\:bg-left-bottom { + background-position: left bottom; + } + + .sm\:bg-left-top { + background-position: left top; + } + + .sm\:bg-right { + background-position: right; + } + + .sm\:bg-right-bottom { + background-position: right bottom; + } + + .sm\:bg-right-top { + background-position: right top; + } + + .sm\:bg-top { + background-position: top; + } + + .sm\:bg-repeat { + background-repeat: repeat; + } + + .sm\:bg-no-repeat { + background-repeat: no-repeat; + } + + .sm\:bg-repeat-x { + background-repeat: repeat-x; + } + + .sm\:bg-repeat-y { + background-repeat: repeat-y; + } + + .sm\:bg-auto { + background-size: auto; + } + + .sm\:bg-cover { + background-size: cover; + } + + .sm\:bg-contain { + background-size: contain; + } + + .sm\:border-transparent { + border-color: transparent; + } + + .sm\:border-black { + border-color: #22292f; + } + + .sm\:border-grey-darkest { + border-color: #3d4852; + } + + .sm\:border-grey-darker { + border-color: #606f7b; + } + + .sm\:border-grey-dark { + border-color: #8795a1; + } + + .sm\:border-grey { + border-color: #b8c2cc; + } + + .sm\:border-grey-light { + border-color: #dae1e7; + } + + .sm\:border-grey-lighter { + border-color: #f1f5f8; + } + + .sm\:border-grey-lightest { + border-color: #f8fafc; + } + + .sm\:border-white { + border-color: #fff; + } + + .sm\:border-red-darkest { + border-color: #3b0d0c; + } + + .sm\:border-red-darker { + border-color: #621b18; + } + + .sm\:border-red-dark { + border-color: #cc1f1a; + } + + .sm\:border-red { + border-color: #e3342f; + } + + .sm\:border-red-light { + border-color: #ef5753; + } + + .sm\:border-red-lighter { + border-color: #f9acaa; + } + + .sm\:border-red-lightest { + border-color: #fcebea; + } + + .sm\:border-orange-darkest { + border-color: #462a16; + } + + .sm\:border-orange-darker { + border-color: #613b1f; + } + + .sm\:border-orange-dark { + border-color: #de751f; + } + + .sm\:border-orange { + border-color: #f6993f; + } + + .sm\:border-orange-light { + border-color: #faad63; + } + + .sm\:border-orange-lighter { + border-color: #fcd9b6; + } + + .sm\:border-orange-lightest { + border-color: #fff5eb; + } + + .sm\:border-yellow-darkest { + border-color: #453411; + } + + .sm\:border-yellow-darker { + border-color: #684f1d; + } + + .sm\:border-yellow-dark { + border-color: #f2d024; + } + + .sm\:border-yellow { + border-color: #ffed4a; + } + + .sm\:border-yellow-light { + border-color: #fff382; + } + + .sm\:border-yellow-lighter { + border-color: #fff9c2; + } + + .sm\:border-yellow-lightest { + border-color: #fcfbeb; + } + + .sm\:border-green-darkest { + border-color: #0f2f21; + } + + .sm\:border-green-darker { + border-color: #1a4731; + } + + .sm\:border-green-dark { + border-color: #1f9d55; + } + + .sm\:border-green { + border-color: #38c172; + } + + .sm\:border-green-light { + border-color: #51d88a; + } + + .sm\:border-green-lighter { + border-color: #a2f5bf; + } + + .sm\:border-green-lightest { + border-color: #e3fcec; + } + + .sm\:border-teal-darkest { + border-color: #0d3331; + } + + .sm\:border-teal-darker { + border-color: #20504f; + } + + .sm\:border-teal-dark { + border-color: #38a89d; + } + + .sm\:border-teal { + border-color: #4dc0b5; + } + + .sm\:border-teal-light { + border-color: #64d5ca; + } + + .sm\:border-teal-lighter { + border-color: #a0f0ed; + } + + .sm\:border-teal-lightest { + border-color: #e8fffe; + } + + .sm\:border-blue-darkest { + border-color: #12283a; + } + + .sm\:border-blue-darker { + border-color: #1c3d5a; + } + + .sm\:border-blue-dark { + border-color: #2779bd; + } + + .sm\:border-blue { + border-color: #3490dc; + } + + .sm\:border-blue-light { + border-color: #6cb2eb; + } + + .sm\:border-blue-lighter { + border-color: #bcdefa; + } + + .sm\:border-blue-lightest { + border-color: #eff8ff; + } + + .sm\:border-indigo-darkest { + border-color: #191e38; + } + + .sm\:border-indigo-darker { + border-color: #2f365f; + } + + .sm\:border-indigo-dark { + border-color: #5661b3; + } + + .sm\:border-indigo { + border-color: #6574cd; + } + + .sm\:border-indigo-light { + border-color: #7886d7; + } + + .sm\:border-indigo-lighter { + border-color: #b2b7ff; + } + + .sm\:border-indigo-lightest { + border-color: #e6e8ff; + } + + .sm\:border-purple-darkest { + border-color: #21183c; + } + + .sm\:border-purple-darker { + border-color: #382b5f; + } + + .sm\:border-purple-dark { + border-color: #794acf; + } + + .sm\:border-purple { + border-color: #9561e2; + } + + .sm\:border-purple-light { + border-color: #a779e9; + } + + .sm\:border-purple-lighter { + border-color: #d6bbfc; + } + + .sm\:border-purple-lightest { + border-color: #f3ebff; + } + + .sm\:border-pink-darkest { + border-color: #451225; + } + + .sm\:border-pink-darker { + border-color: #6f213f; + } + + .sm\:border-pink-dark { + border-color: #eb5286; + } + + .sm\:border-pink { + border-color: #f66d9b; + } + + .sm\:border-pink-light { + border-color: #fa7ea8; + } + + .sm\:border-pink-lighter { + border-color: #ffbbca; + } + + .sm\:border-pink-lightest { + border-color: #ffebef; + } + + .sm\:hover\:border-transparent:hover { + border-color: transparent; + } + + .sm\:hover\:border-black:hover { + border-color: #22292f; + } + + .sm\:hover\:border-grey-darkest:hover { + border-color: #3d4852; + } + + .sm\:hover\:border-grey-darker:hover { + border-color: #606f7b; + } + + .sm\:hover\:border-grey-dark:hover { + border-color: #8795a1; + } + + .sm\:hover\:border-grey:hover { + border-color: #b8c2cc; + } + + .sm\:hover\:border-grey-light:hover { + border-color: #dae1e7; + } + + .sm\:hover\:border-grey-lighter:hover { + border-color: #f1f5f8; + } + + .sm\:hover\:border-grey-lightest:hover { + border-color: #f8fafc; + } + + .sm\:hover\:border-white:hover { + border-color: #fff; + } + + .sm\:hover\:border-red-darkest:hover { + border-color: #3b0d0c; + } + + .sm\:hover\:border-red-darker:hover { + border-color: #621b18; + } + + .sm\:hover\:border-red-dark:hover { + border-color: #cc1f1a; + } + + .sm\:hover\:border-red:hover { + border-color: #e3342f; + } + + .sm\:hover\:border-red-light:hover { + border-color: #ef5753; + } + + .sm\:hover\:border-red-lighter:hover { + border-color: #f9acaa; + } + + .sm\:hover\:border-red-lightest:hover { + border-color: #fcebea; + } + + .sm\:hover\:border-orange-darkest:hover { + border-color: #462a16; + } + + .sm\:hover\:border-orange-darker:hover { + border-color: #613b1f; + } + + .sm\:hover\:border-orange-dark:hover { + border-color: #de751f; + } + + .sm\:hover\:border-orange:hover { + border-color: #f6993f; + } + + .sm\:hover\:border-orange-light:hover { + border-color: #faad63; + } + + .sm\:hover\:border-orange-lighter:hover { + border-color: #fcd9b6; + } + + .sm\:hover\:border-orange-lightest:hover { + border-color: #fff5eb; + } + + .sm\:hover\:border-yellow-darkest:hover { + border-color: #453411; + } + + .sm\:hover\:border-yellow-darker:hover { + border-color: #684f1d; + } + + .sm\:hover\:border-yellow-dark:hover { + border-color: #f2d024; + } + + .sm\:hover\:border-yellow:hover { + border-color: #ffed4a; + } + + .sm\:hover\:border-yellow-light:hover { + border-color: #fff382; + } + + .sm\:hover\:border-yellow-lighter:hover { + border-color: #fff9c2; + } + + .sm\:hover\:border-yellow-lightest:hover { + border-color: #fcfbeb; + } + + .sm\:hover\:border-green-darkest:hover { + border-color: #0f2f21; + } + + .sm\:hover\:border-green-darker:hover { + border-color: #1a4731; + } + + .sm\:hover\:border-green-dark:hover { + border-color: #1f9d55; + } + + .sm\:hover\:border-green:hover { + border-color: #38c172; + } + + .sm\:hover\:border-green-light:hover { + border-color: #51d88a; + } + + .sm\:hover\:border-green-lighter:hover { + border-color: #a2f5bf; + } + + .sm\:hover\:border-green-lightest:hover { + border-color: #e3fcec; + } + + .sm\:hover\:border-teal-darkest:hover { + border-color: #0d3331; + } + + .sm\:hover\:border-teal-darker:hover { + border-color: #20504f; + } + + .sm\:hover\:border-teal-dark:hover { + border-color: #38a89d; + } + + .sm\:hover\:border-teal:hover { + border-color: #4dc0b5; + } + + .sm\:hover\:border-teal-light:hover { + border-color: #64d5ca; + } + + .sm\:hover\:border-teal-lighter:hover { + border-color: #a0f0ed; + } + + .sm\:hover\:border-teal-lightest:hover { + border-color: #e8fffe; + } + + .sm\:hover\:border-blue-darkest:hover { + border-color: #12283a; + } + + .sm\:hover\:border-blue-darker:hover { + border-color: #1c3d5a; + } + + .sm\:hover\:border-blue-dark:hover { + border-color: #2779bd; + } + + .sm\:hover\:border-blue:hover { + border-color: #3490dc; + } + + .sm\:hover\:border-blue-light:hover { + border-color: #6cb2eb; + } + + .sm\:hover\:border-blue-lighter:hover { + border-color: #bcdefa; + } + + .sm\:hover\:border-blue-lightest:hover { + border-color: #eff8ff; + } + + .sm\:hover\:border-indigo-darkest:hover { + border-color: #191e38; + } + + .sm\:hover\:border-indigo-darker:hover { + border-color: #2f365f; + } + + .sm\:hover\:border-indigo-dark:hover { + border-color: #5661b3; + } + + .sm\:hover\:border-indigo:hover { + border-color: #6574cd; + } + + .sm\:hover\:border-indigo-light:hover { + border-color: #7886d7; + } + + .sm\:hover\:border-indigo-lighter:hover { + border-color: #b2b7ff; + } + + .sm\:hover\:border-indigo-lightest:hover { + border-color: #e6e8ff; + } + + .sm\:hover\:border-purple-darkest:hover { + border-color: #21183c; + } + + .sm\:hover\:border-purple-darker:hover { + border-color: #382b5f; + } + + .sm\:hover\:border-purple-dark:hover { + border-color: #794acf; + } + + .sm\:hover\:border-purple:hover { + border-color: #9561e2; + } + + .sm\:hover\:border-purple-light:hover { + border-color: #a779e9; + } + + .sm\:hover\:border-purple-lighter:hover { + border-color: #d6bbfc; + } + + .sm\:hover\:border-purple-lightest:hover { + border-color: #f3ebff; + } + + .sm\:hover\:border-pink-darkest:hover { + border-color: #451225; + } + + .sm\:hover\:border-pink-darker:hover { + border-color: #6f213f; + } + + .sm\:hover\:border-pink-dark:hover { + border-color: #eb5286; + } + + .sm\:hover\:border-pink:hover { + border-color: #f66d9b; + } + + .sm\:hover\:border-pink-light:hover { + border-color: #fa7ea8; + } + + .sm\:hover\:border-pink-lighter:hover { + border-color: #ffbbca; + } + + .sm\:hover\:border-pink-lightest:hover { + border-color: #ffebef; + } + + .sm\:focus\:border-transparent:focus { + border-color: transparent; + } + + .sm\:focus\:border-black:focus { + border-color: #22292f; + } + + .sm\:focus\:border-grey-darkest:focus { + border-color: #3d4852; + } + + .sm\:focus\:border-grey-darker:focus { + border-color: #606f7b; + } + + .sm\:focus\:border-grey-dark:focus { + border-color: #8795a1; + } + + .sm\:focus\:border-grey:focus { + border-color: #b8c2cc; + } + + .sm\:focus\:border-grey-light:focus { + border-color: #dae1e7; + } + + .sm\:focus\:border-grey-lighter:focus { + border-color: #f1f5f8; + } + + .sm\:focus\:border-grey-lightest:focus { + border-color: #f8fafc; + } + + .sm\:focus\:border-white:focus { + border-color: #fff; + } + + .sm\:focus\:border-red-darkest:focus { + border-color: #3b0d0c; + } + + .sm\:focus\:border-red-darker:focus { + border-color: #621b18; + } + + .sm\:focus\:border-red-dark:focus { + border-color: #cc1f1a; + } + + .sm\:focus\:border-red:focus { + border-color: #e3342f; + } + + .sm\:focus\:border-red-light:focus { + border-color: #ef5753; + } + + .sm\:focus\:border-red-lighter:focus { + border-color: #f9acaa; + } + + .sm\:focus\:border-red-lightest:focus { + border-color: #fcebea; + } + + .sm\:focus\:border-orange-darkest:focus { + border-color: #462a16; + } + + .sm\:focus\:border-orange-darker:focus { + border-color: #613b1f; + } + + .sm\:focus\:border-orange-dark:focus { + border-color: #de751f; + } + + .sm\:focus\:border-orange:focus { + border-color: #f6993f; + } + + .sm\:focus\:border-orange-light:focus { + border-color: #faad63; + } + + .sm\:focus\:border-orange-lighter:focus { + border-color: #fcd9b6; + } + + .sm\:focus\:border-orange-lightest:focus { + border-color: #fff5eb; + } + + .sm\:focus\:border-yellow-darkest:focus { + border-color: #453411; + } + + .sm\:focus\:border-yellow-darker:focus { + border-color: #684f1d; + } + + .sm\:focus\:border-yellow-dark:focus { + border-color: #f2d024; + } + + .sm\:focus\:border-yellow:focus { + border-color: #ffed4a; + } + + .sm\:focus\:border-yellow-light:focus { + border-color: #fff382; + } + + .sm\:focus\:border-yellow-lighter:focus { + border-color: #fff9c2; + } + + .sm\:focus\:border-yellow-lightest:focus { + border-color: #fcfbeb; + } + + .sm\:focus\:border-green-darkest:focus { + border-color: #0f2f21; + } + + .sm\:focus\:border-green-darker:focus { + border-color: #1a4731; + } + + .sm\:focus\:border-green-dark:focus { + border-color: #1f9d55; + } + + .sm\:focus\:border-green:focus { + border-color: #38c172; + } + + .sm\:focus\:border-green-light:focus { + border-color: #51d88a; + } + + .sm\:focus\:border-green-lighter:focus { + border-color: #a2f5bf; + } + + .sm\:focus\:border-green-lightest:focus { + border-color: #e3fcec; + } + + .sm\:focus\:border-teal-darkest:focus { + border-color: #0d3331; + } + + .sm\:focus\:border-teal-darker:focus { + border-color: #20504f; + } + + .sm\:focus\:border-teal-dark:focus { + border-color: #38a89d; + } + + .sm\:focus\:border-teal:focus { + border-color: #4dc0b5; + } + + .sm\:focus\:border-teal-light:focus { + border-color: #64d5ca; + } + + .sm\:focus\:border-teal-lighter:focus { + border-color: #a0f0ed; + } + + .sm\:focus\:border-teal-lightest:focus { + border-color: #e8fffe; + } + + .sm\:focus\:border-blue-darkest:focus { + border-color: #12283a; + } + + .sm\:focus\:border-blue-darker:focus { + border-color: #1c3d5a; + } + + .sm\:focus\:border-blue-dark:focus { + border-color: #2779bd; + } + + .sm\:focus\:border-blue:focus { + border-color: #3490dc; + } + + .sm\:focus\:border-blue-light:focus { + border-color: #6cb2eb; + } + + .sm\:focus\:border-blue-lighter:focus { + border-color: #bcdefa; + } + + .sm\:focus\:border-blue-lightest:focus { + border-color: #eff8ff; + } + + .sm\:focus\:border-indigo-darkest:focus { + border-color: #191e38; + } + + .sm\:focus\:border-indigo-darker:focus { + border-color: #2f365f; + } + + .sm\:focus\:border-indigo-dark:focus { + border-color: #5661b3; + } + + .sm\:focus\:border-indigo:focus { + border-color: #6574cd; + } + + .sm\:focus\:border-indigo-light:focus { + border-color: #7886d7; + } + + .sm\:focus\:border-indigo-lighter:focus { + border-color: #b2b7ff; + } + + .sm\:focus\:border-indigo-lightest:focus { + border-color: #e6e8ff; + } + + .sm\:focus\:border-purple-darkest:focus { + border-color: #21183c; + } + + .sm\:focus\:border-purple-darker:focus { + border-color: #382b5f; + } + + .sm\:focus\:border-purple-dark:focus { + border-color: #794acf; + } + + .sm\:focus\:border-purple:focus { + border-color: #9561e2; + } + + .sm\:focus\:border-purple-light:focus { + border-color: #a779e9; + } + + .sm\:focus\:border-purple-lighter:focus { + border-color: #d6bbfc; + } + + .sm\:focus\:border-purple-lightest:focus { + border-color: #f3ebff; + } + + .sm\:focus\:border-pink-darkest:focus { + border-color: #451225; + } + + .sm\:focus\:border-pink-darker:focus { + border-color: #6f213f; + } + + .sm\:focus\:border-pink-dark:focus { + border-color: #eb5286; + } + + .sm\:focus\:border-pink:focus { + border-color: #f66d9b; + } + + .sm\:focus\:border-pink-light:focus { + border-color: #fa7ea8; + } + + .sm\:focus\:border-pink-lighter:focus { + border-color: #ffbbca; + } + + .sm\:focus\:border-pink-lightest:focus { + border-color: #ffebef; + } + + .sm\:rounded-none { + border-radius: 0; + } + + .sm\:rounded-sm { + border-radius: .125rem; + } + + .sm\:rounded { + border-radius: .25rem; + } + + .sm\:rounded-lg { + border-radius: .5rem; + } + + .sm\:rounded-full { + border-radius: 9999px; + } + + .sm\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .sm\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .sm\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .sm\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .sm\:rounded-t-sm { + border-top-left-radius: .125rem; + border-top-right-radius: .125rem; + } + + .sm\:rounded-r-sm { + border-top-right-radius: .125rem; + border-bottom-right-radius: .125rem; + } + + .sm\:rounded-b-sm { + border-bottom-right-radius: .125rem; + border-bottom-left-radius: .125rem; + } + + .sm\:rounded-l-sm { + border-top-left-radius: .125rem; + border-bottom-left-radius: .125rem; + } + + .sm\:rounded-t { + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; + } + + .sm\:rounded-r { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; + } + + .sm\:rounded-b { + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; + } + + .sm\:rounded-l { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; + } + + .sm\:rounded-t-lg { + border-top-left-radius: .5rem; + border-top-right-radius: .5rem; + } + + .sm\:rounded-r-lg { + border-top-right-radius: .5rem; + border-bottom-right-radius: .5rem; + } + + .sm\:rounded-b-lg { + border-bottom-right-radius: .5rem; + border-bottom-left-radius: .5rem; + } + + .sm\:rounded-l-lg { + border-top-left-radius: .5rem; + border-bottom-left-radius: .5rem; + } + + .sm\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; + } + + .sm\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; + } + + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; + } + + .sm\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + } + + .sm\:rounded-tl-none { + border-top-left-radius: 0; + } + + .sm\:rounded-tr-none { + border-top-right-radius: 0; + } + + .sm\:rounded-br-none { + border-bottom-right-radius: 0; + } + + .sm\:rounded-bl-none { + border-bottom-left-radius: 0; + } + + .sm\:rounded-tl-sm { + border-top-left-radius: .125rem; + } + + .sm\:rounded-tr-sm { + border-top-right-radius: .125rem; + } + + .sm\:rounded-br-sm { + border-bottom-right-radius: .125rem; + } + + .sm\:rounded-bl-sm { + border-bottom-left-radius: .125rem; + } + + .sm\:rounded-tl { + border-top-left-radius: .25rem; + } + + .sm\:rounded-tr { + border-top-right-radius: .25rem; + } + + .sm\:rounded-br { + border-bottom-right-radius: .25rem; + } + + .sm\:rounded-bl { + border-bottom-left-radius: .25rem; + } + + .sm\:rounded-tl-lg { + border-top-left-radius: .5rem; + } + + .sm\:rounded-tr-lg { + border-top-right-radius: .5rem; + } + + .sm\:rounded-br-lg { + border-bottom-right-radius: .5rem; + } + + .sm\:rounded-bl-lg { + border-bottom-left-radius: .5rem; + } + + .sm\:rounded-tl-full { + border-top-left-radius: 9999px; + } + + .sm\:rounded-tr-full { + border-top-right-radius: 9999px; + } + + .sm\:rounded-br-full { + border-bottom-right-radius: 9999px; + } + + .sm\:rounded-bl-full { + border-bottom-left-radius: 9999px; + } + + .sm\:border-solid { + border-style: solid; + } + + .sm\:border-dashed { + border-style: dashed; + } + + .sm\:border-dotted { + border-style: dotted; + } + + .sm\:border-none { + border-style: none; + } + + .sm\:border-0 { + border-width: 0; + } + + .sm\:border-2 { + border-width: 2px; + } + + .sm\:border-4 { + border-width: 4px; + } + + .sm\:border-8 { + border-width: 8px; + } + + .sm\:border { + border-width: 1px; + } + + .sm\:border-t-0 { + border-top-width: 0; + } + + .sm\:border-r-0 { + border-right-width: 0; + } + + .sm\:border-b-0 { + border-bottom-width: 0; + } + + .sm\:border-l-0 { + border-left-width: 0; + } + + .sm\:border-t-2 { + border-top-width: 2px; + } + + .sm\:border-r-2 { + border-right-width: 2px; + } + + .sm\:border-b-2 { + border-bottom-width: 2px; + } + + .sm\:border-l-2 { + border-left-width: 2px; + } + + .sm\:border-t-4 { + border-top-width: 4px; + } + + .sm\:border-r-4 { + border-right-width: 4px; + } + + .sm\:border-b-4 { + border-bottom-width: 4px; + } + + .sm\:border-l-4 { + border-left-width: 4px; + } + + .sm\:border-t-8 { + border-top-width: 8px; + } + + .sm\:border-r-8 { + border-right-width: 8px; + } + + .sm\:border-b-8 { + border-bottom-width: 8px; + } + + .sm\:border-l-8 { + border-left-width: 8px; + } + + .sm\:border-t { + border-top-width: 1px; + } + + .sm\:border-r { + border-right-width: 1px; + } + + .sm\:border-b { + border-bottom-width: 1px; + } + + .sm\:border-l { + border-left-width: 1px; + } + + .sm\:cursor-auto { + cursor: auto; + } + + .sm\:cursor-default { + cursor: default; + } + + .sm\:cursor-pointer { + cursor: pointer; + } + + .sm\:cursor-wait { + cursor: wait; + } + + .sm\:cursor-move { + cursor: move; + } + + .sm\:cursor-not-allowed { + cursor: not-allowed; + } + + .sm\:block { + display: block; + } + + .sm\:inline-block { + display: inline-block; + } + + .sm\:inline { + display: inline; + } + + .sm\:table { + display: table; + } + + .sm\:table-row { + display: table-row; + } + + .sm\:table-cell { + display: table-cell; + } + + .sm\:hidden { + display: none; + } + + .sm\:flex { + display: flex; + } + + .sm\:inline-flex { + display: inline-flex; + } + + .sm\:flex-row { + flex-direction: row; + } + + .sm\:flex-row-reverse { + flex-direction: row-reverse; + } + + .sm\:flex-col { + flex-direction: column; + } + + .sm\:flex-col-reverse { + flex-direction: column-reverse; + } + + .sm\:flex-wrap { + flex-wrap: wrap; + } + + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } + + .sm\:flex-no-wrap { + flex-wrap: nowrap; + } + + .sm\:items-start { + align-items: flex-start; + } + + .sm\:items-end { + align-items: flex-end; + } + + .sm\:items-center { + align-items: center; + } + + .sm\:items-baseline { + align-items: baseline; + } + + .sm\:items-stretch { + align-items: stretch; + } + + .sm\:self-auto { + align-self: auto; + } + + .sm\:self-start { + align-self: flex-start; + } + + .sm\:self-end { + align-self: flex-end; + } + + .sm\:self-center { + align-self: center; + } + + .sm\:self-stretch { + align-self: stretch; + } + + .sm\:justify-start { + justify-content: flex-start; + } + + .sm\:justify-end { + justify-content: flex-end; + } + + .sm\:justify-center { + justify-content: center; + } + + .sm\:justify-between { + justify-content: space-between; + } + + .sm\:justify-around { + justify-content: space-around; + } + + .sm\:content-center { + align-content: center; + } + + .sm\:content-start { + align-content: flex-start; + } + + .sm\:content-end { + align-content: flex-end; + } + + .sm\:content-between { + align-content: space-between; + } + + .sm\:content-around { + align-content: space-around; + } + + .sm\:flex-1 { + flex: 1; + } + + .sm\:flex-auto { + flex: auto; + } + + .sm\:flex-initial { + flex: initial; + } + + .sm\:flex-none { + flex: none; + } + + .sm\:flex-grow { + flex-grow: 1; + } + + .sm\:flex-shrink { + flex-shrink: 1; + } + + .sm\:flex-no-grow { + flex-grow: 0; + } + + .sm\:flex-no-shrink { + flex-shrink: 0; + } + + .sm\:float-right { + float: right; + } + + .sm\:float-left { + float: left; + } + + .sm\:float-none { + float: none; + } + + .sm\:clearfix:after { + content: ""; + display: table; + clear: both; + } + + .sm\:font-sans { + font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + } + + .sm\:font-serif { + font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; + } + + .sm\:font-mono { + font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; + } + + .sm\:font-hairline { + font-weight: 100; + } + + .sm\:font-thin { + font-weight: 200; + } + + .sm\:font-light { + font-weight: 300; + } + + .sm\:font-normal { + font-weight: 400; + } + + .sm\:font-medium { + font-weight: 500; + } + + .sm\:font-semibold { + font-weight: 600; + } + + .sm\:font-bold { + font-weight: 700; + } + + .sm\:font-extrabold { + font-weight: 800; + } + + .sm\:font-black { + font-weight: 900; + } + + .sm\:hover\:font-hairline:hover { + font-weight: 100; + } + + .sm\:hover\:font-thin:hover { + font-weight: 200; + } + + .sm\:hover\:font-light:hover { + font-weight: 300; + } + + .sm\:hover\:font-normal:hover { + font-weight: 400; + } + + .sm\:hover\:font-medium:hover { + font-weight: 500; + } + + .sm\:hover\:font-semibold:hover { + font-weight: 600; + } + + .sm\:hover\:font-bold:hover { + font-weight: 700; + } + + .sm\:hover\:font-extrabold:hover { + font-weight: 800; + } + + .sm\:hover\:font-black:hover { + font-weight: 900; + } + + .sm\:focus\:font-hairline:focus { + font-weight: 100; + } + + .sm\:focus\:font-thin:focus { + font-weight: 200; + } + + .sm\:focus\:font-light:focus { + font-weight: 300; + } + + .sm\:focus\:font-normal:focus { + font-weight: 400; + } + + .sm\:focus\:font-medium:focus { + font-weight: 500; + } + + .sm\:focus\:font-semibold:focus { + font-weight: 600; + } + + .sm\:focus\:font-bold:focus { + font-weight: 700; + } + + .sm\:focus\:font-extrabold:focus { + font-weight: 800; + } + + .sm\:focus\:font-black:focus { + font-weight: 900; + } + + .sm\:h-1 { + height: .25rem; + } + + .sm\:h-2 { + height: .5rem; + } + + .sm\:h-3 { + height: .75rem; + } + + .sm\:h-4 { + height: 1rem; + } + + .sm\:h-5 { + height: 1.25rem; + } + + .sm\:h-6 { + height: 1.5rem; + } + + .sm\:h-8 { + height: 2rem; + } + + .sm\:h-10 { + height: 2.5rem; + } + + .sm\:h-12 { + height: 3rem; + } + + .sm\:h-16 { + height: 4rem; + } + + .sm\:h-24 { + height: 6rem; + } + + .sm\:h-32 { + height: 8rem; + } + + .sm\:h-48 { + height: 12rem; + } + + .sm\:h-64 { + height: 16rem; + } + + .sm\:h-auto { + height: auto; + } + + .sm\:h-px { + height: 1px; + } + + .sm\:h-full { + height: 100%; + } + + .sm\:h-screen { + height: 100vh; + } + + .sm\:leading-none { + line-height: 1; + } + + .sm\:leading-tight { + line-height: 1.25; + } + + .sm\:leading-normal { + line-height: 1.5; + } + + .sm\:leading-loose { + line-height: 2; + } + + .sm\:m-0 { + margin: 0; + } + + .sm\:m-1 { + margin: .25rem; + } + + .sm\:m-2 { + margin: .5rem; + } + + .sm\:m-3 { + margin: .75rem; + } + + .sm\:m-4 { + margin: 1rem; + } + + .sm\:m-5 { + margin: 1.25rem; + } + + .sm\:m-6 { + margin: 1.5rem; + } + + .sm\:m-8 { + margin: 2rem; + } + + .sm\:m-10 { + margin: 2.5rem; + } + + .sm\:m-12 { + margin: 3rem; + } + + .sm\:m-16 { + margin: 4rem; + } + + .sm\:m-20 { + margin: 5rem; + } + + .sm\:m-24 { + margin: 6rem; + } + + .sm\:m-32 { + margin: 8rem; + } + + .sm\:m-auto { + margin: auto; + } + + .sm\:m-px { + margin: 1px; + } + + .sm\:my-0 { + margin-top: 0; + margin-bottom: 0; + } + + .sm\:mx-0 { + margin-left: 0; + margin-right: 0; + } + + .sm\:my-1 { + margin-top: .25rem; + margin-bottom: .25rem; + } + + .sm\:mx-1 { + margin-left: .25rem; + margin-right: .25rem; + } + + .sm\:my-2 { + margin-top: .5rem; + margin-bottom: .5rem; + } + + .sm\:mx-2 { + margin-left: .5rem; + margin-right: .5rem; + } + + .sm\:my-3 { + margin-top: .75rem; + margin-bottom: .75rem; + } + + .sm\:mx-3 { + margin-left: .75rem; + margin-right: .75rem; + } + + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; + } + + .sm\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; + } + + .sm\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } + + .sm\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; + } + + .sm\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } + + .sm\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + + .sm\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; + } + + .sm\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; + } + + .sm\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; + } + + .sm\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; + } + + .sm\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; + } + + .sm\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; + } + + .sm\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; + } + + .sm\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; + } + + .sm\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; + } + + .sm\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; + } + + .sm\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; + } + + .sm\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; + } + + .sm\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; + } + + .sm\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; + } + + .sm\:my-auto { + margin-top: auto; + margin-bottom: auto; + } + + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .sm\:my-px { + margin-top: 1px; + margin-bottom: 1px; + } + + .sm\:mx-px { + margin-left: 1px; + margin-right: 1px; + } + + .sm\:mt-0 { + margin-top: 0; + } + + .sm\:mr-0 { + margin-right: 0; + } + + .sm\:mb-0 { + margin-bottom: 0; + } + + .sm\:ml-0 { + margin-left: 0; + } + + .sm\:mt-1 { + margin-top: .25rem; + } + + .sm\:mr-1 { + margin-right: .25rem; + } + + .sm\:mb-1 { + margin-bottom: .25rem; + } + + .sm\:ml-1 { + margin-left: .25rem; + } + + .sm\:mt-2 { + margin-top: .5rem; + } + + .sm\:mr-2 { + margin-right: .5rem; + } + + .sm\:mb-2 { + margin-bottom: .5rem; + } + + .sm\:ml-2 { + margin-left: .5rem; + } + + .sm\:mt-3 { + margin-top: .75rem; + } + + .sm\:mr-3 { + margin-right: .75rem; + } + + .sm\:mb-3 { + margin-bottom: .75rem; + } + + .sm\:ml-3 { + margin-left: .75rem; + } + + .sm\:mt-4 { + margin-top: 1rem; + } + + .sm\:mr-4 { + margin-right: 1rem; + } + + .sm\:mb-4 { + margin-bottom: 1rem; + } + + .sm\:ml-4 { + margin-left: 1rem; + } + + .sm\:mt-5 { + margin-top: 1.25rem; + } + + .sm\:mr-5 { + margin-right: 1.25rem; + } + + .sm\:mb-5 { + margin-bottom: 1.25rem; + } + + .sm\:ml-5 { + margin-left: 1.25rem; + } + + .sm\:mt-6 { + margin-top: 1.5rem; + } + + .sm\:mr-6 { + margin-right: 1.5rem; + } + + .sm\:mb-6 { + margin-bottom: 1.5rem; + } + + .sm\:ml-6 { + margin-left: 1.5rem; + } + + .sm\:mt-8 { + margin-top: 2rem; + } + + .sm\:mr-8 { + margin-right: 2rem; + } + + .sm\:mb-8 { + margin-bottom: 2rem; + } + + .sm\:ml-8 { + margin-left: 2rem; + } + + .sm\:mt-10 { + margin-top: 2.5rem; + } + + .sm\:mr-10 { + margin-right: 2.5rem; + } + + .sm\:mb-10 { + margin-bottom: 2.5rem; + } + + .sm\:ml-10 { + margin-left: 2.5rem; + } + + .sm\:mt-12 { + margin-top: 3rem; + } + + .sm\:mr-12 { + margin-right: 3rem; + } + + .sm\:mb-12 { + margin-bottom: 3rem; + } + + .sm\:ml-12 { + margin-left: 3rem; + } + + .sm\:mt-16 { + margin-top: 4rem; + } + + .sm\:mr-16 { + margin-right: 4rem; + } + + .sm\:mb-16 { + margin-bottom: 4rem; + } + + .sm\:ml-16 { + margin-left: 4rem; + } + + .sm\:mt-20 { + margin-top: 5rem; + } + + .sm\:mr-20 { + margin-right: 5rem; + } + + .sm\:mb-20 { + margin-bottom: 5rem; + } + + .sm\:ml-20 { + margin-left: 5rem; + } + + .sm\:mt-24 { + margin-top: 6rem; + } + + .sm\:mr-24 { + margin-right: 6rem; + } + + .sm\:mb-24 { + margin-bottom: 6rem; + } + + .sm\:ml-24 { + margin-left: 6rem; + } + + .sm\:mt-32 { + margin-top: 8rem; + } + + .sm\:mr-32 { + margin-right: 8rem; + } + + .sm\:mb-32 { + margin-bottom: 8rem; + } + + .sm\:ml-32 { + margin-left: 8rem; + } + + .sm\:mt-auto { + margin-top: auto; + } + + .sm\:mr-auto { + margin-right: auto; + } + + .sm\:mb-auto { + margin-bottom: auto; + } + + .sm\:ml-auto { + margin-left: auto; + } + + .sm\:mt-px { + margin-top: 1px; + } + + .sm\:mr-px { + margin-right: 1px; + } + + .sm\:mb-px { + margin-bottom: 1px; + } + + .sm\:ml-px { + margin-left: 1px; + } + + .sm\:max-h-full { + max-height: 100%; + } + + .sm\:max-h-screen { + max-height: 100vh; + } + + .sm\:max-w-xs { + max-width: 20rem; + } + + .sm\:max-w-sm { + max-width: 30rem; + } + + .sm\:max-w-md { + max-width: 40rem; + } + + .sm\:max-w-lg { + max-width: 50rem; + } + + .sm\:max-w-xl { + max-width: 60rem; + } + + .sm\:max-w-2xl { + max-width: 70rem; + } + + .sm\:max-w-3xl { + max-width: 80rem; + } + + .sm\:max-w-4xl { + max-width: 90rem; + } + + .sm\:max-w-5xl { + max-width: 100rem; + } + + .sm\:max-w-full { + max-width: 100%; + } + + .sm\:min-h-0 { + min-height: 0; + } + + .sm\:min-h-full { + min-height: 100%; + } + + .sm\:min-h-screen { + min-height: 100vh; + } + + .sm\:min-w-0 { + min-width: 0; + } + + .sm\:min-w-full { + min-width: 100%; + } + + .sm\:-m-0 { + margin: 0; + } + + .sm\:-m-1 { + margin: -0.25rem; + } + + .sm\:-m-2 { + margin: -0.5rem; + } + + .sm\:-m-3 { + margin: -0.75rem; + } + + .sm\:-m-4 { + margin: -1rem; + } + + .sm\:-m-5 { + margin: -1.25rem; + } + + .sm\:-m-6 { + margin: -1.5rem; + } + + .sm\:-m-8 { + margin: -2rem; + } + + .sm\:-m-10 { + margin: -2.5rem; + } + + .sm\:-m-12 { + margin: -3rem; + } + + .sm\:-m-16 { + margin: -4rem; + } + + .sm\:-m-20 { + margin: -5rem; + } + + .sm\:-m-24 { + margin: -6rem; + } + + .sm\:-m-32 { + margin: -8rem; + } + + .sm\:-m-px { + margin: -1px; + } + + .sm\:-my-0 { + margin-top: 0; + margin-bottom: 0; + } + + .sm\:-mx-0 { + margin-left: 0; + margin-right: 0; + } + + .sm\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; + } + + .sm\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; + } + + .sm\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; + } + + .sm\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; + } + + .sm\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; + } + + .sm\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; + } + + .sm\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; + } + + .sm\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; + } + + .sm\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; + } + + .sm\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; + } + + .sm\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; + } + + .sm\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; + } + + .sm\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; + } + + .sm\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; + } + + .sm\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; + } + + .sm\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; + } + + .sm\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; + } + + .sm\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; + } + + .sm\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; + } + + .sm\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; + } + + .sm\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; + } + + .sm\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; + } + + .sm\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; + } + + .sm\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; + } + + .sm\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; + } + + .sm\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; + } + + .sm\:-my-px { + margin-top: -1px; + margin-bottom: -1px; + } + + .sm\:-mx-px { + margin-left: -1px; + margin-right: -1px; + } + + .sm\:-mt-0 { + margin-top: 0; + } + + .sm\:-mr-0 { + margin-right: 0; + } + + .sm\:-mb-0 { + margin-bottom: 0; + } + + .sm\:-ml-0 { + margin-left: 0; + } + + .sm\:-mt-1 { + margin-top: -0.25rem; + } + + .sm\:-mr-1 { + margin-right: -0.25rem; + } + + .sm\:-mb-1 { + margin-bottom: -0.25rem; + } + + .sm\:-ml-1 { + margin-left: -0.25rem; + } + + .sm\:-mt-2 { + margin-top: -0.5rem; + } + + .sm\:-mr-2 { + margin-right: -0.5rem; + } + + .sm\:-mb-2 { + margin-bottom: -0.5rem; + } + + .sm\:-ml-2 { + margin-left: -0.5rem; + } + + .sm\:-mt-3 { + margin-top: -0.75rem; + } + + .sm\:-mr-3 { + margin-right: -0.75rem; + } + + .sm\:-mb-3 { + margin-bottom: -0.75rem; + } + + .sm\:-ml-3 { + margin-left: -0.75rem; + } + + .sm\:-mt-4 { + margin-top: -1rem; + } + + .sm\:-mr-4 { + margin-right: -1rem; + } + + .sm\:-mb-4 { + margin-bottom: -1rem; + } + + .sm\:-ml-4 { + margin-left: -1rem; + } + + .sm\:-mt-5 { + margin-top: -1.25rem; + } + + .sm\:-mr-5 { + margin-right: -1.25rem; + } + + .sm\:-mb-5 { + margin-bottom: -1.25rem; + } + + .sm\:-ml-5 { + margin-left: -1.25rem; + } + + .sm\:-mt-6 { + margin-top: -1.5rem; + } + + .sm\:-mr-6 { + margin-right: -1.5rem; + } + + .sm\:-mb-6 { + margin-bottom: -1.5rem; + } + + .sm\:-ml-6 { + margin-left: -1.5rem; + } + + .sm\:-mt-8 { + margin-top: -2rem; + } + + .sm\:-mr-8 { + margin-right: -2rem; + } + + .sm\:-mb-8 { + margin-bottom: -2rem; + } + + .sm\:-ml-8 { + margin-left: -2rem; + } + + .sm\:-mt-10 { + margin-top: -2.5rem; + } + + .sm\:-mr-10 { + margin-right: -2.5rem; + } + + .sm\:-mb-10 { + margin-bottom: -2.5rem; + } + + .sm\:-ml-10 { + margin-left: -2.5rem; + } + + .sm\:-mt-12 { + margin-top: -3rem; + } + + .sm\:-mr-12 { + margin-right: -3rem; + } + + .sm\:-mb-12 { + margin-bottom: -3rem; + } + + .sm\:-ml-12 { + margin-left: -3rem; + } + + .sm\:-mt-16 { + margin-top: -4rem; + } + + .sm\:-mr-16 { + margin-right: -4rem; + } + + .sm\:-mb-16 { + margin-bottom: -4rem; + } + + .sm\:-ml-16 { + margin-left: -4rem; + } + + .sm\:-mt-20 { + margin-top: -5rem; + } + + .sm\:-mr-20 { + margin-right: -5rem; + } + + .sm\:-mb-20 { + margin-bottom: -5rem; + } + + .sm\:-ml-20 { + margin-left: -5rem; + } + + .sm\:-mt-24 { + margin-top: -6rem; + } + + .sm\:-mr-24 { + margin-right: -6rem; + } + + .sm\:-mb-24 { + margin-bottom: -6rem; + } + + .sm\:-ml-24 { + margin-left: -6rem; + } + + .sm\:-mt-32 { + margin-top: -8rem; + } + + .sm\:-mr-32 { + margin-right: -8rem; + } + + .sm\:-mb-32 { + margin-bottom: -8rem; + } + + .sm\:-ml-32 { + margin-left: -8rem; + } + + .sm\:-mt-px { + margin-top: -1px; + } + + .sm\:-mr-px { + margin-right: -1px; + } + + .sm\:-mb-px { + margin-bottom: -1px; + } + + .sm\:-ml-px { + margin-left: -1px; + } + + .sm\:opacity-0 { + opacity: 0; + } + + .sm\:opacity-25 { + opacity: .25; + } + + .sm\:opacity-50 { + opacity: .5; + } + + .sm\:opacity-75 { + opacity: .75; + } + + .sm\:opacity-100 { + opacity: 1; + } + + .sm\:overflow-auto { + overflow: auto; + } + + .sm\:overflow-hidden { + overflow: hidden; + } + + .sm\:overflow-visible { + overflow: visible; + } + + .sm\:overflow-scroll { + overflow: scroll; + } + + .sm\:overflow-x-auto { + overflow-x: auto; + } + + .sm\:overflow-y-auto { + overflow-y: auto; + } + + .sm\:overflow-x-hidden { + overflow-x: hidden; + } + + .sm\:overflow-y-hidden { + overflow-y: hidden; + } + + .sm\:overflow-x-visible { + overflow-x: visible; + } + + .sm\:overflow-y-visible { + overflow-y: visible; + } + + .sm\:overflow-x-scroll { + overflow-x: scroll; + } + + .sm\:overflow-y-scroll { + overflow-y: scroll; + } + + .sm\:scrolling-touch { + -webkit-overflow-scrolling: touch; + } + + .sm\:scrolling-auto { + -webkit-overflow-scrolling: auto; + } + + .sm\:p-0 { + padding: 0; + } + + .sm\:p-1 { + padding: .25rem; + } + + .sm\:p-2 { + padding: .5rem; + } + + .sm\:p-3 { + padding: .75rem; + } + + .sm\:p-4 { + padding: 1rem; + } + + .sm\:p-5 { + padding: 1.25rem; + } + + .sm\:p-6 { + padding: 1.5rem; + } + + .sm\:p-8 { + padding: 2rem; + } + + .sm\:p-10 { + padding: 2.5rem; + } + + .sm\:p-12 { + padding: 3rem; + } + + .sm\:p-16 { + padding: 4rem; + } + + .sm\:p-20 { + padding: 5rem; + } + + .sm\:p-24 { + padding: 6rem; + } + + .sm\:p-32 { + padding: 8rem; + } + + .sm\:p-px { + padding: 1px; + } + + .sm\:py-0 { + padding-top: 0; + padding-bottom: 0; + } + + .sm\:px-0 { + padding-left: 0; + padding-right: 0; + } + + .sm\:py-1 { + padding-top: .25rem; + padding-bottom: .25rem; + } + + .sm\:px-1 { + padding-left: .25rem; + padding-right: .25rem; + } + + .sm\:py-2 { + padding-top: .5rem; + padding-bottom: .5rem; + } + + .sm\:px-2 { + padding-left: .5rem; + padding-right: .5rem; + } + + .sm\:py-3 { + padding-top: .75rem; + padding-bottom: .75rem; + } + + .sm\:px-3 { + padding-left: .75rem; + padding-right: .75rem; + } + + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } + + .sm\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + + .sm\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + + .sm\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .sm\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .sm\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } + + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .sm\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .sm\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; + } + + .sm\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + + .sm\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } + + .sm\:px-16 { + padding-left: 4rem; + padding-right: 4rem; + } + + .sm\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; + } + + .sm\:px-20 { + padding-left: 5rem; + padding-right: 5rem; + } + + .sm\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } + + .sm\:px-24 { + padding-left: 6rem; + padding-right: 6rem; + } + + .sm\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + + .sm\:px-32 { + padding-left: 8rem; + padding-right: 8rem; + } + + .sm\:py-px { + padding-top: 1px; + padding-bottom: 1px; + } + + .sm\:px-px { + padding-left: 1px; + padding-right: 1px; + } + + .sm\:pt-0 { + padding-top: 0; + } + + .sm\:pr-0 { + padding-right: 0; + } + + .sm\:pb-0 { + padding-bottom: 0; + } + + .sm\:pl-0 { + padding-left: 0; + } + + .sm\:pt-1 { + padding-top: .25rem; + } + + .sm\:pr-1 { + padding-right: .25rem; + } + + .sm\:pb-1 { + padding-bottom: .25rem; + } + + .sm\:pl-1 { + padding-left: .25rem; + } + + .sm\:pt-2 { + padding-top: .5rem; + } + + .sm\:pr-2 { + padding-right: .5rem; + } + + .sm\:pb-2 { + padding-bottom: .5rem; + } + + .sm\:pl-2 { + padding-left: .5rem; + } + + .sm\:pt-3 { + padding-top: .75rem; + } + + .sm\:pr-3 { + padding-right: .75rem; + } + + .sm\:pb-3 { + padding-bottom: .75rem; + } + + .sm\:pl-3 { + padding-left: .75rem; + } + + .sm\:pt-4 { + padding-top: 1rem; + } + + .sm\:pr-4 { + padding-right: 1rem; + } + + .sm\:pb-4 { + padding-bottom: 1rem; + } + + .sm\:pl-4 { + padding-left: 1rem; + } + + .sm\:pt-5 { + padding-top: 1.25rem; + } + + .sm\:pr-5 { + padding-right: 1.25rem; + } + + .sm\:pb-5 { + padding-bottom: 1.25rem; + } + + .sm\:pl-5 { + padding-left: 1.25rem; + } + + .sm\:pt-6 { + padding-top: 1.5rem; + } + + .sm\:pr-6 { + padding-right: 1.5rem; + } + + .sm\:pb-6 { + padding-bottom: 1.5rem; + } + + .sm\:pl-6 { + padding-left: 1.5rem; + } + + .sm\:pt-8 { + padding-top: 2rem; + } + + .sm\:pr-8 { + padding-right: 2rem; + } + + .sm\:pb-8 { + padding-bottom: 2rem; + } + + .sm\:pl-8 { + padding-left: 2rem; + } + + .sm\:pt-10 { + padding-top: 2.5rem; + } + + .sm\:pr-10 { + padding-right: 2.5rem; + } + + .sm\:pb-10 { + padding-bottom: 2.5rem; + } + + .sm\:pl-10 { + padding-left: 2.5rem; + } + + .sm\:pt-12 { + padding-top: 3rem; + } + + .sm\:pr-12 { + padding-right: 3rem; + } + + .sm\:pb-12 { + padding-bottom: 3rem; + } + + .sm\:pl-12 { + padding-left: 3rem; + } + + .sm\:pt-16 { + padding-top: 4rem; + } + + .sm\:pr-16 { + padding-right: 4rem; + } + + .sm\:pb-16 { + padding-bottom: 4rem; + } + + .sm\:pl-16 { + padding-left: 4rem; + } + + .sm\:pt-20 { + padding-top: 5rem; + } + + .sm\:pr-20 { + padding-right: 5rem; + } + + .sm\:pb-20 { + padding-bottom: 5rem; + } + + .sm\:pl-20 { + padding-left: 5rem; + } + + .sm\:pt-24 { + padding-top: 6rem; + } + + .sm\:pr-24 { + padding-right: 6rem; + } + + .sm\:pb-24 { + padding-bottom: 6rem; + } + + .sm\:pl-24 { + padding-left: 6rem; + } + + .sm\:pt-32 { + padding-top: 8rem; + } + + .sm\:pr-32 { + padding-right: 8rem; + } + + .sm\:pb-32 { + padding-bottom: 8rem; + } + + .sm\:pl-32 { + padding-left: 8rem; + } + + .sm\:pt-px { + padding-top: 1px; + } + + .sm\:pr-px { + padding-right: 1px; + } + + .sm\:pb-px { + padding-bottom: 1px; + } + + .sm\:pl-px { + padding-left: 1px; + } + + .sm\:pointer-events-none { + pointer-events: none; + } + + .sm\:pointer-events-auto { + pointer-events: auto; + } + + .sm\:static { + position: static; + } + + .sm\:fixed { + position: fixed; + } + + .sm\:absolute { + position: absolute; + } + + .sm\:relative { + position: relative; + } + + .sm\:sticky { + position: sticky; + } + + .sm\:pin-none { + top: auto; + right: auto; + bottom: auto; + left: auto; + } + + .sm\:pin { + top: 0; + right: 0; + bottom: 0; + left: 0; + } + + .sm\:pin-y { + top: 0; + bottom: 0; + } + + .sm\:pin-x { + right: 0; + left: 0; + } + + .sm\:pin-t { + top: 0; + } + + .sm\:pin-r { + right: 0; + } + + .sm\:pin-b { + bottom: 0; + } + + .sm\:pin-l { + left: 0; + } + + .sm\:resize-none { + resize: none; + } + + .sm\:resize-y { + resize: vertical; + } + + .sm\:resize-x { + resize: horizontal; + } + + .sm\:resize { + resize: both; + } + + .sm\:shadow { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); + } + + .sm\:shadow-md { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); + } + + .sm\:shadow-lg { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); + } + + .sm\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + } + + .sm\:shadow-outline { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); + } + + .sm\:shadow-none { + box-shadow: none; + } + + .sm\:hover\:shadow:hover { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); + } + + .sm\:hover\:shadow-md:hover { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); + } + + .sm\:hover\:shadow-lg:hover { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); + } + + .sm\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + } + + .sm\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); + } + + .sm\:hover\:shadow-none:hover { + box-shadow: none; + } + + .sm\:focus\:shadow:focus { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); + } + + .sm\:focus\:shadow-md:focus { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); + } + + .sm\:focus\:shadow-lg:focus { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); + } + + .sm\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + } + + .sm\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); + } + + .sm\:focus\:shadow-none:focus { + box-shadow: none; + } + + .sm\:table-auto { + table-layout: auto; + } + + .sm\:table-fixed { + table-layout: fixed; + } + + .sm\:text-left { + text-align: left; + } + + .sm\:text-center { + text-align: center; + } + + .sm\:text-right { + text-align: right; + } + + .sm\:text-justify { + text-align: justify; + } + + .sm\:text-transparent { + color: transparent; + } + + .sm\:text-black { + color: #22292f; + } + + .sm\:text-grey-darkest { + color: #3d4852; + } + + .sm\:text-grey-darker { + color: #606f7b; + } + + .sm\:text-grey-dark { + color: #8795a1; + } + + .sm\:text-grey { + color: #b8c2cc; + } + + .sm\:text-grey-light { + color: #dae1e7; + } + + .sm\:text-grey-lighter { + color: #f1f5f8; + } + + .sm\:text-grey-lightest { + color: #f8fafc; + } + + .sm\:text-white { + color: #fff; + } + + .sm\:text-red-darkest { + color: #3b0d0c; + } + + .sm\:text-red-darker { + color: #621b18; + } + + .sm\:text-red-dark { + color: #cc1f1a; + } + + .sm\:text-red { + color: #e3342f; + } + + .sm\:text-red-light { + color: #ef5753; + } + + .sm\:text-red-lighter { + color: #f9acaa; + } + + .sm\:text-red-lightest { + color: #fcebea; + } + + .sm\:text-orange-darkest { + color: #462a16; + } + + .sm\:text-orange-darker { + color: #613b1f; + } + + .sm\:text-orange-dark { + color: #de751f; + } + + .sm\:text-orange { + color: #f6993f; + } + + .sm\:text-orange-light { + color: #faad63; + } + + .sm\:text-orange-lighter { + color: #fcd9b6; + } + + .sm\:text-orange-lightest { + color: #fff5eb; + } + + .sm\:text-yellow-darkest { + color: #453411; + } + + .sm\:text-yellow-darker { + color: #684f1d; + } + + .sm\:text-yellow-dark { + color: #f2d024; + } + + .sm\:text-yellow { + color: #ffed4a; + } + + .sm\:text-yellow-light { + color: #fff382; + } + + .sm\:text-yellow-lighter { + color: #fff9c2; + } + + .sm\:text-yellow-lightest { + color: #fcfbeb; + } + + .sm\:text-green-darkest { + color: #0f2f21; + } + + .sm\:text-green-darker { + color: #1a4731; + } + + .sm\:text-green-dark { + color: #1f9d55; + } + + .sm\:text-green { + color: #38c172; + } + + .sm\:text-green-light { + color: #51d88a; + } + + .sm\:text-green-lighter { + color: #a2f5bf; + } + + .sm\:text-green-lightest { + color: #e3fcec; + } + + .sm\:text-teal-darkest { + color: #0d3331; + } + + .sm\:text-teal-darker { + color: #20504f; + } + + .sm\:text-teal-dark { + color: #38a89d; + } + + .sm\:text-teal { + color: #4dc0b5; + } + + .sm\:text-teal-light { + color: #64d5ca; + } + + .sm\:text-teal-lighter { + color: #a0f0ed; + } + + .sm\:text-teal-lightest { + color: #e8fffe; + } + + .sm\:text-blue-darkest { + color: #12283a; + } + + .sm\:text-blue-darker { + color: #1c3d5a; + } + + .sm\:text-blue-dark { + color: #2779bd; + } + + .sm\:text-blue { + color: #3490dc; + } + + .sm\:text-blue-light { + color: #6cb2eb; + } + + .sm\:text-blue-lighter { + color: #bcdefa; + } + + .sm\:text-blue-lightest { + color: #eff8ff; + } + + .sm\:text-indigo-darkest { + color: #191e38; + } + + .sm\:text-indigo-darker { + color: #2f365f; + } + + .sm\:text-indigo-dark { + color: #5661b3; + } + + .sm\:text-indigo { + color: #6574cd; + } + + .sm\:text-indigo-light { + color: #7886d7; + } + + .sm\:text-indigo-lighter { + color: #b2b7ff; + } + + .sm\:text-indigo-lightest { + color: #e6e8ff; + } + + .sm\:text-purple-darkest { + color: #21183c; + } + + .sm\:text-purple-darker { + color: #382b5f; + } + + .sm\:text-purple-dark { + color: #794acf; + } + + .sm\:text-purple { + color: #9561e2; + } + + .sm\:text-purple-light { + color: #a779e9; + } + + .sm\:text-purple-lighter { + color: #d6bbfc; + } + + .sm\:text-purple-lightest { + color: #f3ebff; + } + + .sm\:text-pink-darkest { + color: #451225; + } + + .sm\:text-pink-darker { + color: #6f213f; + } + + .sm\:text-pink-dark { + color: #eb5286; + } + + .sm\:text-pink { + color: #f66d9b; + } + + .sm\:text-pink-light { + color: #fa7ea8; + } + + .sm\:text-pink-lighter { + color: #ffbbca; + } + + .sm\:text-pink-lightest { + color: #ffebef; + } + + .sm\:hover\:text-transparent:hover { + color: transparent; + } + + .sm\:hover\:text-black:hover { + color: #22292f; + } + + .sm\:hover\:text-grey-darkest:hover { + color: #3d4852; + } + + .sm\:hover\:text-grey-darker:hover { + color: #606f7b; + } + + .sm\:hover\:text-grey-dark:hover { + color: #8795a1; + } + + .sm\:hover\:text-grey:hover { + color: #b8c2cc; + } + + .sm\:hover\:text-grey-light:hover { + color: #dae1e7; + } + + .sm\:hover\:text-grey-lighter:hover { + color: #f1f5f8; + } + + .sm\:hover\:text-grey-lightest:hover { + color: #f8fafc; + } + + .sm\:hover\:text-white:hover { + color: #fff; + } + + .sm\:hover\:text-red-darkest:hover { + color: #3b0d0c; + } + + .sm\:hover\:text-red-darker:hover { + color: #621b18; + } + + .sm\:hover\:text-red-dark:hover { + color: #cc1f1a; + } + + .sm\:hover\:text-red:hover { + color: #e3342f; + } + + .sm\:hover\:text-red-light:hover { + color: #ef5753; + } + + .sm\:hover\:text-red-lighter:hover { + color: #f9acaa; + } + + .sm\:hover\:text-red-lightest:hover { + color: #fcebea; + } + + .sm\:hover\:text-orange-darkest:hover { + color: #462a16; + } + + .sm\:hover\:text-orange-darker:hover { + color: #613b1f; + } + + .sm\:hover\:text-orange-dark:hover { + color: #de751f; + } + + .sm\:hover\:text-orange:hover { + color: #f6993f; + } + + .sm\:hover\:text-orange-light:hover { + color: #faad63; + } + + .sm\:hover\:text-orange-lighter:hover { + color: #fcd9b6; + } + + .sm\:hover\:text-orange-lightest:hover { + color: #fff5eb; + } + + .sm\:hover\:text-yellow-darkest:hover { + color: #453411; + } + + .sm\:hover\:text-yellow-darker:hover { + color: #684f1d; + } + + .sm\:hover\:text-yellow-dark:hover { + color: #f2d024; + } + + .sm\:hover\:text-yellow:hover { + color: #ffed4a; + } + + .sm\:hover\:text-yellow-light:hover { + color: #fff382; + } + + .sm\:hover\:text-yellow-lighter:hover { + color: #fff9c2; + } + + .sm\:hover\:text-yellow-lightest:hover { + color: #fcfbeb; + } + + .sm\:hover\:text-green-darkest:hover { + color: #0f2f21; + } + + .sm\:hover\:text-green-darker:hover { + color: #1a4731; + } + + .sm\:hover\:text-green-dark:hover { + color: #1f9d55; + } + + .sm\:hover\:text-green:hover { + color: #38c172; + } + + .sm\:hover\:text-green-light:hover { + color: #51d88a; + } + + .sm\:hover\:text-green-lighter:hover { + color: #a2f5bf; + } + + .sm\:hover\:text-green-lightest:hover { + color: #e3fcec; + } + + .sm\:hover\:text-teal-darkest:hover { + color: #0d3331; + } + + .sm\:hover\:text-teal-darker:hover { + color: #20504f; + } + + .sm\:hover\:text-teal-dark:hover { + color: #38a89d; + } + + .sm\:hover\:text-teal:hover { + color: #4dc0b5; + } + + .sm\:hover\:text-teal-light:hover { + color: #64d5ca; + } + + .sm\:hover\:text-teal-lighter:hover { + color: #a0f0ed; + } + + .sm\:hover\:text-teal-lightest:hover { + color: #e8fffe; + } + + .sm\:hover\:text-blue-darkest:hover { + color: #12283a; + } + + .sm\:hover\:text-blue-darker:hover { + color: #1c3d5a; + } + + .sm\:hover\:text-blue-dark:hover { + color: #2779bd; + } + + .sm\:hover\:text-blue:hover { + color: #3490dc; + } + + .sm\:hover\:text-blue-light:hover { + color: #6cb2eb; + } + + .sm\:hover\:text-blue-lighter:hover { + color: #bcdefa; + } + + .sm\:hover\:text-blue-lightest:hover { + color: #eff8ff; + } + + .sm\:hover\:text-indigo-darkest:hover { + color: #191e38; + } + + .sm\:hover\:text-indigo-darker:hover { + color: #2f365f; + } + + .sm\:hover\:text-indigo-dark:hover { + color: #5661b3; + } + + .sm\:hover\:text-indigo:hover { + color: #6574cd; + } + + .sm\:hover\:text-indigo-light:hover { + color: #7886d7; + } + + .sm\:hover\:text-indigo-lighter:hover { + color: #b2b7ff; + } + + .sm\:hover\:text-indigo-lightest:hover { + color: #e6e8ff; + } + + .sm\:hover\:text-purple-darkest:hover { + color: #21183c; + } + + .sm\:hover\:text-purple-darker:hover { + color: #382b5f; + } + + .sm\:hover\:text-purple-dark:hover { + color: #794acf; + } + + .sm\:hover\:text-purple:hover { + color: #9561e2; + } + + .sm\:hover\:text-purple-light:hover { + color: #a779e9; + } + + .sm\:hover\:text-purple-lighter:hover { + color: #d6bbfc; + } + + .sm\:hover\:text-purple-lightest:hover { + color: #f3ebff; + } + + .sm\:hover\:text-pink-darkest:hover { + color: #451225; + } + + .sm\:hover\:text-pink-darker:hover { + color: #6f213f; + } + + .sm\:hover\:text-pink-dark:hover { + color: #eb5286; + } + + .sm\:hover\:text-pink:hover { + color: #f66d9b; + } + + .sm\:hover\:text-pink-light:hover { + color: #fa7ea8; + } + + .sm\:hover\:text-pink-lighter:hover { + color: #ffbbca; + } + + .sm\:hover\:text-pink-lightest:hover { + color: #ffebef; + } + + .sm\:focus\:text-transparent:focus { + color: transparent; + } + + .sm\:focus\:text-black:focus { + color: #22292f; + } + + .sm\:focus\:text-grey-darkest:focus { + color: #3d4852; + } + + .sm\:focus\:text-grey-darker:focus { + color: #606f7b; + } + + .sm\:focus\:text-grey-dark:focus { + color: #8795a1; + } + + .sm\:focus\:text-grey:focus { + color: #b8c2cc; + } + + .sm\:focus\:text-grey-light:focus { + color: #dae1e7; + } + + .sm\:focus\:text-grey-lighter:focus { + color: #f1f5f8; + } + + .sm\:focus\:text-grey-lightest:focus { + color: #f8fafc; + } + + .sm\:focus\:text-white:focus { + color: #fff; + } + + .sm\:focus\:text-red-darkest:focus { + color: #3b0d0c; + } + + .sm\:focus\:text-red-darker:focus { + color: #621b18; + } + + .sm\:focus\:text-red-dark:focus { + color: #cc1f1a; + } + + .sm\:focus\:text-red:focus { + color: #e3342f; + } + + .sm\:focus\:text-red-light:focus { + color: #ef5753; + } + + .sm\:focus\:text-red-lighter:focus { + color: #f9acaa; + } + + .sm\:focus\:text-red-lightest:focus { + color: #fcebea; + } + + .sm\:focus\:text-orange-darkest:focus { + color: #462a16; + } + + .sm\:focus\:text-orange-darker:focus { + color: #613b1f; + } + + .sm\:focus\:text-orange-dark:focus { + color: #de751f; + } + + .sm\:focus\:text-orange:focus { + color: #f6993f; + } + + .sm\:focus\:text-orange-light:focus { + color: #faad63; + } + + .sm\:focus\:text-orange-lighter:focus { + color: #fcd9b6; + } + + .sm\:focus\:text-orange-lightest:focus { + color: #fff5eb; + } + + .sm\:focus\:text-yellow-darkest:focus { + color: #453411; + } + + .sm\:focus\:text-yellow-darker:focus { + color: #684f1d; + } + + .sm\:focus\:text-yellow-dark:focus { + color: #f2d024; + } + + .sm\:focus\:text-yellow:focus { + color: #ffed4a; + } + + .sm\:focus\:text-yellow-light:focus { + color: #fff382; + } + + .sm\:focus\:text-yellow-lighter:focus { + color: #fff9c2; + } + + .sm\:focus\:text-yellow-lightest:focus { + color: #fcfbeb; + } + + .sm\:focus\:text-green-darkest:focus { + color: #0f2f21; + } + + .sm\:focus\:text-green-darker:focus { + color: #1a4731; + } + + .sm\:focus\:text-green-dark:focus { + color: #1f9d55; + } + + .sm\:focus\:text-green:focus { + color: #38c172; + } + + .sm\:focus\:text-green-light:focus { + color: #51d88a; + } + + .sm\:focus\:text-green-lighter:focus { + color: #a2f5bf; + } + + .sm\:focus\:text-green-lightest:focus { + color: #e3fcec; + } + + .sm\:focus\:text-teal-darkest:focus { + color: #0d3331; + } + + .sm\:focus\:text-teal-darker:focus { + color: #20504f; + } + + .sm\:focus\:text-teal-dark:focus { + color: #38a89d; + } + + .sm\:focus\:text-teal:focus { + color: #4dc0b5; + } + + .sm\:focus\:text-teal-light:focus { + color: #64d5ca; + } + + .sm\:focus\:text-teal-lighter:focus { + color: #a0f0ed; + } + + .sm\:focus\:text-teal-lightest:focus { + color: #e8fffe; + } + + .sm\:focus\:text-blue-darkest:focus { + color: #12283a; + } + + .sm\:focus\:text-blue-darker:focus { + color: #1c3d5a; + } + + .sm\:focus\:text-blue-dark:focus { + color: #2779bd; + } + + .sm\:focus\:text-blue:focus { + color: #3490dc; + } + + .sm\:focus\:text-blue-light:focus { + color: #6cb2eb; + } + + .sm\:focus\:text-blue-lighter:focus { + color: #bcdefa; + } + + .sm\:focus\:text-blue-lightest:focus { + color: #eff8ff; + } + + .sm\:focus\:text-indigo-darkest:focus { + color: #191e38; + } + + .sm\:focus\:text-indigo-darker:focus { + color: #2f365f; + } + + .sm\:focus\:text-indigo-dark:focus { + color: #5661b3; + } + + .sm\:focus\:text-indigo:focus { + color: #6574cd; + } + + .sm\:focus\:text-indigo-light:focus { + color: #7886d7; + } + + .sm\:focus\:text-indigo-lighter:focus { + color: #b2b7ff; + } + + .sm\:focus\:text-indigo-lightest:focus { + color: #e6e8ff; + } + + .sm\:focus\:text-purple-darkest:focus { + color: #21183c; + } + + .sm\:focus\:text-purple-darker:focus { + color: #382b5f; + } + + .sm\:focus\:text-purple-dark:focus { + color: #794acf; + } + + .sm\:focus\:text-purple:focus { + color: #9561e2; + } + + .sm\:focus\:text-purple-light:focus { + color: #a779e9; + } + + .sm\:focus\:text-purple-lighter:focus { + color: #d6bbfc; + } + + .sm\:focus\:text-purple-lightest:focus { + color: #f3ebff; + } + + .sm\:focus\:text-pink-darkest:focus { + color: #451225; + } + + .sm\:focus\:text-pink-darker:focus { + color: #6f213f; + } + + .sm\:focus\:text-pink-dark:focus { + color: #eb5286; + } + + .sm\:focus\:text-pink:focus { + color: #f66d9b; + } + + .sm\:focus\:text-pink-light:focus { + color: #fa7ea8; + } + + .sm\:focus\:text-pink-lighter:focus { + color: #ffbbca; + } + + .sm\:focus\:text-pink-lightest:focus { + color: #ffebef; + } + + .sm\:text-xs { + font-size: .75rem; + } + + .sm\:text-sm { + font-size: .875rem; + } + + .sm\:text-base { + font-size: 1rem; + } + + .sm\:text-lg { + font-size: 1.125rem; + } + + .sm\:text-xl { + font-size: 1.25rem; + } + + .sm\:text-2xl { + font-size: 1.5rem; + } + + .sm\:text-3xl { + font-size: 1.875rem; + } + + .sm\:text-4xl { + font-size: 2.25rem; + } + + .sm\:text-5xl { + font-size: 3rem; + } + + .sm\:italic { + font-style: italic; + } + + .sm\:roman { + font-style: normal; + } + + .sm\:uppercase { + text-transform: uppercase; + } + + .sm\:lowercase { + text-transform: lowercase; + } + + .sm\:capitalize { + text-transform: capitalize; + } + + .sm\:normal-case { + text-transform: none; + } + + .sm\:underline { + text-decoration: underline; + } + + .sm\:line-through { + text-decoration: line-through; + } + + .sm\:no-underline { + text-decoration: none; + } + + .sm\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; + } + + .sm\:hover\:italic:hover { + font-style: italic; + } + + .sm\:hover\:roman:hover { + font-style: normal; + } + + .sm\:hover\:uppercase:hover { + text-transform: uppercase; + } + + .sm\:hover\:lowercase:hover { + text-transform: lowercase; + } + + .sm\:hover\:capitalize:hover { + text-transform: capitalize; + } + + .sm\:hover\:normal-case:hover { + text-transform: none; + } + + .sm\:hover\:underline:hover { + text-decoration: underline; + } + + .sm\:hover\:line-through:hover { + text-decoration: line-through; + } + + .sm\:hover\:no-underline:hover { + text-decoration: none; + } + + .sm\:hover\:antialiased:hover { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .sm\:hover\:subpixel-antialiased:hover { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; + } + + .sm\:focus\:italic:focus { + font-style: italic; + } + + .sm\:focus\:roman:focus { + font-style: normal; + } + + .sm\:focus\:uppercase:focus { + text-transform: uppercase; + } + + .sm\:focus\:lowercase:focus { + text-transform: lowercase; + } + + .sm\:focus\:capitalize:focus { + text-transform: capitalize; + } + + .sm\:focus\:normal-case:focus { + text-transform: none; + } + + .sm\:focus\:underline:focus { + text-decoration: underline; + } + + .sm\:focus\:line-through:focus { + text-decoration: line-through; + } + + .sm\:focus\:no-underline:focus { + text-decoration: none; + } + + .sm\:focus\:antialiased:focus { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .sm\:focus\:subpixel-antialiased:focus { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; + } + + .sm\:tracking-tight { + letter-spacing: -0.05em; + } + + .sm\:tracking-normal { + letter-spacing: 0; + } + + .sm\:tracking-wide { + letter-spacing: .05em; + } + + .sm\:select-none { + user-select: none; + } + + .sm\:select-text { + user-select: text; + } + + .sm\:align-baseline { + vertical-align: baseline; + } + + .sm\:align-top { + vertical-align: top; + } + + .sm\:align-middle { + vertical-align: middle; + } + + .sm\:align-bottom { + vertical-align: bottom; + } + + .sm\:align-text-top { + vertical-align: text-top; + } + + .sm\:align-text-bottom { + vertical-align: text-bottom; + } + + .sm\:visible { + visibility: visible; + } + + .sm\:invisible { + visibility: hidden; + } + + .sm\:whitespace-normal { + white-space: normal; + } + + .sm\:whitespace-no-wrap { + white-space: nowrap; + } + + .sm\:whitespace-pre { + white-space: pre; + } + + .sm\:whitespace-pre-line { + white-space: pre-line; + } + + .sm\:whitespace-pre-wrap { + white-space: pre-wrap; + } + + .sm\:break-words { + word-wrap: break-word; + } + + .sm\:break-normal { + word-wrap: normal; + } + + .sm\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .sm\:w-1 { + width: .25rem; + } + + .sm\:w-2 { + width: .5rem; + } + + .sm\:w-3 { + width: .75rem; + } + + .sm\:w-4 { + width: 1rem; + } + + .sm\:w-5 { + width: 1.25rem; + } + + .sm\:w-6 { + width: 1.5rem; + } + + .sm\:w-8 { + width: 2rem; + } + + .sm\:w-10 { + width: 2.5rem; + } + + .sm\:w-12 { + width: 3rem; + } + + .sm\:w-16 { + width: 4rem; + } + + .sm\:w-24 { + width: 6rem; + } + + .sm\:w-32 { + width: 8rem; + } + + .sm\:w-48 { + width: 12rem; + } + + .sm\:w-64 { + width: 16rem; + } + + .sm\:w-auto { + width: auto; + } + + .sm\:w-px { + width: 1px; + } + + .sm\:w-1\/2 { + width: 50%; + } + + .sm\:w-1\/3 { + width: 33.33333%; + } + + .sm\:w-2\/3 { + width: 66.66667%; + } + + .sm\:w-1\/4 { + width: 25%; + } + + .sm\:w-3\/4 { + width: 75%; + } + + .sm\:w-1\/5 { + width: 20%; + } + + .sm\:w-2\/5 { + width: 40%; + } + + .sm\:w-3\/5 { + width: 60%; + } + + .sm\:w-4\/5 { + width: 80%; + } + + .sm\:w-1\/6 { + width: 16.66667%; + } + + .sm\:w-5\/6 { + width: 83.33333%; + } + + .sm\:w-full { + width: 100%; + } + + .sm\:w-screen { + width: 100vw; + } + + .sm\:z-0 { + z-index: 0; + } + + .sm\:z-10 { + z-index: 10; + } + + .sm\:z-20 { + z-index: 20; + } + + .sm\:z-30 { + z-index: 30; + } + + .sm\:z-40 { + z-index: 40; + } + + .sm\:z-50 { + z-index: 50; + } + + .sm\:z-auto { + z-index: auto; + } + + .sm\:object-contain { + object-fit: contain; + } + + .sm\:object-cover { + object-fit: cover; + } + + .sm\:object-fill { + object-fit: fill; + } + + .sm\:object-none { + object-fit: none; + } + + .sm\:object-scale { + object-fit: scale-down; + } + + .sm\:grid { + display: grid; + } + + .sm\:grid-dense { + grid-auto-flow: dense; + } + + .sm\:grid-gap-0 { + grid-gap: 0; + } + + .sm\:grid-gap-4 { + grid-gap: 1rem; + } + + .sm\:grid-gap-8 { + grid-gap: 2rem; + } + + .sm\:grid-columns-1 { + grid-template-columns: repeat(1, 1fr); + } + + .sm\:grid-columns-2 { + grid-template-columns: repeat(2, 1fr); + } + + .sm\:grid-columns-3 { + grid-template-columns: repeat(3, 1fr); + } + + .sm\:grid-columns-4 { + grid-template-columns: repeat(4, 1fr); + } + + .sm\:grid-columns-5 { + grid-template-columns: repeat(5, 1fr); + } + + .sm\:grid-columns-6 { + grid-template-columns: repeat(6, 1fr); + } + + .sm\:grid-columns-7 { + grid-template-columns: repeat(7, 1fr); + } + + .sm\:grid-columns-8 { + grid-template-columns: repeat(8, 1fr); + } + + .sm\:grid-columns-9 { + grid-template-columns: repeat(9, 1fr); + } + + .sm\:grid-columns-10 { + grid-template-columns: repeat(10, 1fr); + } + + .sm\:grid-columns-11 { + grid-template-columns: repeat(11, 1fr); + } + + .sm\:grid-columns-12 { + grid-template-columns: repeat(12, 1fr); + } + + .sm\:col-span-1 { + grid-column-start: span 1; + } + + .sm\:col-span-2 { + grid-column-start: span 2; + } + + .sm\:col-span-3 { + grid-column-start: span 3; + } + + .sm\:col-span-4 { + grid-column-start: span 4; + } + + .sm\:col-span-5 { + grid-column-start: span 5; + } + + .sm\:col-span-6 { + grid-column-start: span 6; + } + + .sm\:col-span-7 { + grid-column-start: span 7; + } + + .sm\:col-span-8 { + grid-column-start: span 8; + } + + .sm\:col-span-9 { + grid-column-start: span 9; + } + + .sm\:col-span-10 { + grid-column-start: span 10; + } + + .sm\:col-span-11 { + grid-column-start: span 11; + } + + .sm\:col-span-12 { + grid-column-start: span 12; + } + + .sm\:col-start-1 { + grid-column-start: 1; + } + + .sm\:col-end-1 { + grid-column-end: 1; + } + + .sm\:col-start-2 { + grid-column-start: 2; + } + + .sm\:col-end-2 { + grid-column-end: 2; + } + + .sm\:col-start-3 { + grid-column-start: 3; + } + + .sm\:col-end-3 { + grid-column-end: 3; + } + + .sm\:col-start-4 { + grid-column-start: 4; + } + + .sm\:col-end-4 { + grid-column-end: 4; + } + + .sm\:col-start-5 { + grid-column-start: 5; + } + + .sm\:col-end-5 { + grid-column-end: 5; + } + + .sm\:col-start-6 { + grid-column-start: 6; + } + + .sm\:col-end-6 { + grid-column-end: 6; + } + + .sm\:col-start-7 { + grid-column-start: 7; + } + + .sm\:col-end-7 { + grid-column-end: 7; + } + + .sm\:col-start-8 { + grid-column-start: 8; + } + + .sm\:col-end-8 { + grid-column-end: 8; + } + + .sm\:col-start-9 { + grid-column-start: 9; + } + + .sm\:col-end-9 { + grid-column-end: 9; + } + + .sm\:col-start-10 { + grid-column-start: 10; + } + + .sm\:col-end-10 { + grid-column-end: 10; + } + + .sm\:col-start-11 { + grid-column-start: 11; + } + + .sm\:col-end-11 { + grid-column-end: 11; + } + + .sm\:col-start-12 { + grid-column-start: 12; + } + + .sm\:col-end-12 { + grid-column-end: 12; + } + + .sm\:col-start-13 { + grid-column-start: 13; + } + + .sm\:col-end-13 { + grid-column-end: 13; + } + + .sm\:row-span-1 { + grid-row-start: span 1; + } + + .sm\:row-span-2 { + grid-row-start: span 2; + } + + .sm\:row-span-3 { + grid-row-start: span 3; + } + + .sm\:row-span-4 { + grid-row-start: span 4; + } + + .sm\:row-span-5 { + grid-row-start: span 5; + } + + .sm\:row-span-6 { + grid-row-start: span 6; + } + + .sm\:row-span-7 { + grid-row-start: span 7; + } + + .sm\:row-span-8 { + grid-row-start: span 8; + } + + .sm\:row-span-9 { + grid-row-start: span 9; + } + + .sm\:row-span-10 { + grid-row-start: span 10; + } + + .sm\:row-span-11 { + grid-row-start: span 11; + } + + .sm\:row-span-12 { + grid-row-start: span 12; + } +} + +@media (min-width: 768px) { + .md\:list-reset { + list-style: none; + padding: 0; + } + + .md\:appearance-none { + appearance: none; + } + + .md\:bg-fixed { + background-attachment: fixed; + } + + .md\:bg-local { + background-attachment: local; + } + + .md\:bg-scroll { + background-attachment: scroll; + } + + .md\:bg-transparent { + background-color: transparent; + } + + .md\:bg-black { + background-color: #22292f; + } + + .md\:bg-grey-darkest { + background-color: #3d4852; + } + + .md\:bg-grey-darker { + background-color: #606f7b; + } + + .md\:bg-grey-dark { + background-color: #8795a1; + } + + .md\:bg-grey { + background-color: #b8c2cc; + } + + .md\:bg-grey-light { + background-color: #dae1e7; + } + + .md\:bg-grey-lighter { + background-color: #f1f5f8; + } + + .md\:bg-grey-lightest { + background-color: #f8fafc; + } + + .md\:bg-white { + background-color: #fff; + } + + .md\:bg-red-darkest { + background-color: #3b0d0c; + } + + .md\:bg-red-darker { + background-color: #621b18; + } + + .md\:bg-red-dark { + background-color: #cc1f1a; + } + + .md\:bg-red { + background-color: #e3342f; + } + + .md\:bg-red-light { + background-color: #ef5753; + } + + .md\:bg-red-lighter { + background-color: #f9acaa; + } + + .md\:bg-red-lightest { + background-color: #fcebea; + } + + .md\:bg-orange-darkest { + background-color: #462a16; + } + + .md\:bg-orange-darker { + background-color: #613b1f; + } + + .md\:bg-orange-dark { + background-color: #de751f; + } + + .md\:bg-orange { + background-color: #f6993f; + } + + .md\:bg-orange-light { + background-color: #faad63; + } + + .md\:bg-orange-lighter { + background-color: #fcd9b6; + } + + .md\:bg-orange-lightest { + background-color: #fff5eb; + } + + .md\:bg-yellow-darkest { + background-color: #453411; + } + + .md\:bg-yellow-darker { + background-color: #684f1d; + } + + .md\:bg-yellow-dark { + background-color: #f2d024; + } + + .md\:bg-yellow { + background-color: #ffed4a; + } + + .md\:bg-yellow-light { + background-color: #fff382; + } + + .md\:bg-yellow-lighter { + background-color: #fff9c2; + } + + .md\:bg-yellow-lightest { + background-color: #fcfbeb; + } + + .md\:bg-green-darkest { + background-color: #0f2f21; + } + + .md\:bg-green-darker { + background-color: #1a4731; + } + + .md\:bg-green-dark { + background-color: #1f9d55; + } + + .md\:bg-green { + background-color: #38c172; + } + + .md\:bg-green-light { + background-color: #51d88a; + } + + .md\:bg-green-lighter { + background-color: #a2f5bf; + } + + .md\:bg-green-lightest { + background-color: #e3fcec; + } + + .md\:bg-teal-darkest { + background-color: #0d3331; + } + + .md\:bg-teal-darker { + background-color: #20504f; + } + + .md\:bg-teal-dark { + background-color: #38a89d; + } + + .md\:bg-teal { + background-color: #4dc0b5; + } + + .md\:bg-teal-light { + background-color: #64d5ca; + } + + .md\:bg-teal-lighter { + background-color: #a0f0ed; + } + + .md\:bg-teal-lightest { + background-color: #e8fffe; + } + + .md\:bg-blue-darkest { + background-color: #12283a; + } + + .md\:bg-blue-darker { + background-color: #1c3d5a; + } + + .md\:bg-blue-dark { + background-color: #2779bd; + } + + .md\:bg-blue { + background-color: #3490dc; + } + + .md\:bg-blue-light { + background-color: #6cb2eb; + } + + .md\:bg-blue-lighter { + background-color: #bcdefa; + } + + .md\:bg-blue-lightest { + background-color: #eff8ff; + } + + .md\:bg-indigo-darkest { + background-color: #191e38; + } + + .md\:bg-indigo-darker { + background-color: #2f365f; + } + + .md\:bg-indigo-dark { + background-color: #5661b3; + } + + .md\:bg-indigo { + background-color: #6574cd; + } + + .md\:bg-indigo-light { + background-color: #7886d7; + } + + .md\:bg-indigo-lighter { + background-color: #b2b7ff; + } + + .md\:bg-indigo-lightest { + background-color: #e6e8ff; + } + + .md\:bg-purple-darkest { + background-color: #21183c; + } + + .md\:bg-purple-darker { + background-color: #382b5f; + } + + .md\:bg-purple-dark { + background-color: #794acf; + } + + .md\:bg-purple { + background-color: #9561e2; + } + + .md\:bg-purple-light { + background-color: #a779e9; + } + + .md\:bg-purple-lighter { + background-color: #d6bbfc; + } + + .md\:bg-purple-lightest { + background-color: #f3ebff; + } + + .md\:bg-pink-darkest { + background-color: #451225; + } + + .md\:bg-pink-darker { + background-color: #6f213f; + } + + .md\:bg-pink-dark { + background-color: #eb5286; + } + + .md\:bg-pink { + background-color: #f66d9b; + } + + .md\:bg-pink-light { + background-color: #fa7ea8; + } + + .md\:bg-pink-lighter { + background-color: #ffbbca; + } + + .md\:bg-pink-lightest { + background-color: #ffebef; + } + + .md\:hover\:bg-transparent:hover { + background-color: transparent; + } + + .md\:hover\:bg-black:hover { + background-color: #22292f; + } + + .md\:hover\:bg-grey-darkest:hover { + background-color: #3d4852; + } + + .md\:hover\:bg-grey-darker:hover { + background-color: #606f7b; + } + + .md\:hover\:bg-grey-dark:hover { + background-color: #8795a1; + } + + .md\:hover\:bg-grey:hover { + background-color: #b8c2cc; + } + + .md\:hover\:bg-grey-light:hover { + background-color: #dae1e7; + } + + .md\:hover\:bg-grey-lighter:hover { + background-color: #f1f5f8; + } + + .md\:hover\:bg-grey-lightest:hover { + background-color: #f8fafc; + } + + .md\:hover\:bg-white:hover { + background-color: #fff; + } + + .md\:hover\:bg-red-darkest:hover { + background-color: #3b0d0c; + } + + .md\:hover\:bg-red-darker:hover { + background-color: #621b18; + } + + .md\:hover\:bg-red-dark:hover { + background-color: #cc1f1a; + } + + .md\:hover\:bg-red:hover { + background-color: #e3342f; + } + + .md\:hover\:bg-red-light:hover { + background-color: #ef5753; + } + + .md\:hover\:bg-red-lighter:hover { + background-color: #f9acaa; + } + + .md\:hover\:bg-red-lightest:hover { + background-color: #fcebea; + } + + .md\:hover\:bg-orange-darkest:hover { + background-color: #462a16; + } + + .md\:hover\:bg-orange-darker:hover { + background-color: #613b1f; + } + + .md\:hover\:bg-orange-dark:hover { + background-color: #de751f; + } + + .md\:hover\:bg-orange:hover { + background-color: #f6993f; + } + + .md\:hover\:bg-orange-light:hover { + background-color: #faad63; + } + + .md\:hover\:bg-orange-lighter:hover { + background-color: #fcd9b6; + } + + .md\:hover\:bg-orange-lightest:hover { + background-color: #fff5eb; + } + + .md\:hover\:bg-yellow-darkest:hover { + background-color: #453411; + } + + .md\:hover\:bg-yellow-darker:hover { + background-color: #684f1d; + } + + .md\:hover\:bg-yellow-dark:hover { + background-color: #f2d024; + } + + .md\:hover\:bg-yellow:hover { + background-color: #ffed4a; + } + + .md\:hover\:bg-yellow-light:hover { + background-color: #fff382; + } -.col-start-2 { - grid-column-start: 2; -} + .md\:hover\:bg-yellow-lighter:hover { + background-color: #fff9c2; + } -.col-end-2 { - grid-column-end: 2; -} + .md\:hover\:bg-yellow-lightest:hover { + background-color: #fcfbeb; + } -.col-start-3 { - grid-column-start: 3; -} + .md\:hover\:bg-green-darkest:hover { + background-color: #0f2f21; + } -.col-end-3 { - grid-column-end: 3; -} + .md\:hover\:bg-green-darker:hover { + background-color: #1a4731; + } -.col-start-4 { - grid-column-start: 4; -} + .md\:hover\:bg-green-dark:hover { + background-color: #1f9d55; + } -.col-end-4 { - grid-column-end: 4; -} + .md\:hover\:bg-green:hover { + background-color: #38c172; + } -.col-start-5 { - grid-column-start: 5; -} + .md\:hover\:bg-green-light:hover { + background-color: #51d88a; + } -.col-end-5 { - grid-column-end: 5; -} + .md\:hover\:bg-green-lighter:hover { + background-color: #a2f5bf; + } -.col-start-6 { - grid-column-start: 6; -} + .md\:hover\:bg-green-lightest:hover { + background-color: #e3fcec; + } -.col-end-6 { - grid-column-end: 6; -} + .md\:hover\:bg-teal-darkest:hover { + background-color: #0d3331; + } -.col-start-7 { - grid-column-start: 7; -} + .md\:hover\:bg-teal-darker:hover { + background-color: #20504f; + } -.col-end-7 { - grid-column-end: 7; -} + .md\:hover\:bg-teal-dark:hover { + background-color: #38a89d; + } -.col-start-8 { - grid-column-start: 8; -} + .md\:hover\:bg-teal:hover { + background-color: #4dc0b5; + } -.col-end-8 { - grid-column-end: 8; -} + .md\:hover\:bg-teal-light:hover { + background-color: #64d5ca; + } -.col-start-9 { - grid-column-start: 9; -} + .md\:hover\:bg-teal-lighter:hover { + background-color: #a0f0ed; + } -.col-end-9 { - grid-column-end: 9; -} + .md\:hover\:bg-teal-lightest:hover { + background-color: #e8fffe; + } -.col-start-10 { - grid-column-start: 10; -} + .md\:hover\:bg-blue-darkest:hover { + background-color: #12283a; + } -.col-end-10 { - grid-column-end: 10; -} + .md\:hover\:bg-blue-darker:hover { + background-color: #1c3d5a; + } -.col-start-11 { - grid-column-start: 11; -} + .md\:hover\:bg-blue-dark:hover { + background-color: #2779bd; + } -.col-end-11 { - grid-column-end: 11; -} + .md\:hover\:bg-blue:hover { + background-color: #3490dc; + } -.col-start-12 { - grid-column-start: 12; -} + .md\:hover\:bg-blue-light:hover { + background-color: #6cb2eb; + } -.col-end-12 { - grid-column-end: 12; -} + .md\:hover\:bg-blue-lighter:hover { + background-color: #bcdefa; + } -.col-start-13 { - grid-column-start: 13; -} + .md\:hover\:bg-blue-lightest:hover { + background-color: #eff8ff; + } -.col-end-13 { - grid-column-end: 13; -} + .md\:hover\:bg-indigo-darkest:hover { + background-color: #191e38; + } -@media (min-width: 576px) { - .sm\:list-reset { - list-style: none; - padding: 0; + .md\:hover\:bg-indigo-darker:hover { + background-color: #2f365f; } - .sm\:appearance-none { - appearance: none; + .md\:hover\:bg-indigo-dark:hover { + background-color: #5661b3; } - .sm\:bg-fixed { - background-attachment: fixed; + .md\:hover\:bg-indigo:hover { + background-color: #6574cd; } - .sm\:bg-local { - background-attachment: local; + .md\:hover\:bg-indigo-light:hover { + background-color: #7886d7; } - .sm\:bg-scroll { - background-attachment: scroll; + .md\:hover\:bg-indigo-lighter:hover { + background-color: #b2b7ff; } - .sm\:bg-transparent { + .md\:hover\:bg-indigo-lightest:hover { + background-color: #e6e8ff; + } + + .md\:hover\:bg-purple-darkest:hover { + background-color: #21183c; + } + + .md\:hover\:bg-purple-darker:hover { + background-color: #382b5f; + } + + .md\:hover\:bg-purple-dark:hover { + background-color: #794acf; + } + + .md\:hover\:bg-purple:hover { + background-color: #9561e2; + } + + .md\:hover\:bg-purple-light:hover { + background-color: #a779e9; + } + + .md\:hover\:bg-purple-lighter:hover { + background-color: #d6bbfc; + } + + .md\:hover\:bg-purple-lightest:hover { + background-color: #f3ebff; + } + + .md\:hover\:bg-pink-darkest:hover { + background-color: #451225; + } + + .md\:hover\:bg-pink-darker:hover { + background-color: #6f213f; + } + + .md\:hover\:bg-pink-dark:hover { + background-color: #eb5286; + } + + .md\:hover\:bg-pink:hover { + background-color: #f66d9b; + } + + .md\:hover\:bg-pink-light:hover { + background-color: #fa7ea8; + } + + .md\:hover\:bg-pink-lighter:hover { + background-color: #ffbbca; + } + + .md\:hover\:bg-pink-lightest:hover { + background-color: #ffebef; + } + + .md\:focus\:bg-transparent:focus { background-color: transparent; } - .sm\:bg-black { + .md\:focus\:bg-black:focus { background-color: #22292f; } - .sm\:bg-grey-darkest { + .md\:focus\:bg-grey-darkest:focus { background-color: #3d4852; } - .sm\:bg-grey-darker { + .md\:focus\:bg-grey-darker:focus { background-color: #606f7b; } - .sm\:bg-grey-dark { + .md\:focus\:bg-grey-dark:focus { background-color: #8795a1; } - .sm\:bg-grey { + .md\:focus\:bg-grey:focus { background-color: #b8c2cc; } - .sm\:bg-grey-light { + .md\:focus\:bg-grey-light:focus { background-color: #dae1e7; } - .sm\:bg-grey-lighter { + .md\:focus\:bg-grey-lighter:focus { background-color: #f1f5f8; } - .sm\:bg-grey-lightest { + .md\:focus\:bg-grey-lightest:focus { background-color: #f8fafc; } - .sm\:bg-white { + .md\:focus\:bg-white:focus { background-color: #fff; } - .sm\:bg-red-darkest { + .md\:focus\:bg-red-darkest:focus { background-color: #3b0d0c; } - .sm\:bg-red-darker { + .md\:focus\:bg-red-darker:focus { background-color: #621b18; } - .sm\:bg-red-dark { + .md\:focus\:bg-red-dark:focus { background-color: #cc1f1a; } - .sm\:bg-red { + .md\:focus\:bg-red:focus { background-color: #e3342f; } - .sm\:bg-red-light { + .md\:focus\:bg-red-light:focus { background-color: #ef5753; } - .sm\:bg-red-lighter { + .md\:focus\:bg-red-lighter:focus { background-color: #f9acaa; } - .sm\:bg-red-lightest { + .md\:focus\:bg-red-lightest:focus { background-color: #fcebea; } - .sm\:bg-orange-darkest { + .md\:focus\:bg-orange-darkest:focus { background-color: #462a16; } - .sm\:bg-orange-darker { + .md\:focus\:bg-orange-darker:focus { background-color: #613b1f; } - .sm\:bg-orange-dark { + .md\:focus\:bg-orange-dark:focus { background-color: #de751f; } - .sm\:bg-orange { + .md\:focus\:bg-orange:focus { background-color: #f6993f; } - .sm\:bg-orange-light { + .md\:focus\:bg-orange-light:focus { background-color: #faad63; } - .sm\:bg-orange-lighter { + .md\:focus\:bg-orange-lighter:focus { background-color: #fcd9b6; } - .sm\:bg-orange-lightest { + .md\:focus\:bg-orange-lightest:focus { background-color: #fff5eb; } - .sm\:bg-yellow-darkest { + .md\:focus\:bg-yellow-darkest:focus { background-color: #453411; } - .sm\:bg-yellow-darker { + .md\:focus\:bg-yellow-darker:focus { background-color: #684f1d; } - .sm\:bg-yellow-dark { + .md\:focus\:bg-yellow-dark:focus { background-color: #f2d024; } - .sm\:bg-yellow { + .md\:focus\:bg-yellow:focus { background-color: #ffed4a; } - .sm\:bg-yellow-light { + .md\:focus\:bg-yellow-light:focus { background-color: #fff382; } - .sm\:bg-yellow-lighter { + .md\:focus\:bg-yellow-lighter:focus { background-color: #fff9c2; } - .sm\:bg-yellow-lightest { + .md\:focus\:bg-yellow-lightest:focus { background-color: #fcfbeb; } - .sm\:bg-green-darkest { + .md\:focus\:bg-green-darkest:focus { background-color: #0f2f21; } - .sm\:bg-green-darker { + .md\:focus\:bg-green-darker:focus { background-color: #1a4731; } - .sm\:bg-green-dark { + .md\:focus\:bg-green-dark:focus { background-color: #1f9d55; } - .sm\:bg-green { + .md\:focus\:bg-green:focus { background-color: #38c172; } - .sm\:bg-green-light { + .md\:focus\:bg-green-light:focus { background-color: #51d88a; } - .sm\:bg-green-lighter { + .md\:focus\:bg-green-lighter:focus { background-color: #a2f5bf; } - .sm\:bg-green-lightest { + .md\:focus\:bg-green-lightest:focus { background-color: #e3fcec; } - .sm\:bg-teal-darkest { + .md\:focus\:bg-teal-darkest:focus { background-color: #0d3331; } - .sm\:bg-teal-darker { + .md\:focus\:bg-teal-darker:focus { background-color: #20504f; } - .sm\:bg-teal-dark { + .md\:focus\:bg-teal-dark:focus { background-color: #38a89d; } - .sm\:bg-teal { + .md\:focus\:bg-teal:focus { background-color: #4dc0b5; } - .sm\:bg-teal-light { + .md\:focus\:bg-teal-light:focus { background-color: #64d5ca; } - .sm\:bg-teal-lighter { + .md\:focus\:bg-teal-lighter:focus { background-color: #a0f0ed; } - .sm\:bg-teal-lightest { + .md\:focus\:bg-teal-lightest:focus { background-color: #e8fffe; } - .sm\:bg-blue-darkest { + .md\:focus\:bg-blue-darkest:focus { background-color: #12283a; } - .sm\:bg-blue-darker { + .md\:focus\:bg-blue-darker:focus { background-color: #1c3d5a; } - .sm\:bg-blue-dark { + .md\:focus\:bg-blue-dark:focus { background-color: #2779bd; } - .sm\:bg-blue { + .md\:focus\:bg-blue:focus { background-color: #3490dc; } - .sm\:bg-blue-light { + .md\:focus\:bg-blue-light:focus { background-color: #6cb2eb; } - .sm\:bg-blue-lighter { + .md\:focus\:bg-blue-lighter:focus { background-color: #bcdefa; } - .sm\:bg-blue-lightest { + .md\:focus\:bg-blue-lightest:focus { background-color: #eff8ff; } - .sm\:bg-indigo-darkest { + .md\:focus\:bg-indigo-darkest:focus { background-color: #191e38; } - .sm\:bg-indigo-darker { + .md\:focus\:bg-indigo-darker:focus { background-color: #2f365f; } - .sm\:bg-indigo-dark { + .md\:focus\:bg-indigo-dark:focus { background-color: #5661b3; } - .sm\:bg-indigo { + .md\:focus\:bg-indigo:focus { background-color: #6574cd; } - .sm\:bg-indigo-light { + .md\:focus\:bg-indigo-light:focus { background-color: #7886d7; } - .sm\:bg-indigo-lighter { + .md\:focus\:bg-indigo-lighter:focus { background-color: #b2b7ff; } - .sm\:bg-indigo-lightest { + .md\:focus\:bg-indigo-lightest:focus { background-color: #e6e8ff; } - .sm\:bg-purple-darkest { + .md\:focus\:bg-purple-darkest:focus { background-color: #21183c; } - .sm\:bg-purple-darker { + .md\:focus\:bg-purple-darker:focus { background-color: #382b5f; } - .sm\:bg-purple-dark { + .md\:focus\:bg-purple-dark:focus { background-color: #794acf; } - .sm\:bg-purple { + .md\:focus\:bg-purple:focus { background-color: #9561e2; } - .sm\:bg-purple-light { + .md\:focus\:bg-purple-light:focus { background-color: #a779e9; } - .sm\:bg-purple-lighter { + .md\:focus\:bg-purple-lighter:focus { background-color: #d6bbfc; } - .sm\:bg-purple-lightest { + .md\:focus\:bg-purple-lightest:focus { background-color: #f3ebff; } - .sm\:bg-pink-darkest { + .md\:focus\:bg-pink-darkest:focus { background-color: #451225; } - .sm\:bg-pink-darker { + .md\:focus\:bg-pink-darker:focus { background-color: #6f213f; } - .sm\:bg-pink-dark { + .md\:focus\:bg-pink-dark:focus { background-color: #eb5286; } - .sm\:bg-pink { + .md\:focus\:bg-pink:focus { background-color: #f66d9b; } - .sm\:bg-pink-light { + .md\:focus\:bg-pink-light:focus { background-color: #fa7ea8; } - .sm\:bg-pink-lighter { + .md\:focus\:bg-pink-lighter:focus { background-color: #ffbbca; } - .sm\:bg-pink-lightest { + .md\:focus\:bg-pink-lightest:focus { background-color: #ffebef; } - .sm\:hover\:bg-transparent:hover { - background-color: transparent; + .md\:bg-bottom { + background-position: bottom; } - .sm\:hover\:bg-black:hover { - background-color: #22292f; + .md\:bg-center { + background-position: center; } - .sm\:hover\:bg-grey-darkest:hover { - background-color: #3d4852; + .md\:bg-left { + background-position: left; } - .sm\:hover\:bg-grey-darker:hover { - background-color: #606f7b; + .md\:bg-left-bottom { + background-position: left bottom; } - .sm\:hover\:bg-grey-dark:hover { - background-color: #8795a1; + .md\:bg-left-top { + background-position: left top; } - .sm\:hover\:bg-grey:hover { - background-color: #b8c2cc; + .md\:bg-right { + background-position: right; } - .sm\:hover\:bg-grey-light:hover { - background-color: #dae1e7; + .md\:bg-right-bottom { + background-position: right bottom; } - .sm\:hover\:bg-grey-lighter:hover { - background-color: #f1f5f8; + .md\:bg-right-top { + background-position: right top; } - .sm\:hover\:bg-grey-lightest:hover { - background-color: #f8fafc; + .md\:bg-top { + background-position: top; } - .sm\:hover\:bg-white:hover { - background-color: #fff; + .md\:bg-repeat { + background-repeat: repeat; } - .sm\:hover\:bg-red-darkest:hover { - background-color: #3b0d0c; + .md\:bg-no-repeat { + background-repeat: no-repeat; } - .sm\:hover\:bg-red-darker:hover { - background-color: #621b18; + .md\:bg-repeat-x { + background-repeat: repeat-x; } - .sm\:hover\:bg-red-dark:hover { - background-color: #cc1f1a; + .md\:bg-repeat-y { + background-repeat: repeat-y; } - .sm\:hover\:bg-red:hover { - background-color: #e3342f; + .md\:bg-auto { + background-size: auto; } - .sm\:hover\:bg-red-light:hover { - background-color: #ef5753; + .md\:bg-cover { + background-size: cover; } - .sm\:hover\:bg-red-lighter:hover { - background-color: #f9acaa; + .md\:bg-contain { + background-size: contain; } - .sm\:hover\:bg-red-lightest:hover { - background-color: #fcebea; + .md\:border-transparent { + border-color: transparent; } - .sm\:hover\:bg-orange-darkest:hover { - background-color: #462a16; + .md\:border-black { + border-color: #22292f; } - .sm\:hover\:bg-orange-darker:hover { - background-color: #613b1f; + .md\:border-grey-darkest { + border-color: #3d4852; } - .sm\:hover\:bg-orange-dark:hover { - background-color: #de751f; + .md\:border-grey-darker { + border-color: #606f7b; } - .sm\:hover\:bg-orange:hover { - background-color: #f6993f; + .md\:border-grey-dark { + border-color: #8795a1; } - .sm\:hover\:bg-orange-light:hover { - background-color: #faad63; + .md\:border-grey { + border-color: #b8c2cc; } - .sm\:hover\:bg-orange-lighter:hover { - background-color: #fcd9b6; + .md\:border-grey-light { + border-color: #dae1e7; } - .sm\:hover\:bg-orange-lightest:hover { - background-color: #fff5eb; + .md\:border-grey-lighter { + border-color: #f1f5f8; } - .sm\:hover\:bg-yellow-darkest:hover { - background-color: #453411; + .md\:border-grey-lightest { + border-color: #f8fafc; } - .sm\:hover\:bg-yellow-darker:hover { - background-color: #684f1d; + .md\:border-white { + border-color: #fff; } - .sm\:hover\:bg-yellow-dark:hover { - background-color: #f2d024; + .md\:border-red-darkest { + border-color: #3b0d0c; } - .sm\:hover\:bg-yellow:hover { - background-color: #ffed4a; + .md\:border-red-darker { + border-color: #621b18; } - .sm\:hover\:bg-yellow-light:hover { - background-color: #fff382; + .md\:border-red-dark { + border-color: #cc1f1a; } - .sm\:hover\:bg-yellow-lighter:hover { - background-color: #fff9c2; + .md\:border-red { + border-color: #e3342f; } - .sm\:hover\:bg-yellow-lightest:hover { - background-color: #fcfbeb; + .md\:border-red-light { + border-color: #ef5753; } - .sm\:hover\:bg-green-darkest:hover { - background-color: #0f2f21; + .md\:border-red-lighter { + border-color: #f9acaa; } - .sm\:hover\:bg-green-darker:hover { - background-color: #1a4731; + .md\:border-red-lightest { + border-color: #fcebea; } - .sm\:hover\:bg-green-dark:hover { - background-color: #1f9d55; + .md\:border-orange-darkest { + border-color: #462a16; } - .sm\:hover\:bg-green:hover { - background-color: #38c172; + .md\:border-orange-darker { + border-color: #613b1f; } - .sm\:hover\:bg-green-light:hover { - background-color: #51d88a; + .md\:border-orange-dark { + border-color: #de751f; } - .sm\:hover\:bg-green-lighter:hover { - background-color: #a2f5bf; + .md\:border-orange { + border-color: #f6993f; } - .sm\:hover\:bg-green-lightest:hover { - background-color: #e3fcec; + .md\:border-orange-light { + border-color: #faad63; } - .sm\:hover\:bg-teal-darkest:hover { - background-color: #0d3331; + .md\:border-orange-lighter { + border-color: #fcd9b6; } - .sm\:hover\:bg-teal-darker:hover { - background-color: #20504f; + .md\:border-orange-lightest { + border-color: #fff5eb; } - .sm\:hover\:bg-teal-dark:hover { - background-color: #38a89d; + .md\:border-yellow-darkest { + border-color: #453411; } - .sm\:hover\:bg-teal:hover { - background-color: #4dc0b5; + .md\:border-yellow-darker { + border-color: #684f1d; } - .sm\:hover\:bg-teal-light:hover { - background-color: #64d5ca; + .md\:border-yellow-dark { + border-color: #f2d024; } - .sm\:hover\:bg-teal-lighter:hover { - background-color: #a0f0ed; + .md\:border-yellow { + border-color: #ffed4a; } - .sm\:hover\:bg-teal-lightest:hover { - background-color: #e8fffe; + .md\:border-yellow-light { + border-color: #fff382; } - .sm\:hover\:bg-blue-darkest:hover { - background-color: #12283a; + .md\:border-yellow-lighter { + border-color: #fff9c2; } - .sm\:hover\:bg-blue-darker:hover { - background-color: #1c3d5a; + .md\:border-yellow-lightest { + border-color: #fcfbeb; } - .sm\:hover\:bg-blue-dark:hover { - background-color: #2779bd; + .md\:border-green-darkest { + border-color: #0f2f21; } - .sm\:hover\:bg-blue:hover { - background-color: #3490dc; + .md\:border-green-darker { + border-color: #1a4731; } - .sm\:hover\:bg-blue-light:hover { - background-color: #6cb2eb; + .md\:border-green-dark { + border-color: #1f9d55; } - .sm\:hover\:bg-blue-lighter:hover { - background-color: #bcdefa; + .md\:border-green { + border-color: #38c172; } - - .sm\:hover\:bg-blue-lightest:hover { - background-color: #eff8ff; + + .md\:border-green-light { + border-color: #51d88a; } - .sm\:hover\:bg-indigo-darkest:hover { - background-color: #191e38; + .md\:border-green-lighter { + border-color: #a2f5bf; } - .sm\:hover\:bg-indigo-darker:hover { - background-color: #2f365f; + .md\:border-green-lightest { + border-color: #e3fcec; } - .sm\:hover\:bg-indigo-dark:hover { - background-color: #5661b3; + .md\:border-teal-darkest { + border-color: #0d3331; } - .sm\:hover\:bg-indigo:hover { - background-color: #6574cd; + .md\:border-teal-darker { + border-color: #20504f; } - .sm\:hover\:bg-indigo-light:hover { - background-color: #7886d7; + .md\:border-teal-dark { + border-color: #38a89d; } - .sm\:hover\:bg-indigo-lighter:hover { - background-color: #b2b7ff; + .md\:border-teal { + border-color: #4dc0b5; } - .sm\:hover\:bg-indigo-lightest:hover { - background-color: #e6e8ff; + .md\:border-teal-light { + border-color: #64d5ca; } - .sm\:hover\:bg-purple-darkest:hover { - background-color: #21183c; + .md\:border-teal-lighter { + border-color: #a0f0ed; } - .sm\:hover\:bg-purple-darker:hover { - background-color: #382b5f; + .md\:border-teal-lightest { + border-color: #e8fffe; } - .sm\:hover\:bg-purple-dark:hover { - background-color: #794acf; + .md\:border-blue-darkest { + border-color: #12283a; } - .sm\:hover\:bg-purple:hover { - background-color: #9561e2; + .md\:border-blue-darker { + border-color: #1c3d5a; } - .sm\:hover\:bg-purple-light:hover { - background-color: #a779e9; + .md\:border-blue-dark { + border-color: #2779bd; } - .sm\:hover\:bg-purple-lighter:hover { - background-color: #d6bbfc; + .md\:border-blue { + border-color: #3490dc; } - .sm\:hover\:bg-purple-lightest:hover { - background-color: #f3ebff; + .md\:border-blue-light { + border-color: #6cb2eb; } - .sm\:hover\:bg-pink-darkest:hover { - background-color: #451225; + .md\:border-blue-lighter { + border-color: #bcdefa; } - .sm\:hover\:bg-pink-darker:hover { - background-color: #6f213f; + .md\:border-blue-lightest { + border-color: #eff8ff; } - .sm\:hover\:bg-pink-dark:hover { - background-color: #eb5286; + .md\:border-indigo-darkest { + border-color: #191e38; } - .sm\:hover\:bg-pink:hover { - background-color: #f66d9b; + .md\:border-indigo-darker { + border-color: #2f365f; } - .sm\:hover\:bg-pink-light:hover { - background-color: #fa7ea8; + .md\:border-indigo-dark { + border-color: #5661b3; } - .sm\:hover\:bg-pink-lighter:hover { - background-color: #ffbbca; + .md\:border-indigo { + border-color: #6574cd; } - .sm\:hover\:bg-pink-lightest:hover { - background-color: #ffebef; + .md\:border-indigo-light { + border-color: #7886d7; } - .sm\:bg-bottom { - background-position: bottom; + .md\:border-indigo-lighter { + border-color: #b2b7ff; } - .sm\:bg-center { - background-position: center; + .md\:border-indigo-lightest { + border-color: #e6e8ff; } - .sm\:bg-left { - background-position: left; + .md\:border-purple-darkest { + border-color: #21183c; } - .sm\:bg-left-bottom { - background-position: left bottom; + .md\:border-purple-darker { + border-color: #382b5f; } - .sm\:bg-left-top { - background-position: left top; + .md\:border-purple-dark { + border-color: #794acf; } - .sm\:bg-right { - background-position: right; + .md\:border-purple { + border-color: #9561e2; } - .sm\:bg-right-bottom { - background-position: right bottom; + .md\:border-purple-light { + border-color: #a779e9; } - .sm\:bg-right-top { - background-position: right top; + .md\:border-purple-lighter { + border-color: #d6bbfc; } - .sm\:bg-top { - background-position: top; + .md\:border-purple-lightest { + border-color: #f3ebff; } - .sm\:bg-repeat { - background-repeat: repeat; + .md\:border-pink-darkest { + border-color: #451225; } - .sm\:bg-no-repeat { - background-repeat: no-repeat; + .md\:border-pink-darker { + border-color: #6f213f; } - .sm\:bg-repeat-x { - background-repeat: repeat-x; + .md\:border-pink-dark { + border-color: #eb5286; } - .sm\:bg-repeat-y { - background-repeat: repeat-y; + .md\:border-pink { + border-color: #f66d9b; } - .sm\:bg-auto { - background-size: auto; + .md\:border-pink-light { + border-color: #fa7ea8; } - .sm\:bg-cover { - background-size: cover; + .md\:border-pink-lighter { + border-color: #ffbbca; } - .sm\:bg-contain { - background-size: contain; + .md\:border-pink-lightest { + border-color: #ffebef; } - .sm\:border-transparent { + .md\:hover\:border-transparent:hover { border-color: transparent; } - .sm\:border-black { + .md\:hover\:border-black:hover { border-color: #22292f; } - .sm\:border-grey-darkest { + .md\:hover\:border-grey-darkest:hover { border-color: #3d4852; } - .sm\:border-grey-darker { + .md\:hover\:border-grey-darker:hover { border-color: #606f7b; } - .sm\:border-grey-dark { + .md\:hover\:border-grey-dark:hover { border-color: #8795a1; } - .sm\:border-grey { + .md\:hover\:border-grey:hover { border-color: #b8c2cc; } - .sm\:border-grey-light { + .md\:hover\:border-grey-light:hover { border-color: #dae1e7; } - .sm\:border-grey-lighter { + .md\:hover\:border-grey-lighter:hover { border-color: #f1f5f8; } - .sm\:border-grey-lightest { + .md\:hover\:border-grey-lightest:hover { border-color: #f8fafc; } - .sm\:border-white { + .md\:hover\:border-white:hover { border-color: #fff; } - .sm\:border-red-darkest { + .md\:hover\:border-red-darkest:hover { border-color: #3b0d0c; } - .sm\:border-red-darker { + .md\:hover\:border-red-darker:hover { border-color: #621b18; } - .sm\:border-red-dark { + .md\:hover\:border-red-dark:hover { border-color: #cc1f1a; } - .sm\:border-red { + .md\:hover\:border-red:hover { border-color: #e3342f; } - .sm\:border-red-light { + .md\:hover\:border-red-light:hover { border-color: #ef5753; } - .sm\:border-red-lighter { + .md\:hover\:border-red-lighter:hover { border-color: #f9acaa; } - .sm\:border-red-lightest { + .md\:hover\:border-red-lightest:hover { border-color: #fcebea; } - .sm\:border-orange-darkest { + .md\:hover\:border-orange-darkest:hover { border-color: #462a16; } - .sm\:border-orange-darker { + .md\:hover\:border-orange-darker:hover { border-color: #613b1f; } - .sm\:border-orange-dark { + .md\:hover\:border-orange-dark:hover { border-color: #de751f; } - .sm\:border-orange { + .md\:hover\:border-orange:hover { border-color: #f6993f; } - .sm\:border-orange-light { + .md\:hover\:border-orange-light:hover { border-color: #faad63; } - .sm\:border-orange-lighter { + .md\:hover\:border-orange-lighter:hover { border-color: #fcd9b6; } - .sm\:border-orange-lightest { + .md\:hover\:border-orange-lightest:hover { border-color: #fff5eb; } - .sm\:border-yellow-darkest { + .md\:hover\:border-yellow-darkest:hover { border-color: #453411; } - .sm\:border-yellow-darker { + .md\:hover\:border-yellow-darker:hover { border-color: #684f1d; } - .sm\:border-yellow-dark { + .md\:hover\:border-yellow-dark:hover { border-color: #f2d024; } - .sm\:border-yellow { + .md\:hover\:border-yellow:hover { border-color: #ffed4a; } - .sm\:border-yellow-light { + .md\:hover\:border-yellow-light:hover { border-color: #fff382; } - .sm\:border-yellow-lighter { + .md\:hover\:border-yellow-lighter:hover { border-color: #fff9c2; } - .sm\:border-yellow-lightest { + .md\:hover\:border-yellow-lightest:hover { border-color: #fcfbeb; } - .sm\:border-green-darkest { + .md\:hover\:border-green-darkest:hover { border-color: #0f2f21; } - .sm\:border-green-darker { + .md\:hover\:border-green-darker:hover { border-color: #1a4731; } - .sm\:border-green-dark { + .md\:hover\:border-green-dark:hover { border-color: #1f9d55; } - .sm\:border-green { + .md\:hover\:border-green:hover { border-color: #38c172; } - .sm\:border-green-light { + .md\:hover\:border-green-light:hover { border-color: #51d88a; } - .sm\:border-green-lighter { + .md\:hover\:border-green-lighter:hover { border-color: #a2f5bf; } - .sm\:border-green-lightest { + .md\:hover\:border-green-lightest:hover { border-color: #e3fcec; } - .sm\:border-teal-darkest { + .md\:hover\:border-teal-darkest:hover { border-color: #0d3331; } - .sm\:border-teal-darker { + .md\:hover\:border-teal-darker:hover { border-color: #20504f; } - .sm\:border-teal-dark { + .md\:hover\:border-teal-dark:hover { border-color: #38a89d; } - .sm\:border-teal { + .md\:hover\:border-teal:hover { border-color: #4dc0b5; } - .sm\:border-teal-light { + .md\:hover\:border-teal-light:hover { border-color: #64d5ca; } - .sm\:border-teal-lighter { + .md\:hover\:border-teal-lighter:hover { border-color: #a0f0ed; } - .sm\:border-teal-lightest { + .md\:hover\:border-teal-lightest:hover { border-color: #e8fffe; } - .sm\:border-blue-darkest { + .md\:hover\:border-blue-darkest:hover { border-color: #12283a; } - .sm\:border-blue-darker { + .md\:hover\:border-blue-darker:hover { border-color: #1c3d5a; } - .sm\:border-blue-dark { + .md\:hover\:border-blue-dark:hover { border-color: #2779bd; } - .sm\:border-blue { + .md\:hover\:border-blue:hover { border-color: #3490dc; } - .sm\:border-blue-light { + .md\:hover\:border-blue-light:hover { border-color: #6cb2eb; } - .sm\:border-blue-lighter { + .md\:hover\:border-blue-lighter:hover { border-color: #bcdefa; } - .sm\:border-blue-lightest { + .md\:hover\:border-blue-lightest:hover { border-color: #eff8ff; } - .sm\:border-indigo-darkest { + .md\:hover\:border-indigo-darkest:hover { border-color: #191e38; } - .sm\:border-indigo-darker { + .md\:hover\:border-indigo-darker:hover { border-color: #2f365f; } - .sm\:border-indigo-dark { + .md\:hover\:border-indigo-dark:hover { border-color: #5661b3; } - .sm\:border-indigo { + .md\:hover\:border-indigo:hover { border-color: #6574cd; } - .sm\:border-indigo-light { + .md\:hover\:border-indigo-light:hover { border-color: #7886d7; } - .sm\:border-indigo-lighter { + .md\:hover\:border-indigo-lighter:hover { border-color: #b2b7ff; } - .sm\:border-indigo-lightest { + .md\:hover\:border-indigo-lightest:hover { border-color: #e6e8ff; } - .sm\:border-purple-darkest { + .md\:hover\:border-purple-darkest:hover { border-color: #21183c; } - .sm\:border-purple-darker { + .md\:hover\:border-purple-darker:hover { border-color: #382b5f; } - .sm\:border-purple-dark { + .md\:hover\:border-purple-dark:hover { border-color: #794acf; } - .sm\:border-purple { + .md\:hover\:border-purple:hover { border-color: #9561e2; } - .sm\:border-purple-light { + .md\:hover\:border-purple-light:hover { border-color: #a779e9; } - .sm\:border-purple-lighter { + .md\:hover\:border-purple-lighter:hover { border-color: #d6bbfc; } - .sm\:border-purple-lightest { + .md\:hover\:border-purple-lightest:hover { border-color: #f3ebff; } - .sm\:border-pink-darkest { + .md\:hover\:border-pink-darkest:hover { border-color: #451225; } - .sm\:border-pink-darker { + .md\:hover\:border-pink-darker:hover { border-color: #6f213f; } - .sm\:border-pink-dark { + .md\:hover\:border-pink-dark:hover { border-color: #eb5286; } - .sm\:border-pink { + .md\:hover\:border-pink:hover { border-color: #f66d9b; } - .sm\:border-pink-light { + .md\:hover\:border-pink-light:hover { border-color: #fa7ea8; } - .sm\:border-pink-lighter { + .md\:hover\:border-pink-lighter:hover { border-color: #ffbbca; } - .sm\:border-pink-lightest { + .md\:hover\:border-pink-lightest:hover { border-color: #ffebef; } - .sm\:hover\:border-transparent:hover { + .md\:focus\:border-transparent:focus { border-color: transparent; } - .sm\:hover\:border-black:hover { + .md\:focus\:border-black:focus { border-color: #22292f; } - .sm\:hover\:border-grey-darkest:hover { + .md\:focus\:border-grey-darkest:focus { border-color: #3d4852; } - .sm\:hover\:border-grey-darker:hover { + .md\:focus\:border-grey-darker:focus { border-color: #606f7b; } - .sm\:hover\:border-grey-dark:hover { + .md\:focus\:border-grey-dark:focus { border-color: #8795a1; } - .sm\:hover\:border-grey:hover { + .md\:focus\:border-grey:focus { border-color: #b8c2cc; } - .sm\:hover\:border-grey-light:hover { + .md\:focus\:border-grey-light:focus { border-color: #dae1e7; } - .sm\:hover\:border-grey-lighter:hover { + .md\:focus\:border-grey-lighter:focus { border-color: #f1f5f8; } - .sm\:hover\:border-grey-lightest:hover { + .md\:focus\:border-grey-lightest:focus { border-color: #f8fafc; } - .sm\:hover\:border-white:hover { + .md\:focus\:border-white:focus { border-color: #fff; } - .sm\:hover\:border-red-darkest:hover { + .md\:focus\:border-red-darkest:focus { border-color: #3b0d0c; } - .sm\:hover\:border-red-darker:hover { + .md\:focus\:border-red-darker:focus { border-color: #621b18; } - .sm\:hover\:border-red-dark:hover { + .md\:focus\:border-red-dark:focus { border-color: #cc1f1a; } - .sm\:hover\:border-red:hover { + .md\:focus\:border-red:focus { border-color: #e3342f; } - .sm\:hover\:border-red-light:hover { + .md\:focus\:border-red-light:focus { border-color: #ef5753; } - .sm\:hover\:border-red-lighter:hover { + .md\:focus\:border-red-lighter:focus { border-color: #f9acaa; } - .sm\:hover\:border-red-lightest:hover { + .md\:focus\:border-red-lightest:focus { border-color: #fcebea; } - .sm\:hover\:border-orange-darkest:hover { + .md\:focus\:border-orange-darkest:focus { border-color: #462a16; } - .sm\:hover\:border-orange-darker:hover { + .md\:focus\:border-orange-darker:focus { border-color: #613b1f; } - .sm\:hover\:border-orange-dark:hover { + .md\:focus\:border-orange-dark:focus { border-color: #de751f; } - .sm\:hover\:border-orange:hover { + .md\:focus\:border-orange:focus { border-color: #f6993f; } - .sm\:hover\:border-orange-light:hover { + .md\:focus\:border-orange-light:focus { border-color: #faad63; } - .sm\:hover\:border-orange-lighter:hover { + .md\:focus\:border-orange-lighter:focus { border-color: #fcd9b6; } - .sm\:hover\:border-orange-lightest:hover { + .md\:focus\:border-orange-lightest:focus { border-color: #fff5eb; } - .sm\:hover\:border-yellow-darkest:hover { + .md\:focus\:border-yellow-darkest:focus { border-color: #453411; } - .sm\:hover\:border-yellow-darker:hover { + .md\:focus\:border-yellow-darker:focus { border-color: #684f1d; } - .sm\:hover\:border-yellow-dark:hover { + .md\:focus\:border-yellow-dark:focus { border-color: #f2d024; } - .sm\:hover\:border-yellow:hover { + .md\:focus\:border-yellow:focus { border-color: #ffed4a; } - .sm\:hover\:border-yellow-light:hover { + .md\:focus\:border-yellow-light:focus { border-color: #fff382; } - .sm\:hover\:border-yellow-lighter:hover { + .md\:focus\:border-yellow-lighter:focus { border-color: #fff9c2; } - .sm\:hover\:border-yellow-lightest:hover { + .md\:focus\:border-yellow-lightest:focus { border-color: #fcfbeb; } - .sm\:hover\:border-green-darkest:hover { + .md\:focus\:border-green-darkest:focus { border-color: #0f2f21; } - .sm\:hover\:border-green-darker:hover { + .md\:focus\:border-green-darker:focus { border-color: #1a4731; } - .sm\:hover\:border-green-dark:hover { + .md\:focus\:border-green-dark:focus { border-color: #1f9d55; } - .sm\:hover\:border-green:hover { + .md\:focus\:border-green:focus { border-color: #38c172; } - .sm\:hover\:border-green-light:hover { + .md\:focus\:border-green-light:focus { border-color: #51d88a; } - .sm\:hover\:border-green-lighter:hover { + .md\:focus\:border-green-lighter:focus { border-color: #a2f5bf; } - .sm\:hover\:border-green-lightest:hover { + .md\:focus\:border-green-lightest:focus { border-color: #e3fcec; } - .sm\:hover\:border-teal-darkest:hover { + .md\:focus\:border-teal-darkest:focus { border-color: #0d3331; } - .sm\:hover\:border-teal-darker:hover { + .md\:focus\:border-teal-darker:focus { border-color: #20504f; } - .sm\:hover\:border-teal-dark:hover { + .md\:focus\:border-teal-dark:focus { border-color: #38a89d; } - .sm\:hover\:border-teal:hover { + .md\:focus\:border-teal:focus { border-color: #4dc0b5; } - .sm\:hover\:border-teal-light:hover { + .md\:focus\:border-teal-light:focus { border-color: #64d5ca; } - .sm\:hover\:border-teal-lighter:hover { + .md\:focus\:border-teal-lighter:focus { border-color: #a0f0ed; } - .sm\:hover\:border-teal-lightest:hover { + .md\:focus\:border-teal-lightest:focus { border-color: #e8fffe; } - .sm\:hover\:border-blue-darkest:hover { + .md\:focus\:border-blue-darkest:focus { border-color: #12283a; } - .sm\:hover\:border-blue-darker:hover { + .md\:focus\:border-blue-darker:focus { border-color: #1c3d5a; } - .sm\:hover\:border-blue-dark:hover { + .md\:focus\:border-blue-dark:focus { border-color: #2779bd; } - .sm\:hover\:border-blue:hover { + .md\:focus\:border-blue:focus { border-color: #3490dc; } - .sm\:hover\:border-blue-light:hover { + .md\:focus\:border-blue-light:focus { border-color: #6cb2eb; } - .sm\:hover\:border-blue-lighter:hover { + .md\:focus\:border-blue-lighter:focus { border-color: #bcdefa; } - .sm\:hover\:border-blue-lightest:hover { + .md\:focus\:border-blue-lightest:focus { border-color: #eff8ff; } - .sm\:hover\:border-indigo-darkest:hover { + .md\:focus\:border-indigo-darkest:focus { border-color: #191e38; } - .sm\:hover\:border-indigo-darker:hover { + .md\:focus\:border-indigo-darker:focus { border-color: #2f365f; } - .sm\:hover\:border-indigo-dark:hover { + .md\:focus\:border-indigo-dark:focus { border-color: #5661b3; } - .sm\:hover\:border-indigo:hover { + .md\:focus\:border-indigo:focus { border-color: #6574cd; } - .sm\:hover\:border-indigo-light:hover { + .md\:focus\:border-indigo-light:focus { border-color: #7886d7; } - .sm\:hover\:border-indigo-lighter:hover { + .md\:focus\:border-indigo-lighter:focus { border-color: #b2b7ff; } - .sm\:hover\:border-indigo-lightest:hover { + .md\:focus\:border-indigo-lightest:focus { border-color: #e6e8ff; } - .sm\:hover\:border-purple-darkest:hover { + .md\:focus\:border-purple-darkest:focus { border-color: #21183c; } - .sm\:hover\:border-purple-darker:hover { + .md\:focus\:border-purple-darker:focus { border-color: #382b5f; } - .sm\:hover\:border-purple-dark:hover { + .md\:focus\:border-purple-dark:focus { border-color: #794acf; } - .sm\:hover\:border-purple:hover { + .md\:focus\:border-purple:focus { border-color: #9561e2; } - .sm\:hover\:border-purple-light:hover { + .md\:focus\:border-purple-light:focus { border-color: #a779e9; } - .sm\:hover\:border-purple-lighter:hover { + .md\:focus\:border-purple-lighter:focus { border-color: #d6bbfc; } - .sm\:hover\:border-purple-lightest:hover { + .md\:focus\:border-purple-lightest:focus { border-color: #f3ebff; } - .sm\:hover\:border-pink-darkest:hover { + .md\:focus\:border-pink-darkest:focus { border-color: #451225; } - .sm\:hover\:border-pink-darker:hover { + .md\:focus\:border-pink-darker:focus { border-color: #6f213f; } - .sm\:hover\:border-pink-dark:hover { + .md\:focus\:border-pink-dark:focus { border-color: #eb5286; } - .sm\:hover\:border-pink:hover { + .md\:focus\:border-pink:focus { border-color: #f66d9b; } - .sm\:hover\:border-pink-light:hover { + .md\:focus\:border-pink-light:focus { border-color: #fa7ea8; } - .sm\:hover\:border-pink-lighter:hover { + .md\:focus\:border-pink-lighter:focus { border-color: #ffbbca; } - .sm\:hover\:border-pink-lightest:hover { + .md\:focus\:border-pink-lightest:focus { border-color: #ffebef; } - .sm\:rounded-none { + .md\:rounded-none { border-radius: 0; } - .sm\:rounded-sm { + .md\:rounded-sm { border-radius: .125rem; } - .sm\:rounded { + .md\:rounded { border-radius: .25rem; } - .sm\:rounded-lg { + .md\:rounded-lg { border-radius: .5rem; } - .sm\:rounded-full { + .md\:rounded-full { border-radius: 9999px; } - .sm\:rounded-t-none { + .md\:rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } - .sm\:rounded-r-none { + .md\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } - .sm\:rounded-b-none { + .md\:rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } - .sm\:rounded-l-none { + .md\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } - .sm\:rounded-t-sm { + .md\:rounded-t-sm { border-top-left-radius: .125rem; border-top-right-radius: .125rem; } - .sm\:rounded-r-sm { + .md\:rounded-r-sm { border-top-right-radius: .125rem; border-bottom-right-radius: .125rem; } - .sm\:rounded-b-sm { + .md\:rounded-b-sm { border-bottom-right-radius: .125rem; border-bottom-left-radius: .125rem; } - .sm\:rounded-l-sm { + .md\:rounded-l-sm { border-top-left-radius: .125rem; border-bottom-left-radius: .125rem; } - .sm\:rounded-t { + .md\:rounded-t { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } - .sm\:rounded-r { + .md\:rounded-r { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } - .sm\:rounded-b { + .md\:rounded-b { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } - .sm\:rounded-l { + .md\:rounded-l { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } - .sm\:rounded-t-lg { + .md\:rounded-t-lg { border-top-left-radius: .5rem; border-top-right-radius: .5rem; } - .sm\:rounded-r-lg { + .md\:rounded-r-lg { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; } - .sm\:rounded-b-lg { + .md\:rounded-b-lg { border-bottom-right-radius: .5rem; border-bottom-left-radius: .5rem; } - .sm\:rounded-l-lg { + .md\:rounded-l-lg { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; } - .sm\:rounded-t-full { + .md\:rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px; } - .sm\:rounded-r-full { + .md\:rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; } - .sm\:rounded-b-full { + .md\:rounded-b-full { border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px; } - .sm\:rounded-l-full { + .md\:rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; } - .sm\:rounded-tl-none { + .md\:rounded-tl-none { border-top-left-radius: 0; } - .sm\:rounded-tr-none { + .md\:rounded-tr-none { border-top-right-radius: 0; } - .sm\:rounded-br-none { + .md\:rounded-br-none { border-bottom-right-radius: 0; } - .sm\:rounded-bl-none { + .md\:rounded-bl-none { border-bottom-left-radius: 0; } - .sm\:rounded-tl-sm { + .md\:rounded-tl-sm { border-top-left-radius: .125rem; } - .sm\:rounded-tr-sm { + .md\:rounded-tr-sm { border-top-right-radius: .125rem; } - .sm\:rounded-br-sm { + .md\:rounded-br-sm { border-bottom-right-radius: .125rem; } - .sm\:rounded-bl-sm { + .md\:rounded-bl-sm { border-bottom-left-radius: .125rem; } - .sm\:rounded-tl { + .md\:rounded-tl { border-top-left-radius: .25rem; } - .sm\:rounded-tr { + .md\:rounded-tr { border-top-right-radius: .25rem; } - .sm\:rounded-br { + .md\:rounded-br { border-bottom-right-radius: .25rem; } - .sm\:rounded-bl { + .md\:rounded-bl { border-bottom-left-radius: .25rem; } - .sm\:rounded-tl-lg { + .md\:rounded-tl-lg { border-top-left-radius: .5rem; } - .sm\:rounded-tr-lg { + .md\:rounded-tr-lg { border-top-right-radius: .5rem; } - .sm\:rounded-br-lg { + .md\:rounded-br-lg { border-bottom-right-radius: .5rem; } - .sm\:rounded-bl-lg { + .md\:rounded-bl-lg { border-bottom-left-radius: .5rem; } - .sm\:rounded-tl-full { + .md\:rounded-tl-full { border-top-left-radius: 9999px; } - .sm\:rounded-tr-full { + .md\:rounded-tr-full { border-top-right-radius: 9999px; } - .sm\:rounded-br-full { + .md\:rounded-br-full { border-bottom-right-radius: 9999px; } - .sm\:rounded-bl-full { + .md\:rounded-bl-full { border-bottom-left-radius: 9999px; } - .sm\:border-solid { + .md\:border-solid { border-style: solid; } - .sm\:border-dashed { + .md\:border-dashed { border-style: dashed; } - .sm\:border-dotted { + .md\:border-dotted { border-style: dotted; } - .sm\:border-none { + .md\:border-none { border-style: none; } - .sm\:border-0 { + .md\:border-0 { border-width: 0; } - .sm\:border-2 { + .md\:border-2 { border-width: 2px; } - .sm\:border-4 { + .md\:border-4 { border-width: 4px; } - .sm\:border-8 { + .md\:border-8 { border-width: 8px; } - .sm\:border { + .md\:border { border-width: 1px; } - .sm\:border-t-0 { + .md\:border-t-0 { border-top-width: 0; } - .sm\:border-r-0 { + .md\:border-r-0 { border-right-width: 0; } - .sm\:border-b-0 { + .md\:border-b-0 { border-bottom-width: 0; } - .sm\:border-l-0 { + .md\:border-l-0 { border-left-width: 0; } - .sm\:border-t-2 { + .md\:border-t-2 { border-top-width: 2px; } - .sm\:border-r-2 { + .md\:border-r-2 { border-right-width: 2px; } - .sm\:border-b-2 { + .md\:border-b-2 { border-bottom-width: 2px; } - .sm\:border-l-2 { + .md\:border-l-2 { border-left-width: 2px; } - .sm\:border-t-4 { + .md\:border-t-4 { border-top-width: 4px; } - .sm\:border-r-4 { + .md\:border-r-4 { border-right-width: 4px; } - .sm\:border-b-4 { + .md\:border-b-4 { border-bottom-width: 4px; } - .sm\:border-l-4 { + .md\:border-l-4 { border-left-width: 4px; } - .sm\:border-t-8 { + .md\:border-t-8 { border-top-width: 8px; } - .sm\:border-r-8 { + .md\:border-r-8 { border-right-width: 8px; } - .sm\:border-b-8 { + .md\:border-b-8 { border-bottom-width: 8px; } - .sm\:border-l-8 { + .md\:border-l-8 { border-left-width: 8px; } - .sm\:border-t { + .md\:border-t { border-top-width: 1px; } - .sm\:border-r { + .md\:border-r { border-right-width: 1px; } - .sm\:border-b { + .md\:border-b { border-bottom-width: 1px; } - .sm\:border-l { + .md\:border-l { border-left-width: 1px; } - .sm\:cursor-auto { + .md\:cursor-auto { cursor: auto; } - .sm\:cursor-default { + .md\:cursor-default { cursor: default; } - .sm\:cursor-pointer { + .md\:cursor-pointer { cursor: pointer; } - .sm\:cursor-wait { + .md\:cursor-wait { cursor: wait; } - .sm\:cursor-move { + .md\:cursor-move { cursor: move; } - .sm\:cursor-not-allowed { + .md\:cursor-not-allowed { cursor: not-allowed; } - .sm\:block { + .md\:block { display: block; } - .sm\:inline-block { + .md\:inline-block { display: inline-block; } - .sm\:inline { + .md\:inline { display: inline; } - .sm\:table { + .md\:table { display: table; } - .sm\:table-row { + .md\:table-row { display: table-row; } - .sm\:table-cell { + .md\:table-cell { display: table-cell; } - .sm\:hidden { + .md\:hidden { display: none; } - .sm\:flex { + .md\:flex { display: flex; } - .sm\:inline-flex { + .md\:inline-flex { display: inline-flex; } - .sm\:flex-row { + .md\:flex-row { flex-direction: row; } - .sm\:flex-row-reverse { + .md\:flex-row-reverse { flex-direction: row-reverse; } - .sm\:flex-col { + .md\:flex-col { flex-direction: column; } - .sm\:flex-col-reverse { + .md\:flex-col-reverse { flex-direction: column-reverse; } - .sm\:flex-wrap { + .md\:flex-wrap { flex-wrap: wrap; } - .sm\:flex-wrap-reverse { + .md\:flex-wrap-reverse { flex-wrap: wrap-reverse; } - .sm\:flex-no-wrap { + .md\:flex-no-wrap { flex-wrap: nowrap; } - .sm\:items-start { + .md\:items-start { align-items: flex-start; } - .sm\:items-end { + .md\:items-end { align-items: flex-end; } - .sm\:items-center { + .md\:items-center { align-items: center; } - .sm\:items-baseline { + .md\:items-baseline { align-items: baseline; } - .sm\:items-stretch { + .md\:items-stretch { align-items: stretch; } - .sm\:self-auto { + .md\:self-auto { align-self: auto; } - .sm\:self-start { + .md\:self-start { align-self: flex-start; } - .sm\:self-end { + .md\:self-end { align-self: flex-end; } - .sm\:self-center { + .md\:self-center { align-self: center; } - .sm\:self-stretch { + .md\:self-stretch { align-self: stretch; } - .sm\:justify-start { + .md\:justify-start { justify-content: flex-start; } - .sm\:justify-end { + .md\:justify-end { justify-content: flex-end; } - .sm\:justify-center { + .md\:justify-center { justify-content: center; } - .sm\:justify-between { + .md\:justify-between { justify-content: space-between; } - .sm\:justify-around { + .md\:justify-around { justify-content: space-around; } - .sm\:content-center { + .md\:content-center { align-content: center; } - .sm\:content-start { + .md\:content-start { align-content: flex-start; } - .sm\:content-end { + .md\:content-end { align-content: flex-end; } - .sm\:content-between { + .md\:content-between { align-content: space-between; } - .sm\:content-around { + .md\:content-around { align-content: space-around; } - .sm\:flex-1 { + .md\:flex-1 { flex: 1; } - .sm\:flex-auto { + .md\:flex-auto { flex: auto; } - .sm\:flex-initial { + .md\:flex-initial { flex: initial; } - .sm\:flex-none { + .md\:flex-none { flex: none; } - .sm\:flex-grow { + .md\:flex-grow { flex-grow: 1; } - .sm\:flex-shrink { + .md\:flex-shrink { flex-shrink: 1; } - .sm\:flex-no-grow { + .md\:flex-no-grow { flex-grow: 0; } - .sm\:flex-no-shrink { + .md\:flex-no-shrink { flex-shrink: 0; } - .sm\:float-right { + .md\:float-right { float: right; } - .sm\:float-left { + .md\:float-left { float: left; } - .sm\:float-none { + .md\:float-none { float: none; } - .sm\:clearfix:after { + .md\:clearfix:after { content: ""; display: table; clear: both; } - .sm\:font-sans { + .md\:font-sans { font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } - .sm\:font-serif { + .md\:font-serif { font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; } - .sm\:font-mono { + .md\:font-mono { font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } - .sm\:font-hairline { + .md\:font-hairline { font-weight: 100; } - .sm\:font-thin { + .md\:font-thin { font-weight: 200; } - .sm\:font-light { + .md\:font-light { font-weight: 300; } - .sm\:font-normal { + .md\:font-normal { font-weight: 400; } - .sm\:font-medium { + .md\:font-medium { font-weight: 500; } - .sm\:font-semibold { + .md\:font-semibold { font-weight: 600; } - .sm\:font-bold { + .md\:font-bold { font-weight: 700; } - .sm\:font-extrabold { + .md\:font-extrabold { font-weight: 800; } - .sm\:font-black { + .md\:font-black { font-weight: 900; } - .sm\:hover\:font-hairline:hover { + .md\:hover\:font-hairline:hover { font-weight: 100; } - .sm\:hover\:font-thin:hover { + .md\:hover\:font-thin:hover { font-weight: 200; } - .sm\:hover\:font-light:hover { + .md\:hover\:font-light:hover { font-weight: 300; } - .sm\:hover\:font-normal:hover { + .md\:hover\:font-normal:hover { font-weight: 400; } - .sm\:hover\:font-medium:hover { + .md\:hover\:font-medium:hover { font-weight: 500; } - .sm\:hover\:font-semibold:hover { + .md\:hover\:font-semibold:hover { font-weight: 600; } - .sm\:hover\:font-bold:hover { + .md\:hover\:font-bold:hover { font-weight: 700; } - .sm\:hover\:font-extrabold:hover { + .md\:hover\:font-extrabold:hover { font-weight: 800; } - .sm\:hover\:font-black:hover { + .md\:hover\:font-black:hover { font-weight: 900; } - .sm\:h-1 { + .md\:focus\:font-hairline:focus { + font-weight: 100; + } + + .md\:focus\:font-thin:focus { + font-weight: 200; + } + + .md\:focus\:font-light:focus { + font-weight: 300; + } + + .md\:focus\:font-normal:focus { + font-weight: 400; + } + + .md\:focus\:font-medium:focus { + font-weight: 500; + } + + .md\:focus\:font-semibold:focus { + font-weight: 600; + } + + .md\:focus\:font-bold:focus { + font-weight: 700; + } + + .md\:focus\:font-extrabold:focus { + font-weight: 800; + } + + .md\:focus\:font-black:focus { + font-weight: 900; + } + + .md\:h-1 { height: .25rem; } - .sm\:h-2 { + .md\:h-2 { height: .5rem; } - .sm\:h-3 { + .md\:h-3 { height: .75rem; } - .sm\:h-4 { + .md\:h-4 { height: 1rem; } - .sm\:h-6 { + .md\:h-5 { + height: 1.25rem; + } + + .md\:h-6 { height: 1.5rem; } - .sm\:h-8 { + .md\:h-8 { height: 2rem; } - .sm\:h-10 { + .md\:h-10 { height: 2.5rem; } - .sm\:h-12 { + .md\:h-12 { height: 3rem; } - .sm\:h-16 { + .md\:h-16 { height: 4rem; } - .sm\:h-24 { + .md\:h-24 { height: 6rem; } - .sm\:h-32 { + .md\:h-32 { height: 8rem; } - .sm\:h-48 { + .md\:h-48 { height: 12rem; } - .sm\:h-64 { + .md\:h-64 { height: 16rem; } - .sm\:h-auto { + .md\:h-auto { height: auto; } - .sm\:h-px { + .md\:h-px { height: 1px; } - .sm\:h-full { + .md\:h-full { height: 100%; } - .sm\:h-screen { + .md\:h-screen { height: 100vh; } - .sm\:leading-none { + .md\:leading-none { line-height: 1; } - .sm\:leading-tight { + .md\:leading-tight { line-height: 1.25; } - .sm\:leading-normal { + .md\:leading-normal { line-height: 1.5; } - .sm\:leading-loose { + .md\:leading-loose { line-height: 2; } - .sm\:m-0 { + .md\:m-0 { margin: 0; } - .sm\:m-1 { + .md\:m-1 { margin: .25rem; } - .sm\:m-2 { + .md\:m-2 { margin: .5rem; } - .sm\:m-3 { + .md\:m-3 { margin: .75rem; } - .sm\:m-4 { + .md\:m-4 { margin: 1rem; } - .sm\:m-6 { + .md\:m-5 { + margin: 1.25rem; + } + + .md\:m-6 { margin: 1.5rem; } - .sm\:m-8 { + .md\:m-8 { margin: 2rem; } - .sm\:m-auto { + .md\:m-10 { + margin: 2.5rem; + } + + .md\:m-12 { + margin: 3rem; + } + + .md\:m-16 { + margin: 4rem; + } + + .md\:m-20 { + margin: 5rem; + } + + .md\:m-24 { + margin: 6rem; + } + + .md\:m-32 { + margin: 8rem; + } + + .md\:m-auto { margin: auto; } - .sm\:m-px { + .md\:m-px { margin: 1px; } - .sm\:my-0 { + .md\:my-0 { margin-top: 0; margin-bottom: 0; } - .sm\:mx-0 { + .md\:mx-0 { margin-left: 0; margin-right: 0; } - .sm\:my-1 { + .md\:my-1 { margin-top: .25rem; margin-bottom: .25rem; } - .sm\:mx-1 { + .md\:mx-1 { margin-left: .25rem; margin-right: .25rem; } - .sm\:my-2 { + .md\:my-2 { margin-top: .5rem; margin-bottom: .5rem; } - .sm\:mx-2 { + .md\:mx-2 { margin-left: .5rem; margin-right: .5rem; } - .sm\:my-3 { + .md\:my-3 { margin-top: .75rem; margin-bottom: .75rem; } - .sm\:mx-3 { + .md\:mx-3 { margin-left: .75rem; margin-right: .75rem; } - .sm\:my-4 { + .md\:my-4 { margin-top: 1rem; margin-bottom: 1rem; } - .sm\:mx-4 { + .md\:mx-4 { margin-left: 1rem; margin-right: 1rem; } - .sm\:my-6 { + .md\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } + + .md\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; + } + + .md\:my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } - .sm\:mx-6 { + .md\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } - .sm\:my-8 { + .md\:my-8 { margin-top: 2rem; margin-bottom: 2rem; } - .sm\:mx-8 { + .md\:mx-8 { margin-left: 2rem; margin-right: 2rem; } - .sm\:my-auto { + .md\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; + } + + .md\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; + } + + .md\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; + } + + .md\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; + } + + .md\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; + } + + .md\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; + } + + .md\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; + } + + .md\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; + } + + .md\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; + } + + .md\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; + } + + .md\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; + } + + .md\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; + } + + .md\:my-auto { margin-top: auto; margin-bottom: auto; } - .sm\:mx-auto { + .md\:mx-auto { margin-left: auto; margin-right: auto; } - .sm\:my-px { + .md\:my-px { margin-top: 1px; margin-bottom: 1px; } - .sm\:mx-px { + .md\:mx-px { margin-left: 1px; margin-right: 1px; } - .sm\:mt-0 { + .md\:mt-0 { margin-top: 0; } - .sm\:mr-0 { + .md\:mr-0 { margin-right: 0; } - .sm\:mb-0 { + .md\:mb-0 { margin-bottom: 0; } - .sm\:ml-0 { + .md\:ml-0 { margin-left: 0; } - .sm\:mt-1 { + .md\:mt-1 { margin-top: .25rem; } - .sm\:mr-1 { + .md\:mr-1 { margin-right: .25rem; } - .sm\:mb-1 { + .md\:mb-1 { margin-bottom: .25rem; } - .sm\:ml-1 { + .md\:ml-1 { margin-left: .25rem; } - .sm\:mt-2 { + .md\:mt-2 { margin-top: .5rem; } - .sm\:mr-2 { + .md\:mr-2 { margin-right: .5rem; } - .sm\:mb-2 { + .md\:mb-2 { margin-bottom: .5rem; } - .sm\:ml-2 { + .md\:ml-2 { margin-left: .5rem; } - .sm\:mt-3 { + .md\:mt-3 { margin-top: .75rem; } - .sm\:mr-3 { + .md\:mr-3 { margin-right: .75rem; } - .sm\:mb-3 { + .md\:mb-3 { margin-bottom: .75rem; } - .sm\:ml-3 { + .md\:ml-3 { margin-left: .75rem; } - .sm\:mt-4 { + .md\:mt-4 { margin-top: 1rem; } - .sm\:mr-4 { + .md\:mr-4 { margin-right: 1rem; } - .sm\:mb-4 { + .md\:mb-4 { margin-bottom: 1rem; } - .sm\:ml-4 { + .md\:ml-4 { margin-left: 1rem; } - .sm\:mt-6 { + .md\:mt-5 { + margin-top: 1.25rem; + } + + .md\:mr-5 { + margin-right: 1.25rem; + } + + .md\:mb-5 { + margin-bottom: 1.25rem; + } + + .md\:ml-5 { + margin-left: 1.25rem; + } + + .md\:mt-6 { margin-top: 1.5rem; } - .sm\:mr-6 { + .md\:mr-6 { margin-right: 1.5rem; } - .sm\:mb-6 { + .md\:mb-6 { margin-bottom: 1.5rem; } - .sm\:ml-6 { + .md\:ml-6 { margin-left: 1.5rem; } - .sm\:mt-8 { + .md\:mt-8 { margin-top: 2rem; } - .sm\:mr-8 { + .md\:mr-8 { margin-right: 2rem; } - .sm\:mb-8 { + .md\:mb-8 { margin-bottom: 2rem; } - .sm\:ml-8 { + .md\:ml-8 { margin-left: 2rem; } - .sm\:mt-auto { + .md\:mt-10 { + margin-top: 2.5rem; + } + + .md\:mr-10 { + margin-right: 2.5rem; + } + + .md\:mb-10 { + margin-bottom: 2.5rem; + } + + .md\:ml-10 { + margin-left: 2.5rem; + } + + .md\:mt-12 { + margin-top: 3rem; + } + + .md\:mr-12 { + margin-right: 3rem; + } + + .md\:mb-12 { + margin-bottom: 3rem; + } + + .md\:ml-12 { + margin-left: 3rem; + } + + .md\:mt-16 { + margin-top: 4rem; + } + + .md\:mr-16 { + margin-right: 4rem; + } + + .md\:mb-16 { + margin-bottom: 4rem; + } + + .md\:ml-16 { + margin-left: 4rem; + } + + .md\:mt-20 { + margin-top: 5rem; + } + + .md\:mr-20 { + margin-right: 5rem; + } + + .md\:mb-20 { + margin-bottom: 5rem; + } + + .md\:ml-20 { + margin-left: 5rem; + } + + .md\:mt-24 { + margin-top: 6rem; + } + + .md\:mr-24 { + margin-right: 6rem; + } + + .md\:mb-24 { + margin-bottom: 6rem; + } + + .md\:ml-24 { + margin-left: 6rem; + } + + .md\:mt-32 { + margin-top: 8rem; + } + + .md\:mr-32 { + margin-right: 8rem; + } + + .md\:mb-32 { + margin-bottom: 8rem; + } + + .md\:ml-32 { + margin-left: 8rem; + } + + .md\:mt-auto { margin-top: auto; } - .sm\:mr-auto { + .md\:mr-auto { margin-right: auto; } - .sm\:mb-auto { + .md\:mb-auto { margin-bottom: auto; } - .sm\:ml-auto { + .md\:ml-auto { margin-left: auto; } - .sm\:mt-px { + .md\:mt-px { margin-top: 1px; } - .sm\:mr-px { + .md\:mr-px { margin-right: 1px; } - .sm\:mb-px { + .md\:mb-px { margin-bottom: 1px; } - .sm\:ml-px { + .md\:ml-px { margin-left: 1px; } - .sm\:max-h-full { + .md\:max-h-full { max-height: 100%; } - .sm\:max-h-screen { + .md\:max-h-screen { max-height: 100vh; } - .sm\:max-w-xs { + .md\:max-w-xs { max-width: 20rem; } - .sm\:max-w-sm { + .md\:max-w-sm { max-width: 30rem; } - .sm\:max-w-md { + .md\:max-w-md { max-width: 40rem; } - .sm\:max-w-lg { + .md\:max-w-lg { max-width: 50rem; } - .sm\:max-w-xl { + .md\:max-w-xl { max-width: 60rem; } - .sm\:max-w-2xl { + .md\:max-w-2xl { max-width: 70rem; } - .sm\:max-w-3xl { + .md\:max-w-3xl { max-width: 80rem; } - .sm\:max-w-4xl { + .md\:max-w-4xl { max-width: 90rem; } - .sm\:max-w-5xl { + .md\:max-w-5xl { max-width: 100rem; } - .sm\:max-w-full { + .md\:max-w-full { max-width: 100%; } - .sm\:min-h-0 { + .md\:min-h-0 { min-height: 0; } - .sm\:min-h-full { + .md\:min-h-full { min-height: 100%; } - .sm\:min-h-screen { + .md\:min-h-screen { min-height: 100vh; } - .sm\:min-w-0 { + .md\:min-w-0 { min-width: 0; } - .sm\:min-w-full { + .md\:min-w-full { min-width: 100%; } - .sm\:-m-0 { + .md\:-m-0 { margin: 0; } - .sm\:-m-1 { + .md\:-m-1 { margin: -0.25rem; } - .sm\:-m-2 { - margin: -0.5rem; + .md\:-m-2 { + margin: -0.5rem; + } + + .md\:-m-3 { + margin: -0.75rem; + } + + .md\:-m-4 { + margin: -1rem; + } + + .md\:-m-5 { + margin: -1.25rem; + } + + .md\:-m-6 { + margin: -1.5rem; + } + + .md\:-m-8 { + margin: -2rem; + } + + .md\:-m-10 { + margin: -2.5rem; + } + + .md\:-m-12 { + margin: -3rem; } - .sm\:-m-3 { - margin: -0.75rem; + .md\:-m-16 { + margin: -4rem; } - .sm\:-m-4 { - margin: -1rem; + .md\:-m-20 { + margin: -5rem; } - .sm\:-m-6 { - margin: -1.5rem; + .md\:-m-24 { + margin: -6rem; } - .sm\:-m-8 { - margin: -2rem; + .md\:-m-32 { + margin: -8rem; } - .sm\:-m-px { + .md\:-m-px { margin: -1px; } - .sm\:-my-0 { + .md\:-my-0 { margin-top: 0; margin-bottom: 0; } - .sm\:-mx-0 { + .md\:-mx-0 { margin-left: 0; margin-right: 0; } - .sm\:-my-1 { + .md\:-my-1 { margin-top: -0.25rem; margin-bottom: -0.25rem; } - .sm\:-mx-1 { + .md\:-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } - .sm\:-my-2 { + .md\:-my-2 { margin-top: -0.5rem; margin-bottom: -0.5rem; } - .sm\:-mx-2 { + .md\:-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } - .sm\:-my-3 { + .md\:-my-3 { margin-top: -0.75rem; margin-bottom: -0.75rem; } - .sm\:-mx-3 { + .md\:-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; } - .sm\:-my-4 { + .md\:-my-4 { margin-top: -1rem; margin-bottom: -1rem; } - .sm\:-mx-4 { + .md\:-mx-4 { margin-left: -1rem; margin-right: -1rem; } - .sm\:-my-6 { + .md\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; + } + + .md\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; + } + + .md\:-my-6 { margin-top: -1.5rem; margin-bottom: -1.5rem; } - .sm\:-mx-6 { + .md\:-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; } - .sm\:-my-8 { + .md\:-my-8 { margin-top: -2rem; margin-bottom: -2rem; } - .sm\:-mx-8 { + .md\:-mx-8 { margin-left: -2rem; margin-right: -2rem; } - .sm\:-my-px { + .md\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; + } + + .md\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; + } + + .md\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; + } + + .md\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; + } + + .md\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; + } + + .md\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; + } + + .md\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; + } + + .md\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; + } + + .md\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; + } + + .md\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; + } + + .md\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; + } + + .md\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; + } + + .md\:-my-px { margin-top: -1px; margin-bottom: -1px; } - .sm\:-mx-px { + .md\:-mx-px { margin-left: -1px; margin-right: -1px; } - .sm\:-mt-0 { + .md\:-mt-0 { margin-top: 0; } - .sm\:-mr-0 { + .md\:-mr-0 { margin-right: 0; } - .sm\:-mb-0 { + .md\:-mb-0 { margin-bottom: 0; } - .sm\:-ml-0 { + .md\:-ml-0 { margin-left: 0; } - .sm\:-mt-1 { + .md\:-mt-1 { margin-top: -0.25rem; } - .sm\:-mr-1 { + .md\:-mr-1 { margin-right: -0.25rem; } - .sm\:-mb-1 { + .md\:-mb-1 { margin-bottom: -0.25rem; } - .sm\:-ml-1 { + .md\:-ml-1 { margin-left: -0.25rem; } - .sm\:-mt-2 { + .md\:-mt-2 { margin-top: -0.5rem; } - .sm\:-mr-2 { + .md\:-mr-2 { margin-right: -0.5rem; } - .sm\:-mb-2 { + .md\:-mb-2 { margin-bottom: -0.5rem; } - .sm\:-ml-2 { + .md\:-ml-2 { margin-left: -0.5rem; } - .sm\:-mt-3 { + .md\:-mt-3 { margin-top: -0.75rem; } - .sm\:-mr-3 { + .md\:-mr-3 { margin-right: -0.75rem; } - .sm\:-mb-3 { + .md\:-mb-3 { margin-bottom: -0.75rem; } - .sm\:-ml-3 { + .md\:-ml-3 { margin-left: -0.75rem; } - .sm\:-mt-4 { + .md\:-mt-4 { margin-top: -1rem; } - .sm\:-mr-4 { + .md\:-mr-4 { margin-right: -1rem; } - .sm\:-mb-4 { + .md\:-mb-4 { margin-bottom: -1rem; } - .sm\:-ml-4 { + .md\:-ml-4 { margin-left: -1rem; } - .sm\:-mt-6 { + .md\:-mt-5 { + margin-top: -1.25rem; + } + + .md\:-mr-5 { + margin-right: -1.25rem; + } + + .md\:-mb-5 { + margin-bottom: -1.25rem; + } + + .md\:-ml-5 { + margin-left: -1.25rem; + } + + .md\:-mt-6 { margin-top: -1.5rem; } - .sm\:-mr-6 { + .md\:-mr-6 { margin-right: -1.5rem; } - .sm\:-mb-6 { + .md\:-mb-6 { margin-bottom: -1.5rem; } - .sm\:-ml-6 { + .md\:-ml-6 { margin-left: -1.5rem; } - .sm\:-mt-8 { + .md\:-mt-8 { margin-top: -2rem; } - .sm\:-mr-8 { + .md\:-mr-8 { margin-right: -2rem; } - .sm\:-mb-8 { + .md\:-mb-8 { margin-bottom: -2rem; } - .sm\:-ml-8 { + .md\:-ml-8 { margin-left: -2rem; } - .sm\:-mt-px { + .md\:-mt-10 { + margin-top: -2.5rem; + } + + .md\:-mr-10 { + margin-right: -2.5rem; + } + + .md\:-mb-10 { + margin-bottom: -2.5rem; + } + + .md\:-ml-10 { + margin-left: -2.5rem; + } + + .md\:-mt-12 { + margin-top: -3rem; + } + + .md\:-mr-12 { + margin-right: -3rem; + } + + .md\:-mb-12 { + margin-bottom: -3rem; + } + + .md\:-ml-12 { + margin-left: -3rem; + } + + .md\:-mt-16 { + margin-top: -4rem; + } + + .md\:-mr-16 { + margin-right: -4rem; + } + + .md\:-mb-16 { + margin-bottom: -4rem; + } + + .md\:-ml-16 { + margin-left: -4rem; + } + + .md\:-mt-20 { + margin-top: -5rem; + } + + .md\:-mr-20 { + margin-right: -5rem; + } + + .md\:-mb-20 { + margin-bottom: -5rem; + } + + .md\:-ml-20 { + margin-left: -5rem; + } + + .md\:-mt-24 { + margin-top: -6rem; + } + + .md\:-mr-24 { + margin-right: -6rem; + } + + .md\:-mb-24 { + margin-bottom: -6rem; + } + + .md\:-ml-24 { + margin-left: -6rem; + } + + .md\:-mt-32 { + margin-top: -8rem; + } + + .md\:-mr-32 { + margin-right: -8rem; + } + + .md\:-mb-32 { + margin-bottom: -8rem; + } + + .md\:-ml-32 { + margin-left: -8rem; + } + + .md\:-mt-px { margin-top: -1px; } - .sm\:-mr-px { + .md\:-mr-px { margin-right: -1px; } - .sm\:-mb-px { + .md\:-mb-px { margin-bottom: -1px; } - .sm\:-ml-px { + .md\:-ml-px { margin-left: -1px; } - .sm\:opacity-0 { + .md\:opacity-0 { opacity: 0; } - .sm\:opacity-25 { + .md\:opacity-25 { opacity: .25; } - .sm\:opacity-50 { + .md\:opacity-50 { opacity: .5; } - .sm\:opacity-75 { + .md\:opacity-75 { opacity: .75; } - .sm\:opacity-100 { + .md\:opacity-100 { opacity: 1; } - .sm\:overflow-auto { + .md\:overflow-auto { overflow: auto; } - .sm\:overflow-hidden { + .md\:overflow-hidden { overflow: hidden; } - .sm\:overflow-visible { + .md\:overflow-visible { overflow: visible; } - .sm\:overflow-scroll { + .md\:overflow-scroll { overflow: scroll; } - .sm\:overflow-x-auto { + .md\:overflow-x-auto { overflow-x: auto; } - .sm\:overflow-y-auto { + .md\:overflow-y-auto { overflow-y: auto; } - .sm\:overflow-x-scroll { + .md\:overflow-x-hidden { + overflow-x: hidden; + } + + .md\:overflow-y-hidden { + overflow-y: hidden; + } + + .md\:overflow-x-visible { + overflow-x: visible; + } + + .md\:overflow-y-visible { + overflow-y: visible; + } + + .md\:overflow-x-scroll { overflow-x: scroll; } - .sm\:overflow-y-scroll { + .md\:overflow-y-scroll { overflow-y: scroll; } - .sm\:scrolling-touch { + .md\:scrolling-touch { -webkit-overflow-scrolling: touch; } - .sm\:scrolling-auto { + .md\:scrolling-auto { -webkit-overflow-scrolling: auto; } - .sm\:p-0 { + .md\:p-0 { padding: 0; } - .sm\:p-1 { - padding: .25rem; + .md\:p-1 { + padding: .25rem; + } + + .md\:p-2 { + padding: .5rem; + } + + .md\:p-3 { + padding: .75rem; + } + + .md\:p-4 { + padding: 1rem; + } + + .md\:p-5 { + padding: 1.25rem; + } + + .md\:p-6 { + padding: 1.5rem; + } + + .md\:p-8 { + padding: 2rem; + } + + .md\:p-10 { + padding: 2.5rem; } - .sm\:p-2 { - padding: .5rem; + .md\:p-12 { + padding: 3rem; } - .sm\:p-3 { - padding: .75rem; + .md\:p-16 { + padding: 4rem; } - .sm\:p-4 { - padding: 1rem; + .md\:p-20 { + padding: 5rem; } - .sm\:p-6 { - padding: 1.5rem; + .md\:p-24 { + padding: 6rem; } - .sm\:p-8 { - padding: 2rem; + .md\:p-32 { + padding: 8rem; } - .sm\:p-px { + .md\:p-px { padding: 1px; } - .sm\:py-0 { + .md\:py-0 { padding-top: 0; padding-bottom: 0; } - .sm\:px-0 { + .md\:px-0 { padding-left: 0; padding-right: 0; } - .sm\:py-1 { + .md\:py-1 { padding-top: .25rem; padding-bottom: .25rem; } - .sm\:px-1 { + .md\:px-1 { padding-left: .25rem; padding-right: .25rem; } - .sm\:py-2 { + .md\:py-2 { padding-top: .5rem; padding-bottom: .5rem; } - .sm\:px-2 { + .md\:px-2 { padding-left: .5rem; padding-right: .5rem; } - .sm\:py-3 { + .md\:py-3 { padding-top: .75rem; padding-bottom: .75rem; } - .sm\:px-3 { + .md\:px-3 { padding-left: .75rem; padding-right: .75rem; } - .sm\:py-4 { + .md\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } - .sm\:px-4 { + .md\:px-4 { padding-left: 1rem; padding-right: 1rem; } - .sm\:py-6 { + .md\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .md\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } - .sm\:px-6 { + .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } - .sm\:py-8 { + .md\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } - .sm\:px-8 { + .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } - .sm\:py-px { - padding-top: 1px; - padding-bottom: 1px; - } - - .sm\:px-px { - padding-left: 1px; - padding-right: 1px; - } - - .sm\:pt-0 { - padding-top: 0; - } - - .sm\:pr-0 { - padding-right: 0; - } - - .sm\:pb-0 { - padding-bottom: 0; - } - - .sm\:pl-0 { - padding-left: 0; - } - - .sm\:pt-1 { - padding-top: .25rem; - } - - .sm\:pr-1 { - padding-right: .25rem; - } - - .sm\:pb-1 { - padding-bottom: .25rem; - } - - .sm\:pl-1 { - padding-left: .25rem; - } - - .sm\:pt-2 { - padding-top: .5rem; - } - - .sm\:pr-2 { - padding-right: .5rem; - } - - .sm\:pb-2 { - padding-bottom: .5rem; - } - - .sm\:pl-2 { - padding-left: .5rem; - } - - .sm\:pt-3 { - padding-top: .75rem; - } - - .sm\:pr-3 { - padding-right: .75rem; - } - - .sm\:pb-3 { - padding-bottom: .75rem; - } - - .sm\:pl-3 { - padding-left: .75rem; - } - - .sm\:pt-4 { - padding-top: 1rem; + .md\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .sm\:pr-4 { - padding-right: 1rem; + .md\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .sm\:pb-4 { - padding-bottom: 1rem; + .md\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .sm\:pl-4 { - padding-left: 1rem; + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .sm\:pt-6 { - padding-top: 1.5rem; + .md\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .sm\:pr-6 { - padding-right: 1.5rem; + .md\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .sm\:pb-6 { - padding-bottom: 1.5rem; + .md\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .sm\:pl-6 { - padding-left: 1.5rem; + .md\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .sm\:pt-8 { - padding-top: 2rem; + .md\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .sm\:pr-8 { - padding-right: 2rem; + .md\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .sm\:pb-8 { - padding-bottom: 2rem; + .md\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .sm\:pl-8 { - padding-left: 2rem; + .md\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .sm\:pt-px { + .md\:py-px { padding-top: 1px; + padding-bottom: 1px; } - .sm\:pr-px { + .md\:px-px { + padding-left: 1px; padding-right: 1px; } - .sm\:pb-px { - padding-bottom: 1px; + .md\:pt-0 { + padding-top: 0; } - .sm\:pl-px { - padding-left: 1px; + .md\:pr-0 { + padding-right: 0; } - .sm\:pointer-events-none { - pointer-events: none; + .md\:pb-0 { + padding-bottom: 0; } - .sm\:pointer-events-auto { - pointer-events: auto; + .md\:pl-0 { + padding-left: 0; } - .sm\:static { - position: static; + .md\:pt-1 { + padding-top: .25rem; } - .sm\:fixed { - position: fixed; + .md\:pr-1 { + padding-right: .25rem; } - .sm\:absolute { - position: absolute; + .md\:pb-1 { + padding-bottom: .25rem; } - .sm\:relative { - position: relative; + .md\:pl-1 { + padding-left: .25rem; } - .sm\:sticky { - position: sticky; + .md\:pt-2 { + padding-top: .5rem; } - .sm\:pin-none { - top: auto; - right: auto; - bottom: auto; - left: auto; + .md\:pr-2 { + padding-right: .5rem; } - .sm\:pin { - top: 0; - right: 0; - bottom: 0; - left: 0; + .md\:pb-2 { + padding-bottom: .5rem; } - .sm\:pin-y { - top: 0; - bottom: 0; + .md\:pl-2 { + padding-left: .5rem; } - .sm\:pin-x { - right: 0; - left: 0; + .md\:pt-3 { + padding-top: .75rem; } - .sm\:pin-t { - top: 0; + .md\:pr-3 { + padding-right: .75rem; } - .sm\:pin-r { - right: 0; + .md\:pb-3 { + padding-bottom: .75rem; } - .sm\:pin-b { - bottom: 0; + .md\:pl-3 { + padding-left: .75rem; } - .sm\:pin-l { - left: 0; + .md\:pt-4 { + padding-top: 1rem; } - .sm\:resize-none { - resize: none; + .md\:pr-4 { + padding-right: 1rem; } - .sm\:resize-y { - resize: vertical; + .md\:pb-4 { + padding-bottom: 1rem; } - .sm\:resize-x { - resize: horizontal; + .md\:pl-4 { + padding-left: 1rem; } - .sm\:resize { - resize: both; + .md\:pt-5 { + padding-top: 1.25rem; } - .sm\:shadow { - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); + .md\:pr-5 { + padding-right: 1.25rem; } - .sm\:shadow-md { - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); + .md\:pb-5 { + padding-bottom: 1.25rem; } - .sm\:shadow-lg { - box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); + .md\:pl-5 { + padding-left: 1.25rem; } - .sm\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + .md\:pt-6 { + padding-top: 1.5rem; } - .sm\:shadow-none { - box-shadow: none; + .md\:pr-6 { + padding-right: 1.5rem; } - .sm\:text-left { - text-align: left; + .md\:pb-6 { + padding-bottom: 1.5rem; } - .sm\:text-center { - text-align: center; + .md\:pl-6 { + padding-left: 1.5rem; } - .sm\:text-right { - text-align: right; + .md\:pt-8 { + padding-top: 2rem; } - .sm\:text-justify { - text-align: justify; + .md\:pr-8 { + padding-right: 2rem; } - .sm\:text-transparent { - color: transparent; + .md\:pb-8 { + padding-bottom: 2rem; } - .sm\:text-black { - color: #22292f; + .md\:pl-8 { + padding-left: 2rem; } - .sm\:text-grey-darkest { - color: #3d4852; + .md\:pt-10 { + padding-top: 2.5rem; } - .sm\:text-grey-darker { - color: #606f7b; + .md\:pr-10 { + padding-right: 2.5rem; } - .sm\:text-grey-dark { - color: #8795a1; + .md\:pb-10 { + padding-bottom: 2.5rem; } - .sm\:text-grey { - color: #b8c2cc; + .md\:pl-10 { + padding-left: 2.5rem; } - .sm\:text-grey-light { - color: #dae1e7; + .md\:pt-12 { + padding-top: 3rem; } - .sm\:text-grey-lighter { - color: #f1f5f8; + .md\:pr-12 { + padding-right: 3rem; } - .sm\:text-grey-lightest { - color: #f8fafc; + .md\:pb-12 { + padding-bottom: 3rem; } - .sm\:text-white { - color: #fff; + .md\:pl-12 { + padding-left: 3rem; } - .sm\:text-red-darkest { - color: #3b0d0c; + .md\:pt-16 { + padding-top: 4rem; } - .sm\:text-red-darker { - color: #621b18; + .md\:pr-16 { + padding-right: 4rem; } - .sm\:text-red-dark { - color: #cc1f1a; + .md\:pb-16 { + padding-bottom: 4rem; } - .sm\:text-red { - color: #e3342f; + .md\:pl-16 { + padding-left: 4rem; } - .sm\:text-red-light { - color: #ef5753; + .md\:pt-20 { + padding-top: 5rem; } - .sm\:text-red-lighter { - color: #f9acaa; + .md\:pr-20 { + padding-right: 5rem; } - .sm\:text-red-lightest { - color: #fcebea; + .md\:pb-20 { + padding-bottom: 5rem; } - .sm\:text-orange-darkest { - color: #462a16; + .md\:pl-20 { + padding-left: 5rem; } - .sm\:text-orange-darker { - color: #613b1f; + .md\:pt-24 { + padding-top: 6rem; } - .sm\:text-orange-dark { - color: #de751f; + .md\:pr-24 { + padding-right: 6rem; } - .sm\:text-orange { - color: #f6993f; + .md\:pb-24 { + padding-bottom: 6rem; } - .sm\:text-orange-light { - color: #faad63; + .md\:pl-24 { + padding-left: 6rem; } - .sm\:text-orange-lighter { - color: #fcd9b6; + .md\:pt-32 { + padding-top: 8rem; } - .sm\:text-orange-lightest { - color: #fff5eb; + .md\:pr-32 { + padding-right: 8rem; } - .sm\:text-yellow-darkest { - color: #453411; + .md\:pb-32 { + padding-bottom: 8rem; } - .sm\:text-yellow-darker { - color: #684f1d; + .md\:pl-32 { + padding-left: 8rem; } - .sm\:text-yellow-dark { - color: #f2d024; + .md\:pt-px { + padding-top: 1px; } - .sm\:text-yellow { - color: #ffed4a; + .md\:pr-px { + padding-right: 1px; } - .sm\:text-yellow-light { - color: #fff382; + .md\:pb-px { + padding-bottom: 1px; } - .sm\:text-yellow-lighter { - color: #fff9c2; + .md\:pl-px { + padding-left: 1px; } - .sm\:text-yellow-lightest { - color: #fcfbeb; + .md\:pointer-events-none { + pointer-events: none; } - .sm\:text-green-darkest { - color: #0f2f21; + .md\:pointer-events-auto { + pointer-events: auto; } - .sm\:text-green-darker { - color: #1a4731; + .md\:static { + position: static; } - .sm\:text-green-dark { - color: #1f9d55; + .md\:fixed { + position: fixed; } - .sm\:text-green { - color: #38c172; + .md\:absolute { + position: absolute; } - .sm\:text-green-light { - color: #51d88a; + .md\:relative { + position: relative; } - .sm\:text-green-lighter { - color: #a2f5bf; + .md\:sticky { + position: sticky; } - .sm\:text-green-lightest { - color: #e3fcec; + .md\:pin-none { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .sm\:text-teal-darkest { - color: #0d3331; + .md\:pin { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .sm\:text-teal-darker { - color: #20504f; + .md\:pin-y { + top: 0; + bottom: 0; } - .sm\:text-teal-dark { - color: #38a89d; + .md\:pin-x { + right: 0; + left: 0; } - .sm\:text-teal { - color: #4dc0b5; + .md\:pin-t { + top: 0; } - .sm\:text-teal-light { - color: #64d5ca; + .md\:pin-r { + right: 0; } - .sm\:text-teal-lighter { - color: #a0f0ed; + .md\:pin-b { + bottom: 0; } - .sm\:text-teal-lightest { - color: #e8fffe; + .md\:pin-l { + left: 0; } - .sm\:text-blue-darkest { - color: #12283a; + .md\:resize-none { + resize: none; } - .sm\:text-blue-darker { - color: #1c3d5a; + .md\:resize-y { + resize: vertical; } - .sm\:text-blue-dark { - color: #2779bd; + .md\:resize-x { + resize: horizontal; } - .sm\:text-blue { - color: #3490dc; + .md\:resize { + resize: both; } - .sm\:text-blue-light { - color: #6cb2eb; + .md\:shadow { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); } - .sm\:text-blue-lighter { - color: #bcdefa; + .md\:shadow-md { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); } - .sm\:text-blue-lightest { - color: #eff8ff; + .md\:shadow-lg { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); } - .sm\:text-indigo-darkest { - color: #191e38; + .md\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); } - .sm\:text-indigo-darker { - color: #2f365f; + .md\:shadow-outline { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); } - .sm\:text-indigo-dark { - color: #5661b3; + .md\:shadow-none { + box-shadow: none; } - .sm\:text-indigo { - color: #6574cd; + .md\:hover\:shadow:hover { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); } - .sm\:text-indigo-light { - color: #7886d7; + .md\:hover\:shadow-md:hover { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); } - .sm\:text-indigo-lighter { - color: #b2b7ff; + .md\:hover\:shadow-lg:hover { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); } - .sm\:text-indigo-lightest { - color: #e6e8ff; + .md\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); } - .sm\:text-purple-darkest { - color: #21183c; + .md\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); } - .sm\:text-purple-darker { - color: #382b5f; + .md\:hover\:shadow-none:hover { + box-shadow: none; } - .sm\:text-purple-dark { - color: #794acf; + .md\:focus\:shadow:focus { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); } - .sm\:text-purple { - color: #9561e2; + .md\:focus\:shadow-md:focus { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); } - .sm\:text-purple-light { - color: #a779e9; + .md\:focus\:shadow-lg:focus { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); } - .sm\:text-purple-lighter { - color: #d6bbfc; + .md\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); } - .sm\:text-purple-lightest { - color: #f3ebff; + .md\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); } - .sm\:text-pink-darkest { - color: #451225; + .md\:focus\:shadow-none:focus { + box-shadow: none; } - .sm\:text-pink-darker { - color: #6f213f; + .md\:table-auto { + table-layout: auto; } - .sm\:text-pink-dark { - color: #eb5286; + .md\:table-fixed { + table-layout: fixed; } - .sm\:text-pink { - color: #f66d9b; + .md\:text-left { + text-align: left; } - .sm\:text-pink-light { - color: #fa7ea8; + .md\:text-center { + text-align: center; } - .sm\:text-pink-lighter { - color: #ffbbca; + .md\:text-right { + text-align: right; } - .sm\:text-pink-lightest { - color: #ffebef; + .md\:text-justify { + text-align: justify; } - .sm\:hover\:text-transparent:hover { + .md\:text-transparent { color: transparent; } - .sm\:hover\:text-black:hover { + .md\:text-black { color: #22292f; } - .sm\:hover\:text-grey-darkest:hover { + .md\:text-grey-darkest { color: #3d4852; } - .sm\:hover\:text-grey-darker:hover { + .md\:text-grey-darker { color: #606f7b; } - .sm\:hover\:text-grey-dark:hover { + .md\:text-grey-dark { color: #8795a1; } - .sm\:hover\:text-grey:hover { + .md\:text-grey { color: #b8c2cc; } - .sm\:hover\:text-grey-light:hover { + .md\:text-grey-light { color: #dae1e7; } - .sm\:hover\:text-grey-lighter:hover { + .md\:text-grey-lighter { color: #f1f5f8; } - .sm\:hover\:text-grey-lightest:hover { + .md\:text-grey-lightest { color: #f8fafc; } - .sm\:hover\:text-white:hover { + .md\:text-white { color: #fff; } - .sm\:hover\:text-red-darkest:hover { + .md\:text-red-darkest { color: #3b0d0c; } - .sm\:hover\:text-red-darker:hover { + .md\:text-red-darker { color: #621b18; } - .sm\:hover\:text-red-dark:hover { + .md\:text-red-dark { color: #cc1f1a; } - .sm\:hover\:text-red:hover { + .md\:text-red { color: #e3342f; } - .sm\:hover\:text-red-light:hover { + .md\:text-red-light { color: #ef5753; } - .sm\:hover\:text-red-lighter:hover { + .md\:text-red-lighter { color: #f9acaa; } - .sm\:hover\:text-red-lightest:hover { + .md\:text-red-lightest { color: #fcebea; } - .sm\:hover\:text-orange-darkest:hover { + .md\:text-orange-darkest { color: #462a16; } - .sm\:hover\:text-orange-darker:hover { + .md\:text-orange-darker { color: #613b1f; } - .sm\:hover\:text-orange-dark:hover { + .md\:text-orange-dark { color: #de751f; } - .sm\:hover\:text-orange:hover { + .md\:text-orange { color: #f6993f; } - .sm\:hover\:text-orange-light:hover { + .md\:text-orange-light { color: #faad63; } - .sm\:hover\:text-orange-lighter:hover { + .md\:text-orange-lighter { color: #fcd9b6; } - .sm\:hover\:text-orange-lightest:hover { + .md\:text-orange-lightest { color: #fff5eb; } - .sm\:hover\:text-yellow-darkest:hover { + .md\:text-yellow-darkest { color: #453411; } - .sm\:hover\:text-yellow-darker:hover { + .md\:text-yellow-darker { color: #684f1d; } - .sm\:hover\:text-yellow-dark:hover { + .md\:text-yellow-dark { color: #f2d024; } - .sm\:hover\:text-yellow:hover { + .md\:text-yellow { color: #ffed4a; } - .sm\:hover\:text-yellow-light:hover { + .md\:text-yellow-light { color: #fff382; } - .sm\:hover\:text-yellow-lighter:hover { + .md\:text-yellow-lighter { color: #fff9c2; } - .sm\:hover\:text-yellow-lightest:hover { + .md\:text-yellow-lightest { color: #fcfbeb; } - .sm\:hover\:text-green-darkest:hover { + .md\:text-green-darkest { color: #0f2f21; } - .sm\:hover\:text-green-darker:hover { + .md\:text-green-darker { color: #1a4731; } - .sm\:hover\:text-green-dark:hover { + .md\:text-green-dark { color: #1f9d55; } - .sm\:hover\:text-green:hover { + .md\:text-green { color: #38c172; } - .sm\:hover\:text-green-light:hover { + .md\:text-green-light { color: #51d88a; } - .sm\:hover\:text-green-lighter:hover { + .md\:text-green-lighter { color: #a2f5bf; } - .sm\:hover\:text-green-lightest:hover { + .md\:text-green-lightest { color: #e3fcec; } - .sm\:hover\:text-teal-darkest:hover { + .md\:text-teal-darkest { color: #0d3331; } - .sm\:hover\:text-teal-darker:hover { + .md\:text-teal-darker { color: #20504f; } - .sm\:hover\:text-teal-dark:hover { + .md\:text-teal-dark { color: #38a89d; } - .sm\:hover\:text-teal:hover { + .md\:text-teal { color: #4dc0b5; } - .sm\:hover\:text-teal-light:hover { + .md\:text-teal-light { color: #64d5ca; } - .sm\:hover\:text-teal-lighter:hover { + .md\:text-teal-lighter { color: #a0f0ed; } - .sm\:hover\:text-teal-lightest:hover { + .md\:text-teal-lightest { color: #e8fffe; } - .sm\:hover\:text-blue-darkest:hover { + .md\:text-blue-darkest { color: #12283a; } - .sm\:hover\:text-blue-darker:hover { + .md\:text-blue-darker { color: #1c3d5a; } - .sm\:hover\:text-blue-dark:hover { + .md\:text-blue-dark { color: #2779bd; } - .sm\:hover\:text-blue:hover { + .md\:text-blue { color: #3490dc; } - .sm\:hover\:text-blue-light:hover { + .md\:text-blue-light { color: #6cb2eb; } - .sm\:hover\:text-blue-lighter:hover { + .md\:text-blue-lighter { color: #bcdefa; } - .sm\:hover\:text-blue-lightest:hover { + .md\:text-blue-lightest { color: #eff8ff; } - .sm\:hover\:text-indigo-darkest:hover { + .md\:text-indigo-darkest { color: #191e38; } - .sm\:hover\:text-indigo-darker:hover { + .md\:text-indigo-darker { color: #2f365f; } - .sm\:hover\:text-indigo-dark:hover { + .md\:text-indigo-dark { color: #5661b3; } - .sm\:hover\:text-indigo:hover { + .md\:text-indigo { color: #6574cd; } - .sm\:hover\:text-indigo-light:hover { + .md\:text-indigo-light { color: #7886d7; } - .sm\:hover\:text-indigo-lighter:hover { + .md\:text-indigo-lighter { color: #b2b7ff; } - .sm\:hover\:text-indigo-lightest:hover { + .md\:text-indigo-lightest { color: #e6e8ff; } - .sm\:hover\:text-purple-darkest:hover { + .md\:text-purple-darkest { color: #21183c; } - .sm\:hover\:text-purple-darker:hover { + .md\:text-purple-darker { color: #382b5f; } - .sm\:hover\:text-purple-dark:hover { + .md\:text-purple-dark { color: #794acf; } - .sm\:hover\:text-purple:hover { + .md\:text-purple { color: #9561e2; } - .sm\:hover\:text-purple-light:hover { + .md\:text-purple-light { color: #a779e9; } - .sm\:hover\:text-purple-lighter:hover { + .md\:text-purple-lighter { color: #d6bbfc; } - .sm\:hover\:text-purple-lightest:hover { + .md\:text-purple-lightest { color: #f3ebff; } - .sm\:hover\:text-pink-darkest:hover { + .md\:text-pink-darkest { color: #451225; } - .sm\:hover\:text-pink-darker:hover { + .md\:text-pink-darker { color: #6f213f; } - .sm\:hover\:text-pink-dark:hover { + .md\:text-pink-dark { color: #eb5286; } - .sm\:hover\:text-pink:hover { - color: #f66d9b; - } - - .sm\:hover\:text-pink-light:hover { - color: #fa7ea8; - } - - .sm\:hover\:text-pink-lighter:hover { - color: #ffbbca; - } - - .sm\:hover\:text-pink-lightest:hover { - color: #ffebef; - } - - .sm\:text-xs { - font-size: .75rem; - } - - .sm\:text-sm { - font-size: .875rem; - } - - .sm\:text-base { - font-size: 1rem; - } - - .sm\:text-lg { - font-size: 1.125rem; - } - - .sm\:text-xl { - font-size: 1.25rem; - } - - .sm\:text-2xl { - font-size: 1.5rem; - } - - .sm\:text-3xl { - font-size: 1.875rem; - } - - .sm\:text-4xl { - font-size: 2.25rem; - } - - .sm\:text-5xl { - font-size: 3rem; - } - - .sm\:italic { - font-style: italic; - } - - .sm\:roman { - font-style: normal; - } - - .sm\:uppercase { - text-transform: uppercase; - } - - .sm\:lowercase { - text-transform: lowercase; - } - - .sm\:capitalize { - text-transform: capitalize; - } - - .sm\:normal-case { - text-transform: none; - } - - .sm\:underline { - text-decoration: underline; - } - - .sm\:line-through { - text-decoration: line-through; - } - - .sm\:no-underline { - text-decoration: none; - } - - .sm\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .sm\:hover\:italic:hover { - font-style: italic; - } - - .sm\:hover\:roman:hover { - font-style: normal; - } - - .sm\:hover\:uppercase:hover { - text-transform: uppercase; - } - - .sm\:hover\:lowercase:hover { - text-transform: lowercase; - } - - .sm\:hover\:capitalize:hover { - text-transform: capitalize; - } - - .sm\:hover\:normal-case:hover { - text-transform: none; - } - - .sm\:hover\:underline:hover { - text-decoration: underline; + .md\:text-pink { + color: #f66d9b; } - .sm\:hover\:line-through:hover { - text-decoration: line-through; + .md\:text-pink-light { + color: #fa7ea8; } - .sm\:hover\:no-underline:hover { - text-decoration: none; + .md\:text-pink-lighter { + color: #ffbbca; } - .sm\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .md\:text-pink-lightest { + color: #ffebef; } - .sm\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .md\:hover\:text-transparent:hover { + color: transparent; } - .sm\:tracking-tight { - letter-spacing: -0.05em; + .md\:hover\:text-black:hover { + color: #22292f; } - .sm\:tracking-normal { - letter-spacing: 0; + .md\:hover\:text-grey-darkest:hover { + color: #3d4852; } - .sm\:tracking-wide { - letter-spacing: .05em; + .md\:hover\:text-grey-darker:hover { + color: #606f7b; } - .sm\:select-none { - user-select: none; + .md\:hover\:text-grey-dark:hover { + color: #8795a1; } - .sm\:select-text { - user-select: text; + .md\:hover\:text-grey:hover { + color: #b8c2cc; } - .sm\:align-baseline { - vertical-align: baseline; + .md\:hover\:text-grey-light:hover { + color: #dae1e7; } - .sm\:align-top { - vertical-align: top; + .md\:hover\:text-grey-lighter:hover { + color: #f1f5f8; } - .sm\:align-middle { - vertical-align: middle; + .md\:hover\:text-grey-lightest:hover { + color: #f8fafc; } - .sm\:align-bottom { - vertical-align: bottom; + .md\:hover\:text-white:hover { + color: #fff; } - .sm\:align-text-top { - vertical-align: text-top; + .md\:hover\:text-red-darkest:hover { + color: #3b0d0c; } - .sm\:align-text-bottom { - vertical-align: text-bottom; + .md\:hover\:text-red-darker:hover { + color: #621b18; } - .sm\:visible { - visibility: visible; + .md\:hover\:text-red-dark:hover { + color: #cc1f1a; } - .sm\:invisible { - visibility: hidden; + .md\:hover\:text-red:hover { + color: #e3342f; } - .sm\:whitespace-normal { - white-space: normal; + .md\:hover\:text-red-light:hover { + color: #ef5753; } - .sm\:whitespace-no-wrap { - white-space: nowrap; + .md\:hover\:text-red-lighter:hover { + color: #f9acaa; } - .sm\:whitespace-pre { - white-space: pre; + .md\:hover\:text-red-lightest:hover { + color: #fcebea; } - .sm\:whitespace-pre-line { - white-space: pre-line; + .md\:hover\:text-orange-darkest:hover { + color: #462a16; } - .sm\:whitespace-pre-wrap { - white-space: pre-wrap; + .md\:hover\:text-orange-darker:hover { + color: #613b1f; } - .sm\:break-words { - word-wrap: break-word; + .md\:hover\:text-orange-dark:hover { + color: #de751f; } - .sm\:break-normal { - word-wrap: normal; + .md\:hover\:text-orange:hover { + color: #f6993f; } - .sm\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .md\:hover\:text-orange-light:hover { + color: #faad63; } - .sm\:w-1 { - width: .25rem; + .md\:hover\:text-orange-lighter:hover { + color: #fcd9b6; } - .sm\:w-2 { - width: .5rem; + .md\:hover\:text-orange-lightest:hover { + color: #fff5eb; } - .sm\:w-3 { - width: .75rem; + .md\:hover\:text-yellow-darkest:hover { + color: #453411; } - .sm\:w-4 { - width: 1rem; + .md\:hover\:text-yellow-darker:hover { + color: #684f1d; } - .sm\:w-6 { - width: 1.5rem; + .md\:hover\:text-yellow-dark:hover { + color: #f2d024; } - .sm\:w-8 { - width: 2rem; + .md\:hover\:text-yellow:hover { + color: #ffed4a; } - .sm\:w-10 { - width: 2.5rem; + .md\:hover\:text-yellow-light:hover { + color: #fff382; } - .sm\:w-12 { - width: 3rem; + .md\:hover\:text-yellow-lighter:hover { + color: #fff9c2; } - .sm\:w-16 { - width: 4rem; + .md\:hover\:text-yellow-lightest:hover { + color: #fcfbeb; } - .sm\:w-24 { - width: 6rem; + .md\:hover\:text-green-darkest:hover { + color: #0f2f21; } - .sm\:w-32 { - width: 8rem; + .md\:hover\:text-green-darker:hover { + color: #1a4731; } - .sm\:w-48 { - width: 12rem; + .md\:hover\:text-green-dark:hover { + color: #1f9d55; } - .sm\:w-64 { - width: 16rem; + .md\:hover\:text-green:hover { + color: #38c172; } - .sm\:w-auto { - width: auto; + .md\:hover\:text-green-light:hover { + color: #51d88a; } - .sm\:w-px { - width: 1px; + .md\:hover\:text-green-lighter:hover { + color: #a2f5bf; } - .sm\:w-1\/2 { - width: 50%; + .md\:hover\:text-green-lightest:hover { + color: #e3fcec; } - .sm\:w-1\/3 { - width: 33.33333%; + .md\:hover\:text-teal-darkest:hover { + color: #0d3331; } - .sm\:w-2\/3 { - width: 66.66667%; + .md\:hover\:text-teal-darker:hover { + color: #20504f; } - .sm\:w-1\/4 { - width: 25%; + .md\:hover\:text-teal-dark:hover { + color: #38a89d; } - .sm\:w-3\/4 { - width: 75%; + .md\:hover\:text-teal:hover { + color: #4dc0b5; } - .sm\:w-1\/5 { - width: 20%; + .md\:hover\:text-teal-light:hover { + color: #64d5ca; } - .sm\:w-2\/5 { - width: 40%; + .md\:hover\:text-teal-lighter:hover { + color: #a0f0ed; } - .sm\:w-3\/5 { - width: 60%; + .md\:hover\:text-teal-lightest:hover { + color: #e8fffe; } - .sm\:w-4\/5 { - width: 80%; + .md\:hover\:text-blue-darkest:hover { + color: #12283a; } - .sm\:w-1\/6 { - width: 16.66667%; + .md\:hover\:text-blue-darker:hover { + color: #1c3d5a; } - .sm\:w-5\/6 { - width: 83.33333%; + .md\:hover\:text-blue-dark:hover { + color: #2779bd; } - .sm\:w-full { - width: 100%; + .md\:hover\:text-blue:hover { + color: #3490dc; } - .sm\:w-screen { - width: 100vw; + .md\:hover\:text-blue-light:hover { + color: #6cb2eb; } - .sm\:z-0 { - z-index: 0; + .md\:hover\:text-blue-lighter:hover { + color: #bcdefa; } - .sm\:z-10 { - z-index: 10; + .md\:hover\:text-blue-lightest:hover { + color: #eff8ff; } - .sm\:z-20 { - z-index: 20; + .md\:hover\:text-indigo-darkest:hover { + color: #191e38; } - .sm\:z-30 { - z-index: 30; + .md\:hover\:text-indigo-darker:hover { + color: #2f365f; } - .sm\:z-40 { - z-index: 40; + .md\:hover\:text-indigo-dark:hover { + color: #5661b3; } - .sm\:z-50 { - z-index: 50; + .md\:hover\:text-indigo:hover { + color: #6574cd; } - .sm\:z-auto { - z-index: auto; + .md\:hover\:text-indigo-light:hover { + color: #7886d7; } - .sm\:object-contain { - object-fit: contain; + .md\:hover\:text-indigo-lighter:hover { + color: #b2b7ff; } - .sm\:object-cover { - object-fit: cover; + .md\:hover\:text-indigo-lightest:hover { + color: #e6e8ff; } - .sm\:object-fill { - object-fit: fill; + .md\:hover\:text-purple-darkest:hover { + color: #21183c; } - .sm\:object-none { - object-fit: none; + .md\:hover\:text-purple-darker:hover { + color: #382b5f; } - .sm\:object-scale { - object-fit: scale-down; + .md\:hover\:text-purple-dark:hover { + color: #794acf; } - .sm\:grid { - display: grid; + .md\:hover\:text-purple:hover { + color: #9561e2; } - .sm\:grid-dense { - grid-auto-flow: dense; + .md\:hover\:text-purple-light:hover { + color: #a779e9; } - .sm\:grid-gap-0 { - grid-gap: 0; + .md\:hover\:text-purple-lighter:hover { + color: #d6bbfc; } - .sm\:grid-gap-4 { - grid-gap: 1rem; + .md\:hover\:text-purple-lightest:hover { + color: #f3ebff; } - .sm\:grid-gap-8 { - grid-gap: 2rem; + .md\:hover\:text-pink-darkest:hover { + color: #451225; } - .sm\:grid-columns-1 { - grid-template-columns: repeat(1, 1fr); + .md\:hover\:text-pink-darker:hover { + color: #6f213f; } - .sm\:grid-columns-2 { - grid-template-columns: repeat(2, 1fr); + .md\:hover\:text-pink-dark:hover { + color: #eb5286; } - .sm\:grid-columns-3 { - grid-template-columns: repeat(3, 1fr); + .md\:hover\:text-pink:hover { + color: #f66d9b; } - .sm\:grid-columns-4 { - grid-template-columns: repeat(4, 1fr); + .md\:hover\:text-pink-light:hover { + color: #fa7ea8; } - .sm\:grid-columns-5 { - grid-template-columns: repeat(5, 1fr); + .md\:hover\:text-pink-lighter:hover { + color: #ffbbca; } - .sm\:grid-columns-6 { - grid-template-columns: repeat(6, 1fr); + .md\:hover\:text-pink-lightest:hover { + color: #ffebef; } - .sm\:grid-columns-7 { - grid-template-columns: repeat(7, 1fr); + .md\:focus\:text-transparent:focus { + color: transparent; } - .sm\:grid-columns-8 { - grid-template-columns: repeat(8, 1fr); + .md\:focus\:text-black:focus { + color: #22292f; } - .sm\:grid-columns-9 { - grid-template-columns: repeat(9, 1fr); + .md\:focus\:text-grey-darkest:focus { + color: #3d4852; } - .sm\:grid-columns-10 { - grid-template-columns: repeat(10, 1fr); + .md\:focus\:text-grey-darker:focus { + color: #606f7b; } - .sm\:grid-columns-11 { - grid-template-columns: repeat(11, 1fr); + .md\:focus\:text-grey-dark:focus { + color: #8795a1; } - .sm\:grid-columns-12 { - grid-template-columns: repeat(12, 1fr); + .md\:focus\:text-grey:focus { + color: #b8c2cc; } - .sm\:col-span-1 { - grid-column-start: span 1; + .md\:focus\:text-grey-light:focus { + color: #dae1e7; } - .sm\:col-span-2 { - grid-column-start: span 2; + .md\:focus\:text-grey-lighter:focus { + color: #f1f5f8; } - .sm\:col-span-3 { - grid-column-start: span 3; + .md\:focus\:text-grey-lightest:focus { + color: #f8fafc; } - .sm\:col-span-4 { - grid-column-start: span 4; + .md\:focus\:text-white:focus { + color: #fff; } - .sm\:col-span-5 { - grid-column-start: span 5; + .md\:focus\:text-red-darkest:focus { + color: #3b0d0c; } - .sm\:col-span-6 { - grid-column-start: span 6; + .md\:focus\:text-red-darker:focus { + color: #621b18; } - .sm\:col-span-7 { - grid-column-start: span 7; + .md\:focus\:text-red-dark:focus { + color: #cc1f1a; } - .sm\:col-span-8 { - grid-column-start: span 8; + .md\:focus\:text-red:focus { + color: #e3342f; } - .sm\:col-span-9 { - grid-column-start: span 9; + .md\:focus\:text-red-light:focus { + color: #ef5753; } - .sm\:col-span-10 { - grid-column-start: span 10; + .md\:focus\:text-red-lighter:focus { + color: #f9acaa; } - .sm\:col-span-11 { - grid-column-start: span 11; + .md\:focus\:text-red-lightest:focus { + color: #fcebea; } - .sm\:col-span-12 { - grid-column-start: span 12; + .md\:focus\:text-orange-darkest:focus { + color: #462a16; } - .sm\:col-start-1 { - grid-column-start: 1; + .md\:focus\:text-orange-darker:focus { + color: #613b1f; } - .sm\:col-end-1 { - grid-column-end: 1; + .md\:focus\:text-orange-dark:focus { + color: #de751f; } - .sm\:col-start-2 { - grid-column-start: 2; + .md\:focus\:text-orange:focus { + color: #f6993f; } - .sm\:col-end-2 { - grid-column-end: 2; + .md\:focus\:text-orange-light:focus { + color: #faad63; } - .sm\:col-start-3 { - grid-column-start: 3; + .md\:focus\:text-orange-lighter:focus { + color: #fcd9b6; } - .sm\:col-end-3 { - grid-column-end: 3; + .md\:focus\:text-orange-lightest:focus { + color: #fff5eb; } - .sm\:col-start-4 { - grid-column-start: 4; + .md\:focus\:text-yellow-darkest:focus { + color: #453411; } - .sm\:col-end-4 { - grid-column-end: 4; + .md\:focus\:text-yellow-darker:focus { + color: #684f1d; } - .sm\:col-start-5 { - grid-column-start: 5; + .md\:focus\:text-yellow-dark:focus { + color: #f2d024; } - .sm\:col-end-5 { - grid-column-end: 5; + .md\:focus\:text-yellow:focus { + color: #ffed4a; } - .sm\:col-start-6 { - grid-column-start: 6; + .md\:focus\:text-yellow-light:focus { + color: #fff382; } - .sm\:col-end-6 { - grid-column-end: 6; + .md\:focus\:text-yellow-lighter:focus { + color: #fff9c2; } - .sm\:col-start-7 { - grid-column-start: 7; + .md\:focus\:text-yellow-lightest:focus { + color: #fcfbeb; } - .sm\:col-end-7 { - grid-column-end: 7; + .md\:focus\:text-green-darkest:focus { + color: #0f2f21; } - .sm\:col-start-8 { - grid-column-start: 8; + .md\:focus\:text-green-darker:focus { + color: #1a4731; } - .sm\:col-end-8 { - grid-column-end: 8; + .md\:focus\:text-green-dark:focus { + color: #1f9d55; } - .sm\:col-start-9 { - grid-column-start: 9; + .md\:focus\:text-green:focus { + color: #38c172; } - .sm\:col-end-9 { - grid-column-end: 9; + .md\:focus\:text-green-light:focus { + color: #51d88a; } - .sm\:col-start-10 { - grid-column-start: 10; + .md\:focus\:text-green-lighter:focus { + color: #a2f5bf; } - .sm\:col-end-10 { - grid-column-end: 10; + .md\:focus\:text-green-lightest:focus { + color: #e3fcec; } - .sm\:col-start-11 { - grid-column-start: 11; + .md\:focus\:text-teal-darkest:focus { + color: #0d3331; } - .sm\:col-end-11 { - grid-column-end: 11; + .md\:focus\:text-teal-darker:focus { + color: #20504f; } - .sm\:col-start-12 { - grid-column-start: 12; + .md\:focus\:text-teal-dark:focus { + color: #38a89d; } - .sm\:col-end-12 { - grid-column-end: 12; + .md\:focus\:text-teal:focus { + color: #4dc0b5; } - .sm\:col-start-13 { - grid-column-start: 13; + .md\:focus\:text-teal-light:focus { + color: #64d5ca; } - .sm\:col-end-13 { - grid-column-end: 13; + .md\:focus\:text-teal-lighter:focus { + color: #a0f0ed; } -} -@media (min-width: 768px) { - .md\:list-reset { - list-style: none; - padding: 0; + .md\:focus\:text-teal-lightest:focus { + color: #e8fffe; } - .md\:appearance-none { - appearance: none; + .md\:focus\:text-blue-darkest:focus { + color: #12283a; } - .md\:bg-fixed { - background-attachment: fixed; + .md\:focus\:text-blue-darker:focus { + color: #1c3d5a; } - .md\:bg-local { - background-attachment: local; + .md\:focus\:text-blue-dark:focus { + color: #2779bd; } - .md\:bg-scroll { - background-attachment: scroll; + .md\:focus\:text-blue:focus { + color: #3490dc; } - .md\:bg-transparent { - background-color: transparent; + .md\:focus\:text-blue-light:focus { + color: #6cb2eb; } - .md\:bg-black { - background-color: #22292f; + .md\:focus\:text-blue-lighter:focus { + color: #bcdefa; } - .md\:bg-grey-darkest { - background-color: #3d4852; + .md\:focus\:text-blue-lightest:focus { + color: #eff8ff; } - .md\:bg-grey-darker { - background-color: #606f7b; + .md\:focus\:text-indigo-darkest:focus { + color: #191e38; } - .md\:bg-grey-dark { - background-color: #8795a1; + .md\:focus\:text-indigo-darker:focus { + color: #2f365f; } - .md\:bg-grey { - background-color: #b8c2cc; + .md\:focus\:text-indigo-dark:focus { + color: #5661b3; } - .md\:bg-grey-light { - background-color: #dae1e7; + .md\:focus\:text-indigo:focus { + color: #6574cd; } - .md\:bg-grey-lighter { - background-color: #f1f5f8; + .md\:focus\:text-indigo-light:focus { + color: #7886d7; } - .md\:bg-grey-lightest { - background-color: #f8fafc; + .md\:focus\:text-indigo-lighter:focus { + color: #b2b7ff; } - .md\:bg-white { - background-color: #fff; + .md\:focus\:text-indigo-lightest:focus { + color: #e6e8ff; } - .md\:bg-red-darkest { - background-color: #3b0d0c; + .md\:focus\:text-purple-darkest:focus { + color: #21183c; } - .md\:bg-red-darker { - background-color: #621b18; + .md\:focus\:text-purple-darker:focus { + color: #382b5f; } - .md\:bg-red-dark { - background-color: #cc1f1a; + .md\:focus\:text-purple-dark:focus { + color: #794acf; } - .md\:bg-red { - background-color: #e3342f; + .md\:focus\:text-purple:focus { + color: #9561e2; } - .md\:bg-red-light { - background-color: #ef5753; + .md\:focus\:text-purple-light:focus { + color: #a779e9; } - .md\:bg-red-lighter { - background-color: #f9acaa; + .md\:focus\:text-purple-lighter:focus { + color: #d6bbfc; } - .md\:bg-red-lightest { - background-color: #fcebea; + .md\:focus\:text-purple-lightest:focus { + color: #f3ebff; } - .md\:bg-orange-darkest { - background-color: #462a16; + .md\:focus\:text-pink-darkest:focus { + color: #451225; } - .md\:bg-orange-darker { - background-color: #613b1f; + .md\:focus\:text-pink-darker:focus { + color: #6f213f; } - .md\:bg-orange-dark { - background-color: #de751f; + .md\:focus\:text-pink-dark:focus { + color: #eb5286; } - .md\:bg-orange { - background-color: #f6993f; + .md\:focus\:text-pink:focus { + color: #f66d9b; } - .md\:bg-orange-light { - background-color: #faad63; + .md\:focus\:text-pink-light:focus { + color: #fa7ea8; } - .md\:bg-orange-lighter { - background-color: #fcd9b6; + .md\:focus\:text-pink-lighter:focus { + color: #ffbbca; } - .md\:bg-orange-lightest { - background-color: #fff5eb; + .md\:focus\:text-pink-lightest:focus { + color: #ffebef; } - .md\:bg-yellow-darkest { - background-color: #453411; + .md\:text-xs { + font-size: .75rem; } - .md\:bg-yellow-darker { - background-color: #684f1d; + .md\:text-sm { + font-size: .875rem; } - .md\:bg-yellow-dark { - background-color: #f2d024; + .md\:text-base { + font-size: 1rem; } - .md\:bg-yellow { - background-color: #ffed4a; + .md\:text-lg { + font-size: 1.125rem; } - .md\:bg-yellow-light { - background-color: #fff382; + .md\:text-xl { + font-size: 1.25rem; } - .md\:bg-yellow-lighter { - background-color: #fff9c2; + .md\:text-2xl { + font-size: 1.5rem; } - .md\:bg-yellow-lightest { - background-color: #fcfbeb; + .md\:text-3xl { + font-size: 1.875rem; } - .md\:bg-green-darkest { - background-color: #0f2f21; + .md\:text-4xl { + font-size: 2.25rem; } - .md\:bg-green-darker { - background-color: #1a4731; + .md\:text-5xl { + font-size: 3rem; } - .md\:bg-green-dark { - background-color: #1f9d55; + .md\:italic { + font-style: italic; } - .md\:bg-green { - background-color: #38c172; + .md\:roman { + font-style: normal; } - .md\:bg-green-light { - background-color: #51d88a; + .md\:uppercase { + text-transform: uppercase; } - .md\:bg-green-lighter { - background-color: #a2f5bf; + .md\:lowercase { + text-transform: lowercase; } - .md\:bg-green-lightest { - background-color: #e3fcec; + .md\:capitalize { + text-transform: capitalize; } - .md\:bg-teal-darkest { - background-color: #0d3331; + .md\:normal-case { + text-transform: none; } - .md\:bg-teal-darker { - background-color: #20504f; + .md\:underline { + text-decoration: underline; } - .md\:bg-teal-dark { - background-color: #38a89d; + .md\:line-through { + text-decoration: line-through; } - .md\:bg-teal { - background-color: #4dc0b5; + .md\:no-underline { + text-decoration: none; } - .md\:bg-teal-light { - background-color: #64d5ca; + .md\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .md\:bg-teal-lighter { - background-color: #a0f0ed; + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .md\:bg-teal-lightest { - background-color: #e8fffe; + .md\:hover\:italic:hover { + font-style: italic; } - .md\:bg-blue-darkest { - background-color: #12283a; + .md\:hover\:roman:hover { + font-style: normal; } - .md\:bg-blue-darker { - background-color: #1c3d5a; + .md\:hover\:uppercase:hover { + text-transform: uppercase; } - .md\:bg-blue-dark { - background-color: #2779bd; + .md\:hover\:lowercase:hover { + text-transform: lowercase; } - .md\:bg-blue { - background-color: #3490dc; + .md\:hover\:capitalize:hover { + text-transform: capitalize; } - .md\:bg-blue-light { - background-color: #6cb2eb; + .md\:hover\:normal-case:hover { + text-transform: none; } - .md\:bg-blue-lighter { - background-color: #bcdefa; + .md\:hover\:underline:hover { + text-decoration: underline; } - .md\:bg-blue-lightest { - background-color: #eff8ff; + .md\:hover\:line-through:hover { + text-decoration: line-through; } - .md\:bg-indigo-darkest { - background-color: #191e38; + .md\:hover\:no-underline:hover { + text-decoration: none; } - .md\:bg-indigo-darker { - background-color: #2f365f; + .md\:hover\:antialiased:hover { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .md\:bg-indigo-dark { - background-color: #5661b3; + .md\:hover\:subpixel-antialiased:hover { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .md\:bg-indigo { - background-color: #6574cd; + .md\:focus\:italic:focus { + font-style: italic; } - .md\:bg-indigo-light { - background-color: #7886d7; + .md\:focus\:roman:focus { + font-style: normal; } - .md\:bg-indigo-lighter { - background-color: #b2b7ff; + .md\:focus\:uppercase:focus { + text-transform: uppercase; } - .md\:bg-indigo-lightest { - background-color: #e6e8ff; + .md\:focus\:lowercase:focus { + text-transform: lowercase; } - .md\:bg-purple-darkest { - background-color: #21183c; + .md\:focus\:capitalize:focus { + text-transform: capitalize; } - .md\:bg-purple-darker { - background-color: #382b5f; + .md\:focus\:normal-case:focus { + text-transform: none; } - .md\:bg-purple-dark { - background-color: #794acf; + .md\:focus\:underline:focus { + text-decoration: underline; } - .md\:bg-purple { - background-color: #9561e2; + .md\:focus\:line-through:focus { + text-decoration: line-through; } - .md\:bg-purple-light { - background-color: #a779e9; + .md\:focus\:no-underline:focus { + text-decoration: none; } - .md\:bg-purple-lighter { - background-color: #d6bbfc; + .md\:focus\:antialiased:focus { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .md\:bg-purple-lightest { - background-color: #f3ebff; + .md\:focus\:subpixel-antialiased:focus { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .md\:bg-pink-darkest { - background-color: #451225; + .md\:tracking-tight { + letter-spacing: -0.05em; } - .md\:bg-pink-darker { - background-color: #6f213f; + .md\:tracking-normal { + letter-spacing: 0; } - .md\:bg-pink-dark { - background-color: #eb5286; + .md\:tracking-wide { + letter-spacing: .05em; } - .md\:bg-pink { - background-color: #f66d9b; + .md\:select-none { + user-select: none; } - .md\:bg-pink-light { - background-color: #fa7ea8; + .md\:select-text { + user-select: text; } - .md\:bg-pink-lighter { - background-color: #ffbbca; + .md\:align-baseline { + vertical-align: baseline; } - .md\:bg-pink-lightest { - background-color: #ffebef; + .md\:align-top { + vertical-align: top; } - .md\:hover\:bg-transparent:hover { - background-color: transparent; + .md\:align-middle { + vertical-align: middle; } - .md\:hover\:bg-black:hover { - background-color: #22292f; + .md\:align-bottom { + vertical-align: bottom; } - .md\:hover\:bg-grey-darkest:hover { - background-color: #3d4852; + .md\:align-text-top { + vertical-align: text-top; } - .md\:hover\:bg-grey-darker:hover { - background-color: #606f7b; + .md\:align-text-bottom { + vertical-align: text-bottom; } - .md\:hover\:bg-grey-dark:hover { - background-color: #8795a1; + .md\:visible { + visibility: visible; } - .md\:hover\:bg-grey:hover { - background-color: #b8c2cc; + .md\:invisible { + visibility: hidden; } - .md\:hover\:bg-grey-light:hover { - background-color: #dae1e7; + .md\:whitespace-normal { + white-space: normal; } - .md\:hover\:bg-grey-lighter:hover { - background-color: #f1f5f8; + .md\:whitespace-no-wrap { + white-space: nowrap; } - .md\:hover\:bg-grey-lightest:hover { - background-color: #f8fafc; + .md\:whitespace-pre { + white-space: pre; } - .md\:hover\:bg-white:hover { - background-color: #fff; + .md\:whitespace-pre-line { + white-space: pre-line; } - .md\:hover\:bg-red-darkest:hover { - background-color: #3b0d0c; + .md\:whitespace-pre-wrap { + white-space: pre-wrap; } - .md\:hover\:bg-red-darker:hover { - background-color: #621b18; + .md\:break-words { + word-wrap: break-word; } - .md\:hover\:bg-red-dark:hover { - background-color: #cc1f1a; + .md\:break-normal { + word-wrap: normal; } - .md\:hover\:bg-red:hover { - background-color: #e3342f; + .md\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .md\:hover\:bg-red-light:hover { - background-color: #ef5753; + .md\:w-1 { + width: .25rem; } - .md\:hover\:bg-red-lighter:hover { - background-color: #f9acaa; + .md\:w-2 { + width: .5rem; } - .md\:hover\:bg-red-lightest:hover { - background-color: #fcebea; + .md\:w-3 { + width: .75rem; } - .md\:hover\:bg-orange-darkest:hover { - background-color: #462a16; + .md\:w-4 { + width: 1rem; } - .md\:hover\:bg-orange-darker:hover { - background-color: #613b1f; + .md\:w-5 { + width: 1.25rem; } - .md\:hover\:bg-orange-dark:hover { - background-color: #de751f; + .md\:w-6 { + width: 1.5rem; } - .md\:hover\:bg-orange:hover { - background-color: #f6993f; + .md\:w-8 { + width: 2rem; } - .md\:hover\:bg-orange-light:hover { - background-color: #faad63; + .md\:w-10 { + width: 2.5rem; } - .md\:hover\:bg-orange-lighter:hover { - background-color: #fcd9b6; + .md\:w-12 { + width: 3rem; } - .md\:hover\:bg-orange-lightest:hover { - background-color: #fff5eb; + .md\:w-16 { + width: 4rem; } - .md\:hover\:bg-yellow-darkest:hover { - background-color: #453411; + .md\:w-24 { + width: 6rem; } - .md\:hover\:bg-yellow-darker:hover { - background-color: #684f1d; + .md\:w-32 { + width: 8rem; } - .md\:hover\:bg-yellow-dark:hover { - background-color: #f2d024; + .md\:w-48 { + width: 12rem; } - .md\:hover\:bg-yellow:hover { - background-color: #ffed4a; + .md\:w-64 { + width: 16rem; } - .md\:hover\:bg-yellow-light:hover { - background-color: #fff382; + .md\:w-auto { + width: auto; } - .md\:hover\:bg-yellow-lighter:hover { - background-color: #fff9c2; + .md\:w-px { + width: 1px; } - .md\:hover\:bg-yellow-lightest:hover { - background-color: #fcfbeb; + .md\:w-1\/2 { + width: 50%; } - .md\:hover\:bg-green-darkest:hover { - background-color: #0f2f21; + .md\:w-1\/3 { + width: 33.33333%; } - .md\:hover\:bg-green-darker:hover { - background-color: #1a4731; + .md\:w-2\/3 { + width: 66.66667%; } - .md\:hover\:bg-green-dark:hover { - background-color: #1f9d55; + .md\:w-1\/4 { + width: 25%; } - .md\:hover\:bg-green:hover { - background-color: #38c172; + .md\:w-3\/4 { + width: 75%; } - .md\:hover\:bg-green-light:hover { - background-color: #51d88a; + .md\:w-1\/5 { + width: 20%; } - .md\:hover\:bg-green-lighter:hover { - background-color: #a2f5bf; + .md\:w-2\/5 { + width: 40%; } - .md\:hover\:bg-green-lightest:hover { - background-color: #e3fcec; + .md\:w-3\/5 { + width: 60%; } - .md\:hover\:bg-teal-darkest:hover { - background-color: #0d3331; + .md\:w-4\/5 { + width: 80%; } - .md\:hover\:bg-teal-darker:hover { - background-color: #20504f; + .md\:w-1\/6 { + width: 16.66667%; } - .md\:hover\:bg-teal-dark:hover { - background-color: #38a89d; + .md\:w-5\/6 { + width: 83.33333%; } - .md\:hover\:bg-teal:hover { - background-color: #4dc0b5; + .md\:w-full { + width: 100%; } - .md\:hover\:bg-teal-light:hover { - background-color: #64d5ca; + .md\:w-screen { + width: 100vw; } - .md\:hover\:bg-teal-lighter:hover { - background-color: #a0f0ed; + .md\:z-0 { + z-index: 0; } - .md\:hover\:bg-teal-lightest:hover { - background-color: #e8fffe; + .md\:z-10 { + z-index: 10; } - .md\:hover\:bg-blue-darkest:hover { - background-color: #12283a; + .md\:z-20 { + z-index: 20; } - .md\:hover\:bg-blue-darker:hover { - background-color: #1c3d5a; + .md\:z-30 { + z-index: 30; } - .md\:hover\:bg-blue-dark:hover { - background-color: #2779bd; + .md\:z-40 { + z-index: 40; } - .md\:hover\:bg-blue:hover { - background-color: #3490dc; + .md\:z-50 { + z-index: 50; } - .md\:hover\:bg-blue-light:hover { - background-color: #6cb2eb; + .md\:z-auto { + z-index: auto; } - .md\:hover\:bg-blue-lighter:hover { - background-color: #bcdefa; + .md\:object-contain { + object-fit: contain; } - .md\:hover\:bg-blue-lightest:hover { - background-color: #eff8ff; + .md\:object-cover { + object-fit: cover; } - .md\:hover\:bg-indigo-darkest:hover { - background-color: #191e38; + .md\:object-fill { + object-fit: fill; } - .md\:hover\:bg-indigo-darker:hover { - background-color: #2f365f; + .md\:object-none { + object-fit: none; } - .md\:hover\:bg-indigo-dark:hover { - background-color: #5661b3; + .md\:object-scale { + object-fit: scale-down; } - .md\:hover\:bg-indigo:hover { - background-color: #6574cd; + .md\:grid { + display: grid; } - .md\:hover\:bg-indigo-light:hover { - background-color: #7886d7; + .md\:grid-dense { + grid-auto-flow: dense; } - .md\:hover\:bg-indigo-lighter:hover { - background-color: #b2b7ff; + .md\:grid-gap-0 { + grid-gap: 0; } - .md\:hover\:bg-indigo-lightest:hover { - background-color: #e6e8ff; + .md\:grid-gap-4 { + grid-gap: 1rem; } - .md\:hover\:bg-purple-darkest:hover { - background-color: #21183c; + .md\:grid-gap-8 { + grid-gap: 2rem; } - .md\:hover\:bg-purple-darker:hover { - background-color: #382b5f; + .md\:grid-columns-1 { + grid-template-columns: repeat(1, 1fr); } - .md\:hover\:bg-purple-dark:hover { - background-color: #794acf; + .md\:grid-columns-2 { + grid-template-columns: repeat(2, 1fr); } - .md\:hover\:bg-purple:hover { - background-color: #9561e2; + .md\:grid-columns-3 { + grid-template-columns: repeat(3, 1fr); } - .md\:hover\:bg-purple-light:hover { - background-color: #a779e9; + .md\:grid-columns-4 { + grid-template-columns: repeat(4, 1fr); } - .md\:hover\:bg-purple-lighter:hover { - background-color: #d6bbfc; + .md\:grid-columns-5 { + grid-template-columns: repeat(5, 1fr); } - .md\:hover\:bg-purple-lightest:hover { - background-color: #f3ebff; + .md\:grid-columns-6 { + grid-template-columns: repeat(6, 1fr); } - .md\:hover\:bg-pink-darkest:hover { - background-color: #451225; + .md\:grid-columns-7 { + grid-template-columns: repeat(7, 1fr); } - .md\:hover\:bg-pink-darker:hover { - background-color: #6f213f; + .md\:grid-columns-8 { + grid-template-columns: repeat(8, 1fr); } - .md\:hover\:bg-pink-dark:hover { - background-color: #eb5286; + .md\:grid-columns-9 { + grid-template-columns: repeat(9, 1fr); } - .md\:hover\:bg-pink:hover { - background-color: #f66d9b; + .md\:grid-columns-10 { + grid-template-columns: repeat(10, 1fr); } - .md\:hover\:bg-pink-light:hover { - background-color: #fa7ea8; + .md\:grid-columns-11 { + grid-template-columns: repeat(11, 1fr); } - .md\:hover\:bg-pink-lighter:hover { - background-color: #ffbbca; + .md\:grid-columns-12 { + grid-template-columns: repeat(12, 1fr); } - .md\:hover\:bg-pink-lightest:hover { - background-color: #ffebef; + .md\:col-span-1 { + grid-column-start: span 1; } - .md\:bg-bottom { - background-position: bottom; + .md\:col-span-2 { + grid-column-start: span 2; } - .md\:bg-center { - background-position: center; + .md\:col-span-3 { + grid-column-start: span 3; } - .md\:bg-left { - background-position: left; + .md\:col-span-4 { + grid-column-start: span 4; } - .md\:bg-left-bottom { - background-position: left bottom; + .md\:col-span-5 { + grid-column-start: span 5; } - .md\:bg-left-top { - background-position: left top; + .md\:col-span-6 { + grid-column-start: span 6; } - .md\:bg-right { - background-position: right; + .md\:col-span-7 { + grid-column-start: span 7; } - .md\:bg-right-bottom { - background-position: right bottom; + .md\:col-span-8 { + grid-column-start: span 8; } - .md\:bg-right-top { - background-position: right top; + .md\:col-span-9 { + grid-column-start: span 9; } - .md\:bg-top { - background-position: top; + .md\:col-span-10 { + grid-column-start: span 10; } - .md\:bg-repeat { - background-repeat: repeat; + .md\:col-span-11 { + grid-column-start: span 11; } - .md\:bg-no-repeat { - background-repeat: no-repeat; + .md\:col-span-12 { + grid-column-start: span 12; } - .md\:bg-repeat-x { - background-repeat: repeat-x; + .md\:col-start-1 { + grid-column-start: 1; } - .md\:bg-repeat-y { - background-repeat: repeat-y; + .md\:col-end-1 { + grid-column-end: 1; } - .md\:bg-auto { - background-size: auto; + .md\:col-start-2 { + grid-column-start: 2; } - .md\:bg-cover { - background-size: cover; + .md\:col-end-2 { + grid-column-end: 2; } - .md\:bg-contain { - background-size: contain; + .md\:col-start-3 { + grid-column-start: 3; } - .md\:border-transparent { - border-color: transparent; + .md\:col-end-3 { + grid-column-end: 3; } - .md\:border-black { - border-color: #22292f; + .md\:col-start-4 { + grid-column-start: 4; } - .md\:border-grey-darkest { - border-color: #3d4852; + .md\:col-end-4 { + grid-column-end: 4; } - .md\:border-grey-darker { - border-color: #606f7b; + .md\:col-start-5 { + grid-column-start: 5; } - .md\:border-grey-dark { - border-color: #8795a1; + .md\:col-end-5 { + grid-column-end: 5; } - .md\:border-grey { - border-color: #b8c2cc; + .md\:col-start-6 { + grid-column-start: 6; } - .md\:border-grey-light { - border-color: #dae1e7; + .md\:col-end-6 { + grid-column-end: 6; } - .md\:border-grey-lighter { - border-color: #f1f5f8; + .md\:col-start-7 { + grid-column-start: 7; } - .md\:border-grey-lightest { - border-color: #f8fafc; + .md\:col-end-7 { + grid-column-end: 7; } - .md\:border-white { - border-color: #fff; + .md\:col-start-8 { + grid-column-start: 8; } - .md\:border-red-darkest { - border-color: #3b0d0c; + .md\:col-end-8 { + grid-column-end: 8; } - .md\:border-red-darker { - border-color: #621b18; + .md\:col-start-9 { + grid-column-start: 9; } - .md\:border-red-dark { - border-color: #cc1f1a; + .md\:col-end-9 { + grid-column-end: 9; } - .md\:border-red { - border-color: #e3342f; + .md\:col-start-10 { + grid-column-start: 10; } - .md\:border-red-light { - border-color: #ef5753; + .md\:col-end-10 { + grid-column-end: 10; } - .md\:border-red-lighter { - border-color: #f9acaa; + .md\:col-start-11 { + grid-column-start: 11; } - .md\:border-red-lightest { - border-color: #fcebea; + .md\:col-end-11 { + grid-column-end: 11; } - .md\:border-orange-darkest { - border-color: #462a16; + .md\:col-start-12 { + grid-column-start: 12; } - .md\:border-orange-darker { - border-color: #613b1f; + .md\:col-end-12 { + grid-column-end: 12; } - .md\:border-orange-dark { - border-color: #de751f; + .md\:col-start-13 { + grid-column-start: 13; } - .md\:border-orange { - border-color: #f6993f; + .md\:col-end-13 { + grid-column-end: 13; } - .md\:border-orange-light { - border-color: #faad63; + .md\:row-span-1 { + grid-row-start: span 1; } - .md\:border-orange-lighter { - border-color: #fcd9b6; + .md\:row-span-2 { + grid-row-start: span 2; } - .md\:border-orange-lightest { - border-color: #fff5eb; + .md\:row-span-3 { + grid-row-start: span 3; } - .md\:border-yellow-darkest { - border-color: #453411; + .md\:row-span-4 { + grid-row-start: span 4; } - .md\:border-yellow-darker { - border-color: #684f1d; + .md\:row-span-5 { + grid-row-start: span 5; } - .md\:border-yellow-dark { - border-color: #f2d024; + .md\:row-span-6 { + grid-row-start: span 6; } - .md\:border-yellow { - border-color: #ffed4a; + .md\:row-span-7 { + grid-row-start: span 7; } - .md\:border-yellow-light { - border-color: #fff382; + .md\:row-span-8 { + grid-row-start: span 8; } - .md\:border-yellow-lighter { - border-color: #fff9c2; + .md\:row-span-9 { + grid-row-start: span 9; } - .md\:border-yellow-lightest { - border-color: #fcfbeb; + .md\:row-span-10 { + grid-row-start: span 10; } - .md\:border-green-darkest { - border-color: #0f2f21; + .md\:row-span-11 { + grid-row-start: span 11; } - .md\:border-green-darker { - border-color: #1a4731; + .md\:row-span-12 { + grid-row-start: span 12; } +} - .md\:border-green-dark { - border-color: #1f9d55; +@media (min-width: 992px) { + .lg\:list-reset { + list-style: none; + padding: 0; } - .md\:border-green { - border-color: #38c172; + .lg\:appearance-none { + appearance: none; } - .md\:border-green-light { - border-color: #51d88a; + .lg\:bg-fixed { + background-attachment: fixed; } - .md\:border-green-lighter { - border-color: #a2f5bf; + .lg\:bg-local { + background-attachment: local; } - .md\:border-green-lightest { - border-color: #e3fcec; + .lg\:bg-scroll { + background-attachment: scroll; } - .md\:border-teal-darkest { - border-color: #0d3331; + .lg\:bg-transparent { + background-color: transparent; } - .md\:border-teal-darker { - border-color: #20504f; + .lg\:bg-black { + background-color: #22292f; } - .md\:border-teal-dark { - border-color: #38a89d; + .lg\:bg-grey-darkest { + background-color: #3d4852; } - .md\:border-teal { - border-color: #4dc0b5; + .lg\:bg-grey-darker { + background-color: #606f7b; } - .md\:border-teal-light { - border-color: #64d5ca; + .lg\:bg-grey-dark { + background-color: #8795a1; } - .md\:border-teal-lighter { - border-color: #a0f0ed; + .lg\:bg-grey { + background-color: #b8c2cc; } - .md\:border-teal-lightest { - border-color: #e8fffe; + .lg\:bg-grey-light { + background-color: #dae1e7; } - .md\:border-blue-darkest { - border-color: #12283a; + .lg\:bg-grey-lighter { + background-color: #f1f5f8; } - .md\:border-blue-darker { - border-color: #1c3d5a; + .lg\:bg-grey-lightest { + background-color: #f8fafc; } - .md\:border-blue-dark { - border-color: #2779bd; + .lg\:bg-white { + background-color: #fff; } - .md\:border-blue { - border-color: #3490dc; + .lg\:bg-red-darkest { + background-color: #3b0d0c; } - .md\:border-blue-light { - border-color: #6cb2eb; + .lg\:bg-red-darker { + background-color: #621b18; } - .md\:border-blue-lighter { - border-color: #bcdefa; + .lg\:bg-red-dark { + background-color: #cc1f1a; } - .md\:border-blue-lightest { - border-color: #eff8ff; + .lg\:bg-red { + background-color: #e3342f; } - .md\:border-indigo-darkest { - border-color: #191e38; + .lg\:bg-red-light { + background-color: #ef5753; } - .md\:border-indigo-darker { - border-color: #2f365f; + .lg\:bg-red-lighter { + background-color: #f9acaa; } - .md\:border-indigo-dark { - border-color: #5661b3; + .lg\:bg-red-lightest { + background-color: #fcebea; } - .md\:border-indigo { - border-color: #6574cd; + .lg\:bg-orange-darkest { + background-color: #462a16; } - .md\:border-indigo-light { - border-color: #7886d7; + .lg\:bg-orange-darker { + background-color: #613b1f; } - .md\:border-indigo-lighter { - border-color: #b2b7ff; + .lg\:bg-orange-dark { + background-color: #de751f; } - .md\:border-indigo-lightest { - border-color: #e6e8ff; + .lg\:bg-orange { + background-color: #f6993f; } - .md\:border-purple-darkest { - border-color: #21183c; + .lg\:bg-orange-light { + background-color: #faad63; } - .md\:border-purple-darker { - border-color: #382b5f; + .lg\:bg-orange-lighter { + background-color: #fcd9b6; } - .md\:border-purple-dark { - border-color: #794acf; + .lg\:bg-orange-lightest { + background-color: #fff5eb; } - .md\:border-purple { - border-color: #9561e2; + .lg\:bg-yellow-darkest { + background-color: #453411; } - .md\:border-purple-light { - border-color: #a779e9; + .lg\:bg-yellow-darker { + background-color: #684f1d; } - .md\:border-purple-lighter { - border-color: #d6bbfc; + .lg\:bg-yellow-dark { + background-color: #f2d024; } - .md\:border-purple-lightest { - border-color: #f3ebff; + .lg\:bg-yellow { + background-color: #ffed4a; } - .md\:border-pink-darkest { - border-color: #451225; + .lg\:bg-yellow-light { + background-color: #fff382; } - .md\:border-pink-darker { - border-color: #6f213f; + .lg\:bg-yellow-lighter { + background-color: #fff9c2; } - .md\:border-pink-dark { - border-color: #eb5286; + .lg\:bg-yellow-lightest { + background-color: #fcfbeb; } - .md\:border-pink { - border-color: #f66d9b; + .lg\:bg-green-darkest { + background-color: #0f2f21; } - .md\:border-pink-light { - border-color: #fa7ea8; + .lg\:bg-green-darker { + background-color: #1a4731; } - .md\:border-pink-lighter { - border-color: #ffbbca; + .lg\:bg-green-dark { + background-color: #1f9d55; } - .md\:border-pink-lightest { - border-color: #ffebef; + .lg\:bg-green { + background-color: #38c172; } - .md\:hover\:border-transparent:hover { - border-color: transparent; + .lg\:bg-green-light { + background-color: #51d88a; } - .md\:hover\:border-black:hover { - border-color: #22292f; + .lg\:bg-green-lighter { + background-color: #a2f5bf; } - .md\:hover\:border-grey-darkest:hover { - border-color: #3d4852; + .lg\:bg-green-lightest { + background-color: #e3fcec; } - .md\:hover\:border-grey-darker:hover { - border-color: #606f7b; + .lg\:bg-teal-darkest { + background-color: #0d3331; } - .md\:hover\:border-grey-dark:hover { - border-color: #8795a1; + .lg\:bg-teal-darker { + background-color: #20504f; } - .md\:hover\:border-grey:hover { - border-color: #b8c2cc; + .lg\:bg-teal-dark { + background-color: #38a89d; } - .md\:hover\:border-grey-light:hover { - border-color: #dae1e7; + .lg\:bg-teal { + background-color: #4dc0b5; } - .md\:hover\:border-grey-lighter:hover { - border-color: #f1f5f8; + .lg\:bg-teal-light { + background-color: #64d5ca; } - .md\:hover\:border-grey-lightest:hover { - border-color: #f8fafc; + .lg\:bg-teal-lighter { + background-color: #a0f0ed; } - .md\:hover\:border-white:hover { - border-color: #fff; + .lg\:bg-teal-lightest { + background-color: #e8fffe; } - .md\:hover\:border-red-darkest:hover { - border-color: #3b0d0c; + .lg\:bg-blue-darkest { + background-color: #12283a; } - .md\:hover\:border-red-darker:hover { - border-color: #621b18; + .lg\:bg-blue-darker { + background-color: #1c3d5a; } - .md\:hover\:border-red-dark:hover { - border-color: #cc1f1a; + .lg\:bg-blue-dark { + background-color: #2779bd; } - .md\:hover\:border-red:hover { - border-color: #e3342f; + .lg\:bg-blue { + background-color: #3490dc; } - .md\:hover\:border-red-light:hover { - border-color: #ef5753; + .lg\:bg-blue-light { + background-color: #6cb2eb; } - .md\:hover\:border-red-lighter:hover { - border-color: #f9acaa; + .lg\:bg-blue-lighter { + background-color: #bcdefa; } - .md\:hover\:border-red-lightest:hover { - border-color: #fcebea; + .lg\:bg-blue-lightest { + background-color: #eff8ff; } - .md\:hover\:border-orange-darkest:hover { - border-color: #462a16; + .lg\:bg-indigo-darkest { + background-color: #191e38; } - .md\:hover\:border-orange-darker:hover { - border-color: #613b1f; + .lg\:bg-indigo-darker { + background-color: #2f365f; } - .md\:hover\:border-orange-dark:hover { - border-color: #de751f; + .lg\:bg-indigo-dark { + background-color: #5661b3; } - .md\:hover\:border-orange:hover { - border-color: #f6993f; + .lg\:bg-indigo { + background-color: #6574cd; } - .md\:hover\:border-orange-light:hover { - border-color: #faad63; + .lg\:bg-indigo-light { + background-color: #7886d7; } - .md\:hover\:border-orange-lighter:hover { - border-color: #fcd9b6; + .lg\:bg-indigo-lighter { + background-color: #b2b7ff; } - .md\:hover\:border-orange-lightest:hover { - border-color: #fff5eb; + .lg\:bg-indigo-lightest { + background-color: #e6e8ff; } - .md\:hover\:border-yellow-darkest:hover { - border-color: #453411; + .lg\:bg-purple-darkest { + background-color: #21183c; } - .md\:hover\:border-yellow-darker:hover { - border-color: #684f1d; + .lg\:bg-purple-darker { + background-color: #382b5f; } - .md\:hover\:border-yellow-dark:hover { - border-color: #f2d024; + .lg\:bg-purple-dark { + background-color: #794acf; } - .md\:hover\:border-yellow:hover { - border-color: #ffed4a; + .lg\:bg-purple { + background-color: #9561e2; } - .md\:hover\:border-yellow-light:hover { - border-color: #fff382; + .lg\:bg-purple-light { + background-color: #a779e9; } - .md\:hover\:border-yellow-lighter:hover { - border-color: #fff9c2; + .lg\:bg-purple-lighter { + background-color: #d6bbfc; } - .md\:hover\:border-yellow-lightest:hover { - border-color: #fcfbeb; + .lg\:bg-purple-lightest { + background-color: #f3ebff; } - .md\:hover\:border-green-darkest:hover { - border-color: #0f2f21; + .lg\:bg-pink-darkest { + background-color: #451225; } - .md\:hover\:border-green-darker:hover { - border-color: #1a4731; + .lg\:bg-pink-darker { + background-color: #6f213f; } - .md\:hover\:border-green-dark:hover { - border-color: #1f9d55; + .lg\:bg-pink-dark { + background-color: #eb5286; } - .md\:hover\:border-green:hover { - border-color: #38c172; + .lg\:bg-pink { + background-color: #f66d9b; } - .md\:hover\:border-green-light:hover { - border-color: #51d88a; + .lg\:bg-pink-light { + background-color: #fa7ea8; } - .md\:hover\:border-green-lighter:hover { - border-color: #a2f5bf; + .lg\:bg-pink-lighter { + background-color: #ffbbca; } - .md\:hover\:border-green-lightest:hover { - border-color: #e3fcec; + .lg\:bg-pink-lightest { + background-color: #ffebef; } - .md\:hover\:border-teal-darkest:hover { - border-color: #0d3331; + .lg\:hover\:bg-transparent:hover { + background-color: transparent; } - .md\:hover\:border-teal-darker:hover { - border-color: #20504f; + .lg\:hover\:bg-black:hover { + background-color: #22292f; } - .md\:hover\:border-teal-dark:hover { - border-color: #38a89d; + .lg\:hover\:bg-grey-darkest:hover { + background-color: #3d4852; } - .md\:hover\:border-teal:hover { - border-color: #4dc0b5; + .lg\:hover\:bg-grey-darker:hover { + background-color: #606f7b; } - .md\:hover\:border-teal-light:hover { - border-color: #64d5ca; + .lg\:hover\:bg-grey-dark:hover { + background-color: #8795a1; } - .md\:hover\:border-teal-lighter:hover { - border-color: #a0f0ed; + .lg\:hover\:bg-grey:hover { + background-color: #b8c2cc; } - .md\:hover\:border-teal-lightest:hover { - border-color: #e8fffe; + .lg\:hover\:bg-grey-light:hover { + background-color: #dae1e7; } - .md\:hover\:border-blue-darkest:hover { - border-color: #12283a; + .lg\:hover\:bg-grey-lighter:hover { + background-color: #f1f5f8; } - .md\:hover\:border-blue-darker:hover { - border-color: #1c3d5a; + .lg\:hover\:bg-grey-lightest:hover { + background-color: #f8fafc; } - .md\:hover\:border-blue-dark:hover { - border-color: #2779bd; + .lg\:hover\:bg-white:hover { + background-color: #fff; } - .md\:hover\:border-blue:hover { - border-color: #3490dc; + .lg\:hover\:bg-red-darkest:hover { + background-color: #3b0d0c; } - .md\:hover\:border-blue-light:hover { - border-color: #6cb2eb; + .lg\:hover\:bg-red-darker:hover { + background-color: #621b18; } - .md\:hover\:border-blue-lighter:hover { - border-color: #bcdefa; + .lg\:hover\:bg-red-dark:hover { + background-color: #cc1f1a; } - .md\:hover\:border-blue-lightest:hover { - border-color: #eff8ff; + .lg\:hover\:bg-red:hover { + background-color: #e3342f; } - .md\:hover\:border-indigo-darkest:hover { - border-color: #191e38; + .lg\:hover\:bg-red-light:hover { + background-color: #ef5753; } - .md\:hover\:border-indigo-darker:hover { - border-color: #2f365f; + .lg\:hover\:bg-red-lighter:hover { + background-color: #f9acaa; } - .md\:hover\:border-indigo-dark:hover { - border-color: #5661b3; + .lg\:hover\:bg-red-lightest:hover { + background-color: #fcebea; } - .md\:hover\:border-indigo:hover { - border-color: #6574cd; + .lg\:hover\:bg-orange-darkest:hover { + background-color: #462a16; } - .md\:hover\:border-indigo-light:hover { - border-color: #7886d7; + .lg\:hover\:bg-orange-darker:hover { + background-color: #613b1f; } - .md\:hover\:border-indigo-lighter:hover { - border-color: #b2b7ff; + .lg\:hover\:bg-orange-dark:hover { + background-color: #de751f; } - .md\:hover\:border-indigo-lightest:hover { - border-color: #e6e8ff; + .lg\:hover\:bg-orange:hover { + background-color: #f6993f; } - .md\:hover\:border-purple-darkest:hover { - border-color: #21183c; + .lg\:hover\:bg-orange-light:hover { + background-color: #faad63; } - .md\:hover\:border-purple-darker:hover { - border-color: #382b5f; + .lg\:hover\:bg-orange-lighter:hover { + background-color: #fcd9b6; } - .md\:hover\:border-purple-dark:hover { - border-color: #794acf; + .lg\:hover\:bg-orange-lightest:hover { + background-color: #fff5eb; } - .md\:hover\:border-purple:hover { - border-color: #9561e2; + .lg\:hover\:bg-yellow-darkest:hover { + background-color: #453411; } - .md\:hover\:border-purple-light:hover { - border-color: #a779e9; + .lg\:hover\:bg-yellow-darker:hover { + background-color: #684f1d; } - .md\:hover\:border-purple-lighter:hover { - border-color: #d6bbfc; + .lg\:hover\:bg-yellow-dark:hover { + background-color: #f2d024; } - .md\:hover\:border-purple-lightest:hover { - border-color: #f3ebff; + .lg\:hover\:bg-yellow:hover { + background-color: #ffed4a; } - .md\:hover\:border-pink-darkest:hover { - border-color: #451225; + .lg\:hover\:bg-yellow-light:hover { + background-color: #fff382; } - .md\:hover\:border-pink-darker:hover { - border-color: #6f213f; + .lg\:hover\:bg-yellow-lighter:hover { + background-color: #fff9c2; } - .md\:hover\:border-pink-dark:hover { - border-color: #eb5286; + .lg\:hover\:bg-yellow-lightest:hover { + background-color: #fcfbeb; } - .md\:hover\:border-pink:hover { - border-color: #f66d9b; + .lg\:hover\:bg-green-darkest:hover { + background-color: #0f2f21; } - .md\:hover\:border-pink-light:hover { - border-color: #fa7ea8; + .lg\:hover\:bg-green-darker:hover { + background-color: #1a4731; } - .md\:hover\:border-pink-lighter:hover { - border-color: #ffbbca; + .lg\:hover\:bg-green-dark:hover { + background-color: #1f9d55; } - .md\:hover\:border-pink-lightest:hover { - border-color: #ffebef; + .lg\:hover\:bg-green:hover { + background-color: #38c172; } - .md\:rounded-none { - border-radius: 0; + .lg\:hover\:bg-green-light:hover { + background-color: #51d88a; } - .md\:rounded-sm { - border-radius: .125rem; + .lg\:hover\:bg-green-lighter:hover { + background-color: #a2f5bf; } - .md\:rounded { - border-radius: .25rem; + .lg\:hover\:bg-green-lightest:hover { + background-color: #e3fcec; } - .md\:rounded-lg { - border-radius: .5rem; + .lg\:hover\:bg-teal-darkest:hover { + background-color: #0d3331; } - .md\:rounded-full { - border-radius: 9999px; + .lg\:hover\:bg-teal-darker:hover { + background-color: #20504f; } - .md\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .lg\:hover\:bg-teal-dark:hover { + background-color: #38a89d; } - .md\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .lg\:hover\:bg-teal:hover { + background-color: #4dc0b5; } - .md\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .lg\:hover\:bg-teal-light:hover { + background-color: #64d5ca; } - .md\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .lg\:hover\:bg-teal-lighter:hover { + background-color: #a0f0ed; } - .md\:rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; + .lg\:hover\:bg-teal-lightest:hover { + background-color: #e8fffe; } - .md\:rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; + .lg\:hover\:bg-blue-darkest:hover { + background-color: #12283a; } - .md\:rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; + .lg\:hover\:bg-blue-darker:hover { + background-color: #1c3d5a; } - .md\:rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; + .lg\:hover\:bg-blue-dark:hover { + background-color: #2779bd; } - .md\:rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + .lg\:hover\:bg-blue:hover { + background-color: #3490dc; } - .md\:rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + .lg\:hover\:bg-blue-light:hover { + background-color: #6cb2eb; } - .md\:rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + .lg\:hover\:bg-blue-lighter:hover { + background-color: #bcdefa; } - .md\:rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + .lg\:hover\:bg-blue-lightest:hover { + background-color: #eff8ff; } - .md\:rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; + .lg\:hover\:bg-indigo-darkest:hover { + background-color: #191e38; } - .md\:rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; + .lg\:hover\:bg-indigo-darker:hover { + background-color: #2f365f; } - .md\:rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; + .lg\:hover\:bg-indigo-dark:hover { + background-color: #5661b3; } - .md\:rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; + .lg\:hover\:bg-indigo:hover { + background-color: #6574cd; } - .md\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .lg\:hover\:bg-indigo-light:hover { + background-color: #7886d7; } - .md\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .lg\:hover\:bg-indigo-lighter:hover { + background-color: #b2b7ff; } - .md\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:hover\:bg-indigo-lightest:hover { + background-color: #e6e8ff; } - .md\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:hover\:bg-purple-darkest:hover { + background-color: #21183c; } - .md\:rounded-tl-none { - border-top-left-radius: 0; + .lg\:hover\:bg-purple-darker:hover { + background-color: #382b5f; } - .md\:rounded-tr-none { - border-top-right-radius: 0; + .lg\:hover\:bg-purple-dark:hover { + background-color: #794acf; } - .md\:rounded-br-none { - border-bottom-right-radius: 0; + .lg\:hover\:bg-purple:hover { + background-color: #9561e2; } - .md\:rounded-bl-none { - border-bottom-left-radius: 0; + .lg\:hover\:bg-purple-light:hover { + background-color: #a779e9; } - .md\:rounded-tl-sm { - border-top-left-radius: .125rem; + .lg\:hover\:bg-purple-lighter:hover { + background-color: #d6bbfc; } - .md\:rounded-tr-sm { - border-top-right-radius: .125rem; + .lg\:hover\:bg-purple-lightest:hover { + background-color: #f3ebff; } - .md\:rounded-br-sm { - border-bottom-right-radius: .125rem; + .lg\:hover\:bg-pink-darkest:hover { + background-color: #451225; } - - .md\:rounded-bl-sm { - border-bottom-left-radius: .125rem; + + .lg\:hover\:bg-pink-darker:hover { + background-color: #6f213f; } - .md\:rounded-tl { - border-top-left-radius: .25rem; + .lg\:hover\:bg-pink-dark:hover { + background-color: #eb5286; } - .md\:rounded-tr { - border-top-right-radius: .25rem; + .lg\:hover\:bg-pink:hover { + background-color: #f66d9b; } - .md\:rounded-br { - border-bottom-right-radius: .25rem; + .lg\:hover\:bg-pink-light:hover { + background-color: #fa7ea8; } - .md\:rounded-bl { - border-bottom-left-radius: .25rem; + .lg\:hover\:bg-pink-lighter:hover { + background-color: #ffbbca; } - .md\:rounded-tl-lg { - border-top-left-radius: .5rem; + .lg\:hover\:bg-pink-lightest:hover { + background-color: #ffebef; } - .md\:rounded-tr-lg { - border-top-right-radius: .5rem; + .lg\:focus\:bg-transparent:focus { + background-color: transparent; } - .md\:rounded-br-lg { - border-bottom-right-radius: .5rem; + .lg\:focus\:bg-black:focus { + background-color: #22292f; } - .md\:rounded-bl-lg { - border-bottom-left-radius: .5rem; + .lg\:focus\:bg-grey-darkest:focus { + background-color: #3d4852; } - .md\:rounded-tl-full { - border-top-left-radius: 9999px; + .lg\:focus\:bg-grey-darker:focus { + background-color: #606f7b; } - .md\:rounded-tr-full { - border-top-right-radius: 9999px; + .lg\:focus\:bg-grey-dark:focus { + background-color: #8795a1; } - .md\:rounded-br-full { - border-bottom-right-radius: 9999px; + .lg\:focus\:bg-grey:focus { + background-color: #b8c2cc; } - .md\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .lg\:focus\:bg-grey-light:focus { + background-color: #dae1e7; } - .md\:border-solid { - border-style: solid; + .lg\:focus\:bg-grey-lighter:focus { + background-color: #f1f5f8; } - .md\:border-dashed { - border-style: dashed; + .lg\:focus\:bg-grey-lightest:focus { + background-color: #f8fafc; } - .md\:border-dotted { - border-style: dotted; + .lg\:focus\:bg-white:focus { + background-color: #fff; } - .md\:border-none { - border-style: none; + .lg\:focus\:bg-red-darkest:focus { + background-color: #3b0d0c; } - .md\:border-0 { - border-width: 0; + .lg\:focus\:bg-red-darker:focus { + background-color: #621b18; } - .md\:border-2 { - border-width: 2px; + .lg\:focus\:bg-red-dark:focus { + background-color: #cc1f1a; } - .md\:border-4 { - border-width: 4px; + .lg\:focus\:bg-red:focus { + background-color: #e3342f; } - .md\:border-8 { - border-width: 8px; + .lg\:focus\:bg-red-light:focus { + background-color: #ef5753; } - .md\:border { - border-width: 1px; + .lg\:focus\:bg-red-lighter:focus { + background-color: #f9acaa; } - .md\:border-t-0 { - border-top-width: 0; + .lg\:focus\:bg-red-lightest:focus { + background-color: #fcebea; } - .md\:border-r-0 { - border-right-width: 0; + .lg\:focus\:bg-orange-darkest:focus { + background-color: #462a16; } - .md\:border-b-0 { - border-bottom-width: 0; + .lg\:focus\:bg-orange-darker:focus { + background-color: #613b1f; } - .md\:border-l-0 { - border-left-width: 0; + .lg\:focus\:bg-orange-dark:focus { + background-color: #de751f; } - .md\:border-t-2 { - border-top-width: 2px; + .lg\:focus\:bg-orange:focus { + background-color: #f6993f; } - .md\:border-r-2 { - border-right-width: 2px; + .lg\:focus\:bg-orange-light:focus { + background-color: #faad63; } - .md\:border-b-2 { - border-bottom-width: 2px; + .lg\:focus\:bg-orange-lighter:focus { + background-color: #fcd9b6; } - .md\:border-l-2 { - border-left-width: 2px; + .lg\:focus\:bg-orange-lightest:focus { + background-color: #fff5eb; } - .md\:border-t-4 { - border-top-width: 4px; + .lg\:focus\:bg-yellow-darkest:focus { + background-color: #453411; } - .md\:border-r-4 { - border-right-width: 4px; + .lg\:focus\:bg-yellow-darker:focus { + background-color: #684f1d; } - .md\:border-b-4 { - border-bottom-width: 4px; + .lg\:focus\:bg-yellow-dark:focus { + background-color: #f2d024; } - .md\:border-l-4 { - border-left-width: 4px; + .lg\:focus\:bg-yellow:focus { + background-color: #ffed4a; } - .md\:border-t-8 { - border-top-width: 8px; + .lg\:focus\:bg-yellow-light:focus { + background-color: #fff382; } - .md\:border-r-8 { - border-right-width: 8px; + .lg\:focus\:bg-yellow-lighter:focus { + background-color: #fff9c2; } - .md\:border-b-8 { - border-bottom-width: 8px; + .lg\:focus\:bg-yellow-lightest:focus { + background-color: #fcfbeb; } - .md\:border-l-8 { - border-left-width: 8px; + .lg\:focus\:bg-green-darkest:focus { + background-color: #0f2f21; } - .md\:border-t { - border-top-width: 1px; + .lg\:focus\:bg-green-darker:focus { + background-color: #1a4731; } - .md\:border-r { - border-right-width: 1px; + .lg\:focus\:bg-green-dark:focus { + background-color: #1f9d55; } - .md\:border-b { - border-bottom-width: 1px; + .lg\:focus\:bg-green:focus { + background-color: #38c172; } - .md\:border-l { - border-left-width: 1px; + .lg\:focus\:bg-green-light:focus { + background-color: #51d88a; } - .md\:cursor-auto { - cursor: auto; + .lg\:focus\:bg-green-lighter:focus { + background-color: #a2f5bf; } - .md\:cursor-default { - cursor: default; + .lg\:focus\:bg-green-lightest:focus { + background-color: #e3fcec; } - .md\:cursor-pointer { - cursor: pointer; + .lg\:focus\:bg-teal-darkest:focus { + background-color: #0d3331; } - .md\:cursor-wait { - cursor: wait; + .lg\:focus\:bg-teal-darker:focus { + background-color: #20504f; } - .md\:cursor-move { - cursor: move; + .lg\:focus\:bg-teal-dark:focus { + background-color: #38a89d; } - .md\:cursor-not-allowed { - cursor: not-allowed; + .lg\:focus\:bg-teal:focus { + background-color: #4dc0b5; } - .md\:block { - display: block; + .lg\:focus\:bg-teal-light:focus { + background-color: #64d5ca; } - .md\:inline-block { - display: inline-block; + .lg\:focus\:bg-teal-lighter:focus { + background-color: #a0f0ed; } - .md\:inline { - display: inline; + .lg\:focus\:bg-teal-lightest:focus { + background-color: #e8fffe; } - .md\:table { - display: table; + .lg\:focus\:bg-blue-darkest:focus { + background-color: #12283a; } - .md\:table-row { - display: table-row; + .lg\:focus\:bg-blue-darker:focus { + background-color: #1c3d5a; } - .md\:table-cell { - display: table-cell; + .lg\:focus\:bg-blue-dark:focus { + background-color: #2779bd; } - .md\:hidden { - display: none; + .lg\:focus\:bg-blue:focus { + background-color: #3490dc; } - .md\:flex { - display: flex; + .lg\:focus\:bg-blue-light:focus { + background-color: #6cb2eb; } - .md\:inline-flex { - display: inline-flex; + .lg\:focus\:bg-blue-lighter:focus { + background-color: #bcdefa; } - .md\:flex-row { - flex-direction: row; + .lg\:focus\:bg-blue-lightest:focus { + background-color: #eff8ff; } - .md\:flex-row-reverse { - flex-direction: row-reverse; + .lg\:focus\:bg-indigo-darkest:focus { + background-color: #191e38; } - .md\:flex-col { - flex-direction: column; + .lg\:focus\:bg-indigo-darker:focus { + background-color: #2f365f; } - .md\:flex-col-reverse { - flex-direction: column-reverse; + .lg\:focus\:bg-indigo-dark:focus { + background-color: #5661b3; } - .md\:flex-wrap { - flex-wrap: wrap; + .lg\:focus\:bg-indigo:focus { + background-color: #6574cd; } - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .lg\:focus\:bg-indigo-light:focus { + background-color: #7886d7; } - .md\:flex-no-wrap { - flex-wrap: nowrap; + .lg\:focus\:bg-indigo-lighter:focus { + background-color: #b2b7ff; } - .md\:items-start { - align-items: flex-start; + .lg\:focus\:bg-indigo-lightest:focus { + background-color: #e6e8ff; } - .md\:items-end { - align-items: flex-end; + .lg\:focus\:bg-purple-darkest:focus { + background-color: #21183c; } - .md\:items-center { - align-items: center; + .lg\:focus\:bg-purple-darker:focus { + background-color: #382b5f; } - .md\:items-baseline { - align-items: baseline; + .lg\:focus\:bg-purple-dark:focus { + background-color: #794acf; } - .md\:items-stretch { - align-items: stretch; + .lg\:focus\:bg-purple:focus { + background-color: #9561e2; } - .md\:self-auto { - align-self: auto; + .lg\:focus\:bg-purple-light:focus { + background-color: #a779e9; } - .md\:self-start { - align-self: flex-start; + .lg\:focus\:bg-purple-lighter:focus { + background-color: #d6bbfc; } - .md\:self-end { - align-self: flex-end; + .lg\:focus\:bg-purple-lightest:focus { + background-color: #f3ebff; } - .md\:self-center { - align-self: center; + .lg\:focus\:bg-pink-darkest:focus { + background-color: #451225; } - .md\:self-stretch { - align-self: stretch; + .lg\:focus\:bg-pink-darker:focus { + background-color: #6f213f; } - .md\:justify-start { - justify-content: flex-start; + .lg\:focus\:bg-pink-dark:focus { + background-color: #eb5286; } - .md\:justify-end { - justify-content: flex-end; + .lg\:focus\:bg-pink:focus { + background-color: #f66d9b; } - .md\:justify-center { - justify-content: center; + .lg\:focus\:bg-pink-light:focus { + background-color: #fa7ea8; } - .md\:justify-between { - justify-content: space-between; + .lg\:focus\:bg-pink-lighter:focus { + background-color: #ffbbca; } - .md\:justify-around { - justify-content: space-around; + .lg\:focus\:bg-pink-lightest:focus { + background-color: #ffebef; } - .md\:content-center { - align-content: center; + .lg\:bg-bottom { + background-position: bottom; } - .md\:content-start { - align-content: flex-start; + .lg\:bg-center { + background-position: center; } - .md\:content-end { - align-content: flex-end; + .lg\:bg-left { + background-position: left; } - .md\:content-between { - align-content: space-between; + .lg\:bg-left-bottom { + background-position: left bottom; } - .md\:content-around { - align-content: space-around; + .lg\:bg-left-top { + background-position: left top; } - .md\:flex-1 { - flex: 1; + .lg\:bg-right { + background-position: right; } - .md\:flex-auto { - flex: auto; + .lg\:bg-right-bottom { + background-position: right bottom; } - .md\:flex-initial { - flex: initial; + .lg\:bg-right-top { + background-position: right top; } - .md\:flex-none { - flex: none; + .lg\:bg-top { + background-position: top; } - .md\:flex-grow { - flex-grow: 1; + .lg\:bg-repeat { + background-repeat: repeat; } - .md\:flex-shrink { - flex-shrink: 1; + .lg\:bg-no-repeat { + background-repeat: no-repeat; } - .md\:flex-no-grow { - flex-grow: 0; + .lg\:bg-repeat-x { + background-repeat: repeat-x; } - .md\:flex-no-shrink { - flex-shrink: 0; + .lg\:bg-repeat-y { + background-repeat: repeat-y; } - .md\:float-right { - float: right; + .lg\:bg-auto { + background-size: auto; } - .md\:float-left { - float: left; + .lg\:bg-cover { + background-size: cover; } - .md\:float-none { - float: none; + .lg\:bg-contain { + background-size: contain; } - .md\:clearfix:after { - content: ""; - display: table; - clear: both; + .lg\:border-transparent { + border-color: transparent; } - .md\:font-sans { - font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + .lg\:border-black { + border-color: #22292f; } - .md\:font-serif { - font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; + .lg\:border-grey-darkest { + border-color: #3d4852; } - .md\:font-mono { - font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; + .lg\:border-grey-darker { + border-color: #606f7b; } - .md\:font-hairline { - font-weight: 100; + .lg\:border-grey-dark { + border-color: #8795a1; } - .md\:font-thin { - font-weight: 200; + .lg\:border-grey { + border-color: #b8c2cc; } - .md\:font-light { - font-weight: 300; + .lg\:border-grey-light { + border-color: #dae1e7; } - .md\:font-normal { - font-weight: 400; + .lg\:border-grey-lighter { + border-color: #f1f5f8; } - .md\:font-medium { - font-weight: 500; + .lg\:border-grey-lightest { + border-color: #f8fafc; } - .md\:font-semibold { - font-weight: 600; + .lg\:border-white { + border-color: #fff; } - .md\:font-bold { - font-weight: 700; + .lg\:border-red-darkest { + border-color: #3b0d0c; } - .md\:font-extrabold { - font-weight: 800; + .lg\:border-red-darker { + border-color: #621b18; } - .md\:font-black { - font-weight: 900; + .lg\:border-red-dark { + border-color: #cc1f1a; } - .md\:hover\:font-hairline:hover { - font-weight: 100; + .lg\:border-red { + border-color: #e3342f; } - .md\:hover\:font-thin:hover { - font-weight: 200; + .lg\:border-red-light { + border-color: #ef5753; } - .md\:hover\:font-light:hover { - font-weight: 300; + .lg\:border-red-lighter { + border-color: #f9acaa; } - .md\:hover\:font-normal:hover { - font-weight: 400; + .lg\:border-red-lightest { + border-color: #fcebea; } - .md\:hover\:font-medium:hover { - font-weight: 500; + .lg\:border-orange-darkest { + border-color: #462a16; } - .md\:hover\:font-semibold:hover { - font-weight: 600; + .lg\:border-orange-darker { + border-color: #613b1f; } - .md\:hover\:font-bold:hover { - font-weight: 700; + .lg\:border-orange-dark { + border-color: #de751f; } - .md\:hover\:font-extrabold:hover { - font-weight: 800; + .lg\:border-orange { + border-color: #f6993f; } - .md\:hover\:font-black:hover { - font-weight: 900; + .lg\:border-orange-light { + border-color: #faad63; } - .md\:h-1 { - height: .25rem; + .lg\:border-orange-lighter { + border-color: #fcd9b6; } - .md\:h-2 { - height: .5rem; + .lg\:border-orange-lightest { + border-color: #fff5eb; } - .md\:h-3 { - height: .75rem; + .lg\:border-yellow-darkest { + border-color: #453411; } - .md\:h-4 { - height: 1rem; + .lg\:border-yellow-darker { + border-color: #684f1d; } - .md\:h-6 { - height: 1.5rem; + .lg\:border-yellow-dark { + border-color: #f2d024; } - .md\:h-8 { - height: 2rem; + .lg\:border-yellow { + border-color: #ffed4a; } - .md\:h-10 { - height: 2.5rem; + .lg\:border-yellow-light { + border-color: #fff382; } - .md\:h-12 { - height: 3rem; + .lg\:border-yellow-lighter { + border-color: #fff9c2; } - .md\:h-16 { - height: 4rem; + .lg\:border-yellow-lightest { + border-color: #fcfbeb; } - .md\:h-24 { - height: 6rem; + .lg\:border-green-darkest { + border-color: #0f2f21; } - .md\:h-32 { - height: 8rem; + .lg\:border-green-darker { + border-color: #1a4731; } - .md\:h-48 { - height: 12rem; + .lg\:border-green-dark { + border-color: #1f9d55; } - .md\:h-64 { - height: 16rem; + .lg\:border-green { + border-color: #38c172; } - .md\:h-auto { - height: auto; + .lg\:border-green-light { + border-color: #51d88a; } - .md\:h-px { - height: 1px; + .lg\:border-green-lighter { + border-color: #a2f5bf; } - .md\:h-full { - height: 100%; + .lg\:border-green-lightest { + border-color: #e3fcec; } - .md\:h-screen { - height: 100vh; + .lg\:border-teal-darkest { + border-color: #0d3331; } - .md\:leading-none { - line-height: 1; + .lg\:border-teal-darker { + border-color: #20504f; } - .md\:leading-tight { - line-height: 1.25; + .lg\:border-teal-dark { + border-color: #38a89d; } - .md\:leading-normal { - line-height: 1.5; + .lg\:border-teal { + border-color: #4dc0b5; } - .md\:leading-loose { - line-height: 2; + .lg\:border-teal-light { + border-color: #64d5ca; } - .md\:m-0 { - margin: 0; + .lg\:border-teal-lighter { + border-color: #a0f0ed; } - .md\:m-1 { - margin: .25rem; + .lg\:border-teal-lightest { + border-color: #e8fffe; } - .md\:m-2 { - margin: .5rem; + .lg\:border-blue-darkest { + border-color: #12283a; } - .md\:m-3 { - margin: .75rem; + .lg\:border-blue-darker { + border-color: #1c3d5a; } - .md\:m-4 { - margin: 1rem; + .lg\:border-blue-dark { + border-color: #2779bd; } - .md\:m-6 { - margin: 1.5rem; + .lg\:border-blue { + border-color: #3490dc; } - .md\:m-8 { - margin: 2rem; + .lg\:border-blue-light { + border-color: #6cb2eb; } - .md\:m-auto { - margin: auto; + .lg\:border-blue-lighter { + border-color: #bcdefa; } - .md\:m-px { - margin: 1px; + .lg\:border-blue-lightest { + border-color: #eff8ff; } - .md\:my-0 { - margin-top: 0; - margin-bottom: 0; + .lg\:border-indigo-darkest { + border-color: #191e38; } - .md\:mx-0 { - margin-left: 0; - margin-right: 0; + .lg\:border-indigo-darker { + border-color: #2f365f; } - .md\:my-1 { - margin-top: .25rem; - margin-bottom: .25rem; + .lg\:border-indigo-dark { + border-color: #5661b3; } - .md\:mx-1 { - margin-left: .25rem; - margin-right: .25rem; + .lg\:border-indigo { + border-color: #6574cd; } - .md\:my-2 { - margin-top: .5rem; - margin-bottom: .5rem; + .lg\:border-indigo-light { + border-color: #7886d7; } - .md\:mx-2 { - margin-left: .5rem; - margin-right: .5rem; + .lg\:border-indigo-lighter { + border-color: #b2b7ff; } - .md\:my-3 { - margin-top: .75rem; - margin-bottom: .75rem; + .lg\:border-indigo-lightest { + border-color: #e6e8ff; } - .md\:mx-3 { - margin-left: .75rem; - margin-right: .75rem; + .lg\:border-purple-darkest { + border-color: #21183c; } - .md\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .lg\:border-purple-darker { + border-color: #382b5f; } - .md\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .lg\:border-purple-dark { + border-color: #794acf; } - .md\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .lg\:border-purple { + border-color: #9561e2; } - .md\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .lg\:border-purple-light { + border-color: #a779e9; } - .md\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .lg\:border-purple-lighter { + border-color: #d6bbfc; } - .md\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .lg\:border-purple-lightest { + border-color: #f3ebff; } - .md\:my-auto { - margin-top: auto; - margin-bottom: auto; + .lg\:border-pink-darkest { + border-color: #451225; } - .md\:mx-auto { - margin-left: auto; - margin-right: auto; + .lg\:border-pink-darker { + border-color: #6f213f; } - .md\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .lg\:border-pink-dark { + border-color: #eb5286; } - .md\:mx-px { - margin-left: 1px; - margin-right: 1px; + .lg\:border-pink { + border-color: #f66d9b; } - .md\:mt-0 { - margin-top: 0; + .lg\:border-pink-light { + border-color: #fa7ea8; } - .md\:mr-0 { - margin-right: 0; + .lg\:border-pink-lighter { + border-color: #ffbbca; } - .md\:mb-0 { - margin-bottom: 0; + .lg\:border-pink-lightest { + border-color: #ffebef; } - .md\:ml-0 { - margin-left: 0; + .lg\:hover\:border-transparent:hover { + border-color: transparent; } - .md\:mt-1 { - margin-top: .25rem; + .lg\:hover\:border-black:hover { + border-color: #22292f; } - .md\:mr-1 { - margin-right: .25rem; + .lg\:hover\:border-grey-darkest:hover { + border-color: #3d4852; } - .md\:mb-1 { - margin-bottom: .25rem; + .lg\:hover\:border-grey-darker:hover { + border-color: #606f7b; } - .md\:ml-1 { - margin-left: .25rem; + .lg\:hover\:border-grey-dark:hover { + border-color: #8795a1; } - .md\:mt-2 { - margin-top: .5rem; + .lg\:hover\:border-grey:hover { + border-color: #b8c2cc; } - .md\:mr-2 { - margin-right: .5rem; + .lg\:hover\:border-grey-light:hover { + border-color: #dae1e7; } - .md\:mb-2 { - margin-bottom: .5rem; + .lg\:hover\:border-grey-lighter:hover { + border-color: #f1f5f8; } - .md\:ml-2 { - margin-left: .5rem; + .lg\:hover\:border-grey-lightest:hover { + border-color: #f8fafc; } - .md\:mt-3 { - margin-top: .75rem; + .lg\:hover\:border-white:hover { + border-color: #fff; } - .md\:mr-3 { - margin-right: .75rem; + .lg\:hover\:border-red-darkest:hover { + border-color: #3b0d0c; } - .md\:mb-3 { - margin-bottom: .75rem; + .lg\:hover\:border-red-darker:hover { + border-color: #621b18; } - .md\:ml-3 { - margin-left: .75rem; + .lg\:hover\:border-red-dark:hover { + border-color: #cc1f1a; } - .md\:mt-4 { - margin-top: 1rem; + .lg\:hover\:border-red:hover { + border-color: #e3342f; } - .md\:mr-4 { - margin-right: 1rem; + .lg\:hover\:border-red-light:hover { + border-color: #ef5753; } - .md\:mb-4 { - margin-bottom: 1rem; + .lg\:hover\:border-red-lighter:hover { + border-color: #f9acaa; } - .md\:ml-4 { - margin-left: 1rem; + .lg\:hover\:border-red-lightest:hover { + border-color: #fcebea; } - .md\:mt-6 { - margin-top: 1.5rem; + .lg\:hover\:border-orange-darkest:hover { + border-color: #462a16; } - .md\:mr-6 { - margin-right: 1.5rem; + .lg\:hover\:border-orange-darker:hover { + border-color: #613b1f; } - .md\:mb-6 { - margin-bottom: 1.5rem; + .lg\:hover\:border-orange-dark:hover { + border-color: #de751f; } - .md\:ml-6 { - margin-left: 1.5rem; + .lg\:hover\:border-orange:hover { + border-color: #f6993f; } - .md\:mt-8 { - margin-top: 2rem; + .lg\:hover\:border-orange-light:hover { + border-color: #faad63; } - .md\:mr-8 { - margin-right: 2rem; + .lg\:hover\:border-orange-lighter:hover { + border-color: #fcd9b6; } - .md\:mb-8 { - margin-bottom: 2rem; + .lg\:hover\:border-orange-lightest:hover { + border-color: #fff5eb; } - .md\:ml-8 { - margin-left: 2rem; + .lg\:hover\:border-yellow-darkest:hover { + border-color: #453411; } - .md\:mt-auto { - margin-top: auto; + .lg\:hover\:border-yellow-darker:hover { + border-color: #684f1d; } - .md\:mr-auto { - margin-right: auto; + .lg\:hover\:border-yellow-dark:hover { + border-color: #f2d024; } - .md\:mb-auto { - margin-bottom: auto; + .lg\:hover\:border-yellow:hover { + border-color: #ffed4a; } - .md\:ml-auto { - margin-left: auto; + .lg\:hover\:border-yellow-light:hover { + border-color: #fff382; } - .md\:mt-px { - margin-top: 1px; + .lg\:hover\:border-yellow-lighter:hover { + border-color: #fff9c2; } - .md\:mr-px { - margin-right: 1px; + .lg\:hover\:border-yellow-lightest:hover { + border-color: #fcfbeb; } - .md\:mb-px { - margin-bottom: 1px; + .lg\:hover\:border-green-darkest:hover { + border-color: #0f2f21; } - .md\:ml-px { - margin-left: 1px; + .lg\:hover\:border-green-darker:hover { + border-color: #1a4731; } - .md\:max-h-full { - max-height: 100%; + .lg\:hover\:border-green-dark:hover { + border-color: #1f9d55; } - .md\:max-h-screen { - max-height: 100vh; + .lg\:hover\:border-green:hover { + border-color: #38c172; } - .md\:max-w-xs { - max-width: 20rem; + .lg\:hover\:border-green-light:hover { + border-color: #51d88a; } - .md\:max-w-sm { - max-width: 30rem; + .lg\:hover\:border-green-lighter:hover { + border-color: #a2f5bf; } - .md\:max-w-md { - max-width: 40rem; + .lg\:hover\:border-green-lightest:hover { + border-color: #e3fcec; } - .md\:max-w-lg { - max-width: 50rem; + .lg\:hover\:border-teal-darkest:hover { + border-color: #0d3331; } - .md\:max-w-xl { - max-width: 60rem; + .lg\:hover\:border-teal-darker:hover { + border-color: #20504f; } - .md\:max-w-2xl { - max-width: 70rem; + .lg\:hover\:border-teal-dark:hover { + border-color: #38a89d; } - .md\:max-w-3xl { - max-width: 80rem; + .lg\:hover\:border-teal:hover { + border-color: #4dc0b5; } - .md\:max-w-4xl { - max-width: 90rem; + .lg\:hover\:border-teal-light:hover { + border-color: #64d5ca; } - .md\:max-w-5xl { - max-width: 100rem; + .lg\:hover\:border-teal-lighter:hover { + border-color: #a0f0ed; } - .md\:max-w-full { - max-width: 100%; + .lg\:hover\:border-teal-lightest:hover { + border-color: #e8fffe; } - .md\:min-h-0 { - min-height: 0; + .lg\:hover\:border-blue-darkest:hover { + border-color: #12283a; } - .md\:min-h-full { - min-height: 100%; + .lg\:hover\:border-blue-darker:hover { + border-color: #1c3d5a; } - .md\:min-h-screen { - min-height: 100vh; + .lg\:hover\:border-blue-dark:hover { + border-color: #2779bd; } - .md\:min-w-0 { - min-width: 0; + .lg\:hover\:border-blue:hover { + border-color: #3490dc; } - .md\:min-w-full { - min-width: 100%; + .lg\:hover\:border-blue-light:hover { + border-color: #6cb2eb; } - .md\:-m-0 { - margin: 0; + .lg\:hover\:border-blue-lighter:hover { + border-color: #bcdefa; } - .md\:-m-1 { - margin: -0.25rem; + .lg\:hover\:border-blue-lightest:hover { + border-color: #eff8ff; } - .md\:-m-2 { - margin: -0.5rem; + .lg\:hover\:border-indigo-darkest:hover { + border-color: #191e38; } - .md\:-m-3 { - margin: -0.75rem; + .lg\:hover\:border-indigo-darker:hover { + border-color: #2f365f; } - .md\:-m-4 { - margin: -1rem; + .lg\:hover\:border-indigo-dark:hover { + border-color: #5661b3; } - .md\:-m-6 { - margin: -1.5rem; + .lg\:hover\:border-indigo:hover { + border-color: #6574cd; } - .md\:-m-8 { - margin: -2rem; + .lg\:hover\:border-indigo-light:hover { + border-color: #7886d7; } - .md\:-m-px { - margin: -1px; + .lg\:hover\:border-indigo-lighter:hover { + border-color: #b2b7ff; } - .md\:-my-0 { - margin-top: 0; - margin-bottom: 0; + .lg\:hover\:border-indigo-lightest:hover { + border-color: #e6e8ff; } - .md\:-mx-0 { - margin-left: 0; - margin-right: 0; + .lg\:hover\:border-purple-darkest:hover { + border-color: #21183c; } - .md\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .lg\:hover\:border-purple-darker:hover { + border-color: #382b5f; } - .md\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .lg\:hover\:border-purple-dark:hover { + border-color: #794acf; } - .md\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .lg\:hover\:border-purple:hover { + border-color: #9561e2; } - .md\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .lg\:hover\:border-purple-light:hover { + border-color: #a779e9; } - .md\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .lg\:hover\:border-purple-lighter:hover { + border-color: #d6bbfc; } - .md\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .lg\:hover\:border-purple-lightest:hover { + border-color: #f3ebff; } - .md\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .lg\:hover\:border-pink-darkest:hover { + border-color: #451225; } - .md\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .lg\:hover\:border-pink-darker:hover { + border-color: #6f213f; } - .md\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .lg\:hover\:border-pink-dark:hover { + border-color: #eb5286; } - .md\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .lg\:hover\:border-pink:hover { + border-color: #f66d9b; } - .md\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .lg\:hover\:border-pink-light:hover { + border-color: #fa7ea8; } - .md\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .lg\:hover\:border-pink-lighter:hover { + border-color: #ffbbca; } - .md\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .lg\:hover\:border-pink-lightest:hover { + border-color: #ffebef; } - .md\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .lg\:focus\:border-transparent:focus { + border-color: transparent; } - .md\:-mt-0 { - margin-top: 0; + .lg\:focus\:border-black:focus { + border-color: #22292f; } - .md\:-mr-0 { - margin-right: 0; + .lg\:focus\:border-grey-darkest:focus { + border-color: #3d4852; } - .md\:-mb-0 { - margin-bottom: 0; + .lg\:focus\:border-grey-darker:focus { + border-color: #606f7b; } - .md\:-ml-0 { - margin-left: 0; + .lg\:focus\:border-grey-dark:focus { + border-color: #8795a1; } - .md\:-mt-1 { - margin-top: -0.25rem; + .lg\:focus\:border-grey:focus { + border-color: #b8c2cc; } - .md\:-mr-1 { - margin-right: -0.25rem; + .lg\:focus\:border-grey-light:focus { + border-color: #dae1e7; } - .md\:-mb-1 { - margin-bottom: -0.25rem; + .lg\:focus\:border-grey-lighter:focus { + border-color: #f1f5f8; } - .md\:-ml-1 { - margin-left: -0.25rem; + .lg\:focus\:border-grey-lightest:focus { + border-color: #f8fafc; } - .md\:-mt-2 { - margin-top: -0.5rem; + .lg\:focus\:border-white:focus { + border-color: #fff; } - .md\:-mr-2 { - margin-right: -0.5rem; + .lg\:focus\:border-red-darkest:focus { + border-color: #3b0d0c; } - .md\:-mb-2 { - margin-bottom: -0.5rem; + .lg\:focus\:border-red-darker:focus { + border-color: #621b18; } - .md\:-ml-2 { - margin-left: -0.5rem; + .lg\:focus\:border-red-dark:focus { + border-color: #cc1f1a; } - .md\:-mt-3 { - margin-top: -0.75rem; + .lg\:focus\:border-red:focus { + border-color: #e3342f; } - .md\:-mr-3 { - margin-right: -0.75rem; + .lg\:focus\:border-red-light:focus { + border-color: #ef5753; } - .md\:-mb-3 { - margin-bottom: -0.75rem; + .lg\:focus\:border-red-lighter:focus { + border-color: #f9acaa; } - .md\:-ml-3 { - margin-left: -0.75rem; + .lg\:focus\:border-red-lightest:focus { + border-color: #fcebea; } - .md\:-mt-4 { - margin-top: -1rem; + .lg\:focus\:border-orange-darkest:focus { + border-color: #462a16; } - .md\:-mr-4 { - margin-right: -1rem; + .lg\:focus\:border-orange-darker:focus { + border-color: #613b1f; } - .md\:-mb-4 { - margin-bottom: -1rem; + .lg\:focus\:border-orange-dark:focus { + border-color: #de751f; } - .md\:-ml-4 { - margin-left: -1rem; + .lg\:focus\:border-orange:focus { + border-color: #f6993f; } - .md\:-mt-6 { - margin-top: -1.5rem; + .lg\:focus\:border-orange-light:focus { + border-color: #faad63; } - .md\:-mr-6 { - margin-right: -1.5rem; + .lg\:focus\:border-orange-lighter:focus { + border-color: #fcd9b6; } - .md\:-mb-6 { - margin-bottom: -1.5rem; + .lg\:focus\:border-orange-lightest:focus { + border-color: #fff5eb; } - .md\:-ml-6 { - margin-left: -1.5rem; + .lg\:focus\:border-yellow-darkest:focus { + border-color: #453411; } - .md\:-mt-8 { - margin-top: -2rem; + .lg\:focus\:border-yellow-darker:focus { + border-color: #684f1d; } - .md\:-mr-8 { - margin-right: -2rem; + .lg\:focus\:border-yellow-dark:focus { + border-color: #f2d024; } - .md\:-mb-8 { - margin-bottom: -2rem; + .lg\:focus\:border-yellow:focus { + border-color: #ffed4a; } - .md\:-ml-8 { - margin-left: -2rem; + .lg\:focus\:border-yellow-light:focus { + border-color: #fff382; } - .md\:-mt-px { - margin-top: -1px; + .lg\:focus\:border-yellow-lighter:focus { + border-color: #fff9c2; } - .md\:-mr-px { - margin-right: -1px; + .lg\:focus\:border-yellow-lightest:focus { + border-color: #fcfbeb; } - .md\:-mb-px { - margin-bottom: -1px; + .lg\:focus\:border-green-darkest:focus { + border-color: #0f2f21; } - .md\:-ml-px { - margin-left: -1px; + .lg\:focus\:border-green-darker:focus { + border-color: #1a4731; } - .md\:opacity-0 { - opacity: 0; + .lg\:focus\:border-green-dark:focus { + border-color: #1f9d55; } - .md\:opacity-25 { - opacity: .25; + .lg\:focus\:border-green:focus { + border-color: #38c172; } - .md\:opacity-50 { - opacity: .5; + .lg\:focus\:border-green-light:focus { + border-color: #51d88a; } - .md\:opacity-75 { - opacity: .75; + .lg\:focus\:border-green-lighter:focus { + border-color: #a2f5bf; } - .md\:opacity-100 { - opacity: 1; + .lg\:focus\:border-green-lightest:focus { + border-color: #e3fcec; } - .md\:overflow-auto { - overflow: auto; + .lg\:focus\:border-teal-darkest:focus { + border-color: #0d3331; } - .md\:overflow-hidden { - overflow: hidden; + .lg\:focus\:border-teal-darker:focus { + border-color: #20504f; } - .md\:overflow-visible { - overflow: visible; + .lg\:focus\:border-teal-dark:focus { + border-color: #38a89d; } - .md\:overflow-scroll { - overflow: scroll; + .lg\:focus\:border-teal:focus { + border-color: #4dc0b5; } - .md\:overflow-x-auto { - overflow-x: auto; + .lg\:focus\:border-teal-light:focus { + border-color: #64d5ca; } - .md\:overflow-y-auto { - overflow-y: auto; + .lg\:focus\:border-teal-lighter:focus { + border-color: #a0f0ed; } - .md\:overflow-x-scroll { - overflow-x: scroll; + .lg\:focus\:border-teal-lightest:focus { + border-color: #e8fffe; } - .md\:overflow-y-scroll { - overflow-y: scroll; + .lg\:focus\:border-blue-darkest:focus { + border-color: #12283a; } - .md\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .lg\:focus\:border-blue-darker:focus { + border-color: #1c3d5a; } - .md\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .lg\:focus\:border-blue-dark:focus { + border-color: #2779bd; } - .md\:p-0 { - padding: 0; + .lg\:focus\:border-blue:focus { + border-color: #3490dc; } - .md\:p-1 { - padding: .25rem; + .lg\:focus\:border-blue-light:focus { + border-color: #6cb2eb; } - .md\:p-2 { - padding: .5rem; + .lg\:focus\:border-blue-lighter:focus { + border-color: #bcdefa; } - .md\:p-3 { - padding: .75rem; + .lg\:focus\:border-blue-lightest:focus { + border-color: #eff8ff; } - .md\:p-4 { - padding: 1rem; + .lg\:focus\:border-indigo-darkest:focus { + border-color: #191e38; } - .md\:p-6 { - padding: 1.5rem; + .lg\:focus\:border-indigo-darker:focus { + border-color: #2f365f; } - .md\:p-8 { - padding: 2rem; + .lg\:focus\:border-indigo-dark:focus { + border-color: #5661b3; } - .md\:p-px { - padding: 1px; + .lg\:focus\:border-indigo:focus { + border-color: #6574cd; } - .md\:py-0 { - padding-top: 0; - padding-bottom: 0; + .lg\:focus\:border-indigo-light:focus { + border-color: #7886d7; } - .md\:px-0 { - padding-left: 0; - padding-right: 0; + .lg\:focus\:border-indigo-lighter:focus { + border-color: #b2b7ff; } - .md\:py-1 { - padding-top: .25rem; - padding-bottom: .25rem; + .lg\:focus\:border-indigo-lightest:focus { + border-color: #e6e8ff; } - .md\:px-1 { - padding-left: .25rem; - padding-right: .25rem; + .lg\:focus\:border-purple-darkest:focus { + border-color: #21183c; } - .md\:py-2 { - padding-top: .5rem; - padding-bottom: .5rem; + .lg\:focus\:border-purple-darker:focus { + border-color: #382b5f; } - .md\:px-2 { - padding-left: .5rem; - padding-right: .5rem; + .lg\:focus\:border-purple-dark:focus { + border-color: #794acf; } - .md\:py-3 { - padding-top: .75rem; - padding-bottom: .75rem; + .lg\:focus\:border-purple:focus { + border-color: #9561e2; } - .md\:px-3 { - padding-left: .75rem; - padding-right: .75rem; + .lg\:focus\:border-purple-light:focus { + border-color: #a779e9; } - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .lg\:focus\:border-purple-lighter:focus { + border-color: #d6bbfc; } - .md\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .lg\:focus\:border-purple-lightest:focus { + border-color: #f3ebff; } - .md\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .lg\:focus\:border-pink-darkest:focus { + border-color: #451225; } - .md\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .lg\:focus\:border-pink-darker:focus { + border-color: #6f213f; } - .md\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .lg\:focus\:border-pink-dark:focus { + border-color: #eb5286; } - .md\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .lg\:focus\:border-pink:focus { + border-color: #f66d9b; } - .md\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .lg\:focus\:border-pink-light:focus { + border-color: #fa7ea8; } - .md\:px-px { - padding-left: 1px; - padding-right: 1px; + .lg\:focus\:border-pink-lighter:focus { + border-color: #ffbbca; } - .md\:pt-0 { - padding-top: 0; + .lg\:focus\:border-pink-lightest:focus { + border-color: #ffebef; } - .md\:pr-0 { - padding-right: 0; + .lg\:rounded-none { + border-radius: 0; } - .md\:pb-0 { - padding-bottom: 0; + .lg\:rounded-sm { + border-radius: .125rem; } - .md\:pl-0 { - padding-left: 0; + .lg\:rounded { + border-radius: .25rem; } - .md\:pt-1 { - padding-top: .25rem; + .lg\:rounded-lg { + border-radius: .5rem; } - .md\:pr-1 { - padding-right: .25rem; + .lg\:rounded-full { + border-radius: 9999px; } - .md\:pb-1 { - padding-bottom: .25rem; + .lg\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .md\:pl-1 { - padding-left: .25rem; + .lg\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .md\:pt-2 { - padding-top: .5rem; + .lg\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .md\:pr-2 { - padding-right: .5rem; + .lg\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .md\:pb-2 { - padding-bottom: .5rem; + .lg\:rounded-t-sm { + border-top-left-radius: .125rem; + border-top-right-radius: .125rem; } - .md\:pl-2 { - padding-left: .5rem; + .lg\:rounded-r-sm { + border-top-right-radius: .125rem; + border-bottom-right-radius: .125rem; } - .md\:pt-3 { - padding-top: .75rem; + .lg\:rounded-b-sm { + border-bottom-right-radius: .125rem; + border-bottom-left-radius: .125rem; } - .md\:pr-3 { - padding-right: .75rem; + .lg\:rounded-l-sm { + border-top-left-radius: .125rem; + border-bottom-left-radius: .125rem; } - .md\:pb-3 { - padding-bottom: .75rem; + .lg\:rounded-t { + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; } - .md\:pl-3 { - padding-left: .75rem; + .lg\:rounded-r { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; } - .md\:pt-4 { - padding-top: 1rem; + .lg\:rounded-b { + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; } - .md\:pr-4 { - padding-right: 1rem; + .lg\:rounded-l { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; } - .md\:pb-4 { - padding-bottom: 1rem; + .lg\:rounded-t-lg { + border-top-left-radius: .5rem; + border-top-right-radius: .5rem; } - .md\:pl-4 { - padding-left: 1rem; + .lg\:rounded-r-lg { + border-top-right-radius: .5rem; + border-bottom-right-radius: .5rem; } - .md\:pt-6 { - padding-top: 1.5rem; + .lg\:rounded-b-lg { + border-bottom-right-radius: .5rem; + border-bottom-left-radius: .5rem; } - .md\:pr-6 { - padding-right: 1.5rem; + .lg\:rounded-l-lg { + border-top-left-radius: .5rem; + border-bottom-left-radius: .5rem; } - .md\:pb-6 { - padding-bottom: 1.5rem; + .lg\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .md\:pl-6 { - padding-left: 1.5rem; + .lg\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .md\:pt-8 { - padding-top: 2rem; + .lg\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .md\:pr-8 { - padding-right: 2rem; + .lg\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .md\:pb-8 { - padding-bottom: 2rem; + .lg\:rounded-tl-none { + border-top-left-radius: 0; } - .md\:pl-8 { - padding-left: 2rem; + .lg\:rounded-tr-none { + border-top-right-radius: 0; } - .md\:pt-px { - padding-top: 1px; + .lg\:rounded-br-none { + border-bottom-right-radius: 0; } - .md\:pr-px { - padding-right: 1px; + .lg\:rounded-bl-none { + border-bottom-left-radius: 0; } - .md\:pb-px { - padding-bottom: 1px; + .lg\:rounded-tl-sm { + border-top-left-radius: .125rem; } - .md\:pl-px { - padding-left: 1px; + .lg\:rounded-tr-sm { + border-top-right-radius: .125rem; } - .md\:pointer-events-none { - pointer-events: none; + .lg\:rounded-br-sm { + border-bottom-right-radius: .125rem; } - .md\:pointer-events-auto { - pointer-events: auto; + .lg\:rounded-bl-sm { + border-bottom-left-radius: .125rem; } - .md\:static { - position: static; + .lg\:rounded-tl { + border-top-left-radius: .25rem; } - .md\:fixed { - position: fixed; + .lg\:rounded-tr { + border-top-right-radius: .25rem; } - .md\:absolute { - position: absolute; + .lg\:rounded-br { + border-bottom-right-radius: .25rem; } - .md\:relative { - position: relative; + .lg\:rounded-bl { + border-bottom-left-radius: .25rem; } - .md\:sticky { - position: sticky; + .lg\:rounded-tl-lg { + border-top-left-radius: .5rem; } - .md\:pin-none { - top: auto; - right: auto; - bottom: auto; - left: auto; + .lg\:rounded-tr-lg { + border-top-right-radius: .5rem; } - .md\:pin { - top: 0; - right: 0; - bottom: 0; - left: 0; + .lg\:rounded-br-lg { + border-bottom-right-radius: .5rem; } - .md\:pin-y { - top: 0; - bottom: 0; + .lg\:rounded-bl-lg { + border-bottom-left-radius: .5rem; } - .md\:pin-x { - right: 0; - left: 0; + .lg\:rounded-tl-full { + border-top-left-radius: 9999px; } - .md\:pin-t { - top: 0; + .lg\:rounded-tr-full { + border-top-right-radius: 9999px; } - .md\:pin-r { - right: 0; + .lg\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .md\:pin-b { - bottom: 0; + .lg\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .md\:pin-l { - left: 0; + .lg\:border-solid { + border-style: solid; } - .md\:resize-none { - resize: none; + .lg\:border-dashed { + border-style: dashed; } - .md\:resize-y { - resize: vertical; + .lg\:border-dotted { + border-style: dotted; } - .md\:resize-x { - resize: horizontal; + .lg\:border-none { + border-style: none; } - .md\:resize { - resize: both; + .lg\:border-0 { + border-width: 0; } - .md\:shadow { - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); + .lg\:border-2 { + border-width: 2px; } - .md\:shadow-md { - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); + .lg\:border-4 { + border-width: 4px; } - .md\:shadow-lg { - box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); + .lg\:border-8 { + border-width: 8px; } - .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + .lg\:border { + border-width: 1px; } - .md\:shadow-none { - box-shadow: none; + .lg\:border-t-0 { + border-top-width: 0; } - .md\:text-left { - text-align: left; + .lg\:border-r-0 { + border-right-width: 0; } - .md\:text-center { - text-align: center; + .lg\:border-b-0 { + border-bottom-width: 0; } - .md\:text-right { - text-align: right; + .lg\:border-l-0 { + border-left-width: 0; } - .md\:text-justify { - text-align: justify; + .lg\:border-t-2 { + border-top-width: 2px; } - .md\:text-transparent { - color: transparent; + .lg\:border-r-2 { + border-right-width: 2px; } - .md\:text-black { - color: #22292f; + .lg\:border-b-2 { + border-bottom-width: 2px; } - .md\:text-grey-darkest { - color: #3d4852; + .lg\:border-l-2 { + border-left-width: 2px; } - .md\:text-grey-darker { - color: #606f7b; + .lg\:border-t-4 { + border-top-width: 4px; } - .md\:text-grey-dark { - color: #8795a1; + .lg\:border-r-4 { + border-right-width: 4px; } - .md\:text-grey { - color: #b8c2cc; + .lg\:border-b-4 { + border-bottom-width: 4px; } - .md\:text-grey-light { - color: #dae1e7; + .lg\:border-l-4 { + border-left-width: 4px; } - .md\:text-grey-lighter { - color: #f1f5f8; + .lg\:border-t-8 { + border-top-width: 8px; } - .md\:text-grey-lightest { - color: #f8fafc; + .lg\:border-r-8 { + border-right-width: 8px; } - .md\:text-white { - color: #fff; + .lg\:border-b-8 { + border-bottom-width: 8px; } - .md\:text-red-darkest { - color: #3b0d0c; + .lg\:border-l-8 { + border-left-width: 8px; } - .md\:text-red-darker { - color: #621b18; + .lg\:border-t { + border-top-width: 1px; } - .md\:text-red-dark { - color: #cc1f1a; + .lg\:border-r { + border-right-width: 1px; } - .md\:text-red { - color: #e3342f; + .lg\:border-b { + border-bottom-width: 1px; } - .md\:text-red-light { - color: #ef5753; + .lg\:border-l { + border-left-width: 1px; } - .md\:text-red-lighter { - color: #f9acaa; + .lg\:cursor-auto { + cursor: auto; } - .md\:text-red-lightest { - color: #fcebea; + .lg\:cursor-default { + cursor: default; } - .md\:text-orange-darkest { - color: #462a16; + .lg\:cursor-pointer { + cursor: pointer; } - .md\:text-orange-darker { - color: #613b1f; + .lg\:cursor-wait { + cursor: wait; } - .md\:text-orange-dark { - color: #de751f; + .lg\:cursor-move { + cursor: move; } - .md\:text-orange { - color: #f6993f; + .lg\:cursor-not-allowed { + cursor: not-allowed; } - .md\:text-orange-light { - color: #faad63; + .lg\:block { + display: block; } - .md\:text-orange-lighter { - color: #fcd9b6; + .lg\:inline-block { + display: inline-block; } - .md\:text-orange-lightest { - color: #fff5eb; + .lg\:inline { + display: inline; } - .md\:text-yellow-darkest { - color: #453411; + .lg\:table { + display: table; } - .md\:text-yellow-darker { - color: #684f1d; + .lg\:table-row { + display: table-row; } - .md\:text-yellow-dark { - color: #f2d024; + .lg\:table-cell { + display: table-cell; } - - .md\:text-yellow { - color: #ffed4a; + + .lg\:hidden { + display: none; } - .md\:text-yellow-light { - color: #fff382; + .lg\:flex { + display: flex; } - .md\:text-yellow-lighter { - color: #fff9c2; + .lg\:inline-flex { + display: inline-flex; } - .md\:text-yellow-lightest { - color: #fcfbeb; + .lg\:flex-row { + flex-direction: row; } - .md\:text-green-darkest { - color: #0f2f21; + .lg\:flex-row-reverse { + flex-direction: row-reverse; } - .md\:text-green-darker { - color: #1a4731; + .lg\:flex-col { + flex-direction: column; } - .md\:text-green-dark { - color: #1f9d55; + .lg\:flex-col-reverse { + flex-direction: column-reverse; } - .md\:text-green { - color: #38c172; + .lg\:flex-wrap { + flex-wrap: wrap; } - .md\:text-green-light { - color: #51d88a; + .lg\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .md\:text-green-lighter { - color: #a2f5bf; + .lg\:flex-no-wrap { + flex-wrap: nowrap; } - .md\:text-green-lightest { - color: #e3fcec; + .lg\:items-start { + align-items: flex-start; } - .md\:text-teal-darkest { - color: #0d3331; + .lg\:items-end { + align-items: flex-end; } - .md\:text-teal-darker { - color: #20504f; + .lg\:items-center { + align-items: center; } - .md\:text-teal-dark { - color: #38a89d; + .lg\:items-baseline { + align-items: baseline; } - .md\:text-teal { - color: #4dc0b5; + .lg\:items-stretch { + align-items: stretch; } - .md\:text-teal-light { - color: #64d5ca; + .lg\:self-auto { + align-self: auto; } - .md\:text-teal-lighter { - color: #a0f0ed; + .lg\:self-start { + align-self: flex-start; } - .md\:text-teal-lightest { - color: #e8fffe; + .lg\:self-end { + align-self: flex-end; } - .md\:text-blue-darkest { - color: #12283a; + .lg\:self-center { + align-self: center; } - .md\:text-blue-darker { - color: #1c3d5a; + .lg\:self-stretch { + align-self: stretch; } - .md\:text-blue-dark { - color: #2779bd; + .lg\:justify-start { + justify-content: flex-start; } - .md\:text-blue { - color: #3490dc; + .lg\:justify-end { + justify-content: flex-end; } - .md\:text-blue-light { - color: #6cb2eb; + .lg\:justify-center { + justify-content: center; } - .md\:text-blue-lighter { - color: #bcdefa; + .lg\:justify-between { + justify-content: space-between; } - .md\:text-blue-lightest { - color: #eff8ff; + .lg\:justify-around { + justify-content: space-around; } - .md\:text-indigo-darkest { - color: #191e38; + .lg\:content-center { + align-content: center; } - .md\:text-indigo-darker { - color: #2f365f; + .lg\:content-start { + align-content: flex-start; } - .md\:text-indigo-dark { - color: #5661b3; + .lg\:content-end { + align-content: flex-end; } - .md\:text-indigo { - color: #6574cd; + .lg\:content-between { + align-content: space-between; } - .md\:text-indigo-light { - color: #7886d7; + .lg\:content-around { + align-content: space-around; } - .md\:text-indigo-lighter { - color: #b2b7ff; + .lg\:flex-1 { + flex: 1; } - .md\:text-indigo-lightest { - color: #e6e8ff; + .lg\:flex-auto { + flex: auto; } - .md\:text-purple-darkest { - color: #21183c; + .lg\:flex-initial { + flex: initial; } - .md\:text-purple-darker { - color: #382b5f; + .lg\:flex-none { + flex: none; } - .md\:text-purple-dark { - color: #794acf; + .lg\:flex-grow { + flex-grow: 1; } - .md\:text-purple { - color: #9561e2; + .lg\:flex-shrink { + flex-shrink: 1; } - .md\:text-purple-light { - color: #a779e9; + .lg\:flex-no-grow { + flex-grow: 0; } - .md\:text-purple-lighter { - color: #d6bbfc; + .lg\:flex-no-shrink { + flex-shrink: 0; } - .md\:text-purple-lightest { - color: #f3ebff; + .lg\:float-right { + float: right; } - .md\:text-pink-darkest { - color: #451225; + .lg\:float-left { + float: left; } - .md\:text-pink-darker { - color: #6f213f; + .lg\:float-none { + float: none; } - .md\:text-pink-dark { - color: #eb5286; + .lg\:clearfix:after { + content: ""; + display: table; + clear: both; } - .md\:text-pink { - color: #f66d9b; + .lg\:font-sans { + font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } - .md\:text-pink-light { - color: #fa7ea8; + .lg\:font-serif { + font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; } - .md\:text-pink-lighter { - color: #ffbbca; + .lg\:font-mono { + font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } - .md\:text-pink-lightest { - color: #ffebef; + .lg\:font-hairline { + font-weight: 100; } - .md\:hover\:text-transparent:hover { - color: transparent; + .lg\:font-thin { + font-weight: 200; } - .md\:hover\:text-black:hover { - color: #22292f; + .lg\:font-light { + font-weight: 300; } - .md\:hover\:text-grey-darkest:hover { - color: #3d4852; + .lg\:font-normal { + font-weight: 400; } - .md\:hover\:text-grey-darker:hover { - color: #606f7b; + .lg\:font-medium { + font-weight: 500; } - .md\:hover\:text-grey-dark:hover { - color: #8795a1; + .lg\:font-semibold { + font-weight: 600; } - .md\:hover\:text-grey:hover { - color: #b8c2cc; + .lg\:font-bold { + font-weight: 700; } - .md\:hover\:text-grey-light:hover { - color: #dae1e7; + .lg\:font-extrabold { + font-weight: 800; } - .md\:hover\:text-grey-lighter:hover { - color: #f1f5f8; + .lg\:font-black { + font-weight: 900; } - .md\:hover\:text-grey-lightest:hover { - color: #f8fafc; + .lg\:hover\:font-hairline:hover { + font-weight: 100; } - .md\:hover\:text-white:hover { - color: #fff; + .lg\:hover\:font-thin:hover { + font-weight: 200; } - .md\:hover\:text-red-darkest:hover { - color: #3b0d0c; + .lg\:hover\:font-light:hover { + font-weight: 300; } - .md\:hover\:text-red-darker:hover { - color: #621b18; + .lg\:hover\:font-normal:hover { + font-weight: 400; } - .md\:hover\:text-red-dark:hover { - color: #cc1f1a; + .lg\:hover\:font-medium:hover { + font-weight: 500; } - .md\:hover\:text-red:hover { - color: #e3342f; + .lg\:hover\:font-semibold:hover { + font-weight: 600; } - .md\:hover\:text-red-light:hover { - color: #ef5753; + .lg\:hover\:font-bold:hover { + font-weight: 700; } - .md\:hover\:text-red-lighter:hover { - color: #f9acaa; + .lg\:hover\:font-extrabold:hover { + font-weight: 800; } - .md\:hover\:text-red-lightest:hover { - color: #fcebea; + .lg\:hover\:font-black:hover { + font-weight: 900; } - .md\:hover\:text-orange-darkest:hover { - color: #462a16; + .lg\:focus\:font-hairline:focus { + font-weight: 100; } - .md\:hover\:text-orange-darker:hover { - color: #613b1f; + .lg\:focus\:font-thin:focus { + font-weight: 200; } - .md\:hover\:text-orange-dark:hover { - color: #de751f; + .lg\:focus\:font-light:focus { + font-weight: 300; } - .md\:hover\:text-orange:hover { - color: #f6993f; + .lg\:focus\:font-normal:focus { + font-weight: 400; } - .md\:hover\:text-orange-light:hover { - color: #faad63; + .lg\:focus\:font-medium:focus { + font-weight: 500; } - .md\:hover\:text-orange-lighter:hover { - color: #fcd9b6; + .lg\:focus\:font-semibold:focus { + font-weight: 600; } - .md\:hover\:text-orange-lightest:hover { - color: #fff5eb; + .lg\:focus\:font-bold:focus { + font-weight: 700; } - .md\:hover\:text-yellow-darkest:hover { - color: #453411; + .lg\:focus\:font-extrabold:focus { + font-weight: 800; } - .md\:hover\:text-yellow-darker:hover { - color: #684f1d; + .lg\:focus\:font-black:focus { + font-weight: 900; } - .md\:hover\:text-yellow-dark:hover { - color: #f2d024; + .lg\:h-1 { + height: .25rem; } - .md\:hover\:text-yellow:hover { - color: #ffed4a; + .lg\:h-2 { + height: .5rem; } - .md\:hover\:text-yellow-light:hover { - color: #fff382; + .lg\:h-3 { + height: .75rem; } - .md\:hover\:text-yellow-lighter:hover { - color: #fff9c2; + .lg\:h-4 { + height: 1rem; } - .md\:hover\:text-yellow-lightest:hover { - color: #fcfbeb; + .lg\:h-5 { + height: 1.25rem; } - .md\:hover\:text-green-darkest:hover { - color: #0f2f21; + .lg\:h-6 { + height: 1.5rem; } - .md\:hover\:text-green-darker:hover { - color: #1a4731; + .lg\:h-8 { + height: 2rem; } - .md\:hover\:text-green-dark:hover { - color: #1f9d55; + .lg\:h-10 { + height: 2.5rem; } - .md\:hover\:text-green:hover { - color: #38c172; + .lg\:h-12 { + height: 3rem; } - .md\:hover\:text-green-light:hover { - color: #51d88a; + .lg\:h-16 { + height: 4rem; } - .md\:hover\:text-green-lighter:hover { - color: #a2f5bf; + .lg\:h-24 { + height: 6rem; } - .md\:hover\:text-green-lightest:hover { - color: #e3fcec; + .lg\:h-32 { + height: 8rem; } - .md\:hover\:text-teal-darkest:hover { - color: #0d3331; + .lg\:h-48 { + height: 12rem; } - .md\:hover\:text-teal-darker:hover { - color: #20504f; + .lg\:h-64 { + height: 16rem; } - .md\:hover\:text-teal-dark:hover { - color: #38a89d; + .lg\:h-auto { + height: auto; } - .md\:hover\:text-teal:hover { - color: #4dc0b5; + .lg\:h-px { + height: 1px; } - .md\:hover\:text-teal-light:hover { - color: #64d5ca; + .lg\:h-full { + height: 100%; } - .md\:hover\:text-teal-lighter:hover { - color: #a0f0ed; + .lg\:h-screen { + height: 100vh; } - .md\:hover\:text-teal-lightest:hover { - color: #e8fffe; + .lg\:leading-none { + line-height: 1; } - .md\:hover\:text-blue-darkest:hover { - color: #12283a; + .lg\:leading-tight { + line-height: 1.25; } - .md\:hover\:text-blue-darker:hover { - color: #1c3d5a; + .lg\:leading-normal { + line-height: 1.5; } - .md\:hover\:text-blue-dark:hover { - color: #2779bd; + .lg\:leading-loose { + line-height: 2; } - .md\:hover\:text-blue:hover { - color: #3490dc; + .lg\:m-0 { + margin: 0; } - .md\:hover\:text-blue-light:hover { - color: #6cb2eb; + .lg\:m-1 { + margin: .25rem; } - .md\:hover\:text-blue-lighter:hover { - color: #bcdefa; + .lg\:m-2 { + margin: .5rem; } - .md\:hover\:text-blue-lightest:hover { - color: #eff8ff; + .lg\:m-3 { + margin: .75rem; } - .md\:hover\:text-indigo-darkest:hover { - color: #191e38; + .lg\:m-4 { + margin: 1rem; } - .md\:hover\:text-indigo-darker:hover { - color: #2f365f; + .lg\:m-5 { + margin: 1.25rem; } - .md\:hover\:text-indigo-dark:hover { - color: #5661b3; + .lg\:m-6 { + margin: 1.5rem; } - .md\:hover\:text-indigo:hover { - color: #6574cd; + .lg\:m-8 { + margin: 2rem; } - .md\:hover\:text-indigo-light:hover { - color: #7886d7; + .lg\:m-10 { + margin: 2.5rem; } - .md\:hover\:text-indigo-lighter:hover { - color: #b2b7ff; + .lg\:m-12 { + margin: 3rem; } - .md\:hover\:text-indigo-lightest:hover { - color: #e6e8ff; + .lg\:m-16 { + margin: 4rem; } - .md\:hover\:text-purple-darkest:hover { - color: #21183c; + .lg\:m-20 { + margin: 5rem; } - .md\:hover\:text-purple-darker:hover { - color: #382b5f; + .lg\:m-24 { + margin: 6rem; } - .md\:hover\:text-purple-dark:hover { - color: #794acf; + .lg\:m-32 { + margin: 8rem; } - .md\:hover\:text-purple:hover { - color: #9561e2; + .lg\:m-auto { + margin: auto; } - .md\:hover\:text-purple-light:hover { - color: #a779e9; + .lg\:m-px { + margin: 1px; } - .md\:hover\:text-purple-lighter:hover { - color: #d6bbfc; + .lg\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .md\:hover\:text-purple-lightest:hover { - color: #f3ebff; + .lg\:mx-0 { + margin-left: 0; + margin-right: 0; } - .md\:hover\:text-pink-darkest:hover { - color: #451225; + .lg\:my-1 { + margin-top: .25rem; + margin-bottom: .25rem; } - .md\:hover\:text-pink-darker:hover { - color: #6f213f; + .lg\:mx-1 { + margin-left: .25rem; + margin-right: .25rem; } - .md\:hover\:text-pink-dark:hover { - color: #eb5286; + .lg\:my-2 { + margin-top: .5rem; + margin-bottom: .5rem; } - .md\:hover\:text-pink:hover { - color: #f66d9b; + .lg\:mx-2 { + margin-left: .5rem; + margin-right: .5rem; } - .md\:hover\:text-pink-light:hover { - color: #fa7ea8; + .lg\:my-3 { + margin-top: .75rem; + margin-bottom: .75rem; } - .md\:hover\:text-pink-lighter:hover { - color: #ffbbca; + .lg\:mx-3 { + margin-left: .75rem; + margin-right: .75rem; } - .md\:hover\:text-pink-lightest:hover { - color: #ffebef; + .lg\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .md\:text-xs { - font-size: .75rem; + .lg\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .md\:text-sm { - font-size: .875rem; + .lg\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .md\:text-base { - font-size: 1rem; + .lg\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .md\:text-lg { - font-size: 1.125rem; + .lg\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .md\:text-xl { - font-size: 1.25rem; + .lg\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .md\:text-2xl { - font-size: 1.5rem; + .lg\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .md\:text-3xl { - font-size: 1.875rem; + .lg\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .md\:text-4xl { - font-size: 2.25rem; + .lg\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .md\:text-5xl { - font-size: 3rem; + .lg\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .md\:italic { - font-style: italic; + .lg\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .md\:roman { - font-style: normal; + .lg\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .md\:uppercase { - text-transform: uppercase; + .lg\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .md\:lowercase { - text-transform: lowercase; + .lg\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .md\:capitalize { - text-transform: capitalize; + .lg\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .md\:normal-case { - text-transform: none; + .lg\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .md\:underline { - text-decoration: underline; + .lg\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .md\:line-through { - text-decoration: line-through; + .lg\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .md\:no-underline { - text-decoration: none; + .lg\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .md\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .md\:hover\:italic:hover { - font-style: italic; + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; } - .md\:hover\:roman:hover { - font-style: normal; + .lg\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .md\:hover\:uppercase:hover { - text-transform: uppercase; + .lg\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .md\:hover\:lowercase:hover { - text-transform: lowercase; + .lg\:mt-0 { + margin-top: 0; } - .md\:hover\:capitalize:hover { - text-transform: capitalize; + .lg\:mr-0 { + margin-right: 0; } - .md\:hover\:normal-case:hover { - text-transform: none; + .lg\:mb-0 { + margin-bottom: 0; } - .md\:hover\:underline:hover { - text-decoration: underline; + .lg\:ml-0 { + margin-left: 0; } - .md\:hover\:line-through:hover { - text-decoration: line-through; + .lg\:mt-1 { + margin-top: .25rem; } - .md\:hover\:no-underline:hover { - text-decoration: none; + .lg\:mr-1 { + margin-right: .25rem; } - .md\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:mb-1 { + margin-bottom: .25rem; } - .md\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:ml-1 { + margin-left: .25rem; } - .md\:tracking-tight { - letter-spacing: -0.05em; + .lg\:mt-2 { + margin-top: .5rem; } - .md\:tracking-normal { - letter-spacing: 0; + .lg\:mr-2 { + margin-right: .5rem; } - .md\:tracking-wide { - letter-spacing: .05em; + .lg\:mb-2 { + margin-bottom: .5rem; } - .md\:select-none { - user-select: none; + .lg\:ml-2 { + margin-left: .5rem; } - .md\:select-text { - user-select: text; + .lg\:mt-3 { + margin-top: .75rem; } - .md\:align-baseline { - vertical-align: baseline; + .lg\:mr-3 { + margin-right: .75rem; } - .md\:align-top { - vertical-align: top; + .lg\:mb-3 { + margin-bottom: .75rem; } - .md\:align-middle { - vertical-align: middle; + .lg\:ml-3 { + margin-left: .75rem; } - .md\:align-bottom { - vertical-align: bottom; + .lg\:mt-4 { + margin-top: 1rem; } - .md\:align-text-top { - vertical-align: text-top; + .lg\:mr-4 { + margin-right: 1rem; } - .md\:align-text-bottom { - vertical-align: text-bottom; + .lg\:mb-4 { + margin-bottom: 1rem; } - .md\:visible { - visibility: visible; + .lg\:ml-4 { + margin-left: 1rem; } - .md\:invisible { - visibility: hidden; + .lg\:mt-5 { + margin-top: 1.25rem; } - .md\:whitespace-normal { - white-space: normal; + .lg\:mr-5 { + margin-right: 1.25rem; } - .md\:whitespace-no-wrap { - white-space: nowrap; + .lg\:mb-5 { + margin-bottom: 1.25rem; } - .md\:whitespace-pre { - white-space: pre; + .lg\:ml-5 { + margin-left: 1.25rem; } - .md\:whitespace-pre-line { - white-space: pre-line; + .lg\:mt-6 { + margin-top: 1.5rem; } - .md\:whitespace-pre-wrap { - white-space: pre-wrap; + .lg\:mr-6 { + margin-right: 1.5rem; } - .md\:break-words { - word-wrap: break-word; + .lg\:mb-6 { + margin-bottom: 1.5rem; } - .md\:break-normal { - word-wrap: normal; + .lg\:ml-6 { + margin-left: 1.5rem; } - .md\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .lg\:mt-8 { + margin-top: 2rem; } - .md\:w-1 { - width: .25rem; + .lg\:mr-8 { + margin-right: 2rem; } - .md\:w-2 { - width: .5rem; + .lg\:mb-8 { + margin-bottom: 2rem; } - .md\:w-3 { - width: .75rem; + .lg\:ml-8 { + margin-left: 2rem; } - .md\:w-4 { - width: 1rem; + .lg\:mt-10 { + margin-top: 2.5rem; } - .md\:w-6 { - width: 1.5rem; + .lg\:mr-10 { + margin-right: 2.5rem; } - .md\:w-8 { - width: 2rem; + .lg\:mb-10 { + margin-bottom: 2.5rem; } - .md\:w-10 { - width: 2.5rem; + .lg\:ml-10 { + margin-left: 2.5rem; } - .md\:w-12 { - width: 3rem; + .lg\:mt-12 { + margin-top: 3rem; } - .md\:w-16 { - width: 4rem; + .lg\:mr-12 { + margin-right: 3rem; } - .md\:w-24 { - width: 6rem; + .lg\:mb-12 { + margin-bottom: 3rem; } - .md\:w-32 { - width: 8rem; + .lg\:ml-12 { + margin-left: 3rem; } - .md\:w-48 { - width: 12rem; + .lg\:mt-16 { + margin-top: 4rem; } - .md\:w-64 { - width: 16rem; + .lg\:mr-16 { + margin-right: 4rem; } - .md\:w-auto { - width: auto; + .lg\:mb-16 { + margin-bottom: 4rem; } - .md\:w-px { - width: 1px; + .lg\:ml-16 { + margin-left: 4rem; } - .md\:w-1\/2 { - width: 50%; + .lg\:mt-20 { + margin-top: 5rem; } - .md\:w-1\/3 { - width: 33.33333%; + .lg\:mr-20 { + margin-right: 5rem; } - .md\:w-2\/3 { - width: 66.66667%; + .lg\:mb-20 { + margin-bottom: 5rem; } - .md\:w-1\/4 { - width: 25%; + .lg\:ml-20 { + margin-left: 5rem; } - .md\:w-3\/4 { - width: 75%; + .lg\:mt-24 { + margin-top: 6rem; } - .md\:w-1\/5 { - width: 20%; + .lg\:mr-24 { + margin-right: 6rem; } - .md\:w-2\/5 { - width: 40%; + .lg\:mb-24 { + margin-bottom: 6rem; } - .md\:w-3\/5 { - width: 60%; + .lg\:ml-24 { + margin-left: 6rem; } - .md\:w-4\/5 { - width: 80%; + .lg\:mt-32 { + margin-top: 8rem; } - .md\:w-1\/6 { - width: 16.66667%; + .lg\:mr-32 { + margin-right: 8rem; } - .md\:w-5\/6 { - width: 83.33333%; + .lg\:mb-32 { + margin-bottom: 8rem; } - .md\:w-full { - width: 100%; + .lg\:ml-32 { + margin-left: 8rem; } - .md\:w-screen { - width: 100vw; + .lg\:mt-auto { + margin-top: auto; } - .md\:z-0 { - z-index: 0; + .lg\:mr-auto { + margin-right: auto; } - .md\:z-10 { - z-index: 10; + .lg\:mb-auto { + margin-bottom: auto; } - .md\:z-20 { - z-index: 20; + .lg\:ml-auto { + margin-left: auto; } - .md\:z-30 { - z-index: 30; + .lg\:mt-px { + margin-top: 1px; } - .md\:z-40 { - z-index: 40; + .lg\:mr-px { + margin-right: 1px; } - .md\:z-50 { - z-index: 50; + .lg\:mb-px { + margin-bottom: 1px; } - .md\:z-auto { - z-index: auto; + .lg\:ml-px { + margin-left: 1px; } - .md\:object-contain { - object-fit: contain; + .lg\:max-h-full { + max-height: 100%; } - .md\:object-cover { - object-fit: cover; + .lg\:max-h-screen { + max-height: 100vh; } - .md\:object-fill { - object-fit: fill; + .lg\:max-w-xs { + max-width: 20rem; } - .md\:object-none { - object-fit: none; + .lg\:max-w-sm { + max-width: 30rem; } - .md\:object-scale { - object-fit: scale-down; + .lg\:max-w-md { + max-width: 40rem; } - .md\:grid { - display: grid; + .lg\:max-w-lg { + max-width: 50rem; } - .md\:grid-dense { - grid-auto-flow: dense; + .lg\:max-w-xl { + max-width: 60rem; } - .md\:grid-gap-0 { - grid-gap: 0; + .lg\:max-w-2xl { + max-width: 70rem; } - .md\:grid-gap-4 { - grid-gap: 1rem; + .lg\:max-w-3xl { + max-width: 80rem; } - .md\:grid-gap-8 { - grid-gap: 2rem; + .lg\:max-w-4xl { + max-width: 90rem; } - .md\:grid-columns-1 { - grid-template-columns: repeat(1, 1fr); + .lg\:max-w-5xl { + max-width: 100rem; } - .md\:grid-columns-2 { - grid-template-columns: repeat(2, 1fr); + .lg\:max-w-full { + max-width: 100%; } - .md\:grid-columns-3 { - grid-template-columns: repeat(3, 1fr); + .lg\:min-h-0 { + min-height: 0; } - .md\:grid-columns-4 { - grid-template-columns: repeat(4, 1fr); + .lg\:min-h-full { + min-height: 100%; } - .md\:grid-columns-5 { - grid-template-columns: repeat(5, 1fr); + .lg\:min-h-screen { + min-height: 100vh; } - .md\:grid-columns-6 { - grid-template-columns: repeat(6, 1fr); + .lg\:min-w-0 { + min-width: 0; } - .md\:grid-columns-7 { - grid-template-columns: repeat(7, 1fr); + .lg\:min-w-full { + min-width: 100%; } - .md\:grid-columns-8 { - grid-template-columns: repeat(8, 1fr); + .lg\:-m-0 { + margin: 0; } - .md\:grid-columns-9 { - grid-template-columns: repeat(9, 1fr); + .lg\:-m-1 { + margin: -0.25rem; } - .md\:grid-columns-10 { - grid-template-columns: repeat(10, 1fr); + .lg\:-m-2 { + margin: -0.5rem; } - .md\:grid-columns-11 { - grid-template-columns: repeat(11, 1fr); + .lg\:-m-3 { + margin: -0.75rem; } - .md\:grid-columns-12 { - grid-template-columns: repeat(12, 1fr); + .lg\:-m-4 { + margin: -1rem; } - .md\:col-span-1 { - grid-column-start: span 1; + .lg\:-m-5 { + margin: -1.25rem; } - .md\:col-span-2 { - grid-column-start: span 2; + .lg\:-m-6 { + margin: -1.5rem; } - .md\:col-span-3 { - grid-column-start: span 3; + .lg\:-m-8 { + margin: -2rem; } - .md\:col-span-4 { - grid-column-start: span 4; + .lg\:-m-10 { + margin: -2.5rem; } - .md\:col-span-5 { - grid-column-start: span 5; + .lg\:-m-12 { + margin: -3rem; } - .md\:col-span-6 { - grid-column-start: span 6; + .lg\:-m-16 { + margin: -4rem; } - .md\:col-span-7 { - grid-column-start: span 7; + .lg\:-m-20 { + margin: -5rem; } - .md\:col-span-8 { - grid-column-start: span 8; + .lg\:-m-24 { + margin: -6rem; } - .md\:col-span-9 { - grid-column-start: span 9; + .lg\:-m-32 { + margin: -8rem; } - .md\:col-span-10 { - grid-column-start: span 10; + .lg\:-m-px { + margin: -1px; } - .md\:col-span-11 { - grid-column-start: span 11; + .lg\:-my-0 { + margin-top: 0; + margin-bottom: 0; } - .md\:col-span-12 { - grid-column-start: span 12; + .lg\:-mx-0 { + margin-left: 0; + margin-right: 0; } - .md\:col-start-1 { - grid-column-start: 1; + .lg\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .md\:col-end-1 { - grid-column-end: 1; + .lg\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .md\:col-start-2 { - grid-column-start: 2; + .lg\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .md\:col-end-2 { - grid-column-end: 2; + .lg\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .md\:col-start-3 { - grid-column-start: 3; + .lg\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .md\:col-end-3 { - grid-column-end: 3; + .lg\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .md\:col-start-4 { - grid-column-start: 4; + .lg\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .md\:col-end-4 { - grid-column-end: 4; + .lg\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .md\:col-start-5 { - grid-column-start: 5; + .lg\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .md\:col-end-5 { - grid-column-end: 5; + .lg\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .md\:col-start-6 { - grid-column-start: 6; + .lg\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .md\:col-end-6 { - grid-column-end: 6; + .lg\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .md\:col-start-7 { - grid-column-start: 7; + .lg\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .md\:col-end-7 { - grid-column-end: 7; + .lg\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .md\:col-start-8 { - grid-column-start: 8; + .lg\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .md\:col-end-8 { - grid-column-end: 8; + .lg\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .md\:col-start-9 { - grid-column-start: 9; + .lg\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .md\:col-end-9 { - grid-column-end: 9; + .lg\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .md\:col-start-10 { - grid-column-start: 10; + .lg\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .md\:col-end-10 { - grid-column-end: 10; + .lg\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .md\:col-start-11 { - grid-column-start: 11; + .lg\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .md\:col-end-11 { - grid-column-end: 11; + .lg\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .md\:col-start-12 { - grid-column-start: 12; + .lg\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .md\:col-end-12 { - grid-column-end: 12; + .lg\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .md\:col-start-13 { - grid-column-start: 13; + .lg\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .md\:col-end-13 { - grid-column-end: 13; + .lg\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } -} -@media (min-width: 992px) { - .lg\:list-reset { - list-style: none; - padding: 0; + .lg\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .lg\:appearance-none { - appearance: none; + .lg\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .lg\:bg-fixed { - background-attachment: fixed; + .lg\:-mt-0 { + margin-top: 0; } - .lg\:bg-local { - background-attachment: local; + .lg\:-mr-0 { + margin-right: 0; } - .lg\:bg-scroll { - background-attachment: scroll; + .lg\:-mb-0 { + margin-bottom: 0; } - .lg\:bg-transparent { - background-color: transparent; + .lg\:-ml-0 { + margin-left: 0; } - .lg\:bg-black { - background-color: #22292f; + .lg\:-mt-1 { + margin-top: -0.25rem; } - .lg\:bg-grey-darkest { - background-color: #3d4852; + .lg\:-mr-1 { + margin-right: -0.25rem; } - .lg\:bg-grey-darker { - background-color: #606f7b; + .lg\:-mb-1 { + margin-bottom: -0.25rem; } - .lg\:bg-grey-dark { - background-color: #8795a1; + .lg\:-ml-1 { + margin-left: -0.25rem; } - .lg\:bg-grey { - background-color: #b8c2cc; + .lg\:-mt-2 { + margin-top: -0.5rem; } - .lg\:bg-grey-light { - background-color: #dae1e7; + .lg\:-mr-2 { + margin-right: -0.5rem; } - .lg\:bg-grey-lighter { - background-color: #f1f5f8; + .lg\:-mb-2 { + margin-bottom: -0.5rem; } - .lg\:bg-grey-lightest { - background-color: #f8fafc; + .lg\:-ml-2 { + margin-left: -0.5rem; } - .lg\:bg-white { - background-color: #fff; + .lg\:-mt-3 { + margin-top: -0.75rem; } - .lg\:bg-red-darkest { - background-color: #3b0d0c; + .lg\:-mr-3 { + margin-right: -0.75rem; } - - .lg\:bg-red-darker { - background-color: #621b18; + + .lg\:-mb-3 { + margin-bottom: -0.75rem; } - .lg\:bg-red-dark { - background-color: #cc1f1a; + .lg\:-ml-3 { + margin-left: -0.75rem; } - .lg\:bg-red { - background-color: #e3342f; + .lg\:-mt-4 { + margin-top: -1rem; } - .lg\:bg-red-light { - background-color: #ef5753; + .lg\:-mr-4 { + margin-right: -1rem; } - .lg\:bg-red-lighter { - background-color: #f9acaa; + .lg\:-mb-4 { + margin-bottom: -1rem; } - .lg\:bg-red-lightest { - background-color: #fcebea; + .lg\:-ml-4 { + margin-left: -1rem; } - .lg\:bg-orange-darkest { - background-color: #462a16; + .lg\:-mt-5 { + margin-top: -1.25rem; } - .lg\:bg-orange-darker { - background-color: #613b1f; + .lg\:-mr-5 { + margin-right: -1.25rem; } - .lg\:bg-orange-dark { - background-color: #de751f; + .lg\:-mb-5 { + margin-bottom: -1.25rem; } - .lg\:bg-orange { - background-color: #f6993f; + .lg\:-ml-5 { + margin-left: -1.25rem; } - .lg\:bg-orange-light { - background-color: #faad63; + .lg\:-mt-6 { + margin-top: -1.5rem; } - .lg\:bg-orange-lighter { - background-color: #fcd9b6; + .lg\:-mr-6 { + margin-right: -1.5rem; } - .lg\:bg-orange-lightest { - background-color: #fff5eb; + .lg\:-mb-6 { + margin-bottom: -1.5rem; } - .lg\:bg-yellow-darkest { - background-color: #453411; + .lg\:-ml-6 { + margin-left: -1.5rem; } - .lg\:bg-yellow-darker { - background-color: #684f1d; + .lg\:-mt-8 { + margin-top: -2rem; } - .lg\:bg-yellow-dark { - background-color: #f2d024; + .lg\:-mr-8 { + margin-right: -2rem; } - .lg\:bg-yellow { - background-color: #ffed4a; + .lg\:-mb-8 { + margin-bottom: -2rem; } - .lg\:bg-yellow-light { - background-color: #fff382; + .lg\:-ml-8 { + margin-left: -2rem; } - .lg\:bg-yellow-lighter { - background-color: #fff9c2; + .lg\:-mt-10 { + margin-top: -2.5rem; } - .lg\:bg-yellow-lightest { - background-color: #fcfbeb; + .lg\:-mr-10 { + margin-right: -2.5rem; } - .lg\:bg-green-darkest { - background-color: #0f2f21; + .lg\:-mb-10 { + margin-bottom: -2.5rem; } - .lg\:bg-green-darker { - background-color: #1a4731; + .lg\:-ml-10 { + margin-left: -2.5rem; } - .lg\:bg-green-dark { - background-color: #1f9d55; + .lg\:-mt-12 { + margin-top: -3rem; } - .lg\:bg-green { - background-color: #38c172; + .lg\:-mr-12 { + margin-right: -3rem; } - .lg\:bg-green-light { - background-color: #51d88a; + .lg\:-mb-12 { + margin-bottom: -3rem; } - .lg\:bg-green-lighter { - background-color: #a2f5bf; + .lg\:-ml-12 { + margin-left: -3rem; } - .lg\:bg-green-lightest { - background-color: #e3fcec; + .lg\:-mt-16 { + margin-top: -4rem; } - .lg\:bg-teal-darkest { - background-color: #0d3331; + .lg\:-mr-16 { + margin-right: -4rem; } - .lg\:bg-teal-darker { - background-color: #20504f; + .lg\:-mb-16 { + margin-bottom: -4rem; } - .lg\:bg-teal-dark { - background-color: #38a89d; + .lg\:-ml-16 { + margin-left: -4rem; } - .lg\:bg-teal { - background-color: #4dc0b5; + .lg\:-mt-20 { + margin-top: -5rem; } - .lg\:bg-teal-light { - background-color: #64d5ca; + .lg\:-mr-20 { + margin-right: -5rem; } - .lg\:bg-teal-lighter { - background-color: #a0f0ed; + .lg\:-mb-20 { + margin-bottom: -5rem; } - .lg\:bg-teal-lightest { - background-color: #e8fffe; + .lg\:-ml-20 { + margin-left: -5rem; } - .lg\:bg-blue-darkest { - background-color: #12283a; + .lg\:-mt-24 { + margin-top: -6rem; } - .lg\:bg-blue-darker { - background-color: #1c3d5a; + .lg\:-mr-24 { + margin-right: -6rem; } - .lg\:bg-blue-dark { - background-color: #2779bd; + .lg\:-mb-24 { + margin-bottom: -6rem; } - .lg\:bg-blue { - background-color: #3490dc; + .lg\:-ml-24 { + margin-left: -6rem; } - .lg\:bg-blue-light { - background-color: #6cb2eb; + .lg\:-mt-32 { + margin-top: -8rem; } - .lg\:bg-blue-lighter { - background-color: #bcdefa; + .lg\:-mr-32 { + margin-right: -8rem; } - .lg\:bg-blue-lightest { - background-color: #eff8ff; + .lg\:-mb-32 { + margin-bottom: -8rem; } - .lg\:bg-indigo-darkest { - background-color: #191e38; + .lg\:-ml-32 { + margin-left: -8rem; } - .lg\:bg-indigo-darker { - background-color: #2f365f; + .lg\:-mt-px { + margin-top: -1px; } - .lg\:bg-indigo-dark { - background-color: #5661b3; + .lg\:-mr-px { + margin-right: -1px; } - .lg\:bg-indigo { - background-color: #6574cd; + .lg\:-mb-px { + margin-bottom: -1px; } - .lg\:bg-indigo-light { - background-color: #7886d7; + .lg\:-ml-px { + margin-left: -1px; } - .lg\:bg-indigo-lighter { - background-color: #b2b7ff; + .lg\:opacity-0 { + opacity: 0; } - .lg\:bg-indigo-lightest { - background-color: #e6e8ff; + .lg\:opacity-25 { + opacity: .25; } - .lg\:bg-purple-darkest { - background-color: #21183c; + .lg\:opacity-50 { + opacity: .5; } - .lg\:bg-purple-darker { - background-color: #382b5f; + .lg\:opacity-75 { + opacity: .75; } - .lg\:bg-purple-dark { - background-color: #794acf; + .lg\:opacity-100 { + opacity: 1; } - .lg\:bg-purple { - background-color: #9561e2; + .lg\:overflow-auto { + overflow: auto; } - .lg\:bg-purple-light { - background-color: #a779e9; + .lg\:overflow-hidden { + overflow: hidden; } - .lg\:bg-purple-lighter { - background-color: #d6bbfc; + .lg\:overflow-visible { + overflow: visible; } - .lg\:bg-purple-lightest { - background-color: #f3ebff; + .lg\:overflow-scroll { + overflow: scroll; } - .lg\:bg-pink-darkest { - background-color: #451225; + .lg\:overflow-x-auto { + overflow-x: auto; } - .lg\:bg-pink-darker { - background-color: #6f213f; + .lg\:overflow-y-auto { + overflow-y: auto; } - .lg\:bg-pink-dark { - background-color: #eb5286; + .lg\:overflow-x-hidden { + overflow-x: hidden; } - .lg\:bg-pink { - background-color: #f66d9b; + .lg\:overflow-y-hidden { + overflow-y: hidden; } - .lg\:bg-pink-light { - background-color: #fa7ea8; + .lg\:overflow-x-visible { + overflow-x: visible; } - .lg\:bg-pink-lighter { - background-color: #ffbbca; + .lg\:overflow-y-visible { + overflow-y: visible; } - .lg\:bg-pink-lightest { - background-color: #ffebef; + .lg\:overflow-x-scroll { + overflow-x: scroll; } - .lg\:hover\:bg-transparent:hover { - background-color: transparent; + .lg\:overflow-y-scroll { + overflow-y: scroll; } - .lg\:hover\:bg-black:hover { - background-color: #22292f; + .lg\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .lg\:hover\:bg-grey-darkest:hover { - background-color: #3d4852; + .lg\:scrolling-auto { + -webkit-overflow-scrolling: auto; } - .lg\:hover\:bg-grey-darker:hover { - background-color: #606f7b; + .lg\:p-0 { + padding: 0; } - .lg\:hover\:bg-grey-dark:hover { - background-color: #8795a1; + .lg\:p-1 { + padding: .25rem; } - .lg\:hover\:bg-grey:hover { - background-color: #b8c2cc; + .lg\:p-2 { + padding: .5rem; } - .lg\:hover\:bg-grey-light:hover { - background-color: #dae1e7; + .lg\:p-3 { + padding: .75rem; } - .lg\:hover\:bg-grey-lighter:hover { - background-color: #f1f5f8; + .lg\:p-4 { + padding: 1rem; } - .lg\:hover\:bg-grey-lightest:hover { - background-color: #f8fafc; + .lg\:p-5 { + padding: 1.25rem; } - .lg\:hover\:bg-white:hover { - background-color: #fff; + .lg\:p-6 { + padding: 1.5rem; } - .lg\:hover\:bg-red-darkest:hover { - background-color: #3b0d0c; + .lg\:p-8 { + padding: 2rem; } - .lg\:hover\:bg-red-darker:hover { - background-color: #621b18; + .lg\:p-10 { + padding: 2.5rem; } - .lg\:hover\:bg-red-dark:hover { - background-color: #cc1f1a; + .lg\:p-12 { + padding: 3rem; } - .lg\:hover\:bg-red:hover { - background-color: #e3342f; + .lg\:p-16 { + padding: 4rem; } - .lg\:hover\:bg-red-light:hover { - background-color: #ef5753; + .lg\:p-20 { + padding: 5rem; } - .lg\:hover\:bg-red-lighter:hover { - background-color: #f9acaa; + .lg\:p-24 { + padding: 6rem; } - .lg\:hover\:bg-red-lightest:hover { - background-color: #fcebea; + .lg\:p-32 { + padding: 8rem; } - .lg\:hover\:bg-orange-darkest:hover { - background-color: #462a16; + .lg\:p-px { + padding: 1px; } - .lg\:hover\:bg-orange-darker:hover { - background-color: #613b1f; + .lg\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .lg\:hover\:bg-orange-dark:hover { - background-color: #de751f; + .lg\:px-0 { + padding-left: 0; + padding-right: 0; } - .lg\:hover\:bg-orange:hover { - background-color: #f6993f; + .lg\:py-1 { + padding-top: .25rem; + padding-bottom: .25rem; } - .lg\:hover\:bg-orange-light:hover { - background-color: #faad63; + .lg\:px-1 { + padding-left: .25rem; + padding-right: .25rem; } - .lg\:hover\:bg-orange-lighter:hover { - background-color: #fcd9b6; + .lg\:py-2 { + padding-top: .5rem; + padding-bottom: .5rem; } - .lg\:hover\:bg-orange-lightest:hover { - background-color: #fff5eb; + .lg\:px-2 { + padding-left: .5rem; + padding-right: .5rem; } - .lg\:hover\:bg-yellow-darkest:hover { - background-color: #453411; + .lg\:py-3 { + padding-top: .75rem; + padding-bottom: .75rem; } - .lg\:hover\:bg-yellow-darker:hover { - background-color: #684f1d; + .lg\:px-3 { + padding-left: .75rem; + padding-right: .75rem; } - .lg\:hover\:bg-yellow-dark:hover { - background-color: #f2d024; + .lg\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .lg\:hover\:bg-yellow:hover { - background-color: #ffed4a; + .lg\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .lg\:hover\:bg-yellow-light:hover { - background-color: #fff382; + .lg\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .lg\:hover\:bg-yellow-lighter:hover { - background-color: #fff9c2; + .lg\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .lg\:hover\:bg-yellow-lightest:hover { - background-color: #fcfbeb; + .lg\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .lg\:hover\:bg-green-darkest:hover { - background-color: #0f2f21; + .lg\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .lg\:hover\:bg-green-darker:hover { - background-color: #1a4731; + .lg\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .lg\:hover\:bg-green-dark:hover { - background-color: #1f9d55; + .lg\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .lg\:hover\:bg-green:hover { - background-color: #38c172; + .lg\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .lg\:hover\:bg-green-light:hover { - background-color: #51d88a; + .lg\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .lg\:hover\:bg-green-lighter:hover { - background-color: #a2f5bf; + .lg\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .lg\:hover\:bg-green-lightest:hover { - background-color: #e3fcec; + .lg\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .lg\:hover\:bg-teal-darkest:hover { - background-color: #0d3331; + .lg\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .lg\:hover\:bg-teal-darker:hover { - background-color: #20504f; + .lg\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .lg\:hover\:bg-teal-dark:hover { - background-color: #38a89d; + .lg\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .lg\:hover\:bg-teal:hover { - background-color: #4dc0b5; + .lg\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .lg\:hover\:bg-teal-light:hover { - background-color: #64d5ca; + .lg\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .lg\:hover\:bg-teal-lighter:hover { - background-color: #a0f0ed; + .lg\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .lg\:hover\:bg-teal-lightest:hover { - background-color: #e8fffe; + .lg\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .lg\:hover\:bg-blue-darkest:hover { - background-color: #12283a; + .lg\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .lg\:hover\:bg-blue-darker:hover { - background-color: #1c3d5a; + .lg\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .lg\:hover\:bg-blue-dark:hover { - background-color: #2779bd; + .lg\:px-px { + padding-left: 1px; + padding-right: 1px; } - .lg\:hover\:bg-blue:hover { - background-color: #3490dc; + .lg\:pt-0 { + padding-top: 0; } - .lg\:hover\:bg-blue-light:hover { - background-color: #6cb2eb; + .lg\:pr-0 { + padding-right: 0; } - .lg\:hover\:bg-blue-lighter:hover { - background-color: #bcdefa; + .lg\:pb-0 { + padding-bottom: 0; } - .lg\:hover\:bg-blue-lightest:hover { - background-color: #eff8ff; + .lg\:pl-0 { + padding-left: 0; } - .lg\:hover\:bg-indigo-darkest:hover { - background-color: #191e38; + .lg\:pt-1 { + padding-top: .25rem; } - .lg\:hover\:bg-indigo-darker:hover { - background-color: #2f365f; + .lg\:pr-1 { + padding-right: .25rem; } - .lg\:hover\:bg-indigo-dark:hover { - background-color: #5661b3; + .lg\:pb-1 { + padding-bottom: .25rem; } - .lg\:hover\:bg-indigo:hover { - background-color: #6574cd; + .lg\:pl-1 { + padding-left: .25rem; } - .lg\:hover\:bg-indigo-light:hover { - background-color: #7886d7; + .lg\:pt-2 { + padding-top: .5rem; } - .lg\:hover\:bg-indigo-lighter:hover { - background-color: #b2b7ff; + .lg\:pr-2 { + padding-right: .5rem; } - .lg\:hover\:bg-indigo-lightest:hover { - background-color: #e6e8ff; + .lg\:pb-2 { + padding-bottom: .5rem; } - .lg\:hover\:bg-purple-darkest:hover { - background-color: #21183c; + .lg\:pl-2 { + padding-left: .5rem; } - .lg\:hover\:bg-purple-darker:hover { - background-color: #382b5f; + .lg\:pt-3 { + padding-top: .75rem; } - .lg\:hover\:bg-purple-dark:hover { - background-color: #794acf; + .lg\:pr-3 { + padding-right: .75rem; } - .lg\:hover\:bg-purple:hover { - background-color: #9561e2; + .lg\:pb-3 { + padding-bottom: .75rem; } - .lg\:hover\:bg-purple-light:hover { - background-color: #a779e9; + .lg\:pl-3 { + padding-left: .75rem; } - .lg\:hover\:bg-purple-lighter:hover { - background-color: #d6bbfc; + .lg\:pt-4 { + padding-top: 1rem; } - .lg\:hover\:bg-purple-lightest:hover { - background-color: #f3ebff; + .lg\:pr-4 { + padding-right: 1rem; } - .lg\:hover\:bg-pink-darkest:hover { - background-color: #451225; + .lg\:pb-4 { + padding-bottom: 1rem; } - .lg\:hover\:bg-pink-darker:hover { - background-color: #6f213f; + .lg\:pl-4 { + padding-left: 1rem; } - .lg\:hover\:bg-pink-dark:hover { - background-color: #eb5286; + .lg\:pt-5 { + padding-top: 1.25rem; } - .lg\:hover\:bg-pink:hover { - background-color: #f66d9b; + .lg\:pr-5 { + padding-right: 1.25rem; } - .lg\:hover\:bg-pink-light:hover { - background-color: #fa7ea8; + .lg\:pb-5 { + padding-bottom: 1.25rem; } - .lg\:hover\:bg-pink-lighter:hover { - background-color: #ffbbca; + .lg\:pl-5 { + padding-left: 1.25rem; } - .lg\:hover\:bg-pink-lightest:hover { - background-color: #ffebef; + .lg\:pt-6 { + padding-top: 1.5rem; } - .lg\:bg-bottom { - background-position: bottom; + .lg\:pr-6 { + padding-right: 1.5rem; } - .lg\:bg-center { - background-position: center; + .lg\:pb-6 { + padding-bottom: 1.5rem; } - .lg\:bg-left { - background-position: left; + .lg\:pl-6 { + padding-left: 1.5rem; } - .lg\:bg-left-bottom { - background-position: left bottom; + .lg\:pt-8 { + padding-top: 2rem; } - .lg\:bg-left-top { - background-position: left top; + .lg\:pr-8 { + padding-right: 2rem; } - .lg\:bg-right { - background-position: right; + .lg\:pb-8 { + padding-bottom: 2rem; } - .lg\:bg-right-bottom { - background-position: right bottom; + .lg\:pl-8 { + padding-left: 2rem; } - .lg\:bg-right-top { - background-position: right top; + .lg\:pt-10 { + padding-top: 2.5rem; } - .lg\:bg-top { - background-position: top; + .lg\:pr-10 { + padding-right: 2.5rem; } - .lg\:bg-repeat { - background-repeat: repeat; + .lg\:pb-10 { + padding-bottom: 2.5rem; } - .lg\:bg-no-repeat { - background-repeat: no-repeat; + .lg\:pl-10 { + padding-left: 2.5rem; } - .lg\:bg-repeat-x { - background-repeat: repeat-x; + .lg\:pt-12 { + padding-top: 3rem; } - .lg\:bg-repeat-y { - background-repeat: repeat-y; + .lg\:pr-12 { + padding-right: 3rem; } - .lg\:bg-auto { - background-size: auto; + .lg\:pb-12 { + padding-bottom: 3rem; } - .lg\:bg-cover { - background-size: cover; + .lg\:pl-12 { + padding-left: 3rem; } - .lg\:bg-contain { - background-size: contain; + .lg\:pt-16 { + padding-top: 4rem; } - .lg\:border-transparent { - border-color: transparent; + .lg\:pr-16 { + padding-right: 4rem; } - .lg\:border-black { - border-color: #22292f; + .lg\:pb-16 { + padding-bottom: 4rem; } - .lg\:border-grey-darkest { - border-color: #3d4852; + .lg\:pl-16 { + padding-left: 4rem; } - .lg\:border-grey-darker { - border-color: #606f7b; + .lg\:pt-20 { + padding-top: 5rem; } - .lg\:border-grey-dark { - border-color: #8795a1; + .lg\:pr-20 { + padding-right: 5rem; } - .lg\:border-grey { - border-color: #b8c2cc; + .lg\:pb-20 { + padding-bottom: 5rem; } - .lg\:border-grey-light { - border-color: #dae1e7; + .lg\:pl-20 { + padding-left: 5rem; } - .lg\:border-grey-lighter { - border-color: #f1f5f8; + .lg\:pt-24 { + padding-top: 6rem; } - .lg\:border-grey-lightest { - border-color: #f8fafc; + .lg\:pr-24 { + padding-right: 6rem; } - .lg\:border-white { - border-color: #fff; + .lg\:pb-24 { + padding-bottom: 6rem; } - .lg\:border-red-darkest { - border-color: #3b0d0c; + .lg\:pl-24 { + padding-left: 6rem; } - .lg\:border-red-darker { - border-color: #621b18; + .lg\:pt-32 { + padding-top: 8rem; + } + + .lg\:pr-32 { + padding-right: 8rem; } - .lg\:border-red-dark { - border-color: #cc1f1a; + .lg\:pb-32 { + padding-bottom: 8rem; } - .lg\:border-red { - border-color: #e3342f; + .lg\:pl-32 { + padding-left: 8rem; } - .lg\:border-red-light { - border-color: #ef5753; + .lg\:pt-px { + padding-top: 1px; } - .lg\:border-red-lighter { - border-color: #f9acaa; + .lg\:pr-px { + padding-right: 1px; } - .lg\:border-red-lightest { - border-color: #fcebea; + .lg\:pb-px { + padding-bottom: 1px; } - .lg\:border-orange-darkest { - border-color: #462a16; + .lg\:pl-px { + padding-left: 1px; } - .lg\:border-orange-darker { - border-color: #613b1f; + .lg\:pointer-events-none { + pointer-events: none; } - .lg\:border-orange-dark { - border-color: #de751f; + .lg\:pointer-events-auto { + pointer-events: auto; } - .lg\:border-orange { - border-color: #f6993f; + .lg\:static { + position: static; } - .lg\:border-orange-light { - border-color: #faad63; + .lg\:fixed { + position: fixed; } - .lg\:border-orange-lighter { - border-color: #fcd9b6; + .lg\:absolute { + position: absolute; } - .lg\:border-orange-lightest { - border-color: #fff5eb; + .lg\:relative { + position: relative; } - .lg\:border-yellow-darkest { - border-color: #453411; + .lg\:sticky { + position: sticky; } - .lg\:border-yellow-darker { - border-color: #684f1d; + .lg\:pin-none { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .lg\:border-yellow-dark { - border-color: #f2d024; + .lg\:pin { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .lg\:border-yellow { - border-color: #ffed4a; + .lg\:pin-y { + top: 0; + bottom: 0; } - .lg\:border-yellow-light { - border-color: #fff382; + .lg\:pin-x { + right: 0; + left: 0; } - .lg\:border-yellow-lighter { - border-color: #fff9c2; + .lg\:pin-t { + top: 0; } - .lg\:border-yellow-lightest { - border-color: #fcfbeb; + .lg\:pin-r { + right: 0; } - .lg\:border-green-darkest { - border-color: #0f2f21; + .lg\:pin-b { + bottom: 0; } - .lg\:border-green-darker { - border-color: #1a4731; + .lg\:pin-l { + left: 0; } - .lg\:border-green-dark { - border-color: #1f9d55; + .lg\:resize-none { + resize: none; } - .lg\:border-green { - border-color: #38c172; + .lg\:resize-y { + resize: vertical; } - .lg\:border-green-light { - border-color: #51d88a; + .lg\:resize-x { + resize: horizontal; } - .lg\:border-green-lighter { - border-color: #a2f5bf; + .lg\:resize { + resize: both; } - .lg\:border-green-lightest { - border-color: #e3fcec; + .lg\:shadow { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); } - .lg\:border-teal-darkest { - border-color: #0d3331; + .lg\:shadow-md { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); } - .lg\:border-teal-darker { - border-color: #20504f; + .lg\:shadow-lg { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); } - .lg\:border-teal-dark { - border-color: #38a89d; + .lg\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); } - .lg\:border-teal { - border-color: #4dc0b5; + .lg\:shadow-outline { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); } - .lg\:border-teal-light { - border-color: #64d5ca; + .lg\:shadow-none { + box-shadow: none; } - .lg\:border-teal-lighter { - border-color: #a0f0ed; + .lg\:hover\:shadow:hover { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); } - .lg\:border-teal-lightest { - border-color: #e8fffe; + .lg\:hover\:shadow-md:hover { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); } - .lg\:border-blue-darkest { - border-color: #12283a; + .lg\:hover\:shadow-lg:hover { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); } - .lg\:border-blue-darker { - border-color: #1c3d5a; + .lg\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); } - .lg\:border-blue-dark { - border-color: #2779bd; + .lg\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); } - .lg\:border-blue { - border-color: #3490dc; + .lg\:hover\:shadow-none:hover { + box-shadow: none; } - .lg\:border-blue-light { - border-color: #6cb2eb; + .lg\:focus\:shadow:focus { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); } - .lg\:border-blue-lighter { - border-color: #bcdefa; + .lg\:focus\:shadow-md:focus { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); } - .lg\:border-blue-lightest { - border-color: #eff8ff; + .lg\:focus\:shadow-lg:focus { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); } - .lg\:border-indigo-darkest { - border-color: #191e38; + .lg\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); } - .lg\:border-indigo-darker { - border-color: #2f365f; + .lg\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); } - .lg\:border-indigo-dark { - border-color: #5661b3; + .lg\:focus\:shadow-none:focus { + box-shadow: none; } - .lg\:border-indigo { - border-color: #6574cd; + .lg\:table-auto { + table-layout: auto; } - .lg\:border-indigo-light { - border-color: #7886d7; + .lg\:table-fixed { + table-layout: fixed; } - .lg\:border-indigo-lighter { - border-color: #b2b7ff; + .lg\:text-left { + text-align: left; } - .lg\:border-indigo-lightest { - border-color: #e6e8ff; + .lg\:text-center { + text-align: center; } - .lg\:border-purple-darkest { - border-color: #21183c; + .lg\:text-right { + text-align: right; } - .lg\:border-purple-darker { - border-color: #382b5f; + .lg\:text-justify { + text-align: justify; } - .lg\:border-purple-dark { - border-color: #794acf; + .lg\:text-transparent { + color: transparent; } - .lg\:border-purple { - border-color: #9561e2; + .lg\:text-black { + color: #22292f; } - .lg\:border-purple-light { - border-color: #a779e9; + .lg\:text-grey-darkest { + color: #3d4852; } - .lg\:border-purple-lighter { - border-color: #d6bbfc; + .lg\:text-grey-darker { + color: #606f7b; } - .lg\:border-purple-lightest { - border-color: #f3ebff; + .lg\:text-grey-dark { + color: #8795a1; } - .lg\:border-pink-darkest { - border-color: #451225; + .lg\:text-grey { + color: #b8c2cc; } - .lg\:border-pink-darker { - border-color: #6f213f; + .lg\:text-grey-light { + color: #dae1e7; } - .lg\:border-pink-dark { - border-color: #eb5286; + .lg\:text-grey-lighter { + color: #f1f5f8; } - .lg\:border-pink { - border-color: #f66d9b; + .lg\:text-grey-lightest { + color: #f8fafc; } - .lg\:border-pink-light { - border-color: #fa7ea8; + .lg\:text-white { + color: #fff; } - .lg\:border-pink-lighter { - border-color: #ffbbca; + .lg\:text-red-darkest { + color: #3b0d0c; } - .lg\:border-pink-lightest { - border-color: #ffebef; + .lg\:text-red-darker { + color: #621b18; } - .lg\:hover\:border-transparent:hover { - border-color: transparent; + .lg\:text-red-dark { + color: #cc1f1a; } - .lg\:hover\:border-black:hover { - border-color: #22292f; + .lg\:text-red { + color: #e3342f; } - .lg\:hover\:border-grey-darkest:hover { - border-color: #3d4852; + .lg\:text-red-light { + color: #ef5753; } - .lg\:hover\:border-grey-darker:hover { - border-color: #606f7b; + .lg\:text-red-lighter { + color: #f9acaa; } - .lg\:hover\:border-grey-dark:hover { - border-color: #8795a1; + .lg\:text-red-lightest { + color: #fcebea; } - .lg\:hover\:border-grey:hover { - border-color: #b8c2cc; + .lg\:text-orange-darkest { + color: #462a16; } - .lg\:hover\:border-grey-light:hover { - border-color: #dae1e7; + .lg\:text-orange-darker { + color: #613b1f; } - .lg\:hover\:border-grey-lighter:hover { - border-color: #f1f5f8; + .lg\:text-orange-dark { + color: #de751f; } - .lg\:hover\:border-grey-lightest:hover { - border-color: #f8fafc; + .lg\:text-orange { + color: #f6993f; } - .lg\:hover\:border-white:hover { - border-color: #fff; + .lg\:text-orange-light { + color: #faad63; } - .lg\:hover\:border-red-darkest:hover { - border-color: #3b0d0c; + .lg\:text-orange-lighter { + color: #fcd9b6; } - .lg\:hover\:border-red-darker:hover { - border-color: #621b18; + .lg\:text-orange-lightest { + color: #fff5eb; } - .lg\:hover\:border-red-dark:hover { - border-color: #cc1f1a; + .lg\:text-yellow-darkest { + color: #453411; } - .lg\:hover\:border-red:hover { - border-color: #e3342f; + .lg\:text-yellow-darker { + color: #684f1d; } - .lg\:hover\:border-red-light:hover { - border-color: #ef5753; + .lg\:text-yellow-dark { + color: #f2d024; } - .lg\:hover\:border-red-lighter:hover { - border-color: #f9acaa; + .lg\:text-yellow { + color: #ffed4a; } - .lg\:hover\:border-red-lightest:hover { - border-color: #fcebea; + .lg\:text-yellow-light { + color: #fff382; } - .lg\:hover\:border-orange-darkest:hover { - border-color: #462a16; + .lg\:text-yellow-lighter { + color: #fff9c2; } - .lg\:hover\:border-orange-darker:hover { - border-color: #613b1f; + .lg\:text-yellow-lightest { + color: #fcfbeb; } - .lg\:hover\:border-orange-dark:hover { - border-color: #de751f; + .lg\:text-green-darkest { + color: #0f2f21; } - .lg\:hover\:border-orange:hover { - border-color: #f6993f; + .lg\:text-green-darker { + color: #1a4731; } - .lg\:hover\:border-orange-light:hover { - border-color: #faad63; + .lg\:text-green-dark { + color: #1f9d55; } - .lg\:hover\:border-orange-lighter:hover { - border-color: #fcd9b6; + .lg\:text-green { + color: #38c172; } - .lg\:hover\:border-orange-lightest:hover { - border-color: #fff5eb; + .lg\:text-green-light { + color: #51d88a; } - .lg\:hover\:border-yellow-darkest:hover { - border-color: #453411; + .lg\:text-green-lighter { + color: #a2f5bf; } - .lg\:hover\:border-yellow-darker:hover { - border-color: #684f1d; + .lg\:text-green-lightest { + color: #e3fcec; } - .lg\:hover\:border-yellow-dark:hover { - border-color: #f2d024; + .lg\:text-teal-darkest { + color: #0d3331; } - .lg\:hover\:border-yellow:hover { - border-color: #ffed4a; + .lg\:text-teal-darker { + color: #20504f; } - .lg\:hover\:border-yellow-light:hover { - border-color: #fff382; + .lg\:text-teal-dark { + color: #38a89d; } - .lg\:hover\:border-yellow-lighter:hover { - border-color: #fff9c2; + .lg\:text-teal { + color: #4dc0b5; } - .lg\:hover\:border-yellow-lightest:hover { - border-color: #fcfbeb; + .lg\:text-teal-light { + color: #64d5ca; } - .lg\:hover\:border-green-darkest:hover { - border-color: #0f2f21; + .lg\:text-teal-lighter { + color: #a0f0ed; } - .lg\:hover\:border-green-darker:hover { - border-color: #1a4731; + .lg\:text-teal-lightest { + color: #e8fffe; } - .lg\:hover\:border-green-dark:hover { - border-color: #1f9d55; + .lg\:text-blue-darkest { + color: #12283a; } - .lg\:hover\:border-green:hover { - border-color: #38c172; + .lg\:text-blue-darker { + color: #1c3d5a; } - .lg\:hover\:border-green-light:hover { - border-color: #51d88a; + .lg\:text-blue-dark { + color: #2779bd; } - .lg\:hover\:border-green-lighter:hover { - border-color: #a2f5bf; + .lg\:text-blue { + color: #3490dc; } - .lg\:hover\:border-green-lightest:hover { - border-color: #e3fcec; + .lg\:text-blue-light { + color: #6cb2eb; } - .lg\:hover\:border-teal-darkest:hover { - border-color: #0d3331; + .lg\:text-blue-lighter { + color: #bcdefa; } - .lg\:hover\:border-teal-darker:hover { - border-color: #20504f; + .lg\:text-blue-lightest { + color: #eff8ff; } - .lg\:hover\:border-teal-dark:hover { - border-color: #38a89d; + .lg\:text-indigo-darkest { + color: #191e38; } - .lg\:hover\:border-teal:hover { - border-color: #4dc0b5; + .lg\:text-indigo-darker { + color: #2f365f; } - .lg\:hover\:border-teal-light:hover { - border-color: #64d5ca; + .lg\:text-indigo-dark { + color: #5661b3; } - .lg\:hover\:border-teal-lighter:hover { - border-color: #a0f0ed; + .lg\:text-indigo { + color: #6574cd; } - .lg\:hover\:border-teal-lightest:hover { - border-color: #e8fffe; + .lg\:text-indigo-light { + color: #7886d7; } - .lg\:hover\:border-blue-darkest:hover { - border-color: #12283a; + .lg\:text-indigo-lighter { + color: #b2b7ff; } - .lg\:hover\:border-blue-darker:hover { - border-color: #1c3d5a; + .lg\:text-indigo-lightest { + color: #e6e8ff; } - .lg\:hover\:border-blue-dark:hover { - border-color: #2779bd; + .lg\:text-purple-darkest { + color: #21183c; } - .lg\:hover\:border-blue:hover { - border-color: #3490dc; + .lg\:text-purple-darker { + color: #382b5f; } - .lg\:hover\:border-blue-light:hover { - border-color: #6cb2eb; + .lg\:text-purple-dark { + color: #794acf; } - .lg\:hover\:border-blue-lighter:hover { - border-color: #bcdefa; + .lg\:text-purple { + color: #9561e2; } - .lg\:hover\:border-blue-lightest:hover { - border-color: #eff8ff; + .lg\:text-purple-light { + color: #a779e9; } - .lg\:hover\:border-indigo-darkest:hover { - border-color: #191e38; + .lg\:text-purple-lighter { + color: #d6bbfc; } - .lg\:hover\:border-indigo-darker:hover { - border-color: #2f365f; + .lg\:text-purple-lightest { + color: #f3ebff; } - .lg\:hover\:border-indigo-dark:hover { - border-color: #5661b3; + .lg\:text-pink-darkest { + color: #451225; } - .lg\:hover\:border-indigo:hover { - border-color: #6574cd; + .lg\:text-pink-darker { + color: #6f213f; } - .lg\:hover\:border-indigo-light:hover { - border-color: #7886d7; + .lg\:text-pink-dark { + color: #eb5286; } - .lg\:hover\:border-indigo-lighter:hover { - border-color: #b2b7ff; + .lg\:text-pink { + color: #f66d9b; } - .lg\:hover\:border-indigo-lightest:hover { - border-color: #e6e8ff; + .lg\:text-pink-light { + color: #fa7ea8; } - .lg\:hover\:border-purple-darkest:hover { - border-color: #21183c; + .lg\:text-pink-lighter { + color: #ffbbca; } - .lg\:hover\:border-purple-darker:hover { - border-color: #382b5f; + .lg\:text-pink-lightest { + color: #ffebef; } - .lg\:hover\:border-purple-dark:hover { - border-color: #794acf; + .lg\:hover\:text-transparent:hover { + color: transparent; } - .lg\:hover\:border-purple:hover { - border-color: #9561e2; + .lg\:hover\:text-black:hover { + color: #22292f; } - .lg\:hover\:border-purple-light:hover { - border-color: #a779e9; + .lg\:hover\:text-grey-darkest:hover { + color: #3d4852; } - .lg\:hover\:border-purple-lighter:hover { - border-color: #d6bbfc; + .lg\:hover\:text-grey-darker:hover { + color: #606f7b; } - .lg\:hover\:border-purple-lightest:hover { - border-color: #f3ebff; + .lg\:hover\:text-grey-dark:hover { + color: #8795a1; } - .lg\:hover\:border-pink-darkest:hover { - border-color: #451225; + .lg\:hover\:text-grey:hover { + color: #b8c2cc; } - .lg\:hover\:border-pink-darker:hover { - border-color: #6f213f; + .lg\:hover\:text-grey-light:hover { + color: #dae1e7; } - .lg\:hover\:border-pink-dark:hover { - border-color: #eb5286; + .lg\:hover\:text-grey-lighter:hover { + color: #f1f5f8; } - .lg\:hover\:border-pink:hover { - border-color: #f66d9b; + .lg\:hover\:text-grey-lightest:hover { + color: #f8fafc; } - .lg\:hover\:border-pink-light:hover { - border-color: #fa7ea8; + .lg\:hover\:text-white:hover { + color: #fff; } - .lg\:hover\:border-pink-lighter:hover { - border-color: #ffbbca; + .lg\:hover\:text-red-darkest:hover { + color: #3b0d0c; } - .lg\:hover\:border-pink-lightest:hover { - border-color: #ffebef; + .lg\:hover\:text-red-darker:hover { + color: #621b18; } - .lg\:rounded-none { - border-radius: 0; + .lg\:hover\:text-red-dark:hover { + color: #cc1f1a; } - .lg\:rounded-sm { - border-radius: .125rem; + .lg\:hover\:text-red:hover { + color: #e3342f; } - .lg\:rounded { - border-radius: .25rem; + .lg\:hover\:text-red-light:hover { + color: #ef5753; } - .lg\:rounded-lg { - border-radius: .5rem; + .lg\:hover\:text-red-lighter:hover { + color: #f9acaa; } - .lg\:rounded-full { - border-radius: 9999px; + .lg\:hover\:text-red-lightest:hover { + color: #fcebea; } - .lg\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .lg\:hover\:text-orange-darkest:hover { + color: #462a16; } - .lg\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .lg\:hover\:text-orange-darker:hover { + color: #613b1f; } - .lg\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .lg\:hover\:text-orange-dark:hover { + color: #de751f; } - .lg\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .lg\:hover\:text-orange:hover { + color: #f6993f; } - .lg\:rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; + .lg\:hover\:text-orange-light:hover { + color: #faad63; } - .lg\:rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; + .lg\:hover\:text-orange-lighter:hover { + color: #fcd9b6; } - .lg\:rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; + .lg\:hover\:text-orange-lightest:hover { + color: #fff5eb; } - .lg\:rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; + .lg\:hover\:text-yellow-darkest:hover { + color: #453411; } - .lg\:rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + .lg\:hover\:text-yellow-darker:hover { + color: #684f1d; } - .lg\:rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + .lg\:hover\:text-yellow-dark:hover { + color: #f2d024; } - .lg\:rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + .lg\:hover\:text-yellow:hover { + color: #ffed4a; } - .lg\:rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + .lg\:hover\:text-yellow-light:hover { + color: #fff382; } - .lg\:rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; + .lg\:hover\:text-yellow-lighter:hover { + color: #fff9c2; } - .lg\:rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; + .lg\:hover\:text-yellow-lightest:hover { + color: #fcfbeb; } - .lg\:rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; + .lg\:hover\:text-green-darkest:hover { + color: #0f2f21; } - .lg\:rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; + .lg\:hover\:text-green-darker:hover { + color: #1a4731; } - .lg\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .lg\:hover\:text-green-dark:hover { + color: #1f9d55; } - .lg\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .lg\:hover\:text-green:hover { + color: #38c172; } - .lg\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:hover\:text-green-light:hover { + color: #51d88a; } - .lg\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:hover\:text-green-lighter:hover { + color: #a2f5bf; } - .lg\:rounded-tl-none { - border-top-left-radius: 0; + .lg\:hover\:text-green-lightest:hover { + color: #e3fcec; } - .lg\:rounded-tr-none { - border-top-right-radius: 0; + .lg\:hover\:text-teal-darkest:hover { + color: #0d3331; } - .lg\:rounded-br-none { - border-bottom-right-radius: 0; + .lg\:hover\:text-teal-darker:hover { + color: #20504f; } - .lg\:rounded-bl-none { - border-bottom-left-radius: 0; + .lg\:hover\:text-teal-dark:hover { + color: #38a89d; } - .lg\:rounded-tl-sm { - border-top-left-radius: .125rem; + .lg\:hover\:text-teal:hover { + color: #4dc0b5; } - .lg\:rounded-tr-sm { - border-top-right-radius: .125rem; + .lg\:hover\:text-teal-light:hover { + color: #64d5ca; } - .lg\:rounded-br-sm { - border-bottom-right-radius: .125rem; + .lg\:hover\:text-teal-lighter:hover { + color: #a0f0ed; } - .lg\:rounded-bl-sm { - border-bottom-left-radius: .125rem; + .lg\:hover\:text-teal-lightest:hover { + color: #e8fffe; } - .lg\:rounded-tl { - border-top-left-radius: .25rem; + .lg\:hover\:text-blue-darkest:hover { + color: #12283a; } - .lg\:rounded-tr { - border-top-right-radius: .25rem; + .lg\:hover\:text-blue-darker:hover { + color: #1c3d5a; } - .lg\:rounded-br { - border-bottom-right-radius: .25rem; + .lg\:hover\:text-blue-dark:hover { + color: #2779bd; } - .lg\:rounded-bl { - border-bottom-left-radius: .25rem; + .lg\:hover\:text-blue:hover { + color: #3490dc; } - .lg\:rounded-tl-lg { - border-top-left-radius: .5rem; + .lg\:hover\:text-blue-light:hover { + color: #6cb2eb; } - .lg\:rounded-tr-lg { - border-top-right-radius: .5rem; + .lg\:hover\:text-blue-lighter:hover { + color: #bcdefa; } - .lg\:rounded-br-lg { - border-bottom-right-radius: .5rem; + .lg\:hover\:text-blue-lightest:hover { + color: #eff8ff; } - .lg\:rounded-bl-lg { - border-bottom-left-radius: .5rem; + .lg\:hover\:text-indigo-darkest:hover { + color: #191e38; } - .lg\:rounded-tl-full { - border-top-left-radius: 9999px; + .lg\:hover\:text-indigo-darker:hover { + color: #2f365f; } - .lg\:rounded-tr-full { - border-top-right-radius: 9999px; + .lg\:hover\:text-indigo-dark:hover { + color: #5661b3; } - .lg\:rounded-br-full { - border-bottom-right-radius: 9999px; + .lg\:hover\:text-indigo:hover { + color: #6574cd; } - .lg\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .lg\:hover\:text-indigo-light:hover { + color: #7886d7; } - .lg\:border-solid { - border-style: solid; + .lg\:hover\:text-indigo-lighter:hover { + color: #b2b7ff; } - .lg\:border-dashed { - border-style: dashed; + .lg\:hover\:text-indigo-lightest:hover { + color: #e6e8ff; } - .lg\:border-dotted { - border-style: dotted; + .lg\:hover\:text-purple-darkest:hover { + color: #21183c; } - .lg\:border-none { - border-style: none; + .lg\:hover\:text-purple-darker:hover { + color: #382b5f; } - .lg\:border-0 { - border-width: 0; + .lg\:hover\:text-purple-dark:hover { + color: #794acf; } - .lg\:border-2 { - border-width: 2px; + .lg\:hover\:text-purple:hover { + color: #9561e2; } - .lg\:border-4 { - border-width: 4px; + .lg\:hover\:text-purple-light:hover { + color: #a779e9; } - .lg\:border-8 { - border-width: 8px; + .lg\:hover\:text-purple-lighter:hover { + color: #d6bbfc; } - .lg\:border { - border-width: 1px; + .lg\:hover\:text-purple-lightest:hover { + color: #f3ebff; } - .lg\:border-t-0 { - border-top-width: 0; + .lg\:hover\:text-pink-darkest:hover { + color: #451225; } - .lg\:border-r-0 { - border-right-width: 0; + .lg\:hover\:text-pink-darker:hover { + color: #6f213f; } - .lg\:border-b-0 { - border-bottom-width: 0; + .lg\:hover\:text-pink-dark:hover { + color: #eb5286; } - .lg\:border-l-0 { - border-left-width: 0; + .lg\:hover\:text-pink:hover { + color: #f66d9b; } - .lg\:border-t-2 { - border-top-width: 2px; + .lg\:hover\:text-pink-light:hover { + color: #fa7ea8; } - .lg\:border-r-2 { - border-right-width: 2px; + .lg\:hover\:text-pink-lighter:hover { + color: #ffbbca; } - .lg\:border-b-2 { - border-bottom-width: 2px; + .lg\:hover\:text-pink-lightest:hover { + color: #ffebef; } - .lg\:border-l-2 { - border-left-width: 2px; + .lg\:focus\:text-transparent:focus { + color: transparent; } - .lg\:border-t-4 { - border-top-width: 4px; + .lg\:focus\:text-black:focus { + color: #22292f; } - .lg\:border-r-4 { - border-right-width: 4px; + .lg\:focus\:text-grey-darkest:focus { + color: #3d4852; } - .lg\:border-b-4 { - border-bottom-width: 4px; + .lg\:focus\:text-grey-darker:focus { + color: #606f7b; } - .lg\:border-l-4 { - border-left-width: 4px; + .lg\:focus\:text-grey-dark:focus { + color: #8795a1; } - .lg\:border-t-8 { - border-top-width: 8px; + .lg\:focus\:text-grey:focus { + color: #b8c2cc; } - .lg\:border-r-8 { - border-right-width: 8px; + .lg\:focus\:text-grey-light:focus { + color: #dae1e7; } - .lg\:border-b-8 { - border-bottom-width: 8px; + .lg\:focus\:text-grey-lighter:focus { + color: #f1f5f8; } - .lg\:border-l-8 { - border-left-width: 8px; + .lg\:focus\:text-grey-lightest:focus { + color: #f8fafc; } - .lg\:border-t { - border-top-width: 1px; + .lg\:focus\:text-white:focus { + color: #fff; } - .lg\:border-r { - border-right-width: 1px; + .lg\:focus\:text-red-darkest:focus { + color: #3b0d0c; } - .lg\:border-b { - border-bottom-width: 1px; + .lg\:focus\:text-red-darker:focus { + color: #621b18; } - .lg\:border-l { - border-left-width: 1px; + .lg\:focus\:text-red-dark:focus { + color: #cc1f1a; } - .lg\:cursor-auto { - cursor: auto; + .lg\:focus\:text-red:focus { + color: #e3342f; } - .lg\:cursor-default { - cursor: default; + .lg\:focus\:text-red-light:focus { + color: #ef5753; } - .lg\:cursor-pointer { - cursor: pointer; + .lg\:focus\:text-red-lighter:focus { + color: #f9acaa; } - .lg\:cursor-wait { - cursor: wait; + .lg\:focus\:text-red-lightest:focus { + color: #fcebea; } - .lg\:cursor-move { - cursor: move; + .lg\:focus\:text-orange-darkest:focus { + color: #462a16; } - .lg\:cursor-not-allowed { - cursor: not-allowed; + .lg\:focus\:text-orange-darker:focus { + color: #613b1f; } - .lg\:block { - display: block; + .lg\:focus\:text-orange-dark:focus { + color: #de751f; } - .lg\:inline-block { - display: inline-block; + .lg\:focus\:text-orange:focus { + color: #f6993f; } - .lg\:inline { - display: inline; + .lg\:focus\:text-orange-light:focus { + color: #faad63; } - .lg\:table { - display: table; + .lg\:focus\:text-orange-lighter:focus { + color: #fcd9b6; } - .lg\:table-row { - display: table-row; + .lg\:focus\:text-orange-lightest:focus { + color: #fff5eb; } - .lg\:table-cell { - display: table-cell; + .lg\:focus\:text-yellow-darkest:focus { + color: #453411; } - .lg\:hidden { - display: none; + .lg\:focus\:text-yellow-darker:focus { + color: #684f1d; } - .lg\:flex { - display: flex; + .lg\:focus\:text-yellow-dark:focus { + color: #f2d024; } - .lg\:inline-flex { - display: inline-flex; + .lg\:focus\:text-yellow:focus { + color: #ffed4a; } - .lg\:flex-row { - flex-direction: row; + .lg\:focus\:text-yellow-light:focus { + color: #fff382; } - .lg\:flex-row-reverse { - flex-direction: row-reverse; + .lg\:focus\:text-yellow-lighter:focus { + color: #fff9c2; } - .lg\:flex-col { - flex-direction: column; + .lg\:focus\:text-yellow-lightest:focus { + color: #fcfbeb; } - .lg\:flex-col-reverse { - flex-direction: column-reverse; + .lg\:focus\:text-green-darkest:focus { + color: #0f2f21; } - .lg\:flex-wrap { - flex-wrap: wrap; + .lg\:focus\:text-green-darker:focus { + color: #1a4731; } - .lg\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .lg\:focus\:text-green-dark:focus { + color: #1f9d55; } - .lg\:flex-no-wrap { - flex-wrap: nowrap; + .lg\:focus\:text-green:focus { + color: #38c172; } - .lg\:items-start { - align-items: flex-start; + .lg\:focus\:text-green-light:focus { + color: #51d88a; } - .lg\:items-end { - align-items: flex-end; + .lg\:focus\:text-green-lighter:focus { + color: #a2f5bf; } - .lg\:items-center { - align-items: center; + .lg\:focus\:text-green-lightest:focus { + color: #e3fcec; } - .lg\:items-baseline { - align-items: baseline; + .lg\:focus\:text-teal-darkest:focus { + color: #0d3331; } - .lg\:items-stretch { - align-items: stretch; + .lg\:focus\:text-teal-darker:focus { + color: #20504f; } - .lg\:self-auto { - align-self: auto; + .lg\:focus\:text-teal-dark:focus { + color: #38a89d; } - .lg\:self-start { - align-self: flex-start; + .lg\:focus\:text-teal:focus { + color: #4dc0b5; } - .lg\:self-end { - align-self: flex-end; + .lg\:focus\:text-teal-light:focus { + color: #64d5ca; } - .lg\:self-center { - align-self: center; + .lg\:focus\:text-teal-lighter:focus { + color: #a0f0ed; } - .lg\:self-stretch { - align-self: stretch; + .lg\:focus\:text-teal-lightest:focus { + color: #e8fffe; } - .lg\:justify-start { - justify-content: flex-start; + .lg\:focus\:text-blue-darkest:focus { + color: #12283a; } - .lg\:justify-end { - justify-content: flex-end; + .lg\:focus\:text-blue-darker:focus { + color: #1c3d5a; } - .lg\:justify-center { - justify-content: center; + .lg\:focus\:text-blue-dark:focus { + color: #2779bd; } - .lg\:justify-between { - justify-content: space-between; + .lg\:focus\:text-blue:focus { + color: #3490dc; } - .lg\:justify-around { - justify-content: space-around; + .lg\:focus\:text-blue-light:focus { + color: #6cb2eb; } - .lg\:content-center { - align-content: center; + .lg\:focus\:text-blue-lighter:focus { + color: #bcdefa; } - .lg\:content-start { - align-content: flex-start; + .lg\:focus\:text-blue-lightest:focus { + color: #eff8ff; } - .lg\:content-end { - align-content: flex-end; + .lg\:focus\:text-indigo-darkest:focus { + color: #191e38; } - .lg\:content-between { - align-content: space-between; + .lg\:focus\:text-indigo-darker:focus { + color: #2f365f; } - .lg\:content-around { - align-content: space-around; + .lg\:focus\:text-indigo-dark:focus { + color: #5661b3; } - .lg\:flex-1 { - flex: 1; + .lg\:focus\:text-indigo:focus { + color: #6574cd; } - .lg\:flex-auto { - flex: auto; + .lg\:focus\:text-indigo-light:focus { + color: #7886d7; } - .lg\:flex-initial { - flex: initial; + .lg\:focus\:text-indigo-lighter:focus { + color: #b2b7ff; } - .lg\:flex-none { - flex: none; + .lg\:focus\:text-indigo-lightest:focus { + color: #e6e8ff; } - .lg\:flex-grow { - flex-grow: 1; + .lg\:focus\:text-purple-darkest:focus { + color: #21183c; } - .lg\:flex-shrink { - flex-shrink: 1; + .lg\:focus\:text-purple-darker:focus { + color: #382b5f; } - .lg\:flex-no-grow { - flex-grow: 0; + .lg\:focus\:text-purple-dark:focus { + color: #794acf; } - .lg\:flex-no-shrink { - flex-shrink: 0; + .lg\:focus\:text-purple:focus { + color: #9561e2; } - .lg\:float-right { - float: right; + .lg\:focus\:text-purple-light:focus { + color: #a779e9; } - .lg\:float-left { - float: left; + .lg\:focus\:text-purple-lighter:focus { + color: #d6bbfc; } - .lg\:float-none { - float: none; + .lg\:focus\:text-purple-lightest:focus { + color: #f3ebff; } - .lg\:clearfix:after { - content: ""; - display: table; - clear: both; + .lg\:focus\:text-pink-darkest:focus { + color: #451225; } - .lg\:font-sans { - font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + .lg\:focus\:text-pink-darker:focus { + color: #6f213f; } - .lg\:font-serif { - font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; + .lg\:focus\:text-pink-dark:focus { + color: #eb5286; } - .lg\:font-mono { - font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; + .lg\:focus\:text-pink:focus { + color: #f66d9b; } - .lg\:font-hairline { - font-weight: 100; + .lg\:focus\:text-pink-light:focus { + color: #fa7ea8; } - .lg\:font-thin { - font-weight: 200; + .lg\:focus\:text-pink-lighter:focus { + color: #ffbbca; } - .lg\:font-light { - font-weight: 300; + .lg\:focus\:text-pink-lightest:focus { + color: #ffebef; } - .lg\:font-normal { - font-weight: 400; + .lg\:text-xs { + font-size: .75rem; } - .lg\:font-medium { - font-weight: 500; + .lg\:text-sm { + font-size: .875rem; } - .lg\:font-semibold { - font-weight: 600; + .lg\:text-base { + font-size: 1rem; } - .lg\:font-bold { - font-weight: 700; + .lg\:text-lg { + font-size: 1.125rem; } - .lg\:font-extrabold { - font-weight: 800; + .lg\:text-xl { + font-size: 1.25rem; } - .lg\:font-black { - font-weight: 900; + .lg\:text-2xl { + font-size: 1.5rem; } - .lg\:hover\:font-hairline:hover { - font-weight: 100; + .lg\:text-3xl { + font-size: 1.875rem; } - .lg\:hover\:font-thin:hover { - font-weight: 200; + .lg\:text-4xl { + font-size: 2.25rem; } - .lg\:hover\:font-light:hover { - font-weight: 300; + .lg\:text-5xl { + font-size: 3rem; } - .lg\:hover\:font-normal:hover { - font-weight: 400; + .lg\:italic { + font-style: italic; } - .lg\:hover\:font-medium:hover { - font-weight: 500; + .lg\:roman { + font-style: normal; } - .lg\:hover\:font-semibold:hover { - font-weight: 600; + .lg\:uppercase { + text-transform: uppercase; } - .lg\:hover\:font-bold:hover { - font-weight: 700; + .lg\:lowercase { + text-transform: lowercase; } - .lg\:hover\:font-extrabold:hover { - font-weight: 800; + .lg\:capitalize { + text-transform: capitalize; } - .lg\:hover\:font-black:hover { - font-weight: 900; + .lg\:normal-case { + text-transform: none; } - .lg\:h-1 { - height: .25rem; + .lg\:underline { + text-decoration: underline; } - .lg\:h-2 { - height: .5rem; + .lg\:line-through { + text-decoration: line-through; } - .lg\:h-3 { - height: .75rem; + .lg\:no-underline { + text-decoration: none; } - .lg\:h-4 { - height: 1rem; + .lg\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .lg\:h-6 { - height: 1.5rem; + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .lg\:h-8 { - height: 2rem; + .lg\:hover\:italic:hover { + font-style: italic; } - .lg\:h-10 { - height: 2.5rem; + .lg\:hover\:roman:hover { + font-style: normal; } - .lg\:h-12 { - height: 3rem; + .lg\:hover\:uppercase:hover { + text-transform: uppercase; } - .lg\:h-16 { - height: 4rem; + .lg\:hover\:lowercase:hover { + text-transform: lowercase; } - .lg\:h-24 { - height: 6rem; + .lg\:hover\:capitalize:hover { + text-transform: capitalize; } - .lg\:h-32 { - height: 8rem; + .lg\:hover\:normal-case:hover { + text-transform: none; } - .lg\:h-48 { - height: 12rem; + .lg\:hover\:underline:hover { + text-decoration: underline; } - .lg\:h-64 { - height: 16rem; + .lg\:hover\:line-through:hover { + text-decoration: line-through; } - .lg\:h-auto { - height: auto; + .lg\:hover\:no-underline:hover { + text-decoration: none; } - .lg\:h-px { - height: 1px; + .lg\:hover\:antialiased:hover { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .lg\:h-full { - height: 100%; + .lg\:hover\:subpixel-antialiased:hover { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .lg\:h-screen { - height: 100vh; + .lg\:focus\:italic:focus { + font-style: italic; } - .lg\:leading-none { - line-height: 1; + .lg\:focus\:roman:focus { + font-style: normal; } - .lg\:leading-tight { - line-height: 1.25; + .lg\:focus\:uppercase:focus { + text-transform: uppercase; } - .lg\:leading-normal { - line-height: 1.5; + .lg\:focus\:lowercase:focus { + text-transform: lowercase; } - .lg\:leading-loose { - line-height: 2; + .lg\:focus\:capitalize:focus { + text-transform: capitalize; } - .lg\:m-0 { - margin: 0; + .lg\:focus\:normal-case:focus { + text-transform: none; } - .lg\:m-1 { - margin: .25rem; + .lg\:focus\:underline:focus { + text-decoration: underline; } - .lg\:m-2 { - margin: .5rem; + .lg\:focus\:line-through:focus { + text-decoration: line-through; } - .lg\:m-3 { - margin: .75rem; + .lg\:focus\:no-underline:focus { + text-decoration: none; } - .lg\:m-4 { - margin: 1rem; + .lg\:focus\:antialiased:focus { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .lg\:m-6 { - margin: 1.5rem; + .lg\:focus\:subpixel-antialiased:focus { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .lg\:m-8 { - margin: 2rem; + .lg\:tracking-tight { + letter-spacing: -0.05em; } - .lg\:m-auto { - margin: auto; + .lg\:tracking-normal { + letter-spacing: 0; } - .lg\:m-px { - margin: 1px; + .lg\:tracking-wide { + letter-spacing: .05em; } - .lg\:my-0 { - margin-top: 0; - margin-bottom: 0; + .lg\:select-none { + user-select: none; } - .lg\:mx-0 { - margin-left: 0; - margin-right: 0; + .lg\:select-text { + user-select: text; } - .lg\:my-1 { - margin-top: .25rem; - margin-bottom: .25rem; + .lg\:align-baseline { + vertical-align: baseline; } - .lg\:mx-1 { - margin-left: .25rem; - margin-right: .25rem; + .lg\:align-top { + vertical-align: top; } - .lg\:my-2 { - margin-top: .5rem; - margin-bottom: .5rem; + .lg\:align-middle { + vertical-align: middle; } - .lg\:mx-2 { - margin-left: .5rem; - margin-right: .5rem; + .lg\:align-bottom { + vertical-align: bottom; } - .lg\:my-3 { - margin-top: .75rem; - margin-bottom: .75rem; + .lg\:align-text-top { + vertical-align: text-top; } - .lg\:mx-3 { - margin-left: .75rem; - margin-right: .75rem; + .lg\:align-text-bottom { + vertical-align: text-bottom; } - .lg\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .lg\:visible { + visibility: visible; } - .lg\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .lg\:invisible { + visibility: hidden; } - .lg\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .lg\:whitespace-normal { + white-space: normal; } - .lg\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .lg\:whitespace-no-wrap { + white-space: nowrap; } - .lg\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .lg\:whitespace-pre { + white-space: pre; } - .lg\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .lg\:whitespace-pre-line { + white-space: pre-line; } - .lg\:my-auto { - margin-top: auto; - margin-bottom: auto; + .lg\:whitespace-pre-wrap { + white-space: pre-wrap; } - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; + .lg\:break-words { + word-wrap: break-word; } - .lg\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .lg\:break-normal { + word-wrap: normal; } - .lg\:mx-px { - margin-left: 1px; - margin-right: 1px; + .lg\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .lg\:mt-0 { - margin-top: 0; + .lg\:w-1 { + width: .25rem; } - .lg\:mr-0 { - margin-right: 0; + .lg\:w-2 { + width: .5rem; } - .lg\:mb-0 { - margin-bottom: 0; + .lg\:w-3 { + width: .75rem; } - .lg\:ml-0 { - margin-left: 0; + .lg\:w-4 { + width: 1rem; } - .lg\:mt-1 { - margin-top: .25rem; + .lg\:w-5 { + width: 1.25rem; } - .lg\:mr-1 { - margin-right: .25rem; + .lg\:w-6 { + width: 1.5rem; } - .lg\:mb-1 { - margin-bottom: .25rem; + .lg\:w-8 { + width: 2rem; } - .lg\:ml-1 { - margin-left: .25rem; + .lg\:w-10 { + width: 2.5rem; } - .lg\:mt-2 { - margin-top: .5rem; + .lg\:w-12 { + width: 3rem; } - .lg\:mr-2 { - margin-right: .5rem; + .lg\:w-16 { + width: 4rem; } - .lg\:mb-2 { - margin-bottom: .5rem; + .lg\:w-24 { + width: 6rem; } - .lg\:ml-2 { - margin-left: .5rem; + .lg\:w-32 { + width: 8rem; } - .lg\:mt-3 { - margin-top: .75rem; + .lg\:w-48 { + width: 12rem; } - .lg\:mr-3 { - margin-right: .75rem; + .lg\:w-64 { + width: 16rem; } - .lg\:mb-3 { - margin-bottom: .75rem; + .lg\:w-auto { + width: auto; } - .lg\:ml-3 { - margin-left: .75rem; + .lg\:w-px { + width: 1px; } - .lg\:mt-4 { - margin-top: 1rem; + .lg\:w-1\/2 { + width: 50%; } - .lg\:mr-4 { - margin-right: 1rem; + .lg\:w-1\/3 { + width: 33.33333%; } - .lg\:mb-4 { - margin-bottom: 1rem; + .lg\:w-2\/3 { + width: 66.66667%; } - .lg\:ml-4 { - margin-left: 1rem; + .lg\:w-1\/4 { + width: 25%; } - .lg\:mt-6 { - margin-top: 1.5rem; + .lg\:w-3\/4 { + width: 75%; } - .lg\:mr-6 { - margin-right: 1.5rem; + .lg\:w-1\/5 { + width: 20%; } - .lg\:mb-6 { - margin-bottom: 1.5rem; + .lg\:w-2\/5 { + width: 40%; } - .lg\:ml-6 { - margin-left: 1.5rem; + .lg\:w-3\/5 { + width: 60%; } - .lg\:mt-8 { - margin-top: 2rem; + .lg\:w-4\/5 { + width: 80%; } - .lg\:mr-8 { - margin-right: 2rem; + .lg\:w-1\/6 { + width: 16.66667%; } - .lg\:mb-8 { - margin-bottom: 2rem; + .lg\:w-5\/6 { + width: 83.33333%; } - .lg\:ml-8 { - margin-left: 2rem; + .lg\:w-full { + width: 100%; } - .lg\:mt-auto { - margin-top: auto; + .lg\:w-screen { + width: 100vw; } - .lg\:mr-auto { - margin-right: auto; + .lg\:z-0 { + z-index: 0; } - .lg\:mb-auto { - margin-bottom: auto; + .lg\:z-10 { + z-index: 10; } - .lg\:ml-auto { - margin-left: auto; + .lg\:z-20 { + z-index: 20; } - .lg\:mt-px { - margin-top: 1px; + .lg\:z-30 { + z-index: 30; } - .lg\:mr-px { - margin-right: 1px; + .lg\:z-40 { + z-index: 40; } - .lg\:mb-px { - margin-bottom: 1px; + .lg\:z-50 { + z-index: 50; } - .lg\:ml-px { - margin-left: 1px; + .lg\:z-auto { + z-index: auto; } - .lg\:max-h-full { - max-height: 100%; + .lg\:object-contain { + object-fit: contain; } - .lg\:max-h-screen { - max-height: 100vh; + .lg\:object-cover { + object-fit: cover; } - .lg\:max-w-xs { - max-width: 20rem; + .lg\:object-fill { + object-fit: fill; } - .lg\:max-w-sm { - max-width: 30rem; + .lg\:object-none { + object-fit: none; } - .lg\:max-w-md { - max-width: 40rem; + .lg\:object-scale { + object-fit: scale-down; } - .lg\:max-w-lg { - max-width: 50rem; + .lg\:grid { + display: grid; } - .lg\:max-w-xl { - max-width: 60rem; + .lg\:grid-dense { + grid-auto-flow: dense; } - .lg\:max-w-2xl { - max-width: 70rem; + .lg\:grid-gap-0 { + grid-gap: 0; } - .lg\:max-w-3xl { - max-width: 80rem; + .lg\:grid-gap-4 { + grid-gap: 1rem; } - .lg\:max-w-4xl { - max-width: 90rem; + .lg\:grid-gap-8 { + grid-gap: 2rem; } - .lg\:max-w-5xl { - max-width: 100rem; + .lg\:grid-columns-1 { + grid-template-columns: repeat(1, 1fr); } - .lg\:max-w-full { - max-width: 100%; + .lg\:grid-columns-2 { + grid-template-columns: repeat(2, 1fr); } - .lg\:min-h-0 { - min-height: 0; + .lg\:grid-columns-3 { + grid-template-columns: repeat(3, 1fr); } - .lg\:min-h-full { - min-height: 100%; + .lg\:grid-columns-4 { + grid-template-columns: repeat(4, 1fr); } - .lg\:min-h-screen { - min-height: 100vh; + .lg\:grid-columns-5 { + grid-template-columns: repeat(5, 1fr); } - .lg\:min-w-0 { - min-width: 0; + .lg\:grid-columns-6 { + grid-template-columns: repeat(6, 1fr); } - .lg\:min-w-full { - min-width: 100%; + .lg\:grid-columns-7 { + grid-template-columns: repeat(7, 1fr); } - .lg\:-m-0 { - margin: 0; + .lg\:grid-columns-8 { + grid-template-columns: repeat(8, 1fr); } - .lg\:-m-1 { - margin: -0.25rem; + .lg\:grid-columns-9 { + grid-template-columns: repeat(9, 1fr); } - .lg\:-m-2 { - margin: -0.5rem; + .lg\:grid-columns-10 { + grid-template-columns: repeat(10, 1fr); } - .lg\:-m-3 { - margin: -0.75rem; + .lg\:grid-columns-11 { + grid-template-columns: repeat(11, 1fr); } - .lg\:-m-4 { - margin: -1rem; + .lg\:grid-columns-12 { + grid-template-columns: repeat(12, 1fr); } - .lg\:-m-6 { - margin: -1.5rem; + .lg\:col-span-1 { + grid-column-start: span 1; } - .lg\:-m-8 { - margin: -2rem; + .lg\:col-span-2 { + grid-column-start: span 2; } - .lg\:-m-px { - margin: -1px; + .lg\:col-span-3 { + grid-column-start: span 3; } - .lg\:-my-0 { - margin-top: 0; - margin-bottom: 0; + .lg\:col-span-4 { + grid-column-start: span 4; } - .lg\:-mx-0 { - margin-left: 0; - margin-right: 0; + .lg\:col-span-5 { + grid-column-start: span 5; } - .lg\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .lg\:col-span-6 { + grid-column-start: span 6; } - .lg\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .lg\:col-span-7 { + grid-column-start: span 7; + } + + .lg\:col-span-8 { + grid-column-start: span 8; } - .lg\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .lg\:col-span-9 { + grid-column-start: span 9; } - .lg\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .lg\:col-span-10 { + grid-column-start: span 10; } - .lg\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .lg\:col-span-11 { + grid-column-start: span 11; } - .lg\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .lg\:col-span-12 { + grid-column-start: span 12; } - .lg\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .lg\:col-start-1 { + grid-column-start: 1; } - .lg\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .lg\:col-end-1 { + grid-column-end: 1; } - .lg\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .lg\:col-start-2 { + grid-column-start: 2; } - .lg\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .lg\:col-end-2 { + grid-column-end: 2; } - .lg\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .lg\:col-start-3 { + grid-column-start: 3; } - .lg\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .lg\:col-end-3 { + grid-column-end: 3; } - .lg\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .lg\:col-start-4 { + grid-column-start: 4; } - .lg\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .lg\:col-end-4 { + grid-column-end: 4; } - .lg\:-mt-0 { - margin-top: 0; + .lg\:col-start-5 { + grid-column-start: 5; } - .lg\:-mr-0 { - margin-right: 0; + .lg\:col-end-5 { + grid-column-end: 5; } - .lg\:-mb-0 { - margin-bottom: 0; + .lg\:col-start-6 { + grid-column-start: 6; } - .lg\:-ml-0 { - margin-left: 0; + .lg\:col-end-6 { + grid-column-end: 6; } - .lg\:-mt-1 { - margin-top: -0.25rem; + .lg\:col-start-7 { + grid-column-start: 7; } - .lg\:-mr-1 { - margin-right: -0.25rem; + .lg\:col-end-7 { + grid-column-end: 7; } - .lg\:-mb-1 { - margin-bottom: -0.25rem; + .lg\:col-start-8 { + grid-column-start: 8; } - .lg\:-ml-1 { - margin-left: -0.25rem; + .lg\:col-end-8 { + grid-column-end: 8; } - .lg\:-mt-2 { - margin-top: -0.5rem; + .lg\:col-start-9 { + grid-column-start: 9; } - .lg\:-mr-2 { - margin-right: -0.5rem; + .lg\:col-end-9 { + grid-column-end: 9; } - .lg\:-mb-2 { - margin-bottom: -0.5rem; + .lg\:col-start-10 { + grid-column-start: 10; } - .lg\:-ml-2 { - margin-left: -0.5rem; + .lg\:col-end-10 { + grid-column-end: 10; } - .lg\:-mt-3 { - margin-top: -0.75rem; + .lg\:col-start-11 { + grid-column-start: 11; } - .lg\:-mr-3 { - margin-right: -0.75rem; + .lg\:col-end-11 { + grid-column-end: 11; } - .lg\:-mb-3 { - margin-bottom: -0.75rem; + .lg\:col-start-12 { + grid-column-start: 12; } - .lg\:-ml-3 { - margin-left: -0.75rem; + .lg\:col-end-12 { + grid-column-end: 12; } - .lg\:-mt-4 { - margin-top: -1rem; + .lg\:col-start-13 { + grid-column-start: 13; } - .lg\:-mr-4 { - margin-right: -1rem; + .lg\:col-end-13 { + grid-column-end: 13; } - .lg\:-mb-4 { - margin-bottom: -1rem; + .lg\:row-span-1 { + grid-row-start: span 1; } - .lg\:-ml-4 { - margin-left: -1rem; + .lg\:row-span-2 { + grid-row-start: span 2; } - .lg\:-mt-6 { - margin-top: -1.5rem; + .lg\:row-span-3 { + grid-row-start: span 3; } - .lg\:-mr-6 { - margin-right: -1.5rem; + .lg\:row-span-4 { + grid-row-start: span 4; } - .lg\:-mb-6 { - margin-bottom: -1.5rem; + .lg\:row-span-5 { + grid-row-start: span 5; } - .lg\:-ml-6 { - margin-left: -1.5rem; + .lg\:row-span-6 { + grid-row-start: span 6; } - .lg\:-mt-8 { - margin-top: -2rem; + .lg\:row-span-7 { + grid-row-start: span 7; } - .lg\:-mr-8 { - margin-right: -2rem; + .lg\:row-span-8 { + grid-row-start: span 8; } - .lg\:-mb-8 { - margin-bottom: -2rem; + .lg\:row-span-9 { + grid-row-start: span 9; } - .lg\:-ml-8 { - margin-left: -2rem; + .lg\:row-span-10 { + grid-row-start: span 10; } - .lg\:-mt-px { - margin-top: -1px; + .lg\:row-span-11 { + grid-row-start: span 11; } - .lg\:-mr-px { - margin-right: -1px; + .lg\:row-span-12 { + grid-row-start: span 12; } +} - .lg\:-mb-px { - margin-bottom: -1px; +@media (min-width: 1200px) { + .xl\:list-reset { + list-style: none; + padding: 0; } - .lg\:-ml-px { - margin-left: -1px; + .xl\:appearance-none { + appearance: none; } - .lg\:opacity-0 { - opacity: 0; + .xl\:bg-fixed { + background-attachment: fixed; } - .lg\:opacity-25 { - opacity: .25; + .xl\:bg-local { + background-attachment: local; } - .lg\:opacity-50 { - opacity: .5; + .xl\:bg-scroll { + background-attachment: scroll; } - .lg\:opacity-75 { - opacity: .75; + .xl\:bg-transparent { + background-color: transparent; } - .lg\:opacity-100 { - opacity: 1; + .xl\:bg-black { + background-color: #22292f; } - .lg\:overflow-auto { - overflow: auto; + .xl\:bg-grey-darkest { + background-color: #3d4852; } - .lg\:overflow-hidden { - overflow: hidden; + .xl\:bg-grey-darker { + background-color: #606f7b; } - .lg\:overflow-visible { - overflow: visible; + .xl\:bg-grey-dark { + background-color: #8795a1; } - .lg\:overflow-scroll { - overflow: scroll; + .xl\:bg-grey { + background-color: #b8c2cc; } - .lg\:overflow-x-auto { - overflow-x: auto; + .xl\:bg-grey-light { + background-color: #dae1e7; } - .lg\:overflow-y-auto { - overflow-y: auto; + .xl\:bg-grey-lighter { + background-color: #f1f5f8; } - .lg\:overflow-x-scroll { - overflow-x: scroll; + .xl\:bg-grey-lightest { + background-color: #f8fafc; } - .lg\:overflow-y-scroll { - overflow-y: scroll; + .xl\:bg-white { + background-color: #fff; } - .lg\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .xl\:bg-red-darkest { + background-color: #3b0d0c; } - .lg\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .xl\:bg-red-darker { + background-color: #621b18; } - .lg\:p-0 { - padding: 0; + .xl\:bg-red-dark { + background-color: #cc1f1a; } - .lg\:p-1 { - padding: .25rem; + .xl\:bg-red { + background-color: #e3342f; } - .lg\:p-2 { - padding: .5rem; + .xl\:bg-red-light { + background-color: #ef5753; } - .lg\:p-3 { - padding: .75rem; + .xl\:bg-red-lighter { + background-color: #f9acaa; } - .lg\:p-4 { - padding: 1rem; + .xl\:bg-red-lightest { + background-color: #fcebea; } - .lg\:p-6 { - padding: 1.5rem; + .xl\:bg-orange-darkest { + background-color: #462a16; } - .lg\:p-8 { - padding: 2rem; + .xl\:bg-orange-darker { + background-color: #613b1f; } - .lg\:p-px { - padding: 1px; + .xl\:bg-orange-dark { + background-color: #de751f; } - .lg\:py-0 { - padding-top: 0; - padding-bottom: 0; + .xl\:bg-orange { + background-color: #f6993f; } - .lg\:px-0 { - padding-left: 0; - padding-right: 0; + .xl\:bg-orange-light { + background-color: #faad63; } - .lg\:py-1 { - padding-top: .25rem; - padding-bottom: .25rem; + .xl\:bg-orange-lighter { + background-color: #fcd9b6; } - .lg\:px-1 { - padding-left: .25rem; - padding-right: .25rem; + .xl\:bg-orange-lightest { + background-color: #fff5eb; } - .lg\:py-2 { - padding-top: .5rem; - padding-bottom: .5rem; + .xl\:bg-yellow-darkest { + background-color: #453411; } - .lg\:px-2 { - padding-left: .5rem; - padding-right: .5rem; + .xl\:bg-yellow-darker { + background-color: #684f1d; } - .lg\:py-3 { - padding-top: .75rem; - padding-bottom: .75rem; + .xl\:bg-yellow-dark { + background-color: #f2d024; } - .lg\:px-3 { - padding-left: .75rem; - padding-right: .75rem; + .xl\:bg-yellow { + background-color: #ffed4a; } - .lg\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .xl\:bg-yellow-light { + background-color: #fff382; } - .lg\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .xl\:bg-yellow-lighter { + background-color: #fff9c2; } - .lg\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .xl\:bg-yellow-lightest { + background-color: #fcfbeb; } - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .xl\:bg-green-darkest { + background-color: #0f2f21; } - .lg\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .xl\:bg-green-darker { + background-color: #1a4731; } - .lg\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .xl\:bg-green-dark { + background-color: #1f9d55; } - .lg\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .xl\:bg-green { + background-color: #38c172; } - .lg\:px-px { - padding-left: 1px; - padding-right: 1px; + .xl\:bg-green-light { + background-color: #51d88a; } - .lg\:pt-0 { - padding-top: 0; + .xl\:bg-green-lighter { + background-color: #a2f5bf; } - .lg\:pr-0 { - padding-right: 0; + .xl\:bg-green-lightest { + background-color: #e3fcec; } - .lg\:pb-0 { - padding-bottom: 0; + .xl\:bg-teal-darkest { + background-color: #0d3331; } - .lg\:pl-0 { - padding-left: 0; + .xl\:bg-teal-darker { + background-color: #20504f; } - .lg\:pt-1 { - padding-top: .25rem; + .xl\:bg-teal-dark { + background-color: #38a89d; } - .lg\:pr-1 { - padding-right: .25rem; + .xl\:bg-teal { + background-color: #4dc0b5; } - .lg\:pb-1 { - padding-bottom: .25rem; + .xl\:bg-teal-light { + background-color: #64d5ca; } - .lg\:pl-1 { - padding-left: .25rem; + .xl\:bg-teal-lighter { + background-color: #a0f0ed; } - .lg\:pt-2 { - padding-top: .5rem; + .xl\:bg-teal-lightest { + background-color: #e8fffe; } - .lg\:pr-2 { - padding-right: .5rem; + .xl\:bg-blue-darkest { + background-color: #12283a; } - .lg\:pb-2 { - padding-bottom: .5rem; + .xl\:bg-blue-darker { + background-color: #1c3d5a; } - .lg\:pl-2 { - padding-left: .5rem; + .xl\:bg-blue-dark { + background-color: #2779bd; } - .lg\:pt-3 { - padding-top: .75rem; + .xl\:bg-blue { + background-color: #3490dc; } - .lg\:pr-3 { - padding-right: .75rem; + .xl\:bg-blue-light { + background-color: #6cb2eb; } - .lg\:pb-3 { - padding-bottom: .75rem; + .xl\:bg-blue-lighter { + background-color: #bcdefa; } - .lg\:pl-3 { - padding-left: .75rem; + .xl\:bg-blue-lightest { + background-color: #eff8ff; } - .lg\:pt-4 { - padding-top: 1rem; + .xl\:bg-indigo-darkest { + background-color: #191e38; } - .lg\:pr-4 { - padding-right: 1rem; + .xl\:bg-indigo-darker { + background-color: #2f365f; } - .lg\:pb-4 { - padding-bottom: 1rem; + .xl\:bg-indigo-dark { + background-color: #5661b3; } - .lg\:pl-4 { - padding-left: 1rem; + .xl\:bg-indigo { + background-color: #6574cd; } - .lg\:pt-6 { - padding-top: 1.5rem; + .xl\:bg-indigo-light { + background-color: #7886d7; } - .lg\:pr-6 { - padding-right: 1.5rem; + .xl\:bg-indigo-lighter { + background-color: #b2b7ff; } - .lg\:pb-6 { - padding-bottom: 1.5rem; + .xl\:bg-indigo-lightest { + background-color: #e6e8ff; } - .lg\:pl-6 { - padding-left: 1.5rem; + .xl\:bg-purple-darkest { + background-color: #21183c; } - .lg\:pt-8 { - padding-top: 2rem; + .xl\:bg-purple-darker { + background-color: #382b5f; } - .lg\:pr-8 { - padding-right: 2rem; + .xl\:bg-purple-dark { + background-color: #794acf; } - .lg\:pb-8 { - padding-bottom: 2rem; + .xl\:bg-purple { + background-color: #9561e2; } - .lg\:pl-8 { - padding-left: 2rem; + .xl\:bg-purple-light { + background-color: #a779e9; } - .lg\:pt-px { - padding-top: 1px; + .xl\:bg-purple-lighter { + background-color: #d6bbfc; } - .lg\:pr-px { - padding-right: 1px; + .xl\:bg-purple-lightest { + background-color: #f3ebff; } - .lg\:pb-px { - padding-bottom: 1px; + .xl\:bg-pink-darkest { + background-color: #451225; } - .lg\:pl-px { - padding-left: 1px; + .xl\:bg-pink-darker { + background-color: #6f213f; } - .lg\:pointer-events-none { - pointer-events: none; + .xl\:bg-pink-dark { + background-color: #eb5286; } - .lg\:pointer-events-auto { - pointer-events: auto; + .xl\:bg-pink { + background-color: #f66d9b; } - .lg\:static { - position: static; + .xl\:bg-pink-light { + background-color: #fa7ea8; } - .lg\:fixed { - position: fixed; + .xl\:bg-pink-lighter { + background-color: #ffbbca; } - .lg\:absolute { - position: absolute; + .xl\:bg-pink-lightest { + background-color: #ffebef; } - .lg\:relative { - position: relative; + .xl\:hover\:bg-transparent:hover { + background-color: transparent; } - .lg\:sticky { - position: sticky; + .xl\:hover\:bg-black:hover { + background-color: #22292f; } - .lg\:pin-none { - top: auto; - right: auto; - bottom: auto; - left: auto; + .xl\:hover\:bg-grey-darkest:hover { + background-color: #3d4852; } - .lg\:pin { - top: 0; - right: 0; - bottom: 0; - left: 0; + .xl\:hover\:bg-grey-darker:hover { + background-color: #606f7b; } - .lg\:pin-y { - top: 0; - bottom: 0; + .xl\:hover\:bg-grey-dark:hover { + background-color: #8795a1; } - .lg\:pin-x { - right: 0; - left: 0; + .xl\:hover\:bg-grey:hover { + background-color: #b8c2cc; } - .lg\:pin-t { - top: 0; + .xl\:hover\:bg-grey-light:hover { + background-color: #dae1e7; } - .lg\:pin-r { - right: 0; + .xl\:hover\:bg-grey-lighter:hover { + background-color: #f1f5f8; } - .lg\:pin-b { - bottom: 0; + .xl\:hover\:bg-grey-lightest:hover { + background-color: #f8fafc; } - .lg\:pin-l { - left: 0; + .xl\:hover\:bg-white:hover { + background-color: #fff; } - .lg\:resize-none { - resize: none; + .xl\:hover\:bg-red-darkest:hover { + background-color: #3b0d0c; } - .lg\:resize-y { - resize: vertical; + .xl\:hover\:bg-red-darker:hover { + background-color: #621b18; } - .lg\:resize-x { - resize: horizontal; + .xl\:hover\:bg-red-dark:hover { + background-color: #cc1f1a; } - .lg\:resize { - resize: both; + .xl\:hover\:bg-red:hover { + background-color: #e3342f; } - .lg\:shadow { - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); + .xl\:hover\:bg-red-light:hover { + background-color: #ef5753; } - .lg\:shadow-md { - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); + .xl\:hover\:bg-red-lighter:hover { + background-color: #f9acaa; } - .lg\:shadow-lg { - box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); + .xl\:hover\:bg-red-lightest:hover { + background-color: #fcebea; } - .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + .xl\:hover\:bg-orange-darkest:hover { + background-color: #462a16; } - .lg\:shadow-none { - box-shadow: none; + .xl\:hover\:bg-orange-darker:hover { + background-color: #613b1f; } - .lg\:text-left { - text-align: left; + .xl\:hover\:bg-orange-dark:hover { + background-color: #de751f; } - .lg\:text-center { - text-align: center; + .xl\:hover\:bg-orange:hover { + background-color: #f6993f; } - .lg\:text-right { - text-align: right; + .xl\:hover\:bg-orange-light:hover { + background-color: #faad63; } - .lg\:text-justify { - text-align: justify; + .xl\:hover\:bg-orange-lighter:hover { + background-color: #fcd9b6; } - .lg\:text-transparent { - color: transparent; + .xl\:hover\:bg-orange-lightest:hover { + background-color: #fff5eb; } - .lg\:text-black { - color: #22292f; + .xl\:hover\:bg-yellow-darkest:hover { + background-color: #453411; } - .lg\:text-grey-darkest { - color: #3d4852; + .xl\:hover\:bg-yellow-darker:hover { + background-color: #684f1d; } - .lg\:text-grey-darker { - color: #606f7b; + .xl\:hover\:bg-yellow-dark:hover { + background-color: #f2d024; } - .lg\:text-grey-dark { - color: #8795a1; + .xl\:hover\:bg-yellow:hover { + background-color: #ffed4a; } - .lg\:text-grey { - color: #b8c2cc; + .xl\:hover\:bg-yellow-light:hover { + background-color: #fff382; } - .lg\:text-grey-light { - color: #dae1e7; + .xl\:hover\:bg-yellow-lighter:hover { + background-color: #fff9c2; } - .lg\:text-grey-lighter { - color: #f1f5f8; + .xl\:hover\:bg-yellow-lightest:hover { + background-color: #fcfbeb; } - .lg\:text-grey-lightest { - color: #f8fafc; + .xl\:hover\:bg-green-darkest:hover { + background-color: #0f2f21; } - .lg\:text-white { - color: #fff; + .xl\:hover\:bg-green-darker:hover { + background-color: #1a4731; } - .lg\:text-red-darkest { - color: #3b0d0c; + .xl\:hover\:bg-green-dark:hover { + background-color: #1f9d55; } - .lg\:text-red-darker { - color: #621b18; + .xl\:hover\:bg-green:hover { + background-color: #38c172; } - .lg\:text-red-dark { - color: #cc1f1a; + .xl\:hover\:bg-green-light:hover { + background-color: #51d88a; } - .lg\:text-red { - color: #e3342f; + .xl\:hover\:bg-green-lighter:hover { + background-color: #a2f5bf; } - .lg\:text-red-light { - color: #ef5753; + .xl\:hover\:bg-green-lightest:hover { + background-color: #e3fcec; } - .lg\:text-red-lighter { - color: #f9acaa; + .xl\:hover\:bg-teal-darkest:hover { + background-color: #0d3331; } - .lg\:text-red-lightest { - color: #fcebea; + .xl\:hover\:bg-teal-darker:hover { + background-color: #20504f; } - .lg\:text-orange-darkest { - color: #462a16; + .xl\:hover\:bg-teal-dark:hover { + background-color: #38a89d; } - .lg\:text-orange-darker { - color: #613b1f; + .xl\:hover\:bg-teal:hover { + background-color: #4dc0b5; } - .lg\:text-orange-dark { - color: #de751f; + .xl\:hover\:bg-teal-light:hover { + background-color: #64d5ca; } - .lg\:text-orange { - color: #f6993f; + .xl\:hover\:bg-teal-lighter:hover { + background-color: #a0f0ed; } - .lg\:text-orange-light { - color: #faad63; + .xl\:hover\:bg-teal-lightest:hover { + background-color: #e8fffe; } - .lg\:text-orange-lighter { - color: #fcd9b6; + .xl\:hover\:bg-blue-darkest:hover { + background-color: #12283a; } - .lg\:text-orange-lightest { - color: #fff5eb; + .xl\:hover\:bg-blue-darker:hover { + background-color: #1c3d5a; } - .lg\:text-yellow-darkest { - color: #453411; + .xl\:hover\:bg-blue-dark:hover { + background-color: #2779bd; } - .lg\:text-yellow-darker { - color: #684f1d; + .xl\:hover\:bg-blue:hover { + background-color: #3490dc; } - .lg\:text-yellow-dark { - color: #f2d024; + .xl\:hover\:bg-blue-light:hover { + background-color: #6cb2eb; } - .lg\:text-yellow { - color: #ffed4a; + .xl\:hover\:bg-blue-lighter:hover { + background-color: #bcdefa; } - .lg\:text-yellow-light { - color: #fff382; + .xl\:hover\:bg-blue-lightest:hover { + background-color: #eff8ff; } - .lg\:text-yellow-lighter { - color: #fff9c2; + .xl\:hover\:bg-indigo-darkest:hover { + background-color: #191e38; } - .lg\:text-yellow-lightest { - color: #fcfbeb; + .xl\:hover\:bg-indigo-darker:hover { + background-color: #2f365f; } - .lg\:text-green-darkest { - color: #0f2f21; + .xl\:hover\:bg-indigo-dark:hover { + background-color: #5661b3; } - .lg\:text-green-darker { - color: #1a4731; + .xl\:hover\:bg-indigo:hover { + background-color: #6574cd; } - .lg\:text-green-dark { - color: #1f9d55; + .xl\:hover\:bg-indigo-light:hover { + background-color: #7886d7; } - .lg\:text-green { - color: #38c172; + .xl\:hover\:bg-indigo-lighter:hover { + background-color: #b2b7ff; } - .lg\:text-green-light { - color: #51d88a; + .xl\:hover\:bg-indigo-lightest:hover { + background-color: #e6e8ff; } - .lg\:text-green-lighter { - color: #a2f5bf; + .xl\:hover\:bg-purple-darkest:hover { + background-color: #21183c; } - .lg\:text-green-lightest { - color: #e3fcec; + .xl\:hover\:bg-purple-darker:hover { + background-color: #382b5f; } - .lg\:text-teal-darkest { - color: #0d3331; + .xl\:hover\:bg-purple-dark:hover { + background-color: #794acf; } - .lg\:text-teal-darker { - color: #20504f; + .xl\:hover\:bg-purple:hover { + background-color: #9561e2; } - .lg\:text-teal-dark { - color: #38a89d; + .xl\:hover\:bg-purple-light:hover { + background-color: #a779e9; } - .lg\:text-teal { - color: #4dc0b5; + .xl\:hover\:bg-purple-lighter:hover { + background-color: #d6bbfc; } - .lg\:text-teal-light { - color: #64d5ca; + .xl\:hover\:bg-purple-lightest:hover { + background-color: #f3ebff; } - .lg\:text-teal-lighter { - color: #a0f0ed; + .xl\:hover\:bg-pink-darkest:hover { + background-color: #451225; } - .lg\:text-teal-lightest { - color: #e8fffe; + .xl\:hover\:bg-pink-darker:hover { + background-color: #6f213f; } - .lg\:text-blue-darkest { - color: #12283a; + .xl\:hover\:bg-pink-dark:hover { + background-color: #eb5286; } - .lg\:text-blue-darker { - color: #1c3d5a; + .xl\:hover\:bg-pink:hover { + background-color: #f66d9b; } - .lg\:text-blue-dark { - color: #2779bd; + .xl\:hover\:bg-pink-light:hover { + background-color: #fa7ea8; } - .lg\:text-blue { - color: #3490dc; + .xl\:hover\:bg-pink-lighter:hover { + background-color: #ffbbca; } - .lg\:text-blue-light { - color: #6cb2eb; + .xl\:hover\:bg-pink-lightest:hover { + background-color: #ffebef; } - .lg\:text-blue-lighter { - color: #bcdefa; + .xl\:focus\:bg-transparent:focus { + background-color: transparent; } - .lg\:text-blue-lightest { - color: #eff8ff; + .xl\:focus\:bg-black:focus { + background-color: #22292f; } - .lg\:text-indigo-darkest { - color: #191e38; + .xl\:focus\:bg-grey-darkest:focus { + background-color: #3d4852; } - .lg\:text-indigo-darker { - color: #2f365f; + .xl\:focus\:bg-grey-darker:focus { + background-color: #606f7b; } - .lg\:text-indigo-dark { - color: #5661b3; + .xl\:focus\:bg-grey-dark:focus { + background-color: #8795a1; } - .lg\:text-indigo { - color: #6574cd; + .xl\:focus\:bg-grey:focus { + background-color: #b8c2cc; } - .lg\:text-indigo-light { - color: #7886d7; + .xl\:focus\:bg-grey-light:focus { + background-color: #dae1e7; } - .lg\:text-indigo-lighter { - color: #b2b7ff; + .xl\:focus\:bg-grey-lighter:focus { + background-color: #f1f5f8; } - .lg\:text-indigo-lightest { - color: #e6e8ff; + .xl\:focus\:bg-grey-lightest:focus { + background-color: #f8fafc; } - .lg\:text-purple-darkest { - color: #21183c; + .xl\:focus\:bg-white:focus { + background-color: #fff; } - .lg\:text-purple-darker { - color: #382b5f; + .xl\:focus\:bg-red-darkest:focus { + background-color: #3b0d0c; } - .lg\:text-purple-dark { - color: #794acf; + .xl\:focus\:bg-red-darker:focus { + background-color: #621b18; } - .lg\:text-purple { - color: #9561e2; + .xl\:focus\:bg-red-dark:focus { + background-color: #cc1f1a; } - .lg\:text-purple-light { - color: #a779e9; + .xl\:focus\:bg-red:focus { + background-color: #e3342f; } - .lg\:text-purple-lighter { - color: #d6bbfc; + .xl\:focus\:bg-red-light:focus { + background-color: #ef5753; } - .lg\:text-purple-lightest { - color: #f3ebff; + .xl\:focus\:bg-red-lighter:focus { + background-color: #f9acaa; } - .lg\:text-pink-darkest { - color: #451225; + .xl\:focus\:bg-red-lightest:focus { + background-color: #fcebea; } - .lg\:text-pink-darker { - color: #6f213f; + .xl\:focus\:bg-orange-darkest:focus { + background-color: #462a16; } - .lg\:text-pink-dark { - color: #eb5286; + .xl\:focus\:bg-orange-darker:focus { + background-color: #613b1f; } - .lg\:text-pink { - color: #f66d9b; + .xl\:focus\:bg-orange-dark:focus { + background-color: #de751f; } - .lg\:text-pink-light { - color: #fa7ea8; + .xl\:focus\:bg-orange:focus { + background-color: #f6993f; } - .lg\:text-pink-lighter { - color: #ffbbca; + .xl\:focus\:bg-orange-light:focus { + background-color: #faad63; } - .lg\:text-pink-lightest { - color: #ffebef; + .xl\:focus\:bg-orange-lighter:focus { + background-color: #fcd9b6; } - .lg\:hover\:text-transparent:hover { - color: transparent; + .xl\:focus\:bg-orange-lightest:focus { + background-color: #fff5eb; } - .lg\:hover\:text-black:hover { - color: #22292f; + .xl\:focus\:bg-yellow-darkest:focus { + background-color: #453411; } - .lg\:hover\:text-grey-darkest:hover { - color: #3d4852; + .xl\:focus\:bg-yellow-darker:focus { + background-color: #684f1d; } - .lg\:hover\:text-grey-darker:hover { - color: #606f7b; + .xl\:focus\:bg-yellow-dark:focus { + background-color: #f2d024; } - .lg\:hover\:text-grey-dark:hover { - color: #8795a1; + .xl\:focus\:bg-yellow:focus { + background-color: #ffed4a; } - .lg\:hover\:text-grey:hover { - color: #b8c2cc; + .xl\:focus\:bg-yellow-light:focus { + background-color: #fff382; } - .lg\:hover\:text-grey-light:hover { - color: #dae1e7; + .xl\:focus\:bg-yellow-lighter:focus { + background-color: #fff9c2; } - .lg\:hover\:text-grey-lighter:hover { - color: #f1f5f8; + .xl\:focus\:bg-yellow-lightest:focus { + background-color: #fcfbeb; } - .lg\:hover\:text-grey-lightest:hover { - color: #f8fafc; + .xl\:focus\:bg-green-darkest:focus { + background-color: #0f2f21; } - .lg\:hover\:text-white:hover { - color: #fff; + .xl\:focus\:bg-green-darker:focus { + background-color: #1a4731; } - .lg\:hover\:text-red-darkest:hover { - color: #3b0d0c; + .xl\:focus\:bg-green-dark:focus { + background-color: #1f9d55; } - .lg\:hover\:text-red-darker:hover { - color: #621b18; + .xl\:focus\:bg-green:focus { + background-color: #38c172; } - .lg\:hover\:text-red-dark:hover { - color: #cc1f1a; + .xl\:focus\:bg-green-light:focus { + background-color: #51d88a; } - .lg\:hover\:text-red:hover { - color: #e3342f; + .xl\:focus\:bg-green-lighter:focus { + background-color: #a2f5bf; } - .lg\:hover\:text-red-light:hover { - color: #ef5753; + .xl\:focus\:bg-green-lightest:focus { + background-color: #e3fcec; } - .lg\:hover\:text-red-lighter:hover { - color: #f9acaa; + .xl\:focus\:bg-teal-darkest:focus { + background-color: #0d3331; } - .lg\:hover\:text-red-lightest:hover { - color: #fcebea; + .xl\:focus\:bg-teal-darker:focus { + background-color: #20504f; } - .lg\:hover\:text-orange-darkest:hover { - color: #462a16; + .xl\:focus\:bg-teal-dark:focus { + background-color: #38a89d; } - .lg\:hover\:text-orange-darker:hover { - color: #613b1f; + .xl\:focus\:bg-teal:focus { + background-color: #4dc0b5; } - .lg\:hover\:text-orange-dark:hover { - color: #de751f; + .xl\:focus\:bg-teal-light:focus { + background-color: #64d5ca; } - .lg\:hover\:text-orange:hover { - color: #f6993f; + .xl\:focus\:bg-teal-lighter:focus { + background-color: #a0f0ed; } - .lg\:hover\:text-orange-light:hover { - color: #faad63; + .xl\:focus\:bg-teal-lightest:focus { + background-color: #e8fffe; } - .lg\:hover\:text-orange-lighter:hover { - color: #fcd9b6; + .xl\:focus\:bg-blue-darkest:focus { + background-color: #12283a; } - .lg\:hover\:text-orange-lightest:hover { - color: #fff5eb; + .xl\:focus\:bg-blue-darker:focus { + background-color: #1c3d5a; } - .lg\:hover\:text-yellow-darkest:hover { - color: #453411; + .xl\:focus\:bg-blue-dark:focus { + background-color: #2779bd; } - .lg\:hover\:text-yellow-darker:hover { - color: #684f1d; + .xl\:focus\:bg-blue:focus { + background-color: #3490dc; } - .lg\:hover\:text-yellow-dark:hover { - color: #f2d024; + .xl\:focus\:bg-blue-light:focus { + background-color: #6cb2eb; } - .lg\:hover\:text-yellow:hover { - color: #ffed4a; + .xl\:focus\:bg-blue-lighter:focus { + background-color: #bcdefa; } - .lg\:hover\:text-yellow-light:hover { - color: #fff382; + .xl\:focus\:bg-blue-lightest:focus { + background-color: #eff8ff; } - .lg\:hover\:text-yellow-lighter:hover { - color: #fff9c2; + .xl\:focus\:bg-indigo-darkest:focus { + background-color: #191e38; } - .lg\:hover\:text-yellow-lightest:hover { - color: #fcfbeb; + .xl\:focus\:bg-indigo-darker:focus { + background-color: #2f365f; } - .lg\:hover\:text-green-darkest:hover { - color: #0f2f21; + .xl\:focus\:bg-indigo-dark:focus { + background-color: #5661b3; } - .lg\:hover\:text-green-darker:hover { - color: #1a4731; + .xl\:focus\:bg-indigo:focus { + background-color: #6574cd; } - .lg\:hover\:text-green-dark:hover { - color: #1f9d55; + .xl\:focus\:bg-indigo-light:focus { + background-color: #7886d7; } - .lg\:hover\:text-green:hover { - color: #38c172; + .xl\:focus\:bg-indigo-lighter:focus { + background-color: #b2b7ff; } - .lg\:hover\:text-green-light:hover { - color: #51d88a; + .xl\:focus\:bg-indigo-lightest:focus { + background-color: #e6e8ff; } - .lg\:hover\:text-green-lighter:hover { - color: #a2f5bf; + .xl\:focus\:bg-purple-darkest:focus { + background-color: #21183c; } - .lg\:hover\:text-green-lightest:hover { - color: #e3fcec; + .xl\:focus\:bg-purple-darker:focus { + background-color: #382b5f; } - .lg\:hover\:text-teal-darkest:hover { - color: #0d3331; + .xl\:focus\:bg-purple-dark:focus { + background-color: #794acf; } - .lg\:hover\:text-teal-darker:hover { - color: #20504f; + .xl\:focus\:bg-purple:focus { + background-color: #9561e2; } - .lg\:hover\:text-teal-dark:hover { - color: #38a89d; + .xl\:focus\:bg-purple-light:focus { + background-color: #a779e9; } - .lg\:hover\:text-teal:hover { - color: #4dc0b5; + .xl\:focus\:bg-purple-lighter:focus { + background-color: #d6bbfc; } - .lg\:hover\:text-teal-light:hover { - color: #64d5ca; + .xl\:focus\:bg-purple-lightest:focus { + background-color: #f3ebff; } - .lg\:hover\:text-teal-lighter:hover { - color: #a0f0ed; + .xl\:focus\:bg-pink-darkest:focus { + background-color: #451225; } - .lg\:hover\:text-teal-lightest:hover { - color: #e8fffe; + .xl\:focus\:bg-pink-darker:focus { + background-color: #6f213f; } - .lg\:hover\:text-blue-darkest:hover { - color: #12283a; + .xl\:focus\:bg-pink-dark:focus { + background-color: #eb5286; } - .lg\:hover\:text-blue-darker:hover { - color: #1c3d5a; + .xl\:focus\:bg-pink:focus { + background-color: #f66d9b; } - .lg\:hover\:text-blue-dark:hover { - color: #2779bd; + .xl\:focus\:bg-pink-light:focus { + background-color: #fa7ea8; } - .lg\:hover\:text-blue:hover { - color: #3490dc; + .xl\:focus\:bg-pink-lighter:focus { + background-color: #ffbbca; } - .lg\:hover\:text-blue-light:hover { - color: #6cb2eb; + .xl\:focus\:bg-pink-lightest:focus { + background-color: #ffebef; } - .lg\:hover\:text-blue-lighter:hover { - color: #bcdefa; + .xl\:bg-bottom { + background-position: bottom; } - .lg\:hover\:text-blue-lightest:hover { - color: #eff8ff; + .xl\:bg-center { + background-position: center; } - .lg\:hover\:text-indigo-darkest:hover { - color: #191e38; + .xl\:bg-left { + background-position: left; } - .lg\:hover\:text-indigo-darker:hover { - color: #2f365f; + .xl\:bg-left-bottom { + background-position: left bottom; } - .lg\:hover\:text-indigo-dark:hover { - color: #5661b3; + .xl\:bg-left-top { + background-position: left top; } - .lg\:hover\:text-indigo:hover { - color: #6574cd; + .xl\:bg-right { + background-position: right; } - .lg\:hover\:text-indigo-light:hover { - color: #7886d7; + .xl\:bg-right-bottom { + background-position: right bottom; } - .lg\:hover\:text-indigo-lighter:hover { - color: #b2b7ff; + .xl\:bg-right-top { + background-position: right top; } - .lg\:hover\:text-indigo-lightest:hover { - color: #e6e8ff; + .xl\:bg-top { + background-position: top; } - .lg\:hover\:text-purple-darkest:hover { - color: #21183c; + .xl\:bg-repeat { + background-repeat: repeat; } - .lg\:hover\:text-purple-darker:hover { - color: #382b5f; + .xl\:bg-no-repeat { + background-repeat: no-repeat; } - .lg\:hover\:text-purple-dark:hover { - color: #794acf; + .xl\:bg-repeat-x { + background-repeat: repeat-x; } - .lg\:hover\:text-purple:hover { - color: #9561e2; + .xl\:bg-repeat-y { + background-repeat: repeat-y; } - .lg\:hover\:text-purple-light:hover { - color: #a779e9; + .xl\:bg-auto { + background-size: auto; } - .lg\:hover\:text-purple-lighter:hover { - color: #d6bbfc; + .xl\:bg-cover { + background-size: cover; } - .lg\:hover\:text-purple-lightest:hover { - color: #f3ebff; + .xl\:bg-contain { + background-size: contain; } - .lg\:hover\:text-pink-darkest:hover { - color: #451225; + .xl\:border-transparent { + border-color: transparent; } - .lg\:hover\:text-pink-darker:hover { - color: #6f213f; + .xl\:border-black { + border-color: #22292f; } - .lg\:hover\:text-pink-dark:hover { - color: #eb5286; + .xl\:border-grey-darkest { + border-color: #3d4852; } - .lg\:hover\:text-pink:hover { - color: #f66d9b; + .xl\:border-grey-darker { + border-color: #606f7b; } - .lg\:hover\:text-pink-light:hover { - color: #fa7ea8; + .xl\:border-grey-dark { + border-color: #8795a1; } - .lg\:hover\:text-pink-lighter:hover { - color: #ffbbca; + .xl\:border-grey { + border-color: #b8c2cc; } - .lg\:hover\:text-pink-lightest:hover { - color: #ffebef; + .xl\:border-grey-light { + border-color: #dae1e7; } - .lg\:text-xs { - font-size: .75rem; + .xl\:border-grey-lighter { + border-color: #f1f5f8; } - .lg\:text-sm { - font-size: .875rem; + .xl\:border-grey-lightest { + border-color: #f8fafc; } - .lg\:text-base { - font-size: 1rem; + .xl\:border-white { + border-color: #fff; } - .lg\:text-lg { - font-size: 1.125rem; + .xl\:border-red-darkest { + border-color: #3b0d0c; } - .lg\:text-xl { - font-size: 1.25rem; + .xl\:border-red-darker { + border-color: #621b18; } - .lg\:text-2xl { - font-size: 1.5rem; + .xl\:border-red-dark { + border-color: #cc1f1a; } - .lg\:text-3xl { - font-size: 1.875rem; + .xl\:border-red { + border-color: #e3342f; } - .lg\:text-4xl { - font-size: 2.25rem; + .xl\:border-red-light { + border-color: #ef5753; } - .lg\:text-5xl { - font-size: 3rem; + .xl\:border-red-lighter { + border-color: #f9acaa; } - .lg\:italic { - font-style: italic; + .xl\:border-red-lightest { + border-color: #fcebea; } - .lg\:roman { - font-style: normal; + .xl\:border-orange-darkest { + border-color: #462a16; } - .lg\:uppercase { - text-transform: uppercase; + .xl\:border-orange-darker { + border-color: #613b1f; } - .lg\:lowercase { - text-transform: lowercase; + .xl\:border-orange-dark { + border-color: #de751f; } - .lg\:capitalize { - text-transform: capitalize; + .xl\:border-orange { + border-color: #f6993f; } - .lg\:normal-case { - text-transform: none; + .xl\:border-orange-light { + border-color: #faad63; } - .lg\:underline { - text-decoration: underline; + .xl\:border-orange-lighter { + border-color: #fcd9b6; } - .lg\:line-through { - text-decoration: line-through; + .xl\:border-orange-lightest { + border-color: #fff5eb; } - .lg\:no-underline { - text-decoration: none; + .xl\:border-yellow-darkest { + border-color: #453411; } - .lg\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .xl\:border-yellow-darker { + border-color: #684f1d; } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .xl\:border-yellow-dark { + border-color: #f2d024; } - .lg\:hover\:italic:hover { - font-style: italic; + .xl\:border-yellow { + border-color: #ffed4a; } - .lg\:hover\:roman:hover { - font-style: normal; + .xl\:border-yellow-light { + border-color: #fff382; } - .lg\:hover\:uppercase:hover { - text-transform: uppercase; + .xl\:border-yellow-lighter { + border-color: #fff9c2; } - .lg\:hover\:lowercase:hover { - text-transform: lowercase; + .xl\:border-yellow-lightest { + border-color: #fcfbeb; } - .lg\:hover\:capitalize:hover { - text-transform: capitalize; + .xl\:border-green-darkest { + border-color: #0f2f21; } - .lg\:hover\:normal-case:hover { - text-transform: none; + .xl\:border-green-darker { + border-color: #1a4731; } - .lg\:hover\:underline:hover { - text-decoration: underline; + .xl\:border-green-dark { + border-color: #1f9d55; } - .lg\:hover\:line-through:hover { - text-decoration: line-through; + .xl\:border-green { + border-color: #38c172; } - .lg\:hover\:no-underline:hover { - text-decoration: none; + .xl\:border-green-light { + border-color: #51d88a; } - .lg\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .xl\:border-green-lighter { + border-color: #a2f5bf; } - .lg\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .xl\:border-green-lightest { + border-color: #e3fcec; } - .lg\:tracking-tight { - letter-spacing: -0.05em; + .xl\:border-teal-darkest { + border-color: #0d3331; } - .lg\:tracking-normal { - letter-spacing: 0; + .xl\:border-teal-darker { + border-color: #20504f; } - .lg\:tracking-wide { - letter-spacing: .05em; + .xl\:border-teal-dark { + border-color: #38a89d; } - .lg\:select-none { - user-select: none; + .xl\:border-teal { + border-color: #4dc0b5; } - .lg\:select-text { - user-select: text; + .xl\:border-teal-light { + border-color: #64d5ca; } - .lg\:align-baseline { - vertical-align: baseline; + .xl\:border-teal-lighter { + border-color: #a0f0ed; } - .lg\:align-top { - vertical-align: top; + .xl\:border-teal-lightest { + border-color: #e8fffe; } - .lg\:align-middle { - vertical-align: middle; + .xl\:border-blue-darkest { + border-color: #12283a; } - .lg\:align-bottom { - vertical-align: bottom; + .xl\:border-blue-darker { + border-color: #1c3d5a; } - .lg\:align-text-top { - vertical-align: text-top; + .xl\:border-blue-dark { + border-color: #2779bd; } - .lg\:align-text-bottom { - vertical-align: text-bottom; + .xl\:border-blue { + border-color: #3490dc; } - .lg\:visible { - visibility: visible; + .xl\:border-blue-light { + border-color: #6cb2eb; } - .lg\:invisible { - visibility: hidden; + .xl\:border-blue-lighter { + border-color: #bcdefa; } - .lg\:whitespace-normal { - white-space: normal; + .xl\:border-blue-lightest { + border-color: #eff8ff; } - .lg\:whitespace-no-wrap { - white-space: nowrap; + .xl\:border-indigo-darkest { + border-color: #191e38; } - .lg\:whitespace-pre { - white-space: pre; + .xl\:border-indigo-darker { + border-color: #2f365f; } - .lg\:whitespace-pre-line { - white-space: pre-line; + .xl\:border-indigo-dark { + border-color: #5661b3; } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap; + .xl\:border-indigo { + border-color: #6574cd; } - .lg\:break-words { - word-wrap: break-word; + .xl\:border-indigo-light { + border-color: #7886d7; } - .lg\:break-normal { - word-wrap: normal; + .xl\:border-indigo-lighter { + border-color: #b2b7ff; } - .lg\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .xl\:border-indigo-lightest { + border-color: #e6e8ff; } - .lg\:w-1 { - width: .25rem; + .xl\:border-purple-darkest { + border-color: #21183c; } - .lg\:w-2 { - width: .5rem; + .xl\:border-purple-darker { + border-color: #382b5f; } - .lg\:w-3 { - width: .75rem; + .xl\:border-purple-dark { + border-color: #794acf; } - .lg\:w-4 { - width: 1rem; + .xl\:border-purple { + border-color: #9561e2; } - .lg\:w-6 { - width: 1.5rem; + .xl\:border-purple-light { + border-color: #a779e9; } - .lg\:w-8 { - width: 2rem; + .xl\:border-purple-lighter { + border-color: #d6bbfc; } - .lg\:w-10 { - width: 2.5rem; + .xl\:border-purple-lightest { + border-color: #f3ebff; } - .lg\:w-12 { - width: 3rem; + .xl\:border-pink-darkest { + border-color: #451225; } - .lg\:w-16 { - width: 4rem; + .xl\:border-pink-darker { + border-color: #6f213f; } - .lg\:w-24 { - width: 6rem; + .xl\:border-pink-dark { + border-color: #eb5286; } - .lg\:w-32 { - width: 8rem; + .xl\:border-pink { + border-color: #f66d9b; } - .lg\:w-48 { - width: 12rem; + .xl\:border-pink-light { + border-color: #fa7ea8; } - .lg\:w-64 { - width: 16rem; + .xl\:border-pink-lighter { + border-color: #ffbbca; } - .lg\:w-auto { - width: auto; + .xl\:border-pink-lightest { + border-color: #ffebef; } - .lg\:w-px { - width: 1px; + .xl\:hover\:border-transparent:hover { + border-color: transparent; } - .lg\:w-1\/2 { - width: 50%; + .xl\:hover\:border-black:hover { + border-color: #22292f; } - .lg\:w-1\/3 { - width: 33.33333%; + .xl\:hover\:border-grey-darkest:hover { + border-color: #3d4852; } - .lg\:w-2\/3 { - width: 66.66667%; + .xl\:hover\:border-grey-darker:hover { + border-color: #606f7b; } - .lg\:w-1\/4 { - width: 25%; + .xl\:hover\:border-grey-dark:hover { + border-color: #8795a1; } - .lg\:w-3\/4 { - width: 75%; + .xl\:hover\:border-grey:hover { + border-color: #b8c2cc; } - .lg\:w-1\/5 { - width: 20%; + .xl\:hover\:border-grey-light:hover { + border-color: #dae1e7; } - .lg\:w-2\/5 { - width: 40%; + .xl\:hover\:border-grey-lighter:hover { + border-color: #f1f5f8; } - .lg\:w-3\/5 { - width: 60%; + .xl\:hover\:border-grey-lightest:hover { + border-color: #f8fafc; } - .lg\:w-4\/5 { - width: 80%; + .xl\:hover\:border-white:hover { + border-color: #fff; } - .lg\:w-1\/6 { - width: 16.66667%; + .xl\:hover\:border-red-darkest:hover { + border-color: #3b0d0c; } - .lg\:w-5\/6 { - width: 83.33333%; + .xl\:hover\:border-red-darker:hover { + border-color: #621b18; } - .lg\:w-full { - width: 100%; + .xl\:hover\:border-red-dark:hover { + border-color: #cc1f1a; } - .lg\:w-screen { - width: 100vw; + .xl\:hover\:border-red:hover { + border-color: #e3342f; } - .lg\:z-0 { - z-index: 0; + .xl\:hover\:border-red-light:hover { + border-color: #ef5753; } - .lg\:z-10 { - z-index: 10; + .xl\:hover\:border-red-lighter:hover { + border-color: #f9acaa; } - .lg\:z-20 { - z-index: 20; + .xl\:hover\:border-red-lightest:hover { + border-color: #fcebea; } - .lg\:z-30 { - z-index: 30; + .xl\:hover\:border-orange-darkest:hover { + border-color: #462a16; } - .lg\:z-40 { - z-index: 40; + .xl\:hover\:border-orange-darker:hover { + border-color: #613b1f; } - .lg\:z-50 { - z-index: 50; + .xl\:hover\:border-orange-dark:hover { + border-color: #de751f; } - .lg\:z-auto { - z-index: auto; + .xl\:hover\:border-orange:hover { + border-color: #f6993f; } - .lg\:object-contain { - object-fit: contain; + .xl\:hover\:border-orange-light:hover { + border-color: #faad63; } - .lg\:object-cover { - object-fit: cover; + .xl\:hover\:border-orange-lighter:hover { + border-color: #fcd9b6; } - .lg\:object-fill { - object-fit: fill; + .xl\:hover\:border-orange-lightest:hover { + border-color: #fff5eb; } - .lg\:object-none { - object-fit: none; + .xl\:hover\:border-yellow-darkest:hover { + border-color: #453411; } - .lg\:object-scale { - object-fit: scale-down; + .xl\:hover\:border-yellow-darker:hover { + border-color: #684f1d; } - .lg\:grid { - display: grid; + .xl\:hover\:border-yellow-dark:hover { + border-color: #f2d024; } - .lg\:grid-dense { - grid-auto-flow: dense; + .xl\:hover\:border-yellow:hover { + border-color: #ffed4a; } - .lg\:grid-gap-0 { - grid-gap: 0; + .xl\:hover\:border-yellow-light:hover { + border-color: #fff382; } - .lg\:grid-gap-4 { - grid-gap: 1rem; + .xl\:hover\:border-yellow-lighter:hover { + border-color: #fff9c2; } - .lg\:grid-gap-8 { - grid-gap: 2rem; + .xl\:hover\:border-yellow-lightest:hover { + border-color: #fcfbeb; } - .lg\:grid-columns-1 { - grid-template-columns: repeat(1, 1fr); + .xl\:hover\:border-green-darkest:hover { + border-color: #0f2f21; } - .lg\:grid-columns-2 { - grid-template-columns: repeat(2, 1fr); + .xl\:hover\:border-green-darker:hover { + border-color: #1a4731; } - .lg\:grid-columns-3 { - grid-template-columns: repeat(3, 1fr); + .xl\:hover\:border-green-dark:hover { + border-color: #1f9d55; } - .lg\:grid-columns-4 { - grid-template-columns: repeat(4, 1fr); + .xl\:hover\:border-green:hover { + border-color: #38c172; } - .lg\:grid-columns-5 { - grid-template-columns: repeat(5, 1fr); + .xl\:hover\:border-green-light:hover { + border-color: #51d88a; } - .lg\:grid-columns-6 { - grid-template-columns: repeat(6, 1fr); + .xl\:hover\:border-green-lighter:hover { + border-color: #a2f5bf; } - .lg\:grid-columns-7 { - grid-template-columns: repeat(7, 1fr); + .xl\:hover\:border-green-lightest:hover { + border-color: #e3fcec; } - .lg\:grid-columns-8 { - grid-template-columns: repeat(8, 1fr); + .xl\:hover\:border-teal-darkest:hover { + border-color: #0d3331; } - .lg\:grid-columns-9 { - grid-template-columns: repeat(9, 1fr); + .xl\:hover\:border-teal-darker:hover { + border-color: #20504f; } - .lg\:grid-columns-10 { - grid-template-columns: repeat(10, 1fr); + .xl\:hover\:border-teal-dark:hover { + border-color: #38a89d; + } + + .xl\:hover\:border-teal:hover { + border-color: #4dc0b5; } - .lg\:grid-columns-11 { - grid-template-columns: repeat(11, 1fr); + .xl\:hover\:border-teal-light:hover { + border-color: #64d5ca; } - .lg\:grid-columns-12 { - grid-template-columns: repeat(12, 1fr); + .xl\:hover\:border-teal-lighter:hover { + border-color: #a0f0ed; } - .lg\:col-span-1 { - grid-column-start: span 1; + .xl\:hover\:border-teal-lightest:hover { + border-color: #e8fffe; } - .lg\:col-span-2 { - grid-column-start: span 2; + .xl\:hover\:border-blue-darkest:hover { + border-color: #12283a; } - .lg\:col-span-3 { - grid-column-start: span 3; + .xl\:hover\:border-blue-darker:hover { + border-color: #1c3d5a; } - .lg\:col-span-4 { - grid-column-start: span 4; + .xl\:hover\:border-blue-dark:hover { + border-color: #2779bd; } - .lg\:col-span-5 { - grid-column-start: span 5; + .xl\:hover\:border-blue:hover { + border-color: #3490dc; } - .lg\:col-span-6 { - grid-column-start: span 6; + .xl\:hover\:border-blue-light:hover { + border-color: #6cb2eb; } - .lg\:col-span-7 { - grid-column-start: span 7; + .xl\:hover\:border-blue-lighter:hover { + border-color: #bcdefa; } - .lg\:col-span-8 { - grid-column-start: span 8; + .xl\:hover\:border-blue-lightest:hover { + border-color: #eff8ff; } - .lg\:col-span-9 { - grid-column-start: span 9; + .xl\:hover\:border-indigo-darkest:hover { + border-color: #191e38; } - .lg\:col-span-10 { - grid-column-start: span 10; + .xl\:hover\:border-indigo-darker:hover { + border-color: #2f365f; } - .lg\:col-span-11 { - grid-column-start: span 11; + .xl\:hover\:border-indigo-dark:hover { + border-color: #5661b3; } - .lg\:col-span-12 { - grid-column-start: span 12; + .xl\:hover\:border-indigo:hover { + border-color: #6574cd; } - .lg\:col-start-1 { - grid-column-start: 1; + .xl\:hover\:border-indigo-light:hover { + border-color: #7886d7; } - .lg\:col-end-1 { - grid-column-end: 1; + .xl\:hover\:border-indigo-lighter:hover { + border-color: #b2b7ff; } - .lg\:col-start-2 { - grid-column-start: 2; + .xl\:hover\:border-indigo-lightest:hover { + border-color: #e6e8ff; } - .lg\:col-end-2 { - grid-column-end: 2; + .xl\:hover\:border-purple-darkest:hover { + border-color: #21183c; } - .lg\:col-start-3 { - grid-column-start: 3; + .xl\:hover\:border-purple-darker:hover { + border-color: #382b5f; } - .lg\:col-end-3 { - grid-column-end: 3; + .xl\:hover\:border-purple-dark:hover { + border-color: #794acf; } - .lg\:col-start-4 { - grid-column-start: 4; + .xl\:hover\:border-purple:hover { + border-color: #9561e2; } - .lg\:col-end-4 { - grid-column-end: 4; + .xl\:hover\:border-purple-light:hover { + border-color: #a779e9; } - .lg\:col-start-5 { - grid-column-start: 5; + .xl\:hover\:border-purple-lighter:hover { + border-color: #d6bbfc; } - .lg\:col-end-5 { - grid-column-end: 5; + .xl\:hover\:border-purple-lightest:hover { + border-color: #f3ebff; } - .lg\:col-start-6 { - grid-column-start: 6; + .xl\:hover\:border-pink-darkest:hover { + border-color: #451225; } - .lg\:col-end-6 { - grid-column-end: 6; + .xl\:hover\:border-pink-darker:hover { + border-color: #6f213f; } - .lg\:col-start-7 { - grid-column-start: 7; + .xl\:hover\:border-pink-dark:hover { + border-color: #eb5286; } - .lg\:col-end-7 { - grid-column-end: 7; + .xl\:hover\:border-pink:hover { + border-color: #f66d9b; } - .lg\:col-start-8 { - grid-column-start: 8; + .xl\:hover\:border-pink-light:hover { + border-color: #fa7ea8; } - .lg\:col-end-8 { - grid-column-end: 8; + .xl\:hover\:border-pink-lighter:hover { + border-color: #ffbbca; } - .lg\:col-start-9 { - grid-column-start: 9; + .xl\:hover\:border-pink-lightest:hover { + border-color: #ffebef; } - .lg\:col-end-9 { - grid-column-end: 9; + .xl\:focus\:border-transparent:focus { + border-color: transparent; } - .lg\:col-start-10 { - grid-column-start: 10; + .xl\:focus\:border-black:focus { + border-color: #22292f; } - .lg\:col-end-10 { - grid-column-end: 10; + .xl\:focus\:border-grey-darkest:focus { + border-color: #3d4852; } - .lg\:col-start-11 { - grid-column-start: 11; + .xl\:focus\:border-grey-darker:focus { + border-color: #606f7b; } - .lg\:col-end-11 { - grid-column-end: 11; + .xl\:focus\:border-grey-dark:focus { + border-color: #8795a1; } - .lg\:col-start-12 { - grid-column-start: 12; + .xl\:focus\:border-grey:focus { + border-color: #b8c2cc; } - .lg\:col-end-12 { - grid-column-end: 12; + .xl\:focus\:border-grey-light:focus { + border-color: #dae1e7; } - .lg\:col-start-13 { - grid-column-start: 13; + .xl\:focus\:border-grey-lighter:focus { + border-color: #f1f5f8; } - .lg\:col-end-13 { - grid-column-end: 13; + .xl\:focus\:border-grey-lightest:focus { + border-color: #f8fafc; } -} -@media (min-width: 1200px) { - .xl\:list-reset { - list-style: none; - padding: 0; + .xl\:focus\:border-white:focus { + border-color: #fff; } - .xl\:appearance-none { - appearance: none; + .xl\:focus\:border-red-darkest:focus { + border-color: #3b0d0c; } - .xl\:bg-fixed { - background-attachment: fixed; + .xl\:focus\:border-red-darker:focus { + border-color: #621b18; } - .xl\:bg-local { - background-attachment: local; + .xl\:focus\:border-red-dark:focus { + border-color: #cc1f1a; } - .xl\:bg-scroll { - background-attachment: scroll; + .xl\:focus\:border-red:focus { + border-color: #e3342f; } - .xl\:bg-transparent { - background-color: transparent; + .xl\:focus\:border-red-light:focus { + border-color: #ef5753; } - .xl\:bg-black { - background-color: #22292f; + .xl\:focus\:border-red-lighter:focus { + border-color: #f9acaa; } - .xl\:bg-grey-darkest { - background-color: #3d4852; + .xl\:focus\:border-red-lightest:focus { + border-color: #fcebea; } - .xl\:bg-grey-darker { - background-color: #606f7b; + .xl\:focus\:border-orange-darkest:focus { + border-color: #462a16; } - .xl\:bg-grey-dark { - background-color: #8795a1; + .xl\:focus\:border-orange-darker:focus { + border-color: #613b1f; } - .xl\:bg-grey { - background-color: #b8c2cc; + .xl\:focus\:border-orange-dark:focus { + border-color: #de751f; } - .xl\:bg-grey-light { - background-color: #dae1e7; + .xl\:focus\:border-orange:focus { + border-color: #f6993f; } - .xl\:bg-grey-lighter { - background-color: #f1f5f8; + .xl\:focus\:border-orange-light:focus { + border-color: #faad63; } - .xl\:bg-grey-lightest { - background-color: #f8fafc; + .xl\:focus\:border-orange-lighter:focus { + border-color: #fcd9b6; } - .xl\:bg-white { - background-color: #fff; + .xl\:focus\:border-orange-lightest:focus { + border-color: #fff5eb; } - .xl\:bg-red-darkest { - background-color: #3b0d0c; + .xl\:focus\:border-yellow-darkest:focus { + border-color: #453411; } - .xl\:bg-red-darker { - background-color: #621b18; + .xl\:focus\:border-yellow-darker:focus { + border-color: #684f1d; } - .xl\:bg-red-dark { - background-color: #cc1f1a; + .xl\:focus\:border-yellow-dark:focus { + border-color: #f2d024; } - .xl\:bg-red { - background-color: #e3342f; + .xl\:focus\:border-yellow:focus { + border-color: #ffed4a; } - .xl\:bg-red-light { - background-color: #ef5753; + .xl\:focus\:border-yellow-light:focus { + border-color: #fff382; } - .xl\:bg-red-lighter { - background-color: #f9acaa; + .xl\:focus\:border-yellow-lighter:focus { + border-color: #fff9c2; } - .xl\:bg-red-lightest { - background-color: #fcebea; + .xl\:focus\:border-yellow-lightest:focus { + border-color: #fcfbeb; } - .xl\:bg-orange-darkest { - background-color: #462a16; + .xl\:focus\:border-green-darkest:focus { + border-color: #0f2f21; } - .xl\:bg-orange-darker { - background-color: #613b1f; + .xl\:focus\:border-green-darker:focus { + border-color: #1a4731; } - .xl\:bg-orange-dark { - background-color: #de751f; + .xl\:focus\:border-green-dark:focus { + border-color: #1f9d55; } - .xl\:bg-orange { - background-color: #f6993f; + .xl\:focus\:border-green:focus { + border-color: #38c172; } - .xl\:bg-orange-light { - background-color: #faad63; + .xl\:focus\:border-green-light:focus { + border-color: #51d88a; } - .xl\:bg-orange-lighter { - background-color: #fcd9b6; + .xl\:focus\:border-green-lighter:focus { + border-color: #a2f5bf; } - .xl\:bg-orange-lightest { - background-color: #fff5eb; + .xl\:focus\:border-green-lightest:focus { + border-color: #e3fcec; } - .xl\:bg-yellow-darkest { - background-color: #453411; + .xl\:focus\:border-teal-darkest:focus { + border-color: #0d3331; } - .xl\:bg-yellow-darker { - background-color: #684f1d; + .xl\:focus\:border-teal-darker:focus { + border-color: #20504f; } - .xl\:bg-yellow-dark { - background-color: #f2d024; + .xl\:focus\:border-teal-dark:focus { + border-color: #38a89d; } - .xl\:bg-yellow { - background-color: #ffed4a; + .xl\:focus\:border-teal:focus { + border-color: #4dc0b5; } - .xl\:bg-yellow-light { - background-color: #fff382; + .xl\:focus\:border-teal-light:focus { + border-color: #64d5ca; } - .xl\:bg-yellow-lighter { - background-color: #fff9c2; + .xl\:focus\:border-teal-lighter:focus { + border-color: #a0f0ed; } - .xl\:bg-yellow-lightest { - background-color: #fcfbeb; + .xl\:focus\:border-teal-lightest:focus { + border-color: #e8fffe; } - .xl\:bg-green-darkest { - background-color: #0f2f21; + .xl\:focus\:border-blue-darkest:focus { + border-color: #12283a; } - .xl\:bg-green-darker { - background-color: #1a4731; + .xl\:focus\:border-blue-darker:focus { + border-color: #1c3d5a; } - .xl\:bg-green-dark { - background-color: #1f9d55; + .xl\:focus\:border-blue-dark:focus { + border-color: #2779bd; } - .xl\:bg-green { - background-color: #38c172; + .xl\:focus\:border-blue:focus { + border-color: #3490dc; } - .xl\:bg-green-light { - background-color: #51d88a; + .xl\:focus\:border-blue-light:focus { + border-color: #6cb2eb; } - .xl\:bg-green-lighter { - background-color: #a2f5bf; + .xl\:focus\:border-blue-lighter:focus { + border-color: #bcdefa; } - .xl\:bg-green-lightest { - background-color: #e3fcec; + .xl\:focus\:border-blue-lightest:focus { + border-color: #eff8ff; } - .xl\:bg-teal-darkest { - background-color: #0d3331; + .xl\:focus\:border-indigo-darkest:focus { + border-color: #191e38; } - .xl\:bg-teal-darker { - background-color: #20504f; + .xl\:focus\:border-indigo-darker:focus { + border-color: #2f365f; } - .xl\:bg-teal-dark { - background-color: #38a89d; + .xl\:focus\:border-indigo-dark:focus { + border-color: #5661b3; } - .xl\:bg-teal { - background-color: #4dc0b5; + .xl\:focus\:border-indigo:focus { + border-color: #6574cd; } - .xl\:bg-teal-light { - background-color: #64d5ca; + .xl\:focus\:border-indigo-light:focus { + border-color: #7886d7; } - .xl\:bg-teal-lighter { - background-color: #a0f0ed; + .xl\:focus\:border-indigo-lighter:focus { + border-color: #b2b7ff; } - .xl\:bg-teal-lightest { - background-color: #e8fffe; + .xl\:focus\:border-indigo-lightest:focus { + border-color: #e6e8ff; } - .xl\:bg-blue-darkest { - background-color: #12283a; + .xl\:focus\:border-purple-darkest:focus { + border-color: #21183c; } - .xl\:bg-blue-darker { - background-color: #1c3d5a; + .xl\:focus\:border-purple-darker:focus { + border-color: #382b5f; } - .xl\:bg-blue-dark { - background-color: #2779bd; + .xl\:focus\:border-purple-dark:focus { + border-color: #794acf; } - .xl\:bg-blue { - background-color: #3490dc; + .xl\:focus\:border-purple:focus { + border-color: #9561e2; } - .xl\:bg-blue-light { - background-color: #6cb2eb; + .xl\:focus\:border-purple-light:focus { + border-color: #a779e9; } - .xl\:bg-blue-lighter { - background-color: #bcdefa; + .xl\:focus\:border-purple-lighter:focus { + border-color: #d6bbfc; } - .xl\:bg-blue-lightest { - background-color: #eff8ff; + .xl\:focus\:border-purple-lightest:focus { + border-color: #f3ebff; } - .xl\:bg-indigo-darkest { - background-color: #191e38; + .xl\:focus\:border-pink-darkest:focus { + border-color: #451225; } - .xl\:bg-indigo-darker { - background-color: #2f365f; + .xl\:focus\:border-pink-darker:focus { + border-color: #6f213f; } - .xl\:bg-indigo-dark { - background-color: #5661b3; + .xl\:focus\:border-pink-dark:focus { + border-color: #eb5286; } - .xl\:bg-indigo { - background-color: #6574cd; + .xl\:focus\:border-pink:focus { + border-color: #f66d9b; } - .xl\:bg-indigo-light { - background-color: #7886d7; + .xl\:focus\:border-pink-light:focus { + border-color: #fa7ea8; } - .xl\:bg-indigo-lighter { - background-color: #b2b7ff; + .xl\:focus\:border-pink-lighter:focus { + border-color: #ffbbca; } - .xl\:bg-indigo-lightest { - background-color: #e6e8ff; + .xl\:focus\:border-pink-lightest:focus { + border-color: #ffebef; } - .xl\:bg-purple-darkest { - background-color: #21183c; + .xl\:rounded-none { + border-radius: 0; } - .xl\:bg-purple-darker { - background-color: #382b5f; + .xl\:rounded-sm { + border-radius: .125rem; } - .xl\:bg-purple-dark { - background-color: #794acf; + .xl\:rounded { + border-radius: .25rem; } - .xl\:bg-purple { - background-color: #9561e2; + .xl\:rounded-lg { + border-radius: .5rem; } - .xl\:bg-purple-light { - background-color: #a779e9; + .xl\:rounded-full { + border-radius: 9999px; } - .xl\:bg-purple-lighter { - background-color: #d6bbfc; + .xl\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .xl\:bg-purple-lightest { - background-color: #f3ebff; + .xl\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .xl\:bg-pink-darkest { - background-color: #451225; + .xl\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .xl\:bg-pink-darker { - background-color: #6f213f; + .xl\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .xl\:bg-pink-dark { - background-color: #eb5286; + .xl\:rounded-t-sm { + border-top-left-radius: .125rem; + border-top-right-radius: .125rem; } - .xl\:bg-pink { - background-color: #f66d9b; + .xl\:rounded-r-sm { + border-top-right-radius: .125rem; + border-bottom-right-radius: .125rem; } - .xl\:bg-pink-light { - background-color: #fa7ea8; + .xl\:rounded-b-sm { + border-bottom-right-radius: .125rem; + border-bottom-left-radius: .125rem; } - .xl\:bg-pink-lighter { - background-color: #ffbbca; + .xl\:rounded-l-sm { + border-top-left-radius: .125rem; + border-bottom-left-radius: .125rem; } - .xl\:bg-pink-lightest { - background-color: #ffebef; + .xl\:rounded-t { + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; } - .xl\:hover\:bg-transparent:hover { - background-color: transparent; + .xl\:rounded-r { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; } - .xl\:hover\:bg-black:hover { - background-color: #22292f; + .xl\:rounded-b { + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; } - .xl\:hover\:bg-grey-darkest:hover { - background-color: #3d4852; + .xl\:rounded-l { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; } - .xl\:hover\:bg-grey-darker:hover { - background-color: #606f7b; + .xl\:rounded-t-lg { + border-top-left-radius: .5rem; + border-top-right-radius: .5rem; } - .xl\:hover\:bg-grey-dark:hover { - background-color: #8795a1; + .xl\:rounded-r-lg { + border-top-right-radius: .5rem; + border-bottom-right-radius: .5rem; } - .xl\:hover\:bg-grey:hover { - background-color: #b8c2cc; + .xl\:rounded-b-lg { + border-bottom-right-radius: .5rem; + border-bottom-left-radius: .5rem; } - .xl\:hover\:bg-grey-light:hover { - background-color: #dae1e7; + .xl\:rounded-l-lg { + border-top-left-radius: .5rem; + border-bottom-left-radius: .5rem; } - .xl\:hover\:bg-grey-lighter:hover { - background-color: #f1f5f8; + .xl\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .xl\:hover\:bg-grey-lightest:hover { - background-color: #f8fafc; + .xl\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .xl\:hover\:bg-white:hover { - background-color: #fff; + .xl\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:hover\:bg-red-darkest:hover { - background-color: #3b0d0c; + .xl\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:hover\:bg-red-darker:hover { - background-color: #621b18; + .xl\:rounded-tl-none { + border-top-left-radius: 0; } - .xl\:hover\:bg-red-dark:hover { - background-color: #cc1f1a; + .xl\:rounded-tr-none { + border-top-right-radius: 0; } - .xl\:hover\:bg-red:hover { - background-color: #e3342f; + .xl\:rounded-br-none { + border-bottom-right-radius: 0; } - .xl\:hover\:bg-red-light:hover { - background-color: #ef5753; + .xl\:rounded-bl-none { + border-bottom-left-radius: 0; } - .xl\:hover\:bg-red-lighter:hover { - background-color: #f9acaa; + .xl\:rounded-tl-sm { + border-top-left-radius: .125rem; } - .xl\:hover\:bg-red-lightest:hover { - background-color: #fcebea; + .xl\:rounded-tr-sm { + border-top-right-radius: .125rem; } - .xl\:hover\:bg-orange-darkest:hover { - background-color: #462a16; + .xl\:rounded-br-sm { + border-bottom-right-radius: .125rem; } - .xl\:hover\:bg-orange-darker:hover { - background-color: #613b1f; + .xl\:rounded-bl-sm { + border-bottom-left-radius: .125rem; } - .xl\:hover\:bg-orange-dark:hover { - background-color: #de751f; + .xl\:rounded-tl { + border-top-left-radius: .25rem; } - .xl\:hover\:bg-orange:hover { - background-color: #f6993f; + .xl\:rounded-tr { + border-top-right-radius: .25rem; } - .xl\:hover\:bg-orange-light:hover { - background-color: #faad63; + .xl\:rounded-br { + border-bottom-right-radius: .25rem; } - .xl\:hover\:bg-orange-lighter:hover { - background-color: #fcd9b6; + .xl\:rounded-bl { + border-bottom-left-radius: .25rem; } - .xl\:hover\:bg-orange-lightest:hover { - background-color: #fff5eb; + .xl\:rounded-tl-lg { + border-top-left-radius: .5rem; } - .xl\:hover\:bg-yellow-darkest:hover { - background-color: #453411; + .xl\:rounded-tr-lg { + border-top-right-radius: .5rem; } - .xl\:hover\:bg-yellow-darker:hover { - background-color: #684f1d; + .xl\:rounded-br-lg { + border-bottom-right-radius: .5rem; } - .xl\:hover\:bg-yellow-dark:hover { - background-color: #f2d024; + .xl\:rounded-bl-lg { + border-bottom-left-radius: .5rem; } - .xl\:hover\:bg-yellow:hover { - background-color: #ffed4a; + .xl\:rounded-tl-full { + border-top-left-radius: 9999px; } - .xl\:hover\:bg-yellow-light:hover { - background-color: #fff382; + .xl\:rounded-tr-full { + border-top-right-radius: 9999px; } - .xl\:hover\:bg-yellow-lighter:hover { - background-color: #fff9c2; + .xl\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .xl\:hover\:bg-yellow-lightest:hover { - background-color: #fcfbeb; + .xl\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .xl\:hover\:bg-green-darkest:hover { - background-color: #0f2f21; + .xl\:border-solid { + border-style: solid; } - .xl\:hover\:bg-green-darker:hover { - background-color: #1a4731; + .xl\:border-dashed { + border-style: dashed; } - .xl\:hover\:bg-green-dark:hover { - background-color: #1f9d55; + .xl\:border-dotted { + border-style: dotted; } - .xl\:hover\:bg-green:hover { - background-color: #38c172; + .xl\:border-none { + border-style: none; } - .xl\:hover\:bg-green-light:hover { - background-color: #51d88a; + .xl\:border-0 { + border-width: 0; } - .xl\:hover\:bg-green-lighter:hover { - background-color: #a2f5bf; + .xl\:border-2 { + border-width: 2px; } - .xl\:hover\:bg-green-lightest:hover { - background-color: #e3fcec; + .xl\:border-4 { + border-width: 4px; } - .xl\:hover\:bg-teal-darkest:hover { - background-color: #0d3331; + .xl\:border-8 { + border-width: 8px; } - .xl\:hover\:bg-teal-darker:hover { - background-color: #20504f; + .xl\:border { + border-width: 1px; } - .xl\:hover\:bg-teal-dark:hover { - background-color: #38a89d; + .xl\:border-t-0 { + border-top-width: 0; } - .xl\:hover\:bg-teal:hover { - background-color: #4dc0b5; + .xl\:border-r-0 { + border-right-width: 0; } - .xl\:hover\:bg-teal-light:hover { - background-color: #64d5ca; + .xl\:border-b-0 { + border-bottom-width: 0; } - .xl\:hover\:bg-teal-lighter:hover { - background-color: #a0f0ed; + .xl\:border-l-0 { + border-left-width: 0; } - .xl\:hover\:bg-teal-lightest:hover { - background-color: #e8fffe; + .xl\:border-t-2 { + border-top-width: 2px; } - .xl\:hover\:bg-blue-darkest:hover { - background-color: #12283a; + .xl\:border-r-2 { + border-right-width: 2px; } - .xl\:hover\:bg-blue-darker:hover { - background-color: #1c3d5a; + .xl\:border-b-2 { + border-bottom-width: 2px; } - .xl\:hover\:bg-blue-dark:hover { - background-color: #2779bd; + .xl\:border-l-2 { + border-left-width: 2px; } - .xl\:hover\:bg-blue:hover { - background-color: #3490dc; + .xl\:border-t-4 { + border-top-width: 4px; } - .xl\:hover\:bg-blue-light:hover { - background-color: #6cb2eb; + .xl\:border-r-4 { + border-right-width: 4px; } - .xl\:hover\:bg-blue-lighter:hover { - background-color: #bcdefa; + .xl\:border-b-4 { + border-bottom-width: 4px; } - .xl\:hover\:bg-blue-lightest:hover { - background-color: #eff8ff; + .xl\:border-l-4 { + border-left-width: 4px; } - .xl\:hover\:bg-indigo-darkest:hover { - background-color: #191e38; + .xl\:border-t-8 { + border-top-width: 8px; } - .xl\:hover\:bg-indigo-darker:hover { - background-color: #2f365f; + .xl\:border-r-8 { + border-right-width: 8px; } - .xl\:hover\:bg-indigo-dark:hover { - background-color: #5661b3; + .xl\:border-b-8 { + border-bottom-width: 8px; } - .xl\:hover\:bg-indigo:hover { - background-color: #6574cd; + .xl\:border-l-8 { + border-left-width: 8px; } - .xl\:hover\:bg-indigo-light:hover { - background-color: #7886d7; + .xl\:border-t { + border-top-width: 1px; } - .xl\:hover\:bg-indigo-lighter:hover { - background-color: #b2b7ff; + .xl\:border-r { + border-right-width: 1px; } - .xl\:hover\:bg-indigo-lightest:hover { - background-color: #e6e8ff; + .xl\:border-b { + border-bottom-width: 1px; } - .xl\:hover\:bg-purple-darkest:hover { - background-color: #21183c; + .xl\:border-l { + border-left-width: 1px; } - .xl\:hover\:bg-purple-darker:hover { - background-color: #382b5f; + .xl\:cursor-auto { + cursor: auto; } - .xl\:hover\:bg-purple-dark:hover { - background-color: #794acf; + .xl\:cursor-default { + cursor: default; } - .xl\:hover\:bg-purple:hover { - background-color: #9561e2; + .xl\:cursor-pointer { + cursor: pointer; } - .xl\:hover\:bg-purple-light:hover { - background-color: #a779e9; + .xl\:cursor-wait { + cursor: wait; } - .xl\:hover\:bg-purple-lighter:hover { - background-color: #d6bbfc; + .xl\:cursor-move { + cursor: move; } - .xl\:hover\:bg-purple-lightest:hover { - background-color: #f3ebff; + .xl\:cursor-not-allowed { + cursor: not-allowed; } - .xl\:hover\:bg-pink-darkest:hover { - background-color: #451225; + .xl\:block { + display: block; } - .xl\:hover\:bg-pink-darker:hover { - background-color: #6f213f; + .xl\:inline-block { + display: inline-block; } - .xl\:hover\:bg-pink-dark:hover { - background-color: #eb5286; + .xl\:inline { + display: inline; } - .xl\:hover\:bg-pink:hover { - background-color: #f66d9b; + .xl\:table { + display: table; } - .xl\:hover\:bg-pink-light:hover { - background-color: #fa7ea8; + .xl\:table-row { + display: table-row; } - .xl\:hover\:bg-pink-lighter:hover { - background-color: #ffbbca; + .xl\:table-cell { + display: table-cell; } - .xl\:hover\:bg-pink-lightest:hover { - background-color: #ffebef; + .xl\:hidden { + display: none; } - .xl\:bg-bottom { - background-position: bottom; + .xl\:flex { + display: flex; } - .xl\:bg-center { - background-position: center; + .xl\:inline-flex { + display: inline-flex; } - .xl\:bg-left { - background-position: left; + .xl\:flex-row { + flex-direction: row; } - .xl\:bg-left-bottom { - background-position: left bottom; + .xl\:flex-row-reverse { + flex-direction: row-reverse; } - .xl\:bg-left-top { - background-position: left top; + .xl\:flex-col { + flex-direction: column; } - .xl\:bg-right { - background-position: right; + .xl\:flex-col-reverse { + flex-direction: column-reverse; } - .xl\:bg-right-bottom { - background-position: right bottom; + .xl\:flex-wrap { + flex-wrap: wrap; } - .xl\:bg-right-top { - background-position: right top; + .xl\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .xl\:bg-top { - background-position: top; + .xl\:flex-no-wrap { + flex-wrap: nowrap; } - .xl\:bg-repeat { - background-repeat: repeat; + .xl\:items-start { + align-items: flex-start; } - .xl\:bg-no-repeat { - background-repeat: no-repeat; + .xl\:items-end { + align-items: flex-end; } - .xl\:bg-repeat-x { - background-repeat: repeat-x; + .xl\:items-center { + align-items: center; } - .xl\:bg-repeat-y { - background-repeat: repeat-y; + .xl\:items-baseline { + align-items: baseline; } - .xl\:bg-auto { - background-size: auto; + .xl\:items-stretch { + align-items: stretch; } - .xl\:bg-cover { - background-size: cover; + .xl\:self-auto { + align-self: auto; } - .xl\:bg-contain { - background-size: contain; + .xl\:self-start { + align-self: flex-start; } - .xl\:border-transparent { - border-color: transparent; + .xl\:self-end { + align-self: flex-end; } - .xl\:border-black { - border-color: #22292f; + .xl\:self-center { + align-self: center; } - .xl\:border-grey-darkest { - border-color: #3d4852; + .xl\:self-stretch { + align-self: stretch; } - .xl\:border-grey-darker { - border-color: #606f7b; + .xl\:justify-start { + justify-content: flex-start; } - .xl\:border-grey-dark { - border-color: #8795a1; + .xl\:justify-end { + justify-content: flex-end; } - .xl\:border-grey { - border-color: #b8c2cc; + .xl\:justify-center { + justify-content: center; } - .xl\:border-grey-light { - border-color: #dae1e7; + .xl\:justify-between { + justify-content: space-between; } - .xl\:border-grey-lighter { - border-color: #f1f5f8; + .xl\:justify-around { + justify-content: space-around; } - .xl\:border-grey-lightest { - border-color: #f8fafc; + .xl\:content-center { + align-content: center; } - .xl\:border-white { - border-color: #fff; + .xl\:content-start { + align-content: flex-start; } - .xl\:border-red-darkest { - border-color: #3b0d0c; + .xl\:content-end { + align-content: flex-end; } - .xl\:border-red-darker { - border-color: #621b18; + .xl\:content-between { + align-content: space-between; } - .xl\:border-red-dark { - border-color: #cc1f1a; + .xl\:content-around { + align-content: space-around; } - .xl\:border-red { - border-color: #e3342f; + .xl\:flex-1 { + flex: 1; } - .xl\:border-red-light { - border-color: #ef5753; + .xl\:flex-auto { + flex: auto; } - .xl\:border-red-lighter { - border-color: #f9acaa; + .xl\:flex-initial { + flex: initial; } - .xl\:border-red-lightest { - border-color: #fcebea; + .xl\:flex-none { + flex: none; } - .xl\:border-orange-darkest { - border-color: #462a16; + .xl\:flex-grow { + flex-grow: 1; } - .xl\:border-orange-darker { - border-color: #613b1f; + .xl\:flex-shrink { + flex-shrink: 1; } - .xl\:border-orange-dark { - border-color: #de751f; + .xl\:flex-no-grow { + flex-grow: 0; } - .xl\:border-orange { - border-color: #f6993f; + .xl\:flex-no-shrink { + flex-shrink: 0; } - .xl\:border-orange-light { - border-color: #faad63; + .xl\:float-right { + float: right; } - .xl\:border-orange-lighter { - border-color: #fcd9b6; + .xl\:float-left { + float: left; } - .xl\:border-orange-lightest { - border-color: #fff5eb; + .xl\:float-none { + float: none; } - .xl\:border-yellow-darkest { - border-color: #453411; + .xl\:clearfix:after { + content: ""; + display: table; + clear: both; } - .xl\:border-yellow-darker { - border-color: #684f1d; + .xl\:font-sans { + font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } - .xl\:border-yellow-dark { - border-color: #f2d024; + .xl\:font-serif { + font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; } - .xl\:border-yellow { - border-color: #ffed4a; + .xl\:font-mono { + font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } - .xl\:border-yellow-light { - border-color: #fff382; + .xl\:font-hairline { + font-weight: 100; } - .xl\:border-yellow-lighter { - border-color: #fff9c2; + .xl\:font-thin { + font-weight: 200; } - .xl\:border-yellow-lightest { - border-color: #fcfbeb; + .xl\:font-light { + font-weight: 300; } - .xl\:border-green-darkest { - border-color: #0f2f21; + .xl\:font-normal { + font-weight: 400; } - .xl\:border-green-darker { - border-color: #1a4731; + .xl\:font-medium { + font-weight: 500; } - .xl\:border-green-dark { - border-color: #1f9d55; + .xl\:font-semibold { + font-weight: 600; } - .xl\:border-green { - border-color: #38c172; + .xl\:font-bold { + font-weight: 700; } - .xl\:border-green-light { - border-color: #51d88a; + .xl\:font-extrabold { + font-weight: 800; } - .xl\:border-green-lighter { - border-color: #a2f5bf; + .xl\:font-black { + font-weight: 900; } - .xl\:border-green-lightest { - border-color: #e3fcec; + .xl\:hover\:font-hairline:hover { + font-weight: 100; } - .xl\:border-teal-darkest { - border-color: #0d3331; + .xl\:hover\:font-thin:hover { + font-weight: 200; } - .xl\:border-teal-darker { - border-color: #20504f; + .xl\:hover\:font-light:hover { + font-weight: 300; } - .xl\:border-teal-dark { - border-color: #38a89d; + .xl\:hover\:font-normal:hover { + font-weight: 400; } - .xl\:border-teal { - border-color: #4dc0b5; + .xl\:hover\:font-medium:hover { + font-weight: 500; } - .xl\:border-teal-light { - border-color: #64d5ca; + .xl\:hover\:font-semibold:hover { + font-weight: 600; } - .xl\:border-teal-lighter { - border-color: #a0f0ed; + .xl\:hover\:font-bold:hover { + font-weight: 700; } - .xl\:border-teal-lightest { - border-color: #e8fffe; + .xl\:hover\:font-extrabold:hover { + font-weight: 800; } - .xl\:border-blue-darkest { - border-color: #12283a; + .xl\:hover\:font-black:hover { + font-weight: 900; } - .xl\:border-blue-darker { - border-color: #1c3d5a; + .xl\:focus\:font-hairline:focus { + font-weight: 100; } - .xl\:border-blue-dark { - border-color: #2779bd; + .xl\:focus\:font-thin:focus { + font-weight: 200; } - .xl\:border-blue { - border-color: #3490dc; + .xl\:focus\:font-light:focus { + font-weight: 300; } - .xl\:border-blue-light { - border-color: #6cb2eb; + .xl\:focus\:font-normal:focus { + font-weight: 400; } - .xl\:border-blue-lighter { - border-color: #bcdefa; + .xl\:focus\:font-medium:focus { + font-weight: 500; } - .xl\:border-blue-lightest { - border-color: #eff8ff; + .xl\:focus\:font-semibold:focus { + font-weight: 600; } - .xl\:border-indigo-darkest { - border-color: #191e38; + .xl\:focus\:font-bold:focus { + font-weight: 700; } - .xl\:border-indigo-darker { - border-color: #2f365f; + .xl\:focus\:font-extrabold:focus { + font-weight: 800; } - .xl\:border-indigo-dark { - border-color: #5661b3; + .xl\:focus\:font-black:focus { + font-weight: 900; } - .xl\:border-indigo { - border-color: #6574cd; + .xl\:h-1 { + height: .25rem; } - .xl\:border-indigo-light { - border-color: #7886d7; + .xl\:h-2 { + height: .5rem; } - .xl\:border-indigo-lighter { - border-color: #b2b7ff; + .xl\:h-3 { + height: .75rem; } - .xl\:border-indigo-lightest { - border-color: #e6e8ff; + .xl\:h-4 { + height: 1rem; } - .xl\:border-purple-darkest { - border-color: #21183c; + .xl\:h-5 { + height: 1.25rem; } - .xl\:border-purple-darker { - border-color: #382b5f; + .xl\:h-6 { + height: 1.5rem; } - .xl\:border-purple-dark { - border-color: #794acf; + .xl\:h-8 { + height: 2rem; } - .xl\:border-purple { - border-color: #9561e2; + .xl\:h-10 { + height: 2.5rem; } - .xl\:border-purple-light { - border-color: #a779e9; + .xl\:h-12 { + height: 3rem; } - .xl\:border-purple-lighter { - border-color: #d6bbfc; + .xl\:h-16 { + height: 4rem; } - .xl\:border-purple-lightest { - border-color: #f3ebff; + .xl\:h-24 { + height: 6rem; } - .xl\:border-pink-darkest { - border-color: #451225; + .xl\:h-32 { + height: 8rem; } - .xl\:border-pink-darker { - border-color: #6f213f; + .xl\:h-48 { + height: 12rem; } - .xl\:border-pink-dark { - border-color: #eb5286; + .xl\:h-64 { + height: 16rem; } - .xl\:border-pink { - border-color: #f66d9b; + .xl\:h-auto { + height: auto; } - .xl\:border-pink-light { - border-color: #fa7ea8; + .xl\:h-px { + height: 1px; } - .xl\:border-pink-lighter { - border-color: #ffbbca; + .xl\:h-full { + height: 100%; } - .xl\:border-pink-lightest { - border-color: #ffebef; + .xl\:h-screen { + height: 100vh; } - .xl\:hover\:border-transparent:hover { - border-color: transparent; + .xl\:leading-none { + line-height: 1; } - .xl\:hover\:border-black:hover { - border-color: #22292f; + .xl\:leading-tight { + line-height: 1.25; } - .xl\:hover\:border-grey-darkest:hover { - border-color: #3d4852; + .xl\:leading-normal { + line-height: 1.5; } - .xl\:hover\:border-grey-darker:hover { - border-color: #606f7b; + .xl\:leading-loose { + line-height: 2; } - .xl\:hover\:border-grey-dark:hover { - border-color: #8795a1; + .xl\:m-0 { + margin: 0; } - .xl\:hover\:border-grey:hover { - border-color: #b8c2cc; + .xl\:m-1 { + margin: .25rem; } - .xl\:hover\:border-grey-light:hover { - border-color: #dae1e7; + .xl\:m-2 { + margin: .5rem; } - .xl\:hover\:border-grey-lighter:hover { - border-color: #f1f5f8; + .xl\:m-3 { + margin: .75rem; } - .xl\:hover\:border-grey-lightest:hover { - border-color: #f8fafc; + .xl\:m-4 { + margin: 1rem; } - .xl\:hover\:border-white:hover { - border-color: #fff; + .xl\:m-5 { + margin: 1.25rem; } - .xl\:hover\:border-red-darkest:hover { - border-color: #3b0d0c; + .xl\:m-6 { + margin: 1.5rem; } - .xl\:hover\:border-red-darker:hover { - border-color: #621b18; + .xl\:m-8 { + margin: 2rem; } - .xl\:hover\:border-red-dark:hover { - border-color: #cc1f1a; + .xl\:m-10 { + margin: 2.5rem; } - .xl\:hover\:border-red:hover { - border-color: #e3342f; + .xl\:m-12 { + margin: 3rem; } - .xl\:hover\:border-red-light:hover { - border-color: #ef5753; + .xl\:m-16 { + margin: 4rem; } - .xl\:hover\:border-red-lighter:hover { - border-color: #f9acaa; + .xl\:m-20 { + margin: 5rem; } - .xl\:hover\:border-red-lightest:hover { - border-color: #fcebea; + .xl\:m-24 { + margin: 6rem; } - .xl\:hover\:border-orange-darkest:hover { - border-color: #462a16; + .xl\:m-32 { + margin: 8rem; } - .xl\:hover\:border-orange-darker:hover { - border-color: #613b1f; + .xl\:m-auto { + margin: auto; } - .xl\:hover\:border-orange-dark:hover { - border-color: #de751f; + .xl\:m-px { + margin: 1px; } - .xl\:hover\:border-orange:hover { - border-color: #f6993f; + .xl\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .xl\:hover\:border-orange-light:hover { - border-color: #faad63; + .xl\:mx-0 { + margin-left: 0; + margin-right: 0; } - .xl\:hover\:border-orange-lighter:hover { - border-color: #fcd9b6; + .xl\:my-1 { + margin-top: .25rem; + margin-bottom: .25rem; } - .xl\:hover\:border-orange-lightest:hover { - border-color: #fff5eb; + .xl\:mx-1 { + margin-left: .25rem; + margin-right: .25rem; } - .xl\:hover\:border-yellow-darkest:hover { - border-color: #453411; + .xl\:my-2 { + margin-top: .5rem; + margin-bottom: .5rem; } - .xl\:hover\:border-yellow-darker:hover { - border-color: #684f1d; + .xl\:mx-2 { + margin-left: .5rem; + margin-right: .5rem; } - .xl\:hover\:border-yellow-dark:hover { - border-color: #f2d024; + .xl\:my-3 { + margin-top: .75rem; + margin-bottom: .75rem; } - .xl\:hover\:border-yellow:hover { - border-color: #ffed4a; + .xl\:mx-3 { + margin-left: .75rem; + margin-right: .75rem; } - .xl\:hover\:border-yellow-light:hover { - border-color: #fff382; + .xl\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .xl\:hover\:border-yellow-lighter:hover { - border-color: #fff9c2; + .xl\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .xl\:hover\:border-yellow-lightest:hover { - border-color: #fcfbeb; + .xl\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .xl\:hover\:border-green-darkest:hover { - border-color: #0f2f21; + .xl\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .xl\:hover\:border-green-darker:hover { - border-color: #1a4731; + .xl\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .xl\:hover\:border-green-dark:hover { - border-color: #1f9d55; + .xl\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .xl\:hover\:border-green:hover { - border-color: #38c172; + .xl\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .xl\:hover\:border-green-light:hover { - border-color: #51d88a; + .xl\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .xl\:hover\:border-green-lighter:hover { - border-color: #a2f5bf; + .xl\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .xl\:hover\:border-green-lightest:hover { - border-color: #e3fcec; + .xl\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .xl\:hover\:border-teal-darkest:hover { - border-color: #0d3331; + .xl\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .xl\:hover\:border-teal-darker:hover { - border-color: #20504f; + .xl\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .xl\:hover\:border-teal-dark:hover { - border-color: #38a89d; + .xl\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .xl\:hover\:border-teal:hover { - border-color: #4dc0b5; + .xl\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .xl\:hover\:border-teal-light:hover { - border-color: #64d5ca; + .xl\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .xl\:hover\:border-teal-lighter:hover { - border-color: #a0f0ed; + .xl\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .xl\:hover\:border-teal-lightest:hover { - border-color: #e8fffe; + .xl\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .xl\:hover\:border-blue-darkest:hover { - border-color: #12283a; + .xl\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .xl\:hover\:border-blue-darker:hover { - border-color: #1c3d5a; + .xl\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .xl\:hover\:border-blue-dark:hover { - border-color: #2779bd; + .xl\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .xl\:hover\:border-blue:hover { - border-color: #3490dc; + .xl\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .xl\:hover\:border-blue-light:hover { - border-color: #6cb2eb; + .xl\:mx-auto { + margin-left: auto; + margin-right: auto; } - .xl\:hover\:border-blue-lighter:hover { - border-color: #bcdefa; + .xl\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .xl\:hover\:border-blue-lightest:hover { - border-color: #eff8ff; + .xl\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .xl\:hover\:border-indigo-darkest:hover { - border-color: #191e38; + .xl\:mt-0 { + margin-top: 0; } - .xl\:hover\:border-indigo-darker:hover { - border-color: #2f365f; + .xl\:mr-0 { + margin-right: 0; } - .xl\:hover\:border-indigo-dark:hover { - border-color: #5661b3; + .xl\:mb-0 { + margin-bottom: 0; } - .xl\:hover\:border-indigo:hover { - border-color: #6574cd; + .xl\:ml-0 { + margin-left: 0; } - .xl\:hover\:border-indigo-light:hover { - border-color: #7886d7; + .xl\:mt-1 { + margin-top: .25rem; } - .xl\:hover\:border-indigo-lighter:hover { - border-color: #b2b7ff; + .xl\:mr-1 { + margin-right: .25rem; } - .xl\:hover\:border-indigo-lightest:hover { - border-color: #e6e8ff; + .xl\:mb-1 { + margin-bottom: .25rem; } - .xl\:hover\:border-purple-darkest:hover { - border-color: #21183c; + .xl\:ml-1 { + margin-left: .25rem; } - .xl\:hover\:border-purple-darker:hover { - border-color: #382b5f; + .xl\:mt-2 { + margin-top: .5rem; } - .xl\:hover\:border-purple-dark:hover { - border-color: #794acf; + .xl\:mr-2 { + margin-right: .5rem; } - .xl\:hover\:border-purple:hover { - border-color: #9561e2; + .xl\:mb-2 { + margin-bottom: .5rem; } - .xl\:hover\:border-purple-light:hover { - border-color: #a779e9; + .xl\:ml-2 { + margin-left: .5rem; } - .xl\:hover\:border-purple-lighter:hover { - border-color: #d6bbfc; + .xl\:mt-3 { + margin-top: .75rem; } - .xl\:hover\:border-purple-lightest:hover { - border-color: #f3ebff; + .xl\:mr-3 { + margin-right: .75rem; } - .xl\:hover\:border-pink-darkest:hover { - border-color: #451225; + .xl\:mb-3 { + margin-bottom: .75rem; } - .xl\:hover\:border-pink-darker:hover { - border-color: #6f213f; + .xl\:ml-3 { + margin-left: .75rem; } - .xl\:hover\:border-pink-dark:hover { - border-color: #eb5286; + .xl\:mt-4 { + margin-top: 1rem; } - .xl\:hover\:border-pink:hover { - border-color: #f66d9b; + .xl\:mr-4 { + margin-right: 1rem; } - .xl\:hover\:border-pink-light:hover { - border-color: #fa7ea8; + .xl\:mb-4 { + margin-bottom: 1rem; } - .xl\:hover\:border-pink-lighter:hover { - border-color: #ffbbca; + .xl\:ml-4 { + margin-left: 1rem; } - .xl\:hover\:border-pink-lightest:hover { - border-color: #ffebef; + .xl\:mt-5 { + margin-top: 1.25rem; } - .xl\:rounded-none { - border-radius: 0; + .xl\:mr-5 { + margin-right: 1.25rem; } - .xl\:rounded-sm { - border-radius: .125rem; + .xl\:mb-5 { + margin-bottom: 1.25rem; } - .xl\:rounded { - border-radius: .25rem; + .xl\:ml-5 { + margin-left: 1.25rem; } - .xl\:rounded-lg { - border-radius: .5rem; + .xl\:mt-6 { + margin-top: 1.5rem; } - .xl\:rounded-full { - border-radius: 9999px; + .xl\:mr-6 { + margin-right: 1.5rem; } - .xl\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .xl\:mb-6 { + margin-bottom: 1.5rem; } - .xl\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .xl\:ml-6 { + margin-left: 1.5rem; } - .xl\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .xl\:mt-8 { + margin-top: 2rem; } - .xl\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .xl\:mr-8 { + margin-right: 2rem; } - .xl\:rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; + .xl\:mb-8 { + margin-bottom: 2rem; } - .xl\:rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; + .xl\:ml-8 { + margin-left: 2rem; } - .xl\:rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; + .xl\:mt-10 { + margin-top: 2.5rem; } - .xl\:rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; + .xl\:mr-10 { + margin-right: 2.5rem; } - .xl\:rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + .xl\:mb-10 { + margin-bottom: 2.5rem; } - .xl\:rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + .xl\:ml-10 { + margin-left: 2.5rem; } - .xl\:rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + .xl\:mt-12 { + margin-top: 3rem; } - .xl\:rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + .xl\:mr-12 { + margin-right: 3rem; } - .xl\:rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; + .xl\:mb-12 { + margin-bottom: 3rem; } - .xl\:rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; + .xl\:ml-12 { + margin-left: 3rem; } - .xl\:rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; + .xl\:mt-16 { + margin-top: 4rem; } - .xl\:rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; + .xl\:mr-16 { + margin-right: 4rem; } - .xl\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .xl\:mb-16 { + margin-bottom: 4rem; } - .xl\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .xl\:ml-16 { + margin-left: 4rem; } - .xl\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .xl\:mt-20 { + margin-top: 5rem; } - .xl\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .xl\:mr-20 { + margin-right: 5rem; } - .xl\:rounded-tl-none { - border-top-left-radius: 0; + .xl\:mb-20 { + margin-bottom: 5rem; } - .xl\:rounded-tr-none { - border-top-right-radius: 0; + .xl\:ml-20 { + margin-left: 5rem; } - .xl\:rounded-br-none { - border-bottom-right-radius: 0; + .xl\:mt-24 { + margin-top: 6rem; } - .xl\:rounded-bl-none { - border-bottom-left-radius: 0; + .xl\:mr-24 { + margin-right: 6rem; } - .xl\:rounded-tl-sm { - border-top-left-radius: .125rem; + .xl\:mb-24 { + margin-bottom: 6rem; } - .xl\:rounded-tr-sm { - border-top-right-radius: .125rem; + .xl\:ml-24 { + margin-left: 6rem; } - .xl\:rounded-br-sm { - border-bottom-right-radius: .125rem; + .xl\:mt-32 { + margin-top: 8rem; } - .xl\:rounded-bl-sm { - border-bottom-left-radius: .125rem; + .xl\:mr-32 { + margin-right: 8rem; } - .xl\:rounded-tl { - border-top-left-radius: .25rem; + .xl\:mb-32 { + margin-bottom: 8rem; } - .xl\:rounded-tr { - border-top-right-radius: .25rem; + .xl\:ml-32 { + margin-left: 8rem; } - .xl\:rounded-br { - border-bottom-right-radius: .25rem; + .xl\:mt-auto { + margin-top: auto; } - .xl\:rounded-bl { - border-bottom-left-radius: .25rem; + .xl\:mr-auto { + margin-right: auto; } - .xl\:rounded-tl-lg { - border-top-left-radius: .5rem; + .xl\:mb-auto { + margin-bottom: auto; } - .xl\:rounded-tr-lg { - border-top-right-radius: .5rem; + .xl\:ml-auto { + margin-left: auto; } - .xl\:rounded-br-lg { - border-bottom-right-radius: .5rem; + .xl\:mt-px { + margin-top: 1px; } - .xl\:rounded-bl-lg { - border-bottom-left-radius: .5rem; + .xl\:mr-px { + margin-right: 1px; } - .xl\:rounded-tl-full { - border-top-left-radius: 9999px; + .xl\:mb-px { + margin-bottom: 1px; } - .xl\:rounded-tr-full { - border-top-right-radius: 9999px; + .xl\:ml-px { + margin-left: 1px; } - .xl\:rounded-br-full { - border-bottom-right-radius: 9999px; + .xl\:max-h-full { + max-height: 100%; } - .xl\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .xl\:max-h-screen { + max-height: 100vh; } - .xl\:border-solid { - border-style: solid; + .xl\:max-w-xs { + max-width: 20rem; } - .xl\:border-dashed { - border-style: dashed; + .xl\:max-w-sm { + max-width: 30rem; } - .xl\:border-dotted { - border-style: dotted; + .xl\:max-w-md { + max-width: 40rem; } - .xl\:border-none { - border-style: none; + .xl\:max-w-lg { + max-width: 50rem; } - .xl\:border-0 { - border-width: 0; + .xl\:max-w-xl { + max-width: 60rem; } - .xl\:border-2 { - border-width: 2px; + .xl\:max-w-2xl { + max-width: 70rem; } - .xl\:border-4 { - border-width: 4px; + .xl\:max-w-3xl { + max-width: 80rem; } - .xl\:border-8 { - border-width: 8px; + .xl\:max-w-4xl { + max-width: 90rem; } - .xl\:border { - border-width: 1px; + .xl\:max-w-5xl { + max-width: 100rem; } - .xl\:border-t-0 { - border-top-width: 0; + .xl\:max-w-full { + max-width: 100%; } - .xl\:border-r-0 { - border-right-width: 0; + .xl\:min-h-0 { + min-height: 0; } - .xl\:border-b-0 { - border-bottom-width: 0; + .xl\:min-h-full { + min-height: 100%; } - .xl\:border-l-0 { - border-left-width: 0; + .xl\:min-h-screen { + min-height: 100vh; } - .xl\:border-t-2 { - border-top-width: 2px; + .xl\:min-w-0 { + min-width: 0; } - .xl\:border-r-2 { - border-right-width: 2px; + .xl\:min-w-full { + min-width: 100%; } - .xl\:border-b-2 { - border-bottom-width: 2px; + .xl\:-m-0 { + margin: 0; } - .xl\:border-l-2 { - border-left-width: 2px; + .xl\:-m-1 { + margin: -0.25rem; } - .xl\:border-t-4 { - border-top-width: 4px; + .xl\:-m-2 { + margin: -0.5rem; } - .xl\:border-r-4 { - border-right-width: 4px; + .xl\:-m-3 { + margin: -0.75rem; } - .xl\:border-b-4 { - border-bottom-width: 4px; + .xl\:-m-4 { + margin: -1rem; } - .xl\:border-l-4 { - border-left-width: 4px; + .xl\:-m-5 { + margin: -1.25rem; } - .xl\:border-t-8 { - border-top-width: 8px; + .xl\:-m-6 { + margin: -1.5rem; } - .xl\:border-r-8 { - border-right-width: 8px; + .xl\:-m-8 { + margin: -2rem; } - .xl\:border-b-8 { - border-bottom-width: 8px; + .xl\:-m-10 { + margin: -2.5rem; } - .xl\:border-l-8 { - border-left-width: 8px; + .xl\:-m-12 { + margin: -3rem; } - .xl\:border-t { - border-top-width: 1px; + .xl\:-m-16 { + margin: -4rem; } - .xl\:border-r { - border-right-width: 1px; + .xl\:-m-20 { + margin: -5rem; } - .xl\:border-b { - border-bottom-width: 1px; + .xl\:-m-24 { + margin: -6rem; } - .xl\:border-l { - border-left-width: 1px; + .xl\:-m-32 { + margin: -8rem; } - .xl\:cursor-auto { - cursor: auto; + .xl\:-m-px { + margin: -1px; } - .xl\:cursor-default { - cursor: default; + .xl\:-my-0 { + margin-top: 0; + margin-bottom: 0; } - .xl\:cursor-pointer { - cursor: pointer; + .xl\:-mx-0 { + margin-left: 0; + margin-right: 0; } - .xl\:cursor-wait { - cursor: wait; + .xl\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .xl\:cursor-move { - cursor: move; + .xl\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .xl\:cursor-not-allowed { - cursor: not-allowed; + .xl\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .xl\:block { - display: block; + .xl\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .xl\:inline-block { - display: inline-block; + .xl\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .xl\:inline { - display: inline; + .xl\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .xl\:table { - display: table; + .xl\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .xl\:table-row { - display: table-row; + .xl\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .xl\:table-cell { - display: table-cell; + .xl\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .xl\:hidden { - display: none; + .xl\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .xl\:flex { - display: flex; + .xl\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .xl\:inline-flex { - display: inline-flex; + .xl\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .xl\:flex-row { - flex-direction: row; + .xl\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .xl\:flex-row-reverse { - flex-direction: row-reverse; + .xl\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .xl\:flex-col { - flex-direction: column; + .xl\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .xl\:flex-col-reverse { - flex-direction: column-reverse; + .xl\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .xl\:flex-wrap { - flex-wrap: wrap; + .xl\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .xl\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .xl\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .xl\:flex-no-wrap { - flex-wrap: nowrap; + .xl\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .xl\:items-start { - align-items: flex-start; + .xl\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .xl\:items-end { - align-items: flex-end; + .xl\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .xl\:items-center { - align-items: center; + .xl\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .xl\:items-baseline { - align-items: baseline; + .xl\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .xl\:items-stretch { - align-items: stretch; + .xl\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .xl\:self-auto { - align-self: auto; + .xl\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .xl\:self-start { - align-self: flex-start; + .xl\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .xl\:self-end { - align-self: flex-end; + .xl\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .xl\:self-center { - align-self: center; + .xl\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .xl\:self-stretch { - align-self: stretch; + .xl\:-mt-0 { + margin-top: 0; } - .xl\:justify-start { - justify-content: flex-start; + .xl\:-mr-0 { + margin-right: 0; } - .xl\:justify-end { - justify-content: flex-end; + .xl\:-mb-0 { + margin-bottom: 0; } - .xl\:justify-center { - justify-content: center; + .xl\:-ml-0 { + margin-left: 0; } - .xl\:justify-between { - justify-content: space-between; + .xl\:-mt-1 { + margin-top: -0.25rem; } - .xl\:justify-around { - justify-content: space-around; + .xl\:-mr-1 { + margin-right: -0.25rem; } - .xl\:content-center { - align-content: center; + .xl\:-mb-1 { + margin-bottom: -0.25rem; } - .xl\:content-start { - align-content: flex-start; + .xl\:-ml-1 { + margin-left: -0.25rem; } - .xl\:content-end { - align-content: flex-end; + .xl\:-mt-2 { + margin-top: -0.5rem; } - .xl\:content-between { - align-content: space-between; + .xl\:-mr-2 { + margin-right: -0.5rem; } - .xl\:content-around { - align-content: space-around; + .xl\:-mb-2 { + margin-bottom: -0.5rem; } - .xl\:flex-1 { - flex: 1; + .xl\:-ml-2 { + margin-left: -0.5rem; } - .xl\:flex-auto { - flex: auto; + .xl\:-mt-3 { + margin-top: -0.75rem; } - .xl\:flex-initial { - flex: initial; + .xl\:-mr-3 { + margin-right: -0.75rem; } - .xl\:flex-none { - flex: none; + .xl\:-mb-3 { + margin-bottom: -0.75rem; } - .xl\:flex-grow { - flex-grow: 1; + .xl\:-ml-3 { + margin-left: -0.75rem; } - .xl\:flex-shrink { - flex-shrink: 1; + .xl\:-mt-4 { + margin-top: -1rem; } - .xl\:flex-no-grow { - flex-grow: 0; + .xl\:-mr-4 { + margin-right: -1rem; } - .xl\:flex-no-shrink { - flex-shrink: 0; + .xl\:-mb-4 { + margin-bottom: -1rem; } - .xl\:float-right { - float: right; + .xl\:-ml-4 { + margin-left: -1rem; } - .xl\:float-left { - float: left; + .xl\:-mt-5 { + margin-top: -1.25rem; } - .xl\:float-none { - float: none; + .xl\:-mr-5 { + margin-right: -1.25rem; } - .xl\:clearfix:after { - content: ""; - display: table; - clear: both; + .xl\:-mb-5 { + margin-bottom: -1.25rem; } - .xl\:font-sans { - font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + .xl\:-ml-5 { + margin-left: -1.25rem; } - .xl\:font-serif { - font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; + .xl\:-mt-6 { + margin-top: -1.5rem; } - .xl\:font-mono { - font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; + .xl\:-mr-6 { + margin-right: -1.5rem; } - .xl\:font-hairline { - font-weight: 100; + .xl\:-mb-6 { + margin-bottom: -1.5rem; } - .xl\:font-thin { - font-weight: 200; + .xl\:-ml-6 { + margin-left: -1.5rem; } - .xl\:font-light { - font-weight: 300; + .xl\:-mt-8 { + margin-top: -2rem; } - .xl\:font-normal { - font-weight: 400; + .xl\:-mr-8 { + margin-right: -2rem; } - .xl\:font-medium { - font-weight: 500; + .xl\:-mb-8 { + margin-bottom: -2rem; } - .xl\:font-semibold { - font-weight: 600; + .xl\:-ml-8 { + margin-left: -2rem; } - .xl\:font-bold { - font-weight: 700; + .xl\:-mt-10 { + margin-top: -2.5rem; } - .xl\:font-extrabold { - font-weight: 800; + .xl\:-mr-10 { + margin-right: -2.5rem; } - .xl\:font-black { - font-weight: 900; + .xl\:-mb-10 { + margin-bottom: -2.5rem; } - .xl\:hover\:font-hairline:hover { - font-weight: 100; + .xl\:-ml-10 { + margin-left: -2.5rem; } - .xl\:hover\:font-thin:hover { - font-weight: 200; + .xl\:-mt-12 { + margin-top: -3rem; } - .xl\:hover\:font-light:hover { - font-weight: 300; + .xl\:-mr-12 { + margin-right: -3rem; } - .xl\:hover\:font-normal:hover { - font-weight: 400; + .xl\:-mb-12 { + margin-bottom: -3rem; } - .xl\:hover\:font-medium:hover { - font-weight: 500; + .xl\:-ml-12 { + margin-left: -3rem; } - .xl\:hover\:font-semibold:hover { - font-weight: 600; + .xl\:-mt-16 { + margin-top: -4rem; } - .xl\:hover\:font-bold:hover { - font-weight: 700; + .xl\:-mr-16 { + margin-right: -4rem; } - .xl\:hover\:font-extrabold:hover { - font-weight: 800; + .xl\:-mb-16 { + margin-bottom: -4rem; } - .xl\:hover\:font-black:hover { - font-weight: 900; + .xl\:-ml-16 { + margin-left: -4rem; } - .xl\:h-1 { - height: .25rem; + .xl\:-mt-20 { + margin-top: -5rem; } - .xl\:h-2 { - height: .5rem; + .xl\:-mr-20 { + margin-right: -5rem; } - .xl\:h-3 { - height: .75rem; + .xl\:-mb-20 { + margin-bottom: -5rem; } - .xl\:h-4 { - height: 1rem; + .xl\:-ml-20 { + margin-left: -5rem; } - .xl\:h-6 { - height: 1.5rem; + .xl\:-mt-24 { + margin-top: -6rem; } - .xl\:h-8 { - height: 2rem; + .xl\:-mr-24 { + margin-right: -6rem; } - .xl\:h-10 { - height: 2.5rem; + .xl\:-mb-24 { + margin-bottom: -6rem; } - .xl\:h-12 { - height: 3rem; + .xl\:-ml-24 { + margin-left: -6rem; } - .xl\:h-16 { - height: 4rem; + .xl\:-mt-32 { + margin-top: -8rem; } - .xl\:h-24 { - height: 6rem; + .xl\:-mr-32 { + margin-right: -8rem; } - .xl\:h-32 { - height: 8rem; + .xl\:-mb-32 { + margin-bottom: -8rem; } - .xl\:h-48 { - height: 12rem; + .xl\:-ml-32 { + margin-left: -8rem; } - .xl\:h-64 { - height: 16rem; + .xl\:-mt-px { + margin-top: -1px; } - .xl\:h-auto { - height: auto; + .xl\:-mr-px { + margin-right: -1px; } - .xl\:h-px { - height: 1px; + .xl\:-mb-px { + margin-bottom: -1px; } - .xl\:h-full { - height: 100%; + .xl\:-ml-px { + margin-left: -1px; } - .xl\:h-screen { - height: 100vh; + .xl\:opacity-0 { + opacity: 0; } - .xl\:leading-none { - line-height: 1; + .xl\:opacity-25 { + opacity: .25; } - .xl\:leading-tight { - line-height: 1.25; + .xl\:opacity-50 { + opacity: .5; } - .xl\:leading-normal { - line-height: 1.5; + .xl\:opacity-75 { + opacity: .75; } - .xl\:leading-loose { - line-height: 2; + .xl\:opacity-100 { + opacity: 1; } - .xl\:m-0 { - margin: 0; + .xl\:overflow-auto { + overflow: auto; } - .xl\:m-1 { - margin: .25rem; + .xl\:overflow-hidden { + overflow: hidden; } - .xl\:m-2 { - margin: .5rem; + .xl\:overflow-visible { + overflow: visible; } - .xl\:m-3 { - margin: .75rem; + .xl\:overflow-scroll { + overflow: scroll; } - .xl\:m-4 { - margin: 1rem; + .xl\:overflow-x-auto { + overflow-x: auto; } - .xl\:m-6 { - margin: 1.5rem; + .xl\:overflow-y-auto { + overflow-y: auto; } - .xl\:m-8 { - margin: 2rem; + .xl\:overflow-x-hidden { + overflow-x: hidden; } - .xl\:m-auto { - margin: auto; + .xl\:overflow-y-hidden { + overflow-y: hidden; } - .xl\:m-px { - margin: 1px; + .xl\:overflow-x-visible { + overflow-x: visible; } - .xl\:my-0 { - margin-top: 0; - margin-bottom: 0; + .xl\:overflow-y-visible { + overflow-y: visible; } - .xl\:mx-0 { - margin-left: 0; - margin-right: 0; + .xl\:overflow-x-scroll { + overflow-x: scroll; } - .xl\:my-1 { - margin-top: .25rem; - margin-bottom: .25rem; + .xl\:overflow-y-scroll { + overflow-y: scroll; } - .xl\:mx-1 { - margin-left: .25rem; - margin-right: .25rem; + .xl\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .xl\:my-2 { - margin-top: .5rem; - margin-bottom: .5rem; + .xl\:scrolling-auto { + -webkit-overflow-scrolling: auto; } - .xl\:mx-2 { - margin-left: .5rem; - margin-right: .5rem; + .xl\:p-0 { + padding: 0; } - .xl\:my-3 { - margin-top: .75rem; - margin-bottom: .75rem; + .xl\:p-1 { + padding: .25rem; } - .xl\:mx-3 { - margin-left: .75rem; - margin-right: .75rem; + .xl\:p-2 { + padding: .5rem; } - .xl\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .xl\:p-3 { + padding: .75rem; } - .xl\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .xl\:p-4 { + padding: 1rem; } - .xl\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .xl\:p-5 { + padding: 1.25rem; } - .xl\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .xl\:p-6 { + padding: 1.5rem; } - .xl\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .xl\:p-8 { + padding: 2rem; } - .xl\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .xl\:p-10 { + padding: 2.5rem; } - .xl\:my-auto { - margin-top: auto; - margin-bottom: auto; + .xl\:p-12 { + padding: 3rem; } - .xl\:mx-auto { - margin-left: auto; - margin-right: auto; + .xl\:p-16 { + padding: 4rem; } - .xl\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .xl\:p-20 { + padding: 5rem; } - .xl\:mx-px { - margin-left: 1px; - margin-right: 1px; + .xl\:p-24 { + padding: 6rem; } - .xl\:mt-0 { - margin-top: 0; + .xl\:p-32 { + padding: 8rem; } - .xl\:mr-0 { - margin-right: 0; + .xl\:p-px { + padding: 1px; } - .xl\:mb-0 { - margin-bottom: 0; + .xl\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .xl\:ml-0 { - margin-left: 0; + .xl\:px-0 { + padding-left: 0; + padding-right: 0; } - .xl\:mt-1 { - margin-top: .25rem; + .xl\:py-1 { + padding-top: .25rem; + padding-bottom: .25rem; } - .xl\:mr-1 { - margin-right: .25rem; + .xl\:px-1 { + padding-left: .25rem; + padding-right: .25rem; } - .xl\:mb-1 { - margin-bottom: .25rem; + .xl\:py-2 { + padding-top: .5rem; + padding-bottom: .5rem; } - .xl\:ml-1 { - margin-left: .25rem; + .xl\:px-2 { + padding-left: .5rem; + padding-right: .5rem; } - .xl\:mt-2 { - margin-top: .5rem; + .xl\:py-3 { + padding-top: .75rem; + padding-bottom: .75rem; } - .xl\:mr-2 { - margin-right: .5rem; + .xl\:px-3 { + padding-left: .75rem; + padding-right: .75rem; } - .xl\:mb-2 { - margin-bottom: .5rem; + .xl\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .xl\:ml-2 { - margin-left: .5rem; + .xl\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .xl\:mt-3 { - margin-top: .75rem; + .xl\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .xl\:mr-3 { - margin-right: .75rem; + .xl\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .xl\:mb-3 { - margin-bottom: .75rem; + .xl\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .xl\:ml-3 { - margin-left: .75rem; + .xl\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .xl\:mt-4 { - margin-top: 1rem; + .xl\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .xl\:mr-4 { - margin-right: 1rem; + .xl\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .xl\:mb-4 { - margin-bottom: 1rem; + .xl\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .xl\:ml-4 { - margin-left: 1rem; + .xl\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .xl\:mt-6 { - margin-top: 1.5rem; + .xl\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .xl\:mr-6 { - margin-right: 1.5rem; + .xl\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .xl\:mb-6 { - margin-bottom: 1.5rem; + .xl\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .xl\:ml-6 { - margin-left: 1.5rem; + .xl\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .xl\:mt-8 { - margin-top: 2rem; + .xl\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .xl\:mr-8 { - margin-right: 2rem; + .xl\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .xl\:mb-8 { - margin-bottom: 2rem; + .xl\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .xl\:ml-8 { - margin-left: 2rem; + .xl\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .xl\:mt-auto { - margin-top: auto; + .xl\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .xl\:mr-auto { - margin-right: auto; + .xl\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .xl\:mb-auto { - margin-bottom: auto; + .xl\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .xl\:ml-auto { - margin-left: auto; + .xl\:px-px { + padding-left: 1px; + padding-right: 1px; } - .xl\:mt-px { - margin-top: 1px; + .xl\:pt-0 { + padding-top: 0; } - .xl\:mr-px { - margin-right: 1px; + .xl\:pr-0 { + padding-right: 0; } - .xl\:mb-px { - margin-bottom: 1px; + .xl\:pb-0 { + padding-bottom: 0; } - .xl\:ml-px { - margin-left: 1px; + .xl\:pl-0 { + padding-left: 0; } - .xl\:max-h-full { - max-height: 100%; + .xl\:pt-1 { + padding-top: .25rem; } - .xl\:max-h-screen { - max-height: 100vh; + .xl\:pr-1 { + padding-right: .25rem; } - .xl\:max-w-xs { - max-width: 20rem; + .xl\:pb-1 { + padding-bottom: .25rem; } - .xl\:max-w-sm { - max-width: 30rem; + .xl\:pl-1 { + padding-left: .25rem; } - .xl\:max-w-md { - max-width: 40rem; + .xl\:pt-2 { + padding-top: .5rem; } - .xl\:max-w-lg { - max-width: 50rem; + .xl\:pr-2 { + padding-right: .5rem; } - .xl\:max-w-xl { - max-width: 60rem; + .xl\:pb-2 { + padding-bottom: .5rem; } - .xl\:max-w-2xl { - max-width: 70rem; + .xl\:pl-2 { + padding-left: .5rem; } - .xl\:max-w-3xl { - max-width: 80rem; + .xl\:pt-3 { + padding-top: .75rem; } - .xl\:max-w-4xl { - max-width: 90rem; + .xl\:pr-3 { + padding-right: .75rem; } - .xl\:max-w-5xl { - max-width: 100rem; + .xl\:pb-3 { + padding-bottom: .75rem; } - .xl\:max-w-full { - max-width: 100%; + .xl\:pl-3 { + padding-left: .75rem; } - .xl\:min-h-0 { - min-height: 0; + .xl\:pt-4 { + padding-top: 1rem; } - .xl\:min-h-full { - min-height: 100%; + .xl\:pr-4 { + padding-right: 1rem; } - .xl\:min-h-screen { - min-height: 100vh; + .xl\:pb-4 { + padding-bottom: 1rem; } - .xl\:min-w-0 { - min-width: 0; + .xl\:pl-4 { + padding-left: 1rem; } - .xl\:min-w-full { - min-width: 100%; + .xl\:pt-5 { + padding-top: 1.25rem; } - .xl\:-m-0 { - margin: 0; + .xl\:pr-5 { + padding-right: 1.25rem; } - .xl\:-m-1 { - margin: -0.25rem; + .xl\:pb-5 { + padding-bottom: 1.25rem; } - .xl\:-m-2 { - margin: -0.5rem; + .xl\:pl-5 { + padding-left: 1.25rem; } - .xl\:-m-3 { - margin: -0.75rem; + .xl\:pt-6 { + padding-top: 1.5rem; } - .xl\:-m-4 { - margin: -1rem; + .xl\:pr-6 { + padding-right: 1.5rem; } - .xl\:-m-6 { - margin: -1.5rem; + .xl\:pb-6 { + padding-bottom: 1.5rem; } - .xl\:-m-8 { - margin: -2rem; + .xl\:pl-6 { + padding-left: 1.5rem; } - .xl\:-m-px { - margin: -1px; + .xl\:pt-8 { + padding-top: 2rem; } - .xl\:-my-0 { - margin-top: 0; - margin-bottom: 0; + .xl\:pr-8 { + padding-right: 2rem; } - .xl\:-mx-0 { - margin-left: 0; - margin-right: 0; + .xl\:pb-8 { + padding-bottom: 2rem; } - .xl\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .xl\:pl-8 { + padding-left: 2rem; } - .xl\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .xl\:pt-10 { + padding-top: 2.5rem; } - .xl\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .xl\:pr-10 { + padding-right: 2.5rem; } - .xl\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .xl\:pb-10 { + padding-bottom: 2.5rem; } - .xl\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .xl\:pl-10 { + padding-left: 2.5rem; } - .xl\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .xl\:pt-12 { + padding-top: 3rem; } - .xl\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .xl\:pr-12 { + padding-right: 3rem; } - .xl\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .xl\:pb-12 { + padding-bottom: 3rem; } - .xl\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .xl\:pl-12 { + padding-left: 3rem; } - .xl\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .xl\:pt-16 { + padding-top: 4rem; } - .xl\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .xl\:pr-16 { + padding-right: 4rem; } - .xl\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .xl\:pb-16 { + padding-bottom: 4rem; } - .xl\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .xl\:pl-16 { + padding-left: 4rem; } - .xl\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .xl\:pt-20 { + padding-top: 5rem; } - .xl\:-mt-0 { - margin-top: 0; + .xl\:pr-20 { + padding-right: 5rem; } - .xl\:-mr-0 { - margin-right: 0; + .xl\:pb-20 { + padding-bottom: 5rem; } - .xl\:-mb-0 { - margin-bottom: 0; + .xl\:pl-20 { + padding-left: 5rem; } - .xl\:-ml-0 { - margin-left: 0; + .xl\:pt-24 { + padding-top: 6rem; } - .xl\:-mt-1 { - margin-top: -0.25rem; + .xl\:pr-24 { + padding-right: 6rem; } - .xl\:-mr-1 { - margin-right: -0.25rem; + .xl\:pb-24 { + padding-bottom: 6rem; } - .xl\:-mb-1 { - margin-bottom: -0.25rem; + .xl\:pl-24 { + padding-left: 6rem; } - .xl\:-ml-1 { - margin-left: -0.25rem; + .xl\:pt-32 { + padding-top: 8rem; } - .xl\:-mt-2 { - margin-top: -0.5rem; + .xl\:pr-32 { + padding-right: 8rem; } - .xl\:-mr-2 { - margin-right: -0.5rem; + .xl\:pb-32 { + padding-bottom: 8rem; } - .xl\:-mb-2 { - margin-bottom: -0.5rem; + .xl\:pl-32 { + padding-left: 8rem; } - .xl\:-ml-2 { - margin-left: -0.5rem; + .xl\:pt-px { + padding-top: 1px; } - .xl\:-mt-3 { - margin-top: -0.75rem; + .xl\:pr-px { + padding-right: 1px; } - .xl\:-mr-3 { - margin-right: -0.75rem; + .xl\:pb-px { + padding-bottom: 1px; } - .xl\:-mb-3 { - margin-bottom: -0.75rem; + .xl\:pl-px { + padding-left: 1px; } - .xl\:-ml-3 { - margin-left: -0.75rem; + .xl\:pointer-events-none { + pointer-events: none; } - .xl\:-mt-4 { - margin-top: -1rem; + .xl\:pointer-events-auto { + pointer-events: auto; } - .xl\:-mr-4 { - margin-right: -1rem; + .xl\:static { + position: static; } - .xl\:-mb-4 { - margin-bottom: -1rem; + .xl\:fixed { + position: fixed; } - .xl\:-ml-4 { - margin-left: -1rem; + .xl\:absolute { + position: absolute; } - .xl\:-mt-6 { - margin-top: -1.5rem; + .xl\:relative { + position: relative; } - .xl\:-mr-6 { - margin-right: -1.5rem; + .xl\:sticky { + position: sticky; } - .xl\:-mb-6 { - margin-bottom: -1.5rem; + .xl\:pin-none { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .xl\:-ml-6 { - margin-left: -1.5rem; + .xl\:pin { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .xl\:-mt-8 { - margin-top: -2rem; + .xl\:pin-y { + top: 0; + bottom: 0; } - .xl\:-mr-8 { - margin-right: -2rem; + .xl\:pin-x { + right: 0; + left: 0; } - .xl\:-mb-8 { - margin-bottom: -2rem; + .xl\:pin-t { + top: 0; } - .xl\:-ml-8 { - margin-left: -2rem; + .xl\:pin-r { + right: 0; } - .xl\:-mt-px { - margin-top: -1px; + .xl\:pin-b { + bottom: 0; } - .xl\:-mr-px { - margin-right: -1px; + .xl\:pin-l { + left: 0; } - .xl\:-mb-px { - margin-bottom: -1px; + .xl\:resize-none { + resize: none; } - .xl\:-ml-px { - margin-left: -1px; + .xl\:resize-y { + resize: vertical; } - .xl\:opacity-0 { - opacity: 0; + .xl\:resize-x { + resize: horizontal; } - .xl\:opacity-25 { - opacity: .25; + .xl\:resize { + resize: both; } - .xl\:opacity-50 { - opacity: .5; + .xl\:shadow { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); } - .xl\:opacity-75 { - opacity: .75; + .xl\:shadow-md { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); } - .xl\:opacity-100 { - opacity: 1; + .xl\:shadow-lg { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); } - .xl\:overflow-auto { - overflow: auto; + .xl\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); } - .xl\:overflow-hidden { - overflow: hidden; + .xl\:shadow-outline { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); } - .xl\:overflow-visible { - overflow: visible; + .xl\:shadow-none { + box-shadow: none; } - .xl\:overflow-scroll { - overflow: scroll; + .xl\:hover\:shadow:hover { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); } - .xl\:overflow-x-auto { - overflow-x: auto; + .xl\:hover\:shadow-md:hover { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); } - .xl\:overflow-y-auto { - overflow-y: auto; + .xl\:hover\:shadow-lg:hover { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); } - .xl\:overflow-x-scroll { - overflow-x: scroll; + .xl\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); } - .xl\:overflow-y-scroll { - overflow-y: scroll; + .xl\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); } - .xl\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .xl\:hover\:shadow-none:hover { + box-shadow: none; } - .xl\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .xl\:focus\:shadow:focus { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); } - .xl\:p-0 { - padding: 0; + .xl\:focus\:shadow-md:focus { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); } - .xl\:p-1 { - padding: .25rem; + .xl\:focus\:shadow-lg:focus { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); } - .xl\:p-2 { - padding: .5rem; + .xl\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); } - .xl\:p-3 { - padding: .75rem; + .xl\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(52, 144, 220, .5); } - .xl\:p-4 { - padding: 1rem; + .xl\:focus\:shadow-none:focus { + box-shadow: none; } - .xl\:p-6 { - padding: 1.5rem; + .xl\:table-auto { + table-layout: auto; } - .xl\:p-8 { - padding: 2rem; + .xl\:table-fixed { + table-layout: fixed; } - .xl\:p-px { - padding: 1px; + .xl\:text-left { + text-align: left; } - .xl\:py-0 { - padding-top: 0; - padding-bottom: 0; + .xl\:text-center { + text-align: center; } - .xl\:px-0 { - padding-left: 0; - padding-right: 0; + .xl\:text-right { + text-align: right; } - .xl\:py-1 { - padding-top: .25rem; - padding-bottom: .25rem; + .xl\:text-justify { + text-align: justify; } - .xl\:px-1 { - padding-left: .25rem; - padding-right: .25rem; + .xl\:text-transparent { + color: transparent; } - .xl\:py-2 { - padding-top: .5rem; - padding-bottom: .5rem; + .xl\:text-black { + color: #22292f; } - .xl\:px-2 { - padding-left: .5rem; - padding-right: .5rem; + .xl\:text-grey-darkest { + color: #3d4852; } - .xl\:py-3 { - padding-top: .75rem; - padding-bottom: .75rem; + .xl\:text-grey-darker { + color: #606f7b; } - .xl\:px-3 { - padding-left: .75rem; - padding-right: .75rem; + .xl\:text-grey-dark { + color: #8795a1; } - .xl\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .xl\:text-grey { + color: #b8c2cc; } - .xl\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .xl\:text-grey-light { + color: #dae1e7; } - .xl\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .xl\:text-grey-lighter { + color: #f1f5f8; } - .xl\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .xl\:text-grey-lightest { + color: #f8fafc; } - .xl\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .xl\:text-white { + color: #fff; } - .xl\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .xl\:text-red-darkest { + color: #3b0d0c; } - .xl\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .xl\:text-red-darker { + color: #621b18; } - .xl\:px-px { - padding-left: 1px; - padding-right: 1px; + .xl\:text-red-dark { + color: #cc1f1a; } - .xl\:pt-0 { - padding-top: 0; + .xl\:text-red { + color: #e3342f; } - .xl\:pr-0 { - padding-right: 0; + .xl\:text-red-light { + color: #ef5753; } - .xl\:pb-0 { - padding-bottom: 0; + .xl\:text-red-lighter { + color: #f9acaa; } - .xl\:pl-0 { - padding-left: 0; + .xl\:text-red-lightest { + color: #fcebea; } - .xl\:pt-1 { - padding-top: .25rem; + .xl\:text-orange-darkest { + color: #462a16; } - .xl\:pr-1 { - padding-right: .25rem; + .xl\:text-orange-darker { + color: #613b1f; } - .xl\:pb-1 { - padding-bottom: .25rem; + .xl\:text-orange-dark { + color: #de751f; } - .xl\:pl-1 { - padding-left: .25rem; + .xl\:text-orange { + color: #f6993f; } - .xl\:pt-2 { - padding-top: .5rem; + .xl\:text-orange-light { + color: #faad63; } - .xl\:pr-2 { - padding-right: .5rem; + .xl\:text-orange-lighter { + color: #fcd9b6; } - .xl\:pb-2 { - padding-bottom: .5rem; + .xl\:text-orange-lightest { + color: #fff5eb; } - .xl\:pl-2 { - padding-left: .5rem; + .xl\:text-yellow-darkest { + color: #453411; } - .xl\:pt-3 { - padding-top: .75rem; + .xl\:text-yellow-darker { + color: #684f1d; } - .xl\:pr-3 { - padding-right: .75rem; + .xl\:text-yellow-dark { + color: #f2d024; } - .xl\:pb-3 { - padding-bottom: .75rem; + .xl\:text-yellow { + color: #ffed4a; } - .xl\:pl-3 { - padding-left: .75rem; + .xl\:text-yellow-light { + color: #fff382; } - .xl\:pt-4 { - padding-top: 1rem; + .xl\:text-yellow-lighter { + color: #fff9c2; } - .xl\:pr-4 { - padding-right: 1rem; + .xl\:text-yellow-lightest { + color: #fcfbeb; } - .xl\:pb-4 { - padding-bottom: 1rem; + .xl\:text-green-darkest { + color: #0f2f21; } - .xl\:pl-4 { - padding-left: 1rem; + .xl\:text-green-darker { + color: #1a4731; } - .xl\:pt-6 { - padding-top: 1.5rem; + .xl\:text-green-dark { + color: #1f9d55; } - .xl\:pr-6 { - padding-right: 1.5rem; + .xl\:text-green { + color: #38c172; } - .xl\:pb-6 { - padding-bottom: 1.5rem; + .xl\:text-green-light { + color: #51d88a; } - .xl\:pl-6 { - padding-left: 1.5rem; + .xl\:text-green-lighter { + color: #a2f5bf; } - .xl\:pt-8 { - padding-top: 2rem; + .xl\:text-green-lightest { + color: #e3fcec; } - .xl\:pr-8 { - padding-right: 2rem; + .xl\:text-teal-darkest { + color: #0d3331; } - .xl\:pb-8 { - padding-bottom: 2rem; + .xl\:text-teal-darker { + color: #20504f; } - .xl\:pl-8 { - padding-left: 2rem; + .xl\:text-teal-dark { + color: #38a89d; } - .xl\:pt-px { - padding-top: 1px; + .xl\:text-teal { + color: #4dc0b5; } - .xl\:pr-px { - padding-right: 1px; + .xl\:text-teal-light { + color: #64d5ca; } - .xl\:pb-px { - padding-bottom: 1px; + .xl\:text-teal-lighter { + color: #a0f0ed; } - .xl\:pl-px { - padding-left: 1px; + .xl\:text-teal-lightest { + color: #e8fffe; } - .xl\:pointer-events-none { - pointer-events: none; + .xl\:text-blue-darkest { + color: #12283a; } - .xl\:pointer-events-auto { - pointer-events: auto; + .xl\:text-blue-darker { + color: #1c3d5a; } - .xl\:static { - position: static; + .xl\:text-blue-dark { + color: #2779bd; } - .xl\:fixed { - position: fixed; + .xl\:text-blue { + color: #3490dc; } - .xl\:absolute { - position: absolute; + .xl\:text-blue-light { + color: #6cb2eb; } - .xl\:relative { - position: relative; + .xl\:text-blue-lighter { + color: #bcdefa; } - .xl\:sticky { - position: sticky; + .xl\:text-blue-lightest { + color: #eff8ff; } - .xl\:pin-none { - top: auto; - right: auto; - bottom: auto; - left: auto; + .xl\:text-indigo-darkest { + color: #191e38; } - .xl\:pin { - top: 0; - right: 0; - bottom: 0; - left: 0; + .xl\:text-indigo-darker { + color: #2f365f; } - .xl\:pin-y { - top: 0; - bottom: 0; + .xl\:text-indigo-dark { + color: #5661b3; } - .xl\:pin-x { - right: 0; - left: 0; + .xl\:text-indigo { + color: #6574cd; } - .xl\:pin-t { - top: 0; + .xl\:text-indigo-light { + color: #7886d7; } - .xl\:pin-r { - right: 0; + .xl\:text-indigo-lighter { + color: #b2b7ff; } - .xl\:pin-b { - bottom: 0; + .xl\:text-indigo-lightest { + color: #e6e8ff; } - .xl\:pin-l { - left: 0; + .xl\:text-purple-darkest { + color: #21183c; } - .xl\:resize-none { - resize: none; + .xl\:text-purple-darker { + color: #382b5f; } - .xl\:resize-y { - resize: vertical; + .xl\:text-purple-dark { + color: #794acf; } - .xl\:resize-x { - resize: horizontal; + .xl\:text-purple { + color: #9561e2; } - .xl\:resize { - resize: both; + .xl\:text-purple-light { + color: #a779e9; } - .xl\:shadow { - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); + .xl\:text-purple-lighter { + color: #d6bbfc; } - .xl\:shadow-md { - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); + .xl\:text-purple-lightest { + color: #f3ebff; } - .xl\:shadow-lg { - box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08); + .xl\:text-pink-darkest { + color: #451225; } - .xl\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); + .xl\:text-pink-darker { + color: #6f213f; } - .xl\:shadow-none { - box-shadow: none; + .xl\:text-pink-dark { + color: #eb5286; } - .xl\:text-left { - text-align: left; + .xl\:text-pink { + color: #f66d9b; } - .xl\:text-center { - text-align: center; + .xl\:text-pink-light { + color: #fa7ea8; } - .xl\:text-right { - text-align: right; + .xl\:text-pink-lighter { + color: #ffbbca; } - .xl\:text-justify { - text-align: justify; + .xl\:text-pink-lightest { + color: #ffebef; } - .xl\:text-transparent { + .xl\:hover\:text-transparent:hover { color: transparent; } - .xl\:text-black { + .xl\:hover\:text-black:hover { color: #22292f; } - .xl\:text-grey-darkest { + .xl\:hover\:text-grey-darkest:hover { color: #3d4852; } - .xl\:text-grey-darker { + .xl\:hover\:text-grey-darker:hover { color: #606f7b; } - .xl\:text-grey-dark { + .xl\:hover\:text-grey-dark:hover { color: #8795a1; } - .xl\:text-grey { + .xl\:hover\:text-grey:hover { color: #b8c2cc; } - .xl\:text-grey-light { + .xl\:hover\:text-grey-light:hover { color: #dae1e7; } - .xl\:text-grey-lighter { + .xl\:hover\:text-grey-lighter:hover { color: #f1f5f8; } - .xl\:text-grey-lightest { + .xl\:hover\:text-grey-lightest:hover { color: #f8fafc; } - .xl\:text-white { + .xl\:hover\:text-white:hover { color: #fff; } - .xl\:text-red-darkest { + .xl\:hover\:text-red-darkest:hover { color: #3b0d0c; } - .xl\:text-red-darker { + .xl\:hover\:text-red-darker:hover { color: #621b18; } - .xl\:text-red-dark { + .xl\:hover\:text-red-dark:hover { color: #cc1f1a; } - .xl\:text-red { + .xl\:hover\:text-red:hover { color: #e3342f; } - .xl\:text-red-light { + .xl\:hover\:text-red-light:hover { color: #ef5753; } - .xl\:text-red-lighter { + .xl\:hover\:text-red-lighter:hover { color: #f9acaa; } - .xl\:text-red-lightest { + .xl\:hover\:text-red-lightest:hover { color: #fcebea; } - .xl\:text-orange-darkest { + .xl\:hover\:text-orange-darkest:hover { color: #462a16; } - .xl\:text-orange-darker { + .xl\:hover\:text-orange-darker:hover { color: #613b1f; } - .xl\:text-orange-dark { + .xl\:hover\:text-orange-dark:hover { color: #de751f; } - .xl\:text-orange { + .xl\:hover\:text-orange:hover { color: #f6993f; } - .xl\:text-orange-light { + .xl\:hover\:text-orange-light:hover { color: #faad63; } - .xl\:text-orange-lighter { + .xl\:hover\:text-orange-lighter:hover { color: #fcd9b6; } - .xl\:text-orange-lightest { + .xl\:hover\:text-orange-lightest:hover { color: #fff5eb; } - .xl\:text-yellow-darkest { + .xl\:hover\:text-yellow-darkest:hover { color: #453411; } - .xl\:text-yellow-darker { + .xl\:hover\:text-yellow-darker:hover { color: #684f1d; } - .xl\:text-yellow-dark { + .xl\:hover\:text-yellow-dark:hover { color: #f2d024; } - .xl\:text-yellow { + .xl\:hover\:text-yellow:hover { color: #ffed4a; } - .xl\:text-yellow-light { + .xl\:hover\:text-yellow-light:hover { color: #fff382; } - .xl\:text-yellow-lighter { + .xl\:hover\:text-yellow-lighter:hover { color: #fff9c2; } - .xl\:text-yellow-lightest { + .xl\:hover\:text-yellow-lightest:hover { color: #fcfbeb; } - .xl\:text-green-darkest { + .xl\:hover\:text-green-darkest:hover { color: #0f2f21; } - .xl\:text-green-darker { + .xl\:hover\:text-green-darker:hover { color: #1a4731; } - .xl\:text-green-dark { + .xl\:hover\:text-green-dark:hover { color: #1f9d55; } - .xl\:text-green { + .xl\:hover\:text-green:hover { color: #38c172; } - .xl\:text-green-light { + .xl\:hover\:text-green-light:hover { color: #51d88a; } - .xl\:text-green-lighter { + .xl\:hover\:text-green-lighter:hover { color: #a2f5bf; } - .xl\:text-green-lightest { + .xl\:hover\:text-green-lightest:hover { color: #e3fcec; } - .xl\:text-teal-darkest { + .xl\:hover\:text-teal-darkest:hover { color: #0d3331; } - .xl\:text-teal-darker { + .xl\:hover\:text-teal-darker:hover { color: #20504f; } - .xl\:text-teal-dark { + .xl\:hover\:text-teal-dark:hover { color: #38a89d; } - .xl\:text-teal { + .xl\:hover\:text-teal:hover { color: #4dc0b5; } - .xl\:text-teal-light { + .xl\:hover\:text-teal-light:hover { color: #64d5ca; } - .xl\:text-teal-lighter { + .xl\:hover\:text-teal-lighter:hover { color: #a0f0ed; } - .xl\:text-teal-lightest { + .xl\:hover\:text-teal-lightest:hover { color: #e8fffe; } - .xl\:text-blue-darkest { + .xl\:hover\:text-blue-darkest:hover { color: #12283a; } - .xl\:text-blue-darker { + .xl\:hover\:text-blue-darker:hover { color: #1c3d5a; } - .xl\:text-blue-dark { + .xl\:hover\:text-blue-dark:hover { color: #2779bd; } - .xl\:text-blue { + .xl\:hover\:text-blue:hover { color: #3490dc; } - .xl\:text-blue-light { + .xl\:hover\:text-blue-light:hover { color: #6cb2eb; } - .xl\:text-blue-lighter { + .xl\:hover\:text-blue-lighter:hover { color: #bcdefa; } - .xl\:text-blue-lightest { + .xl\:hover\:text-blue-lightest:hover { color: #eff8ff; } - .xl\:text-indigo-darkest { + .xl\:hover\:text-indigo-darkest:hover { color: #191e38; } - .xl\:text-indigo-darker { + .xl\:hover\:text-indigo-darker:hover { color: #2f365f; } - .xl\:text-indigo-dark { + .xl\:hover\:text-indigo-dark:hover { color: #5661b3; } - .xl\:text-indigo { + .xl\:hover\:text-indigo:hover { color: #6574cd; } - .xl\:text-indigo-light { + .xl\:hover\:text-indigo-light:hover { color: #7886d7; } - .xl\:text-indigo-lighter { + .xl\:hover\:text-indigo-lighter:hover { color: #b2b7ff; } - .xl\:text-indigo-lightest { + .xl\:hover\:text-indigo-lightest:hover { color: #e6e8ff; } - .xl\:text-purple-darkest { + .xl\:hover\:text-purple-darkest:hover { color: #21183c; } - .xl\:text-purple-darker { + .xl\:hover\:text-purple-darker:hover { color: #382b5f; } - .xl\:text-purple-dark { + .xl\:hover\:text-purple-dark:hover { color: #794acf; } - .xl\:text-purple { + .xl\:hover\:text-purple:hover { color: #9561e2; } - .xl\:text-purple-light { + .xl\:hover\:text-purple-light:hover { color: #a779e9; } - .xl\:text-purple-lighter { + .xl\:hover\:text-purple-lighter:hover { color: #d6bbfc; } - .xl\:text-purple-lightest { + .xl\:hover\:text-purple-lightest:hover { color: #f3ebff; } - .xl\:text-pink-darkest { + .xl\:hover\:text-pink-darkest:hover { color: #451225; } - .xl\:text-pink-darker { + .xl\:hover\:text-pink-darker:hover { color: #6f213f; } - .xl\:text-pink-dark { + .xl\:hover\:text-pink-dark:hover { color: #eb5286; } - .xl\:text-pink { + .xl\:hover\:text-pink:hover { color: #f66d9b; } - .xl\:text-pink-light { + .xl\:hover\:text-pink-light:hover { color: #fa7ea8; } - .xl\:text-pink-lighter { + .xl\:hover\:text-pink-lighter:hover { color: #ffbbca; } - .xl\:text-pink-lightest { + .xl\:hover\:text-pink-lightest:hover { color: #ffebef; } - .xl\:hover\:text-transparent:hover { + .xl\:focus\:text-transparent:focus { color: transparent; } - .xl\:hover\:text-black:hover { + .xl\:focus\:text-black:focus { color: #22292f; } - .xl\:hover\:text-grey-darkest:hover { + .xl\:focus\:text-grey-darkest:focus { color: #3d4852; } - .xl\:hover\:text-grey-darker:hover { + .xl\:focus\:text-grey-darker:focus { color: #606f7b; } - .xl\:hover\:text-grey-dark:hover { + .xl\:focus\:text-grey-dark:focus { color: #8795a1; } - .xl\:hover\:text-grey:hover { + .xl\:focus\:text-grey:focus { color: #b8c2cc; } - .xl\:hover\:text-grey-light:hover { + .xl\:focus\:text-grey-light:focus { color: #dae1e7; } - .xl\:hover\:text-grey-lighter:hover { + .xl\:focus\:text-grey-lighter:focus { color: #f1f5f8; } - .xl\:hover\:text-grey-lightest:hover { + .xl\:focus\:text-grey-lightest:focus { color: #f8fafc; } - .xl\:hover\:text-white:hover { + .xl\:focus\:text-white:focus { color: #fff; } - .xl\:hover\:text-red-darkest:hover { + .xl\:focus\:text-red-darkest:focus { color: #3b0d0c; } - .xl\:hover\:text-red-darker:hover { + .xl\:focus\:text-red-darker:focus { color: #621b18; } - .xl\:hover\:text-red-dark:hover { + .xl\:focus\:text-red-dark:focus { color: #cc1f1a; } - .xl\:hover\:text-red:hover { + .xl\:focus\:text-red:focus { color: #e3342f; } - .xl\:hover\:text-red-light:hover { + .xl\:focus\:text-red-light:focus { color: #ef5753; } - .xl\:hover\:text-red-lighter:hover { + .xl\:focus\:text-red-lighter:focus { color: #f9acaa; } - .xl\:hover\:text-red-lightest:hover { + .xl\:focus\:text-red-lightest:focus { color: #fcebea; } - .xl\:hover\:text-orange-darkest:hover { + .xl\:focus\:text-orange-darkest:focus { color: #462a16; } - .xl\:hover\:text-orange-darker:hover { + .xl\:focus\:text-orange-darker:focus { color: #613b1f; } - .xl\:hover\:text-orange-dark:hover { + .xl\:focus\:text-orange-dark:focus { color: #de751f; } - .xl\:hover\:text-orange:hover { + .xl\:focus\:text-orange:focus { color: #f6993f; } - .xl\:hover\:text-orange-light:hover { + .xl\:focus\:text-orange-light:focus { color: #faad63; } - .xl\:hover\:text-orange-lighter:hover { + .xl\:focus\:text-orange-lighter:focus { color: #fcd9b6; } - .xl\:hover\:text-orange-lightest:hover { + .xl\:focus\:text-orange-lightest:focus { color: #fff5eb; } - .xl\:hover\:text-yellow-darkest:hover { + .xl\:focus\:text-yellow-darkest:focus { color: #453411; } - .xl\:hover\:text-yellow-darker:hover { + .xl\:focus\:text-yellow-darker:focus { color: #684f1d; } - .xl\:hover\:text-yellow-dark:hover { + .xl\:focus\:text-yellow-dark:focus { color: #f2d024; } - .xl\:hover\:text-yellow:hover { + .xl\:focus\:text-yellow:focus { color: #ffed4a; } - .xl\:hover\:text-yellow-light:hover { + .xl\:focus\:text-yellow-light:focus { color: #fff382; } - .xl\:hover\:text-yellow-lighter:hover { + .xl\:focus\:text-yellow-lighter:focus { color: #fff9c2; } - .xl\:hover\:text-yellow-lightest:hover { + .xl\:focus\:text-yellow-lightest:focus { color: #fcfbeb; } - .xl\:hover\:text-green-darkest:hover { + .xl\:focus\:text-green-darkest:focus { color: #0f2f21; } - .xl\:hover\:text-green-darker:hover { + .xl\:focus\:text-green-darker:focus { color: #1a4731; } - .xl\:hover\:text-green-dark:hover { + .xl\:focus\:text-green-dark:focus { color: #1f9d55; } - .xl\:hover\:text-green:hover { + .xl\:focus\:text-green:focus { color: #38c172; } - .xl\:hover\:text-green-light:hover { + .xl\:focus\:text-green-light:focus { color: #51d88a; } - .xl\:hover\:text-green-lighter:hover { + .xl\:focus\:text-green-lighter:focus { color: #a2f5bf; } - .xl\:hover\:text-green-lightest:hover { + .xl\:focus\:text-green-lightest:focus { color: #e3fcec; } - .xl\:hover\:text-teal-darkest:hover { + .xl\:focus\:text-teal-darkest:focus { color: #0d3331; } - .xl\:hover\:text-teal-darker:hover { + .xl\:focus\:text-teal-darker:focus { color: #20504f; } - .xl\:hover\:text-teal-dark:hover { + .xl\:focus\:text-teal-dark:focus { color: #38a89d; } - .xl\:hover\:text-teal:hover { + .xl\:focus\:text-teal:focus { color: #4dc0b5; } - .xl\:hover\:text-teal-light:hover { + .xl\:focus\:text-teal-light:focus { color: #64d5ca; } - .xl\:hover\:text-teal-lighter:hover { + .xl\:focus\:text-teal-lighter:focus { color: #a0f0ed; } - .xl\:hover\:text-teal-lightest:hover { + .xl\:focus\:text-teal-lightest:focus { color: #e8fffe; } - .xl\:hover\:text-blue-darkest:hover { + .xl\:focus\:text-blue-darkest:focus { color: #12283a; } - .xl\:hover\:text-blue-darker:hover { + .xl\:focus\:text-blue-darker:focus { color: #1c3d5a; } - .xl\:hover\:text-blue-dark:hover { + .xl\:focus\:text-blue-dark:focus { color: #2779bd; } - .xl\:hover\:text-blue:hover { + .xl\:focus\:text-blue:focus { color: #3490dc; } - .xl\:hover\:text-blue-light:hover { + .xl\:focus\:text-blue-light:focus { color: #6cb2eb; } - .xl\:hover\:text-blue-lighter:hover { + .xl\:focus\:text-blue-lighter:focus { color: #bcdefa; } - .xl\:hover\:text-blue-lightest:hover { + .xl\:focus\:text-blue-lightest:focus { color: #eff8ff; } - .xl\:hover\:text-indigo-darkest:hover { + .xl\:focus\:text-indigo-darkest:focus { color: #191e38; } - .xl\:hover\:text-indigo-darker:hover { + .xl\:focus\:text-indigo-darker:focus { color: #2f365f; } - .xl\:hover\:text-indigo-dark:hover { + .xl\:focus\:text-indigo-dark:focus { color: #5661b3; } - .xl\:hover\:text-indigo:hover { + .xl\:focus\:text-indigo:focus { color: #6574cd; } - .xl\:hover\:text-indigo-light:hover { + .xl\:focus\:text-indigo-light:focus { color: #7886d7; } - .xl\:hover\:text-indigo-lighter:hover { + .xl\:focus\:text-indigo-lighter:focus { color: #b2b7ff; } - .xl\:hover\:text-indigo-lightest:hover { + .xl\:focus\:text-indigo-lightest:focus { color: #e6e8ff; } - .xl\:hover\:text-purple-darkest:hover { + .xl\:focus\:text-purple-darkest:focus { color: #21183c; } - .xl\:hover\:text-purple-darker:hover { + .xl\:focus\:text-purple-darker:focus { color: #382b5f; } - .xl\:hover\:text-purple-dark:hover { + .xl\:focus\:text-purple-dark:focus { color: #794acf; } - .xl\:hover\:text-purple:hover { + .xl\:focus\:text-purple:focus { color: #9561e2; } - .xl\:hover\:text-purple-light:hover { + .xl\:focus\:text-purple-light:focus { color: #a779e9; } - .xl\:hover\:text-purple-lighter:hover { + .xl\:focus\:text-purple-lighter:focus { color: #d6bbfc; } - .xl\:hover\:text-purple-lightest:hover { + .xl\:focus\:text-purple-lightest:focus { color: #f3ebff; } - .xl\:hover\:text-pink-darkest:hover { + .xl\:focus\:text-pink-darkest:focus { color: #451225; } - .xl\:hover\:text-pink-darker:hover { + .xl\:focus\:text-pink-darker:focus { color: #6f213f; } - .xl\:hover\:text-pink-dark:hover { + .xl\:focus\:text-pink-dark:focus { color: #eb5286; } - .xl\:hover\:text-pink:hover { + .xl\:focus\:text-pink:focus { color: #f66d9b; } - .xl\:hover\:text-pink-light:hover { + .xl\:focus\:text-pink-light:focus { color: #fa7ea8; } - .xl\:hover\:text-pink-lighter:hover { + .xl\:focus\:text-pink-lighter:focus { color: #ffbbca; } - .xl\:hover\:text-pink-lightest:hover { + .xl\:focus\:text-pink-lightest:focus { color: #ffebef; } @@ -21116,6 +29641,52 @@ button, -moz-osx-font-smoothing: auto; } + .xl\:focus\:italic:focus { + font-style: italic; + } + + .xl\:focus\:roman:focus { + font-style: normal; + } + + .xl\:focus\:uppercase:focus { + text-transform: uppercase; + } + + .xl\:focus\:lowercase:focus { + text-transform: lowercase; + } + + .xl\:focus\:capitalize:focus { + text-transform: capitalize; + } + + .xl\:focus\:normal-case:focus { + text-transform: none; + } + + .xl\:focus\:underline:focus { + text-decoration: underline; + } + + .xl\:focus\:line-through:focus { + text-decoration: line-through; + } + + .xl\:focus\:no-underline:focus { + text-decoration: none; + } + + .xl\:focus\:antialiased:focus { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .xl\:focus\:subpixel-antialiased:focus { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; + } + .xl\:tracking-tight { letter-spacing: -0.05em; } @@ -21218,6 +29789,10 @@ button, width: 1rem; } + .xl\:w-5 { + width: 1.25rem; + } + .xl\:w-6 { width: 1.5rem; } @@ -21581,4 +30156,52 @@ button, .xl\:col-end-13 { grid-column-end: 13; } + + .xl\:row-span-1 { + grid-row-start: span 1; + } + + .xl\:row-span-2 { + grid-row-start: span 2; + } + + .xl\:row-span-3 { + grid-row-start: span 3; + } + + .xl\:row-span-4 { + grid-row-start: span 4; + } + + .xl\:row-span-5 { + grid-row-start: span 5; + } + + .xl\:row-span-6 { + grid-row-start: span 6; + } + + .xl\:row-span-7 { + grid-row-start: span 7; + } + + .xl\:row-span-8 { + grid-row-start: span 8; + } + + .xl\:row-span-9 { + grid-row-start: span 9; + } + + .xl\:row-span-10 { + grid-row-start: span 10; + } + + .xl\:row-span-11 { + grid-row-start: span 11; + } + + .xl\:row-span-12 { + grid-row-start: span 12; + } } diff --git a/index.html b/index.html index 823c743..8d9076b 100644 --- a/index.html +++ b/index.html @@ -212,7 +212,7 @@
.grid.grid-columns-12
.grid.grid-columns-3
+ .row-span-2
+