From d1828c9dd92202af7600b7f37348df3cd2987159 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 22 Nov 2017 11:36:16 -0500 Subject: [PATCH 01/13] Rename generators to match planned module names --- __tests__/fixtures/tailwind-output.css | 19224 ++++++++-------- src/generators/{forms.js => appearance.js} | 0 ...oundPositions.js => backgroundPosition.js} | 0 .../{rounded.js => borderRadius.js} | 0 .../{borderStyles.js => borderStyle.js} | 0 src/generators/{flex.js => flexbox.js} | 0 src/generators/{floats.js => float.js} | 0 .../{textWeights.js => fontWeights.js} | 0 src/generators/{textFonts.js => fonts.js} | 0 src/generators/height.js | 14 + src/generators/{textLeading.js => leading.js} | 0 src/generators/margin.js | 31 + src/generators/maxHeight.js | 14 + src/generators/maxWidth.js | 14 + src/generators/minHeight.js | 14 + src/generators/minWidth.js | 14 + src/generators/negativeMargin.js | 33 + src/generators/padding.js | 31 + src/generators/sizing.js | 61 - src/generators/spacing.js | 87 - .../{textTracking.js => tracking.js} | 0 src/generators/{textWrap.js => whitespace.js} | 0 src/generators/width.js | 14 + src/lib/generateUtilities.js | 97 +- 24 files changed, 9848 insertions(+), 9800 deletions(-) rename src/generators/{forms.js => appearance.js} (100%) rename src/generators/{backgroundPositions.js => backgroundPosition.js} (100%) rename src/generators/{rounded.js => borderRadius.js} (100%) rename src/generators/{borderStyles.js => borderStyle.js} (100%) rename src/generators/{flex.js => flexbox.js} (100%) rename src/generators/{floats.js => float.js} (100%) rename src/generators/{textWeights.js => fontWeights.js} (100%) rename src/generators/{textFonts.js => fonts.js} (100%) create mode 100644 src/generators/height.js rename src/generators/{textLeading.js => leading.js} (100%) create mode 100644 src/generators/margin.js create mode 100644 src/generators/maxHeight.js create mode 100644 src/generators/maxWidth.js create mode 100644 src/generators/minHeight.js create mode 100644 src/generators/minWidth.js create mode 100644 src/generators/negativeMargin.js create mode 100644 src/generators/padding.js delete mode 100644 src/generators/sizing.js delete mode 100644 src/generators/spacing.js rename src/generators/{textTracking.js => tracking.js} (100%) rename src/generators/{textWrap.js => whitespace.js} (100%) create mode 100644 src/generators/width.js diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 6abbbd372ea3..25753fa7b3c2 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -611,2525 +611,2524 @@ button, appearance: none; } -.text-xs { - font-size: .75rem; +.bg-transparent { + background-color: transparent; } -.text-sm { - font-size: .875rem; +.bg-black { + background-color: #222b2f; } -.text-base { - font-size: 1rem; +.bg-grey-darkest { + background-color: #364349; } -.text-lg { - font-size: 1.125rem; +.bg-grey-darker { + background-color: #596a73; } -.text-xl { - font-size: 1.25rem; +.bg-grey-dark { + background-color: #70818a; } -.text-2xl { - font-size: 1.5rem; +.bg-grey { + background-color: #9babb4; } -.text-3xl { - font-size: 1.875rem; +.bg-grey-light { + background-color: #dae4e9; } -.text-4xl { - font-size: 2.25rem; +.bg-grey-lighter { + background-color: #f3f7f9; } -.text-5xl { - font-size: 3rem; +.bg-grey-lightest { + background-color: #fafcfc; } -.font-hairline { - font-weight: 100; +.bg-white { + background-color: #ffffff; } -.font-thin { - font-weight: 200; +.bg-red-darkest { + background-color: #420806; } -.font-light { - font-weight: 300; +.bg-red-darker { + background-color: #6a1b19; } -.font-normal { - font-weight: 400; +.bg-red-dark { + background-color: #cc1f1a; } -.font-medium { - font-weight: 500; +.bg-red { + background-color: #e3342f; } -.font-semibold { - font-weight: 600; +.bg-red-light { + background-color: #ef5753; } -.font-bold { - font-weight: 700; +.bg-red-lighter { + background-color: #f9acaa; } -.font-extrabold { - font-weight: 800; +.bg-red-lightest { + background-color: #fcebea; } -.font-black { - font-weight: 900; +.bg-orange-darkest { + background-color: #542605; } -.hover\:font-hairline:hover { - font-weight: 100; +.bg-orange-darker { + background-color: #7f4012; } -.hover\:font-thin:hover { - font-weight: 200; +.bg-orange-dark { + background-color: #de751f; } -.hover\:font-light:hover { - font-weight: 300; +.bg-orange { + background-color: #f6993f; } -.hover\:font-normal:hover { - font-weight: 400; +.bg-orange-light { + background-color: #faad63; } -.hover\:font-medium:hover { - font-weight: 500; +.bg-orange-lighter { + background-color: #fcd9b6; } -.hover\:font-semibold:hover { - font-weight: 600; +.bg-orange-lightest { + background-color: #fff5eb; } -.hover\:font-bold:hover { - font-weight: 700; +.bg-yellow-darkest { + background-color: #453411; } -.hover\:font-extrabold:hover { - font-weight: 800; +.bg-yellow-darker { + background-color: #684f1d; } -.hover\:font-black:hover { - font-weight: 900; +.bg-yellow-dark { + background-color: #f2d024; } -.font-sans { - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; +.bg-yellow { + background-color: #ffed4a; } -.font-serif { - font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; +.bg-yellow-light { + background-color: #fff382; } -.font-mono { - font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; +.bg-yellow-lighter { + background-color: #fff9c2; } -.text-transparent { - color: transparent; +.bg-yellow-lightest { + background-color: #fcfbeb; } -.text-black { - color: #222b2f; +.bg-green-darkest { + background-color: #032d19; } -.text-grey-darkest { - color: #364349; +.bg-green-darker { + background-color: #0b4228; } -.text-grey-darker { - color: #596a73; +.bg-green-dark { + background-color: #1f9d55; } -.text-grey-dark { - color: #70818a; +.bg-green { + background-color: #38c172; } -.text-grey { - color: #9babb4; +.bg-green-light { + background-color: #51d88a; } -.text-grey-light { - color: #dae4e9; +.bg-green-lighter { + background-color: #a2f5bf; } -.text-grey-lighter { - color: #f3f7f9; +.bg-green-lightest { + background-color: #e3fcec; } -.text-grey-lightest { - color: #fafcfc; +.bg-teal-darkest { + background-color: #0d3331; } -.text-white { - color: #ffffff; +.bg-teal-darker { + background-color: #174e4b; } -.text-red-darkest { - color: #420806; +.bg-teal-dark { + background-color: #38a89d; } -.text-red-darker { - color: #6a1b19; +.bg-teal { + background-color: #4dc0b5; } -.text-red-dark { - color: #cc1f1a; +.bg-teal-light { + background-color: #64d5ca; } -.text-red { - color: #e3342f; +.bg-teal-lighter { + background-color: #a0f0ed; } -.text-red-light { - color: #ef5753; +.bg-teal-lightest { + background-color: #e8fffe; } -.text-red-lighter { - color: #f9acaa; +.bg-blue-darkest { + background-color: #05233b; } -.text-red-lightest { - color: #fcebea; +.bg-blue-darker { + background-color: #103d60; } -.text-orange-darkest { - color: #542605; +.bg-blue-dark { + background-color: #2779bd; } -.text-orange-darker { - color: #7f4012; +.bg-blue { + background-color: #3490dc; } -.text-orange-dark { - color: #de751f; +.bg-blue-light { + background-color: #6cb2eb; } -.text-orange { - color: #f6993f; +.bg-blue-lighter { + background-color: #bcdefa; } -.text-orange-light { - color: #faad63; +.bg-blue-lightest { + background-color: #eff8ff; } -.text-orange-lighter { - color: #fcd9b6; +.bg-indigo-darkest { + background-color: #191e38; } -.text-orange-lightest { - color: #fff5eb; +.bg-indigo-darker { + background-color: #2f365f; } -.text-yellow-darkest { - color: #453411; +.bg-indigo-dark { + background-color: #5661b3; } -.text-yellow-darker { - color: #684f1d; +.bg-indigo { + background-color: #6574cd; } -.text-yellow-dark { - color: #f2d024; +.bg-indigo-light { + background-color: #7886d7; } -.text-yellow { - color: #ffed4a; +.bg-indigo-lighter { + background-color: #b2b7ff; } -.text-yellow-light { - color: #fff382; +.bg-indigo-lightest { + background-color: #e6e8ff; } -.text-yellow-lighter { - color: #fff9c2; +.bg-purple-darkest { + background-color: #1f133f; } -.text-yellow-lightest { - color: #fcfbeb; +.bg-purple-darker { + background-color: #352465; } -.text-green-darkest { - color: #032d19; +.bg-purple-dark { + background-color: #794acf; } -.text-green-darker { - color: #0b4228; +.bg-purple { + background-color: #9561e2; } -.text-green-dark { - color: #1f9d55; +.bg-purple-light { + background-color: #a779e9; } -.text-green { - color: #38c172; +.bg-purple-lighter { + background-color: #d6bbfc; } -.text-green-light { - color: #51d88a; +.bg-purple-lightest { + background-color: #f3ebff; } -.text-green-lighter { - color: #a2f5bf; +.bg-pink-darkest { + background-color: #45051e; } -.text-green-lightest { - color: #e3fcec; +.bg-pink-darker { + background-color: #72173a; } -.text-teal-darkest { - color: #0d3331; +.bg-pink-dark { + background-color: #eb5286; } -.text-teal-darker { - color: #174e4b; +.bg-pink { + background-color: #f66d9b; } -.text-teal-dark { - color: #38a89d; +.bg-pink-light { + background-color: #fa7ea8; } -.text-teal { - color: #4dc0b5; +.bg-pink-lighter { + background-color: #ffbbca; } -.text-teal-light { - color: #64d5ca; +.bg-pink-lightest { + background-color: #ffebef; } -.text-teal-lighter { - color: #a0f0ed; +.hover\:bg-transparent:hover { + background-color: transparent; } -.text-teal-lightest { - color: #e8fffe; +.hover\:bg-black:hover { + background-color: #222b2f; } -.text-blue-darkest { - color: #05233b; +.hover\:bg-grey-darkest:hover { + background-color: #364349; } -.text-blue-darker { - color: #103d60; +.hover\:bg-grey-darker:hover { + background-color: #596a73; } -.text-blue-dark { - color: #2779bd; +.hover\:bg-grey-dark:hover { + background-color: #70818a; } -.text-blue { - color: #3490dc; +.hover\:bg-grey:hover { + background-color: #9babb4; } -.text-blue-light { - color: #6cb2eb; +.hover\:bg-grey-light:hover { + background-color: #dae4e9; } -.text-blue-lighter { - color: #bcdefa; +.hover\:bg-grey-lighter:hover { + background-color: #f3f7f9; } -.text-blue-lightest { - color: #eff8ff; +.hover\:bg-grey-lightest:hover { + background-color: #fafcfc; } -.text-indigo-darkest { - color: #191e38; +.hover\:bg-white:hover { + background-color: #ffffff; } -.text-indigo-darker { - color: #2f365f; +.hover\:bg-red-darkest:hover { + background-color: #420806; } -.text-indigo-dark { - color: #5661b3; +.hover\:bg-red-darker:hover { + background-color: #6a1b19; } -.text-indigo { - color: #6574cd; +.hover\:bg-red-dark:hover { + background-color: #cc1f1a; } -.text-indigo-light { - color: #7886d7; +.hover\:bg-red:hover { + background-color: #e3342f; } -.text-indigo-lighter { - color: #b2b7ff; +.hover\:bg-red-light:hover { + background-color: #ef5753; } -.text-indigo-lightest { - color: #e6e8ff; +.hover\:bg-red-lighter:hover { + background-color: #f9acaa; } -.text-purple-darkest { - color: #1f133f; +.hover\:bg-red-lightest:hover { + background-color: #fcebea; } -.text-purple-darker { - color: #352465; +.hover\:bg-orange-darkest:hover { + background-color: #542605; } -.text-purple-dark { - color: #794acf; +.hover\:bg-orange-darker:hover { + background-color: #7f4012; } -.text-purple { - color: #9561e2; +.hover\:bg-orange-dark:hover { + background-color: #de751f; } -.text-purple-light { - color: #a779e9; +.hover\:bg-orange:hover { + background-color: #f6993f; } -.text-purple-lighter { - color: #d6bbfc; +.hover\:bg-orange-light:hover { + background-color: #faad63; } -.text-purple-lightest { - color: #f3ebff; +.hover\:bg-orange-lighter:hover { + background-color: #fcd9b6; } -.text-pink-darkest { - color: #45051e; +.hover\:bg-orange-lightest:hover { + background-color: #fff5eb; } -.text-pink-darker { - color: #72173a; +.hover\:bg-yellow-darkest:hover { + background-color: #453411; } -.text-pink-dark { - color: #eb5286; +.hover\:bg-yellow-darker:hover { + background-color: #684f1d; } -.text-pink { - color: #f66d9b; +.hover\:bg-yellow-dark:hover { + background-color: #f2d024; } -.text-pink-light { - color: #fa7ea8; +.hover\:bg-yellow:hover { + background-color: #ffed4a; } -.text-pink-lighter { - color: #ffbbca; +.hover\:bg-yellow-light:hover { + background-color: #fff382; } -.text-pink-lightest { - color: #ffebef; +.hover\:bg-yellow-lighter:hover { + background-color: #fff9c2; } -.hover\:text-transparent:hover { - color: transparent; +.hover\:bg-yellow-lightest:hover { + background-color: #fcfbeb; } -.hover\:text-black:hover { - color: #222b2f; +.hover\:bg-green-darkest:hover { + background-color: #032d19; } -.hover\:text-grey-darkest:hover { - color: #364349; +.hover\:bg-green-darker:hover { + background-color: #0b4228; } -.hover\:text-grey-darker:hover { - color: #596a73; +.hover\:bg-green-dark:hover { + background-color: #1f9d55; } -.hover\:text-grey-dark:hover { - color: #70818a; +.hover\:bg-green:hover { + background-color: #38c172; } -.hover\:text-grey:hover { - color: #9babb4; +.hover\:bg-green-light:hover { + background-color: #51d88a; } -.hover\:text-grey-light:hover { - color: #dae4e9; +.hover\:bg-green-lighter:hover { + background-color: #a2f5bf; } -.hover\:text-grey-lighter:hover { - color: #f3f7f9; +.hover\:bg-green-lightest:hover { + background-color: #e3fcec; } -.hover\:text-grey-lightest:hover { - color: #fafcfc; +.hover\:bg-teal-darkest:hover { + background-color: #0d3331; } -.hover\:text-white:hover { - color: #ffffff; +.hover\:bg-teal-darker:hover { + background-color: #174e4b; } -.hover\:text-red-darkest:hover { - color: #420806; +.hover\:bg-teal-dark:hover { + background-color: #38a89d; } -.hover\:text-red-darker:hover { - color: #6a1b19; +.hover\:bg-teal:hover { + background-color: #4dc0b5; } -.hover\:text-red-dark:hover { - color: #cc1f1a; +.hover\:bg-teal-light:hover { + background-color: #64d5ca; } -.hover\:text-red:hover { - color: #e3342f; +.hover\:bg-teal-lighter:hover { + background-color: #a0f0ed; } -.hover\:text-red-light:hover { - color: #ef5753; +.hover\:bg-teal-lightest:hover { + background-color: #e8fffe; } -.hover\:text-red-lighter:hover { - color: #f9acaa; +.hover\:bg-blue-darkest:hover { + background-color: #05233b; } -.hover\:text-red-lightest:hover { - color: #fcebea; +.hover\:bg-blue-darker:hover { + background-color: #103d60; } -.hover\:text-orange-darkest:hover { - color: #542605; +.hover\:bg-blue-dark:hover { + background-color: #2779bd; } -.hover\:text-orange-darker:hover { - color: #7f4012; +.hover\:bg-blue:hover { + background-color: #3490dc; } -.hover\:text-orange-dark:hover { - color: #de751f; +.hover\:bg-blue-light:hover { + background-color: #6cb2eb; } -.hover\:text-orange:hover { - color: #f6993f; +.hover\:bg-blue-lighter:hover { + background-color: #bcdefa; } -.hover\:text-orange-light:hover { - color: #faad63; +.hover\:bg-blue-lightest:hover { + background-color: #eff8ff; } -.hover\:text-orange-lighter:hover { - color: #fcd9b6; +.hover\:bg-indigo-darkest:hover { + background-color: #191e38; } -.hover\:text-orange-lightest:hover { - color: #fff5eb; +.hover\:bg-indigo-darker:hover { + background-color: #2f365f; } -.hover\:text-yellow-darkest:hover { - color: #453411; +.hover\:bg-indigo-dark:hover { + background-color: #5661b3; } -.hover\:text-yellow-darker:hover { - color: #684f1d; +.hover\:bg-indigo:hover { + background-color: #6574cd; } -.hover\:text-yellow-dark:hover { - color: #f2d024; +.hover\:bg-indigo-light:hover { + background-color: #7886d7; } -.hover\:text-yellow:hover { - color: #ffed4a; +.hover\:bg-indigo-lighter:hover { + background-color: #b2b7ff; } -.hover\:text-yellow-light:hover { - color: #fff382; +.hover\:bg-indigo-lightest:hover { + background-color: #e6e8ff; } -.hover\:text-yellow-lighter:hover { - color: #fff9c2; +.hover\:bg-purple-darkest:hover { + background-color: #1f133f; } -.hover\:text-yellow-lightest:hover { - color: #fcfbeb; +.hover\:bg-purple-darker:hover { + background-color: #352465; } -.hover\:text-green-darkest:hover { - color: #032d19; +.hover\:bg-purple-dark:hover { + background-color: #794acf; } -.hover\:text-green-darker:hover { - color: #0b4228; +.hover\:bg-purple:hover { + background-color: #9561e2; } -.hover\:text-green-dark:hover { - color: #1f9d55; +.hover\:bg-purple-light:hover { + background-color: #a779e9; } -.hover\:text-green:hover { - color: #38c172; +.hover\:bg-purple-lighter:hover { + background-color: #d6bbfc; } -.hover\:text-green-light:hover { - color: #51d88a; +.hover\:bg-purple-lightest:hover { + background-color: #f3ebff; } -.hover\:text-green-lighter:hover { - color: #a2f5bf; +.hover\:bg-pink-darkest:hover { + background-color: #45051e; } -.hover\:text-green-lightest:hover { - color: #e3fcec; +.hover\:bg-pink-darker:hover { + background-color: #72173a; } -.hover\:text-teal-darkest:hover { - color: #0d3331; +.hover\:bg-pink-dark:hover { + background-color: #eb5286; } -.hover\:text-teal-darker:hover { - color: #174e4b; +.hover\:bg-pink:hover { + background-color: #f66d9b; } -.hover\:text-teal-dark:hover { - color: #38a89d; +.hover\:bg-pink-light:hover { + background-color: #fa7ea8; } -.hover\:text-teal:hover { - color: #4dc0b5; +.hover\:bg-pink-lighter:hover { + background-color: #ffbbca; } -.hover\:text-teal-light:hover { - color: #64d5ca; +.hover\:bg-pink-lightest:hover { + background-color: #ffebef; } -.hover\:text-teal-lighter:hover { - color: #a0f0ed; +.bg-bottom { + background-position: bottom; } -.hover\:text-teal-lightest:hover { - color: #e8fffe; +.bg-center { + background-position: center; } -.hover\:text-blue-darkest:hover { - color: #05233b; +.bg-left { + background-position: left; } -.hover\:text-blue-darker:hover { - color: #103d60; +.bg-left-bottom { + background-position: left bottom; } -.hover\:text-blue-dark:hover { - color: #2779bd; +.bg-left-top { + background-position: left top; } -.hover\:text-blue:hover { - color: #3490dc; +.bg-right { + background-position: right; } -.hover\:text-blue-light:hover { - color: #6cb2eb; +.bg-right-bottom { + background-position: right bottom; } -.hover\:text-blue-lighter:hover { - color: #bcdefa; +.bg-right-top { + background-position: right top; } -.hover\:text-blue-lightest:hover { - color: #eff8ff; +.bg-top { + background-position: top; } -.hover\:text-indigo-darkest:hover { - color: #191e38; +.bg-cover { + background-size: cover; } -.hover\:text-indigo-darker:hover { - color: #2f365f; +.bg-contain { + background-size: contain; } -.hover\:text-indigo-dark:hover { - color: #5661b3; +.border-transparent { + border-color: transparent; } -.hover\:text-indigo:hover { - color: #6574cd; +.border-black { + border-color: #222b2f; } -.hover\:text-indigo-light:hover { - color: #7886d7; +.border-grey-darkest { + border-color: #364349; } -.hover\:text-indigo-lighter:hover { - color: #b2b7ff; +.border-grey-darker { + border-color: #596a73; } -.hover\:text-indigo-lightest:hover { - color: #e6e8ff; +.border-grey-dark { + border-color: #70818a; } -.hover\:text-purple-darkest:hover { - color: #1f133f; +.border-grey { + border-color: #9babb4; } -.hover\:text-purple-darker:hover { - color: #352465; +.border-grey-light { + border-color: #dae4e9; } -.hover\:text-purple-dark:hover { - color: #794acf; +.border-grey-lighter { + border-color: #f3f7f9; } -.hover\:text-purple:hover { - color: #9561e2; +.border-grey-lightest { + border-color: #fafcfc; } -.hover\:text-purple-light:hover { - color: #a779e9; +.border-white { + border-color: #ffffff; } -.hover\:text-purple-lighter:hover { - color: #d6bbfc; +.border-red-darkest { + border-color: #420806; } -.hover\:text-purple-lightest:hover { - color: #f3ebff; +.border-red-darker { + border-color: #6a1b19; } -.hover\:text-pink-darkest:hover { - color: #45051e; +.border-red-dark { + border-color: #cc1f1a; } -.hover\:text-pink-darker:hover { - color: #72173a; +.border-red { + border-color: #e3342f; } -.hover\:text-pink-dark:hover { - color: #eb5286; +.border-red-light { + border-color: #ef5753; } -.hover\:text-pink:hover { - color: #f66d9b; +.border-red-lighter { + border-color: #f9acaa; } -.hover\:text-pink-light:hover { - color: #fa7ea8; +.border-red-lightest { + border-color: #fcebea; } -.hover\:text-pink-lighter:hover { - color: #ffbbca; +.border-orange-darkest { + border-color: #542605; } -.hover\:text-pink-lightest:hover { - color: #ffebef; +.border-orange-darker { + border-color: #7f4012; } -.leading-none { - line-height: 1; +.border-orange-dark { + border-color: #de751f; } -.leading-tight { - line-height: 1.25; +.border-orange { + border-color: #f6993f; } -.leading-normal { - line-height: 1.5; +.border-orange-light { + border-color: #faad63; } -.leading-loose { - line-height: 2; +.border-orange-lighter { + border-color: #fcd9b6; } -.tracking-tight { - letter-spacing: -0.05em; +.border-orange-lightest { + border-color: #fff5eb; } -.tracking-normal { - letter-spacing: 0; +.border-yellow-darkest { + border-color: #453411; } -.tracking-wide { - letter-spacing: 0.05em; +.border-yellow-darker { + border-color: #684f1d; } -.text-left { - text-align: left; +.border-yellow-dark { + border-color: #f2d024; } -.text-center { - text-align: center; +.border-yellow { + border-color: #ffed4a; } -.text-right { - text-align: right; +.border-yellow-light { + border-color: #fff382; } -.text-justify { - text-align: justify; +.border-yellow-lighter { + border-color: #fff9c2; } -.whitespace-normal { - white-space: normal; +.border-yellow-lightest { + border-color: #fcfbeb; } -.whitespace-no-wrap { - white-space: nowrap; +.border-green-darkest { + border-color: #032d19; } -.whitespace-pre { - white-space: pre; +.border-green-darker { + border-color: #0b4228; } -.whitespace-pre-line { - white-space: pre-line; +.border-green-dark { + border-color: #1f9d55; } -.whitespace-pre-wrap { - white-space: pre-wrap; +.border-green { + border-color: #38c172; } -.break-words { - word-wrap: break-word; +.border-green-light { + border-color: #51d88a; } -.break-normal { - word-wrap: normal; +.border-green-lighter { + border-color: #a2f5bf; } -.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.border-green-lightest { + border-color: #e3fcec; } -.italic { - font-style: italic; +.border-teal-darkest { + border-color: #0d3331; } -.roman { - font-style: normal; +.border-teal-darker { + border-color: #174e4b; } -.uppercase { - text-transform: uppercase; +.border-teal-dark { + border-color: #38a89d; } -.lowercase { - text-transform: lowercase; +.border-teal { + border-color: #4dc0b5; } -.capitalize { - text-transform: capitalize; +.border-teal-light { + border-color: #64d5ca; } -.normal-case { - text-transform: none; +.border-teal-lighter { + border-color: #a0f0ed; } -.underline { - text-decoration: underline; +.border-teal-lightest { + border-color: #e8fffe; } -.line-through { - text-decoration: line-through; +.border-blue-darkest { + border-color: #05233b; } -.no-underline { - text-decoration: none; +.border-blue-darker { + border-color: #103d60; } -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +.border-blue-dark { + border-color: #2779bd; } -.subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; +.border-blue { + border-color: #3490dc; } -.hover\:italic:hover { - font-style: italic; +.border-blue-light { + border-color: #6cb2eb; } -.hover\:roman:hover { - font-style: normal; +.border-blue-lighter { + border-color: #bcdefa; } -.hover\:uppercase:hover { - text-transform: uppercase; +.border-blue-lightest { + border-color: #eff8ff; } -.hover\:lowercase:hover { - text-transform: lowercase; +.border-indigo-darkest { + border-color: #191e38; } -.hover\:capitalize:hover { - text-transform: capitalize; +.border-indigo-darker { + border-color: #2f365f; } -.hover\:normal-case:hover { - text-transform: none; +.border-indigo-dark { + border-color: #5661b3; } -.hover\:underline:hover { - text-decoration: underline; +.border-indigo { + border-color: #6574cd; } -.hover\:line-through:hover { - text-decoration: line-through; +.border-indigo-light { + border-color: #7886d7; } -.hover\:no-underline:hover { - text-decoration: none; +.border-indigo-lighter { + border-color: #b2b7ff; } -.hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +.border-indigo-lightest { + border-color: #e6e8ff; } -.hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; +.border-purple-darkest { + border-color: #1f133f; } -.align-baseline { - vertical-align: baseline; +.border-purple-darker { + border-color: #352465; } -.align-top { - vertical-align: top; +.border-purple-dark { + border-color: #794acf; } -.align-middle { - vertical-align: middle; +.border-purple { + border-color: #9561e2; } -.align-bottom { - vertical-align: bottom; +.border-purple-light { + border-color: #a779e9; } -.align-text-top { - vertical-align: text-top; +.border-purple-lighter { + border-color: #d6bbfc; } -.align-text-bottom { - vertical-align: text-bottom; +.border-purple-lightest { + border-color: #f3ebff; } -.bg-transparent { - background-color: transparent; +.border-pink-darkest { + border-color: #45051e; } -.bg-black { - background-color: #222b2f; +.border-pink-darker { + border-color: #72173a; } -.bg-grey-darkest { - background-color: #364349; +.border-pink-dark { + border-color: #eb5286; } -.bg-grey-darker { - background-color: #596a73; +.border-pink { + border-color: #f66d9b; } -.bg-grey-dark { - background-color: #70818a; +.border-pink-light { + border-color: #fa7ea8; } -.bg-grey { - background-color: #9babb4; +.border-pink-lighter { + border-color: #ffbbca; } -.bg-grey-light { - background-color: #dae4e9; +.border-pink-lightest { + border-color: #ffebef; } -.bg-grey-lighter { - background-color: #f3f7f9; +.hover\:border-transparent:hover { + border-color: transparent; } -.bg-grey-lightest { - background-color: #fafcfc; +.hover\:border-black:hover { + border-color: #222b2f; } -.bg-white { - background-color: #ffffff; +.hover\:border-grey-darkest:hover { + border-color: #364349; } -.bg-red-darkest { - background-color: #420806; +.hover\:border-grey-darker:hover { + border-color: #596a73; } -.bg-red-darker { - background-color: #6a1b19; +.hover\:border-grey-dark:hover { + border-color: #70818a; } -.bg-red-dark { - background-color: #cc1f1a; +.hover\:border-grey:hover { + border-color: #9babb4; } -.bg-red { - background-color: #e3342f; +.hover\:border-grey-light:hover { + border-color: #dae4e9; } -.bg-red-light { - background-color: #ef5753; +.hover\:border-grey-lighter:hover { + border-color: #f3f7f9; } -.bg-red-lighter { - background-color: #f9acaa; +.hover\:border-grey-lightest:hover { + border-color: #fafcfc; } -.bg-red-lightest { - background-color: #fcebea; +.hover\:border-white:hover { + border-color: #ffffff; } -.bg-orange-darkest { - background-color: #542605; +.hover\:border-red-darkest:hover { + border-color: #420806; } -.bg-orange-darker { - background-color: #7f4012; +.hover\:border-red-darker:hover { + border-color: #6a1b19; } -.bg-orange-dark { - background-color: #de751f; +.hover\:border-red-dark:hover { + border-color: #cc1f1a; } -.bg-orange { - background-color: #f6993f; +.hover\:border-red:hover { + border-color: #e3342f; } -.bg-orange-light { - background-color: #faad63; +.hover\:border-red-light:hover { + border-color: #ef5753; } -.bg-orange-lighter { - background-color: #fcd9b6; +.hover\:border-red-lighter:hover { + border-color: #f9acaa; } -.bg-orange-lightest { - background-color: #fff5eb; +.hover\:border-red-lightest:hover { + border-color: #fcebea; } -.bg-yellow-darkest { - background-color: #453411; +.hover\:border-orange-darkest:hover { + border-color: #542605; } -.bg-yellow-darker { - background-color: #684f1d; +.hover\:border-orange-darker:hover { + border-color: #7f4012; } -.bg-yellow-dark { - background-color: #f2d024; +.hover\:border-orange-dark:hover { + border-color: #de751f; } -.bg-yellow { - background-color: #ffed4a; +.hover\:border-orange:hover { + border-color: #f6993f; } -.bg-yellow-light { - background-color: #fff382; +.hover\:border-orange-light:hover { + border-color: #faad63; } -.bg-yellow-lighter { - background-color: #fff9c2; +.hover\:border-orange-lighter:hover { + border-color: #fcd9b6; } -.bg-yellow-lightest { - background-color: #fcfbeb; +.hover\:border-orange-lightest:hover { + border-color: #fff5eb; } -.bg-green-darkest { - background-color: #032d19; +.hover\:border-yellow-darkest:hover { + border-color: #453411; } -.bg-green-darker { - background-color: #0b4228; +.hover\:border-yellow-darker:hover { + border-color: #684f1d; } -.bg-green-dark { - background-color: #1f9d55; +.hover\:border-yellow-dark:hover { + border-color: #f2d024; } -.bg-green { - background-color: #38c172; +.hover\:border-yellow:hover { + border-color: #ffed4a; } -.bg-green-light { - background-color: #51d88a; +.hover\:border-yellow-light:hover { + border-color: #fff382; } -.bg-green-lighter { - background-color: #a2f5bf; +.hover\:border-yellow-lighter:hover { + border-color: #fff9c2; } -.bg-green-lightest { - background-color: #e3fcec; +.hover\:border-yellow-lightest:hover { + border-color: #fcfbeb; } -.bg-teal-darkest { - background-color: #0d3331; +.hover\:border-green-darkest:hover { + border-color: #032d19; } -.bg-teal-darker { - background-color: #174e4b; +.hover\:border-green-darker:hover { + border-color: #0b4228; } -.bg-teal-dark { - background-color: #38a89d; +.hover\:border-green-dark:hover { + border-color: #1f9d55; } -.bg-teal { - background-color: #4dc0b5; +.hover\:border-green:hover { + border-color: #38c172; } -.bg-teal-light { - background-color: #64d5ca; +.hover\:border-green-light:hover { + border-color: #51d88a; } -.bg-teal-lighter { - background-color: #a0f0ed; +.hover\:border-green-lighter:hover { + border-color: #a2f5bf; } -.bg-teal-lightest { - background-color: #e8fffe; +.hover\:border-green-lightest:hover { + border-color: #e3fcec; } -.bg-blue-darkest { - background-color: #05233b; +.hover\:border-teal-darkest:hover { + border-color: #0d3331; } -.bg-blue-darker { - background-color: #103d60; +.hover\:border-teal-darker:hover { + border-color: #174e4b; } -.bg-blue-dark { - background-color: #2779bd; +.hover\:border-teal-dark:hover { + border-color: #38a89d; } -.bg-blue { - background-color: #3490dc; +.hover\:border-teal:hover { + border-color: #4dc0b5; } -.bg-blue-light { - background-color: #6cb2eb; +.hover\:border-teal-light:hover { + border-color: #64d5ca; } -.bg-blue-lighter { - background-color: #bcdefa; +.hover\:border-teal-lighter:hover { + border-color: #a0f0ed; } -.bg-blue-lightest { - background-color: #eff8ff; +.hover\:border-teal-lightest:hover { + border-color: #e8fffe; } -.bg-indigo-darkest { - background-color: #191e38; +.hover\:border-blue-darkest:hover { + border-color: #05233b; } -.bg-indigo-darker { - background-color: #2f365f; +.hover\:border-blue-darker:hover { + border-color: #103d60; } -.bg-indigo-dark { - background-color: #5661b3; +.hover\:border-blue-dark:hover { + border-color: #2779bd; } -.bg-indigo { - background-color: #6574cd; +.hover\:border-blue:hover { + border-color: #3490dc; } -.bg-indigo-light { - background-color: #7886d7; +.hover\:border-blue-light:hover { + border-color: #6cb2eb; } -.bg-indigo-lighter { - background-color: #b2b7ff; +.hover\:border-blue-lighter:hover { + border-color: #bcdefa; } -.bg-indigo-lightest { - background-color: #e6e8ff; +.hover\:border-blue-lightest:hover { + border-color: #eff8ff; } -.bg-purple-darkest { - background-color: #1f133f; +.hover\:border-indigo-darkest:hover { + border-color: #191e38; } -.bg-purple-darker { - background-color: #352465; +.hover\:border-indigo-darker:hover { + border-color: #2f365f; } -.bg-purple-dark { - background-color: #794acf; +.hover\:border-indigo-dark:hover { + border-color: #5661b3; } -.bg-purple { - background-color: #9561e2; +.hover\:border-indigo:hover { + border-color: #6574cd; } -.bg-purple-light { - background-color: #a779e9; +.hover\:border-indigo-light:hover { + border-color: #7886d7; } -.bg-purple-lighter { - background-color: #d6bbfc; +.hover\:border-indigo-lighter:hover { + border-color: #b2b7ff; } -.bg-purple-lightest { - background-color: #f3ebff; +.hover\:border-indigo-lightest:hover { + border-color: #e6e8ff; } -.bg-pink-darkest { - background-color: #45051e; +.hover\:border-purple-darkest:hover { + border-color: #1f133f; } -.bg-pink-darker { - background-color: #72173a; +.hover\:border-purple-darker:hover { + border-color: #352465; } -.bg-pink-dark { - background-color: #eb5286; +.hover\:border-purple-dark:hover { + border-color: #794acf; } -.bg-pink { - background-color: #f66d9b; +.hover\:border-purple:hover { + border-color: #9561e2; } -.bg-pink-light { - background-color: #fa7ea8; +.hover\:border-purple-light:hover { + border-color: #a779e9; } -.bg-pink-lighter { - background-color: #ffbbca; +.hover\:border-purple-lighter:hover { + border-color: #d6bbfc; } -.bg-pink-lightest { - background-color: #ffebef; +.hover\:border-purple-lightest:hover { + border-color: #f3ebff; } -.hover\:bg-transparent:hover { - background-color: transparent; +.hover\:border-pink-darkest:hover { + border-color: #45051e; } -.hover\:bg-black:hover { - background-color: #222b2f; +.hover\:border-pink-darker:hover { + border-color: #72173a; } -.hover\:bg-grey-darkest:hover { - background-color: #364349; +.hover\:border-pink-dark:hover { + border-color: #eb5286; } -.hover\:bg-grey-darker:hover { - background-color: #596a73; +.hover\:border-pink:hover { + border-color: #f66d9b; } -.hover\:bg-grey-dark:hover { - background-color: #70818a; +.hover\:border-pink-light:hover { + border-color: #fa7ea8; } -.hover\:bg-grey:hover { - background-color: #9babb4; +.hover\:border-pink-lighter:hover { + border-color: #ffbbca; } -.hover\:bg-grey-light:hover { - background-color: #dae4e9; +.hover\:border-pink-lightest:hover { + border-color: #ffebef; } -.hover\:bg-grey-lighter:hover { - background-color: #f3f7f9; +.rounded-none { + border-radius: 0; } -.hover\:bg-grey-lightest:hover { - background-color: #fafcfc; +.rounded-sm { + border-radius: .125rem; } -.hover\:bg-white:hover { - background-color: #ffffff; +.rounded { + border-radius: .25rem; } -.hover\:bg-red-darkest:hover { - background-color: #420806; +.rounded-lg { + border-radius: .5rem; } -.hover\:bg-red-darker:hover { - background-color: #6a1b19; +.rounded-full { + border-radius: 9999px; } -.hover\:bg-red-dark:hover { - background-color: #cc1f1a; +.rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } -.hover\:bg-red:hover { - background-color: #e3342f; +.rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.hover\:bg-red-light:hover { - background-color: #ef5753; +.rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } -.hover\:bg-red-lighter:hover { - background-color: #f9acaa; +.rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } -.hover\:bg-red-lightest:hover { - background-color: #fcebea; +.rounded-t-sm { + border-top-left-radius: .125rem; + border-top-right-radius: .125rem; } -.hover\:bg-orange-darkest:hover { - background-color: #542605; +.rounded-r-sm { + border-top-right-radius: .125rem; + border-bottom-right-radius: .125rem; } -.hover\:bg-orange-darker:hover { - background-color: #7f4012; +.rounded-b-sm { + border-bottom-right-radius: .125rem; + border-bottom-left-radius: .125rem; } -.hover\:bg-orange-dark:hover { - background-color: #de751f; +.rounded-l-sm { + border-top-left-radius: .125rem; + border-bottom-left-radius: .125rem; } -.hover\:bg-orange:hover { - background-color: #f6993f; +.rounded-t { + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; } -.hover\:bg-orange-light:hover { - background-color: #faad63; +.rounded-r { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; } -.hover\:bg-orange-lighter:hover { - background-color: #fcd9b6; +.rounded-b { + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; } -.hover\:bg-orange-lightest:hover { - background-color: #fff5eb; +.rounded-l { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; } -.hover\:bg-yellow-darkest:hover { - background-color: #453411; +.rounded-t-lg { + border-top-left-radius: .5rem; + border-top-right-radius: .5rem; } -.hover\:bg-yellow-darker:hover { - background-color: #684f1d; +.rounded-r-lg { + border-top-right-radius: .5rem; + border-bottom-right-radius: .5rem; } -.hover\:bg-yellow-dark:hover { - background-color: #f2d024; +.rounded-b-lg { + border-bottom-right-radius: .5rem; + border-bottom-left-radius: .5rem; } -.hover\:bg-yellow:hover { - background-color: #ffed4a; +.rounded-l-lg { + border-top-left-radius: .5rem; + border-bottom-left-radius: .5rem; } -.hover\:bg-yellow-light:hover { - background-color: #fff382; +.rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } -.hover\:bg-yellow-lighter:hover { - background-color: #fff9c2; +.rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } -.hover\:bg-yellow-lightest:hover { - background-color: #fcfbeb; +.rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } -.hover\:bg-green-darkest:hover { - background-color: #032d19; +.rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } -.hover\:bg-green-darker:hover { - background-color: #0b4228; +.rounded-tl-none { + border-top-left-radius: 0; } -.hover\:bg-green-dark:hover { - background-color: #1f9d55; +.rounded-tr-none { + border-top-right-radius: 0; } -.hover\:bg-green:hover { - background-color: #38c172; +.rounded-br-none { + border-bottom-right-radius: 0; } -.hover\:bg-green-light:hover { - background-color: #51d88a; +.rounded-bl-none { + border-bottom-left-radius: 0; } -.hover\:bg-green-lighter:hover { - background-color: #a2f5bf; +.rounded-tl-sm { + border-top-left-radius: .125rem; } -.hover\:bg-green-lightest:hover { - background-color: #e3fcec; +.rounded-tr-sm { + border-top-right-radius: .125rem; } -.hover\:bg-teal-darkest:hover { - background-color: #0d3331; +.rounded-br-sm { + border-bottom-right-radius: .125rem; } -.hover\:bg-teal-darker:hover { - background-color: #174e4b; +.rounded-bl-sm { + border-bottom-left-radius: .125rem; } -.hover\:bg-teal-dark:hover { - background-color: #38a89d; +.rounded-tl { + border-top-left-radius: .25rem; } -.hover\:bg-teal:hover { - background-color: #4dc0b5; +.rounded-tr { + border-top-right-radius: .25rem; } -.hover\:bg-teal-light:hover { - background-color: #64d5ca; +.rounded-br { + border-bottom-right-radius: .25rem; } -.hover\:bg-teal-lighter:hover { - background-color: #a0f0ed; +.rounded-bl { + border-bottom-left-radius: .25rem; } -.hover\:bg-teal-lightest:hover { - background-color: #e8fffe; +.rounded-tl-lg { + border-top-left-radius: .5rem; } -.hover\:bg-blue-darkest:hover { - background-color: #05233b; +.rounded-tr-lg { + border-top-right-radius: .5rem; } -.hover\:bg-blue-darker:hover { - background-color: #103d60; +.rounded-br-lg { + border-bottom-right-radius: .5rem; } -.hover\:bg-blue-dark:hover { - background-color: #2779bd; +.rounded-bl-lg { + border-bottom-left-radius: .5rem; } -.hover\:bg-blue:hover { - background-color: #3490dc; +.rounded-tl-full { + border-top-left-radius: 9999px; } -.hover\:bg-blue-light:hover { - background-color: #6cb2eb; +.rounded-tr-full { + border-top-right-radius: 9999px; } -.hover\:bg-blue-lighter:hover { - background-color: #bcdefa; +.rounded-br-full { + border-bottom-right-radius: 9999px; } -.hover\:bg-blue-lightest:hover { - background-color: #eff8ff; +.rounded-bl-full { + border-bottom-left-radius: 9999px; } -.hover\:bg-indigo-darkest:hover { - background-color: #191e38; +.border-solid { + border-style: solid; } -.hover\:bg-indigo-darker:hover { - background-color: #2f365f; +.border-dashed { + border-style: dashed; } -.hover\:bg-indigo-dark:hover { - background-color: #5661b3; +.border-dotted { + border-style: dotted; } -.hover\:bg-indigo:hover { - background-color: #6574cd; +.border-none { + border-style: none; } -.hover\:bg-indigo-light:hover { - background-color: #7886d7; +.border-0 { + border-width: 0; } -.hover\:bg-indigo-lighter:hover { - background-color: #b2b7ff; +.border-2 { + border-width: 2px; } -.hover\:bg-indigo-lightest:hover { - background-color: #e6e8ff; +.border-4 { + border-width: 4px; } -.hover\:bg-purple-darkest:hover { - background-color: #1f133f; +.border-8 { + border-width: 8px; } -.hover\:bg-purple-darker:hover { - background-color: #352465; +.border { + border-width: 1px; } -.hover\:bg-purple-dark:hover { - background-color: #794acf; +.border-t-0 { + border-top-width: 0; } -.hover\:bg-purple:hover { - background-color: #9561e2; +.border-r-0 { + border-right-width: 0; } -.hover\:bg-purple-light:hover { - background-color: #a779e9; +.border-b-0 { + border-bottom-width: 0; } -.hover\:bg-purple-lighter:hover { - background-color: #d6bbfc; +.border-l-0 { + border-left-width: 0; } -.hover\:bg-purple-lightest:hover { - background-color: #f3ebff; +.border-t-2 { + border-top-width: 2px; } -.hover\:bg-pink-darkest:hover { - background-color: #45051e; +.border-r-2 { + border-right-width: 2px; } -.hover\:bg-pink-darker:hover { - background-color: #72173a; +.border-b-2 { + border-bottom-width: 2px; } -.hover\:bg-pink-dark:hover { - background-color: #eb5286; +.border-l-2 { + border-left-width: 2px; } -.hover\:bg-pink:hover { - background-color: #f66d9b; +.border-t-4 { + border-top-width: 4px; } -.hover\:bg-pink-light:hover { - background-color: #fa7ea8; +.border-r-4 { + border-right-width: 4px; } -.hover\:bg-pink-lighter:hover { - background-color: #ffbbca; +.border-b-4 { + border-bottom-width: 4px; } -.hover\:bg-pink-lightest:hover { - background-color: #ffebef; +.border-l-4 { + border-left-width: 4px; } -.bg-bottom { - background-position: bottom; +.border-t-8 { + border-top-width: 8px; } -.bg-center { - background-position: center; +.border-r-8 { + border-right-width: 8px; } -.bg-left { - background-position: left; +.border-b-8 { + border-bottom-width: 8px; } -.bg-left-bottom { - background-position: left bottom; +.border-l-8 { + border-left-width: 8px; } -.bg-left-top { - background-position: left top; +.border-t { + border-top-width: 1px; } -.bg-right { - background-position: right; +.border-r { + border-right-width: 1px; } -.bg-right-bottom { - background-position: right bottom; +.border-b { + border-bottom-width: 1px; } -.bg-right-top { - background-position: right top; +.border-l { + border-left-width: 1px; } -.bg-top { - background-position: top; +.cursor-auto { + cursor: auto; } -.bg-cover { - background-size: cover; +.cursor-default { + cursor: default; } -.bg-contain { - background-size: contain; +.cursor-pointer { + cursor: pointer; } -.border-0 { - border-width: 0; +.cursor-not-allowed { + cursor: not-allowed; } -.border-2 { - border-width: 2px; +.block { + display: block; } -.border-4 { - border-width: 4px; +.inline-block { + display: inline-block; } -.border-8 { - border-width: 8px; +.inline { + display: inline; } -.border { - border-width: 1px; +.table { + display: table; } -.border-t-0 { - border-top-width: 0; +.table-row { + display: table-row; } -.border-r-0 { - border-right-width: 0; +.table-cell { + display: table-cell; } -.border-b-0 { - border-bottom-width: 0; +.hidden { + display: none; } -.border-l-0 { - border-left-width: 0; +.flex { + display: flex; } -.border-t-2 { - border-top-width: 2px; +.inline-flex { + display: inline-flex; } -.border-r-2 { - border-right-width: 2px; +.flex-row { + flex-direction: row; } -.border-b-2 { - border-bottom-width: 2px; +.flex-row-reverse { + flex-direction: row-reverse; } -.border-l-2 { - border-left-width: 2px; +.flex-col { + flex-direction: column; } -.border-t-4 { - border-top-width: 4px; +.flex-col-reverse { + flex-direction: column-reverse; } -.border-r-4 { - border-right-width: 4px; +.flex-wrap { + flex-wrap: wrap; } -.border-b-4 { - border-bottom-width: 4px; +.flex-wrap-reverse { + flex-wrap: wrap-reverse; } -.border-l-4 { - border-left-width: 4px; +.flex-no-wrap { + flex-wrap: nowrap; } -.border-t-8 { - border-top-width: 8px; +.items-start { + align-items: flex-start; } -.border-r-8 { - border-right-width: 8px; +.items-end { + align-items: flex-end; } -.border-b-8 { - border-bottom-width: 8px; +.items-center { + align-items: center; } -.border-l-8 { - border-left-width: 8px; +.items-baseline { + align-items: baseline; } -.border-t { - border-top-width: 1px; +.items-stretch { + align-items: stretch; } -.border-r { - border-right-width: 1px; +.self-auto { + align-self: auto; } -.border-b { - border-bottom-width: 1px; +.self-start { + align-self: flex-start; } -.border-l { - border-left-width: 1px; +.self-end { + align-self: flex-end; } -.border-transparent { - border-color: transparent; +.self-center { + align-self: center; } -.border-black { - border-color: #222b2f; +.self-stretch { + align-self: stretch; } -.border-grey-darkest { - border-color: #364349; +.justify-start { + justify-content: flex-start; } -.border-grey-darker { - border-color: #596a73; +.justify-end { + justify-content: flex-end; } -.border-grey-dark { - border-color: #70818a; +.justify-center { + justify-content: center; } -.border-grey { - border-color: #9babb4; +.justify-between { + justify-content: space-between; } -.border-grey-light { - border-color: #dae4e9; +.justify-around { + justify-content: space-around; } -.border-grey-lighter { - border-color: #f3f7f9; +.content-center { + align-content: center; } -.border-grey-lightest { - border-color: #fafcfc; +.content-start { + align-content: flex-start; } -.border-white { - border-color: #ffffff; +.content-end { + align-content: flex-end; } -.border-red-darkest { - border-color: #420806; +.content-between { + align-content: space-between; } -.border-red-darker { - border-color: #6a1b19; +.content-around { + align-content: space-around; } -.border-red-dark { - border-color: #cc1f1a; +.flex-1 { + flex: 1; } -.border-red { - border-color: #e3342f; +.flex-auto { + flex: auto; } -.border-red-light { - border-color: #ef5753; +.flex-initial { + flex: initial; } -.border-red-lighter { - border-color: #f9acaa; +.flex-none { + flex: none; } -.border-red-lightest { - border-color: #fcebea; +.flex-grow { + flex-grow: 1; } -.border-orange-darkest { - border-color: #542605; +.flex-shrink { + flex-shrink: 1; } -.border-orange-darker { - border-color: #7f4012; +.flex-no-grow { + flex-grow: 0; } -.border-orange-dark { - border-color: #de751f; +.flex-no-shrink { + flex-shrink: 0; } -.border-orange { - border-color: #f6993f; +.float-right { + float: right; } -.border-orange-light { - border-color: #faad63; +.float-left { + float: left; } -.border-orange-lighter { - border-color: #fcd9b6; +.float-none { + float: none; } -.border-orange-lightest { - border-color: #fff5eb; +.clearfix:after { + content: ""; + display: table; + clear: both; } -.border-yellow-darkest { - border-color: #453411; +.font-sans { + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } -.border-yellow-darker { - border-color: #684f1d; +.font-serif { + font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; } -.border-yellow-dark { - border-color: #f2d024; +.font-mono { + font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } -.border-yellow { - border-color: #ffed4a; +.font-hairline { + font-weight: 100; } -.border-yellow-light { - border-color: #fff382; +.font-thin { + font-weight: 200; } -.border-yellow-lighter { - border-color: #fff9c2; +.font-light { + font-weight: 300; } -.border-yellow-lightest { - border-color: #fcfbeb; +.font-normal { + font-weight: 400; } -.border-green-darkest { - border-color: #032d19; +.font-medium { + font-weight: 500; } -.border-green-darker { - border-color: #0b4228; +.font-semibold { + font-weight: 600; } -.border-green-dark { - border-color: #1f9d55; +.font-bold { + font-weight: 700; } -.border-green { - border-color: #38c172; +.font-extrabold { + font-weight: 800; } -.border-green-light { - border-color: #51d88a; +.font-black { + font-weight: 900; } -.border-green-lighter { - border-color: #a2f5bf; +.hover\:font-hairline:hover { + font-weight: 100; } -.border-green-lightest { - border-color: #e3fcec; +.hover\:font-thin:hover { + font-weight: 200; } -.border-teal-darkest { - border-color: #0d3331; +.hover\:font-light:hover { + font-weight: 300; } -.border-teal-darker { - border-color: #174e4b; +.hover\:font-normal:hover { + font-weight: 400; } -.border-teal-dark { - border-color: #38a89d; +.hover\:font-medium:hover { + font-weight: 500; } -.border-teal { - border-color: #4dc0b5; +.hover\:font-semibold:hover { + font-weight: 600; } -.border-teal-light { - border-color: #64d5ca; +.hover\:font-bold:hover { + font-weight: 700; } -.border-teal-lighter { - border-color: #a0f0ed; +.hover\:font-extrabold:hover { + font-weight: 800; } -.border-teal-lightest { - border-color: #e8fffe; +.hover\:font-black:hover { + font-weight: 900; } -.border-blue-darkest { - border-color: #05233b; +.h-1 { + height: 0.25rem; } -.border-blue-darker { - border-color: #103d60; +.h-2 { + height: 0.5rem; } -.border-blue-dark { - border-color: #2779bd; +.h-3 { + height: 0.75rem; } -.border-blue { - border-color: #3490dc; +.h-4 { + height: 1rem; } -.border-blue-light { - border-color: #6cb2eb; +.h-6 { + height: 1.5rem; } -.border-blue-lighter { - border-color: #bcdefa; +.h-8 { + height: 2rem; } -.border-blue-lightest { - border-color: #eff8ff; +.h-10 { + height: 2.5rem; } -.border-indigo-darkest { - border-color: #191e38; +.h-12 { + height: 3rem; } -.border-indigo-darker { - border-color: #2f365f; +.h-16 { + height: 4rem; } -.border-indigo-dark { - border-color: #5661b3; +.h-24 { + height: 6rem; } -.border-indigo { - border-color: #6574cd; +.h-32 { + height: 8rem; } -.border-indigo-light { - border-color: #7886d7; +.h-48 { + height: 12rem; } -.border-indigo-lighter { - border-color: #b2b7ff; +.h-64 { + height: 16rem; } -.border-indigo-lightest { - border-color: #e6e8ff; +.h-auto { + height: auto; } -.border-purple-darkest { - border-color: #1f133f; +.h-px { + height: 1px; } -.border-purple-darker { - border-color: #352465; +.h-full { + height: 100%; } -.border-purple-dark { - border-color: #794acf; +.h-screen { + height: 100vh; } -.border-purple { - border-color: #9561e2; +.leading-none { + line-height: 1; } -.border-purple-light { - border-color: #a779e9; +.leading-tight { + line-height: 1.25; } -.border-purple-lighter { - border-color: #d6bbfc; +.leading-normal { + line-height: 1.5; } -.border-purple-lightest { - border-color: #f3ebff; +.leading-loose { + line-height: 2; } -.border-pink-darkest { - border-color: #45051e; +.m-0 { + margin: 0; } -.border-pink-darker { - border-color: #72173a; +.m-1 { + margin: 0.25rem; } -.border-pink-dark { - border-color: #eb5286; +.m-2 { + margin: 0.5rem; } -.border-pink { - border-color: #f66d9b; +.m-3 { + margin: 0.75rem; } -.border-pink-light { - border-color: #fa7ea8; +.m-4 { + margin: 1rem; } -.border-pink-lighter { - border-color: #ffbbca; +.m-6 { + margin: 1.5rem; } -.border-pink-lightest { - border-color: #ffebef; +.m-8 { + margin: 2rem; } -.hover\:border-transparent:hover { - border-color: transparent; +.m-auto { + margin: auto; } -.hover\:border-black:hover { - border-color: #222b2f; +.m-px { + margin: 1px; } -.hover\:border-grey-darkest:hover { - border-color: #364349; +.my-0 { + margin-top: 0; + margin-bottom: 0; } -.hover\:border-grey-darker:hover { - border-color: #596a73; +.mx-0 { + margin-left: 0; + margin-right: 0; } -.hover\:border-grey-dark:hover { - border-color: #70818a; +.my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } -.hover\:border-grey:hover { - border-color: #9babb4; +.mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } -.hover\:border-grey-light:hover { - border-color: #dae4e9; +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } -.hover\:border-grey-lighter:hover { - border-color: #f3f7f9; +.mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } -.hover\:border-grey-lightest:hover { - border-color: #fafcfc; +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } -.hover\:border-white:hover { - border-color: #ffffff; +.mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } -.hover\:border-red-darkest:hover { - border-color: #420806; +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } -.hover\:border-red-darker:hover { - border-color: #6a1b19; +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; } -.hover\:border-red-dark:hover { - border-color: #cc1f1a; +.my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } -.hover\:border-red:hover { - border-color: #e3342f; +.mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } -.hover\:border-red-light:hover { - border-color: #ef5753; +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } -.hover\:border-red-lighter:hover { - border-color: #f9acaa; +.mx-8 { + margin-left: 2rem; + margin-right: 2rem; } -.hover\:border-red-lightest:hover { - border-color: #fcebea; +.my-auto { + margin-top: auto; + margin-bottom: auto; } -.hover\:border-orange-darkest:hover { - border-color: #542605; +.mx-auto { + margin-left: auto; + margin-right: auto; } -.hover\:border-orange-darker:hover { - border-color: #7f4012; +.my-px { + margin-top: 1px; + margin-bottom: 1px; } -.hover\:border-orange-dark:hover { - border-color: #de751f; +.mx-px { + margin-left: 1px; + margin-right: 1px; } -.hover\:border-orange:hover { - border-color: #f6993f; +.mt-0 { + margin-top: 0; } -.hover\:border-orange-light:hover { - border-color: #faad63; +.mr-0 { + margin-right: 0; } -.hover\:border-orange-lighter:hover { - border-color: #fcd9b6; -} - -.hover\:border-orange-lightest:hover { - border-color: #fff5eb; +.mb-0 { + margin-bottom: 0; } -.hover\:border-yellow-darkest:hover { - border-color: #453411; +.ml-0 { + margin-left: 0; } -.hover\:border-yellow-darker:hover { - border-color: #684f1d; +.mt-1 { + margin-top: 0.25rem; } -.hover\:border-yellow-dark:hover { - border-color: #f2d024; +.mr-1 { + margin-right: 0.25rem; } -.hover\:border-yellow:hover { - border-color: #ffed4a; +.mb-1 { + margin-bottom: 0.25rem; } -.hover\:border-yellow-light:hover { - border-color: #fff382; +.ml-1 { + margin-left: 0.25rem; } -.hover\:border-yellow-lighter:hover { - border-color: #fff9c2; +.mt-2 { + margin-top: 0.5rem; } -.hover\:border-yellow-lightest:hover { - border-color: #fcfbeb; +.mr-2 { + margin-right: 0.5rem; } -.hover\:border-green-darkest:hover { - border-color: #032d19; +.mb-2 { + margin-bottom: 0.5rem; } -.hover\:border-green-darker:hover { - border-color: #0b4228; +.ml-2 { + margin-left: 0.5rem; } -.hover\:border-green-dark:hover { - border-color: #1f9d55; +.mt-3 { + margin-top: 0.75rem; } -.hover\:border-green:hover { - border-color: #38c172; +.mr-3 { + margin-right: 0.75rem; } -.hover\:border-green-light:hover { - border-color: #51d88a; +.mb-3 { + margin-bottom: 0.75rem; } -.hover\:border-green-lighter:hover { - border-color: #a2f5bf; +.ml-3 { + margin-left: 0.75rem; } -.hover\:border-green-lightest:hover { - border-color: #e3fcec; +.mt-4 { + margin-top: 1rem; } -.hover\:border-teal-darkest:hover { - border-color: #0d3331; +.mr-4 { + margin-right: 1rem; } -.hover\:border-teal-darker:hover { - border-color: #174e4b; +.mb-4 { + margin-bottom: 1rem; } -.hover\:border-teal-dark:hover { - border-color: #38a89d; +.ml-4 { + margin-left: 1rem; } -.hover\:border-teal:hover { - border-color: #4dc0b5; +.mt-6 { + margin-top: 1.5rem; } -.hover\:border-teal-light:hover { - border-color: #64d5ca; +.mr-6 { + margin-right: 1.5rem; } -.hover\:border-teal-lighter:hover { - border-color: #a0f0ed; +.mb-6 { + margin-bottom: 1.5rem; } -.hover\:border-teal-lightest:hover { - border-color: #e8fffe; +.ml-6 { + margin-left: 1.5rem; } -.hover\:border-blue-darkest:hover { - border-color: #05233b; +.mt-8 { + margin-top: 2rem; } -.hover\:border-blue-darker:hover { - border-color: #103d60; +.mr-8 { + margin-right: 2rem; } -.hover\:border-blue-dark:hover { - border-color: #2779bd; +.mb-8 { + margin-bottom: 2rem; } -.hover\:border-blue:hover { - border-color: #3490dc; +.ml-8 { + margin-left: 2rem; } -.hover\:border-blue-light:hover { - border-color: #6cb2eb; +.mt-auto { + margin-top: auto; } -.hover\:border-blue-lighter:hover { - border-color: #bcdefa; +.mr-auto { + margin-right: auto; } -.hover\:border-blue-lightest:hover { - border-color: #eff8ff; +.mb-auto { + margin-bottom: auto; } -.hover\:border-indigo-darkest:hover { - border-color: #191e38; +.ml-auto { + margin-left: auto; } -.hover\:border-indigo-darker:hover { - border-color: #2f365f; +.mt-px { + margin-top: 1px; } -.hover\:border-indigo-dark:hover { - border-color: #5661b3; +.mr-px { + margin-right: 1px; } -.hover\:border-indigo:hover { - border-color: #6574cd; +.mb-px { + margin-bottom: 1px; } -.hover\:border-indigo-light:hover { - border-color: #7886d7; +.ml-px { + margin-left: 1px; } -.hover\:border-indigo-lighter:hover { - border-color: #b2b7ff; +.max-h-full { + max-height: 100%; } -.hover\:border-indigo-lightest:hover { - border-color: #e6e8ff; +.max-h-screen { + max-height: 100vh; } -.hover\:border-purple-darkest:hover { - border-color: #1f133f; +.max-w-xs { + max-width: 20rem; } -.hover\:border-purple-darker:hover { - border-color: #352465; +.max-w-sm { + max-width: 30rem; } -.hover\:border-purple-dark:hover { - border-color: #794acf; +.max-w-md { + max-width: 40rem; } -.hover\:border-purple:hover { - border-color: #9561e2; +.max-w-lg { + max-width: 50rem; } -.hover\:border-purple-light:hover { - border-color: #a779e9; +.max-w-xl { + max-width: 60rem; } -.hover\:border-purple-lighter:hover { - border-color: #d6bbfc; +.max-w-2xl { + max-width: 70rem; } -.hover\:border-purple-lightest:hover { - border-color: #f3ebff; +.max-w-3xl { + max-width: 80rem; } -.hover\:border-pink-darkest:hover { - border-color: #45051e; +.max-w-4xl { + max-width: 90rem; } -.hover\:border-pink-darker:hover { - border-color: #72173a; +.max-w-5xl { + max-width: 100rem; } -.hover\:border-pink-dark:hover { - border-color: #eb5286; +.max-w-full { + max-width: 100%; } -.hover\:border-pink:hover { - border-color: #f66d9b; +.min-h-0 { + min-height: 0; } -.hover\:border-pink-light:hover { - border-color: #fa7ea8; +.min-h-full { + min-height: 100%; } -.hover\:border-pink-lighter:hover { - border-color: #ffbbca; +.min-h-screen { + min-height: 100vh; } -.hover\:border-pink-lightest:hover { - border-color: #ffebef; +.min-w-0 { + min-width: 0; } -.border-solid { - border-style: solid; +.min-w-full { + min-width: 100%; } -.border-dashed { - border-style: dashed; +.-m-0 { + margin: 0; } -.border-dotted { - border-style: dotted; +.-m-1 { + margin: -0.25rem; } -.border-none { - border-style: none; +.-m-2 { + margin: -0.5rem; } -.rounded-none { - border-radius: 0; +.-m-3 { + margin: -0.75rem; } -.rounded-sm { - border-radius: .125rem; +.-m-4 { + margin: -1rem; } -.rounded { - border-radius: .25rem; +.-m-6 { + margin: -1.5rem; } -.rounded-lg { - border-radius: .5rem; +.-m-8 { + margin: -2rem; } -.rounded-full { - border-radius: 9999px; +.-m-px { + margin: -1px; } -.rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; +.-my-0 { + margin-top: 0; + margin-bottom: 0; } -.rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; +.-mx-0 { + margin-left: 0; + margin-right: 0; } -.rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; +.-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } -.rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } -.rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; +.-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } -.rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; +.-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } -.rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; +.-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } -.rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; +.-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } -.rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; +.-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } -.rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; +.-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } -.rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; +.-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } -.rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; +.-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } -.rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; +.-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } -.rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; +.-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } -.rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; +.-my-px { + margin-top: -1px; + margin-bottom: -1px; } -.rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; +.-mx-px { + margin-left: -1px; + margin-right: -1px; } -.rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; +.-mt-0 { + margin-top: 0; } -.rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; +.-mr-0 { + margin-right: 0; } -.rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; +.-mb-0 { + margin-bottom: 0; } -.rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; +.-ml-0 { + margin-left: 0; } -.rounded-tl-none { - border-top-left-radius: 0; +.-mt-1 { + margin-top: -0.25rem; } -.rounded-tr-none { - border-top-right-radius: 0; +.-mr-1 { + margin-right: -0.25rem; } -.rounded-br-none { - border-bottom-right-radius: 0; +.-mb-1 { + margin-bottom: -0.25rem; } -.rounded-bl-none { - border-bottom-left-radius: 0; +.-ml-1 { + margin-left: -0.25rem; } -.rounded-tl-sm { - border-top-left-radius: .125rem; +.-mt-2 { + margin-top: -0.5rem; } -.rounded-tr-sm { - border-top-right-radius: .125rem; +.-mr-2 { + margin-right: -0.5rem; } -.rounded-br-sm { - border-bottom-right-radius: .125rem; +.-mb-2 { + margin-bottom: -0.5rem; } -.rounded-bl-sm { - border-bottom-left-radius: .125rem; +.-ml-2 { + margin-left: -0.5rem; } -.rounded-tl { - border-top-left-radius: .25rem; +.-mt-3 { + margin-top: -0.75rem; } -.rounded-tr { - border-top-right-radius: .25rem; +.-mr-3 { + margin-right: -0.75rem; } -.rounded-br { - border-bottom-right-radius: .25rem; +.-mb-3 { + margin-bottom: -0.75rem; } -.rounded-bl { - border-bottom-left-radius: .25rem; +.-ml-3 { + margin-left: -0.75rem; } -.rounded-tl-lg { - border-top-left-radius: .5rem; +.-mt-4 { + margin-top: -1rem; } -.rounded-tr-lg { - border-top-right-radius: .5rem; +.-mr-4 { + margin-right: -1rem; } -.rounded-br-lg { - border-bottom-right-radius: .5rem; +.-mb-4 { + margin-bottom: -1rem; } -.rounded-bl-lg { - border-bottom-left-radius: .5rem; +.-ml-4 { + margin-left: -1rem; } -.rounded-tl-full { - border-top-left-radius: 9999px; +.-mt-6 { + margin-top: -1.5rem; } -.rounded-tr-full { - border-top-right-radius: 9999px; +.-mr-6 { + margin-right: -1.5rem; } -.rounded-br-full { - border-bottom-right-radius: 9999px; +.-mb-6 { + margin-bottom: -1.5rem; } -.rounded-bl-full { - border-bottom-left-radius: 9999px; +.-ml-6 { + margin-left: -1.5rem; } -.block { - display: block; +.-mt-8 { + margin-top: -2rem; } -.inline-block { - display: inline-block; +.-mr-8 { + margin-right: -2rem; } -.inline { - display: inline; +.-mb-8 { + margin-bottom: -2rem; } -.table { - display: table; +.-ml-8 { + margin-left: -2rem; } -.table-row { - display: table-row; +.-mt-px { + margin-top: -1px; } -.table-cell { - display: table-cell; +.-mr-px { + margin-right: -1px; } -.hidden { - display: none; +.-mb-px { + margin-bottom: -1px; } -.static { - position: static; +.-ml-px { + margin-left: -1px; } -.fixed { - position: fixed; +.opacity-0 { + opacity: 0; } -.absolute { - position: absolute; +.opacity-25 { + opacity: .25; } -.relative { - position: relative; +.opacity-50 { + opacity: .5; } -.pin-t { - top: 0; +.opacity-75 { + opacity: .75; } -.pin-r { - right: 0; +.opacity-100 { + opacity: 1; } -.pin-b { - bottom: 0; +.overflow-auto { + overflow: auto; } -.pin-l { - left: 0; +.overflow-hidden { + overflow: hidden; } -.pin-y { - top: 0; - bottom: 0; +.overflow-visible { + overflow: visible; } -.pin-x { - right: 0; - left: 0; -} - -.pin { - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; -} - -.overflow-auto { - overflow: auto; -} - -.overflow-hidden { - overflow: hidden; -} - -.overflow-visible { - overflow: visible; -} - -.overflow-scroll { - overflow: scroll; +.overflow-scroll { + overflow: scroll; } .overflow-x-scroll { @@ -3150,1288 +3149,1289 @@ button, -webkit-overflow-scrolling: auto; } -.w-1 { - width: 0.25rem; +.p-0 { + padding: 0; } -.w-2 { - width: 0.5rem; +.p-1 { + padding: 0.25rem; } -.w-3 { - width: 0.75rem; +.p-2 { + padding: 0.5rem; } -.w-4 { - width: 1rem; +.p-3 { + padding: 0.75rem; } -.w-6 { - width: 1.5rem; +.p-4 { + padding: 1rem; } -.w-8 { - width: 2rem; +.p-6 { + padding: 1.5rem; } -.w-10 { - width: 2.5rem; +.p-8 { + padding: 2rem; } -.w-12 { - width: 3rem; +.p-px { + padding: 1px; } -.w-16 { - width: 4rem; +.py-0 { + padding-top: 0; + padding-bottom: 0; } -.w-24 { - width: 6rem; +.px-0 { + padding-left: 0; + padding-right: 0; } -.w-32 { - width: 8rem; +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } -.w-48 { - width: 12rem; +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } -.w-64 { - width: 16rem; +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } -.w-auto { - width: auto; +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } -.w-px { - width: 1px; +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } -.w-1\/2 { - width: 50%; +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } -.w-1\/3 { - width: 33.33333%; +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } -.w-2\/3 { - width: 66.66667%; +.px-4 { + padding-left: 1rem; + padding-right: 1rem; } -.w-1\/4 { - width: 25%; +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } -.w-3\/4 { - width: 75%; +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } -.w-1\/5 { - width: 20%; +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } -.w-2\/5 { - width: 40%; +.px-8 { + padding-left: 2rem; + padding-right: 2rem; } -.w-3\/5 { - width: 60%; +.py-px { + padding-top: 1px; + padding-bottom: 1px; } -.w-4\/5 { - width: 80%; +.px-px { + padding-left: 1px; + padding-right: 1px; } -.w-1\/6 { - width: 16.66667%; +.pt-0 { + padding-top: 0; } -.w-5\/6 { - width: 83.33333%; +.pr-0 { + padding-right: 0; } -.w-full { - width: 100%; +.pb-0 { + padding-bottom: 0; } -.w-screen { - width: 100vw; +.pl-0 { + padding-left: 0; } -.min-w-0 { - min-width: 0; +.pt-1 { + padding-top: 0.25rem; } -.min-w-full { - min-width: 100%; +.pr-1 { + padding-right: 0.25rem; } -.max-w-xs { - max-width: 20rem; +.pb-1 { + padding-bottom: 0.25rem; } -.max-w-sm { - max-width: 30rem; +.pl-1 { + padding-left: 0.25rem; } -.max-w-md { - max-width: 40rem; +.pt-2 { + padding-top: 0.5rem; } -.max-w-lg { - max-width: 50rem; +.pr-2 { + padding-right: 0.5rem; } -.max-w-xl { - max-width: 60rem; +.pb-2 { + padding-bottom: 0.5rem; } -.max-w-2xl { - max-width: 70rem; +.pl-2 { + padding-left: 0.5rem; } -.max-w-3xl { - max-width: 80rem; +.pt-3 { + padding-top: 0.75rem; } -.max-w-4xl { - max-width: 90rem; +.pr-3 { + padding-right: 0.75rem; } -.max-w-5xl { - max-width: 100rem; +.pb-3 { + padding-bottom: 0.75rem; } -.max-w-full { - max-width: 100%; +.pl-3 { + padding-left: 0.75rem; } -.h-1 { - height: 0.25rem; +.pt-4 { + padding-top: 1rem; } -.h-2 { - height: 0.5rem; +.pr-4 { + padding-right: 1rem; } -.h-3 { - height: 0.75rem; +.pb-4 { + padding-bottom: 1rem; } -.h-4 { - height: 1rem; +.pl-4 { + padding-left: 1rem; } -.h-6 { - height: 1.5rem; +.pt-6 { + padding-top: 1.5rem; } -.h-8 { - height: 2rem; +.pr-6 { + padding-right: 1.5rem; } -.h-10 { - height: 2.5rem; +.pb-6 { + padding-bottom: 1.5rem; } -.h-12 { - height: 3rem; +.pl-6 { + padding-left: 1.5rem; } -.h-16 { - height: 4rem; +.pt-8 { + padding-top: 2rem; } -.h-24 { - height: 6rem; +.pr-8 { + padding-right: 2rem; } -.h-32 { - height: 8rem; +.pb-8 { + padding-bottom: 2rem; } -.h-48 { - height: 12rem; +.pl-8 { + padding-left: 2rem; } -.h-64 { - height: 16rem; +.pt-px { + padding-top: 1px; } -.h-auto { - height: auto; +.pr-px { + padding-right: 1px; } -.h-px { - height: 1px; +.pb-px { + padding-bottom: 1px; } -.h-full { - height: 100%; -} - -.h-screen { - height: 100vh; +.pl-px { + padding-left: 1px; } -.min-h-0 { - min-height: 0; +.pointer-events-none { + pointer-events: none; } -.min-h-full { - min-height: 100%; +.pointer-events-auto { + pointer-events: auto; } -.min-h-screen { - min-height: 100vh; +.static { + position: static; } -.max-h-full { - max-height: 100%; +.fixed { + position: fixed; } -.max-h-screen { - max-height: 100vh; +.absolute { + position: absolute; } -.p-0 { - padding: 0; +.relative { + position: relative; } -.p-1 { - padding: 0.25rem; +.pin-t { + top: 0; } -.p-2 { - padding: 0.5rem; +.pin-r { + right: 0; } -.p-3 { - padding: 0.75rem; +.pin-b { + bottom: 0; } -.p-4 { - padding: 1rem; +.pin-l { + left: 0; } -.p-6 { - padding: 1.5rem; +.pin-y { + top: 0; + bottom: 0; } -.p-8 { - padding: 2rem; +.pin-x { + right: 0; + left: 0; } -.p-px { - padding: 1px; +.pin { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; } -.py-0 { - padding-top: 0; - padding-bottom: 0; +.resize-none { + resize: none; } -.px-0 { - padding-left: 0; - padding-right: 0; +.resize-y { + resize: vertical; } -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; +.resize-x { + resize: horizontal; } -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; +.shadow { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); } -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; +.shadow-md { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); } -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; +.shadow-lg { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; +.shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; +.shadow-none { + box-shadow: none; } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; +.text-left { + text-align: left; } -.px-4 { - padding-left: 1rem; - padding-right: 1rem; +.text-center { + text-align: center; } -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; +.text-right { + text-align: right; } -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; +.text-justify { + text-align: justify; } -.py-8 { - padding-top: 2rem; - padding-bottom: 2rem; +.text-transparent { + color: transparent; } -.px-8 { - padding-left: 2rem; - padding-right: 2rem; +.text-black { + color: #222b2f; } -.py-px { - padding-top: 1px; - padding-bottom: 1px; +.text-grey-darkest { + color: #364349; } -.px-px { - padding-left: 1px; - padding-right: 1px; +.text-grey-darker { + color: #596a73; } -.pt-0 { - padding-top: 0; +.text-grey-dark { + color: #70818a; } -.pr-0 { - padding-right: 0; +.text-grey { + color: #9babb4; } -.pb-0 { - padding-bottom: 0; +.text-grey-light { + color: #dae4e9; } -.pl-0 { - padding-left: 0; +.text-grey-lighter { + color: #f3f7f9; } -.pt-1 { - padding-top: 0.25rem; +.text-grey-lightest { + color: #fafcfc; } -.pr-1 { - padding-right: 0.25rem; +.text-white { + color: #ffffff; } -.pb-1 { - padding-bottom: 0.25rem; +.text-red-darkest { + color: #420806; } -.pl-1 { - padding-left: 0.25rem; +.text-red-darker { + color: #6a1b19; } -.pt-2 { - padding-top: 0.5rem; +.text-red-dark { + color: #cc1f1a; } -.pr-2 { - padding-right: 0.5rem; +.text-red { + color: #e3342f; } -.pb-2 { - padding-bottom: 0.5rem; +.text-red-light { + color: #ef5753; } -.pl-2 { - padding-left: 0.5rem; +.text-red-lighter { + color: #f9acaa; } -.pt-3 { - padding-top: 0.75rem; +.text-red-lightest { + color: #fcebea; } -.pr-3 { - padding-right: 0.75rem; +.text-orange-darkest { + color: #542605; } -.pb-3 { - padding-bottom: 0.75rem; +.text-orange-darker { + color: #7f4012; } -.pl-3 { - padding-left: 0.75rem; +.text-orange-dark { + color: #de751f; } -.pt-4 { - padding-top: 1rem; +.text-orange { + color: #f6993f; } -.pr-4 { - padding-right: 1rem; +.text-orange-light { + color: #faad63; } -.pb-4 { - padding-bottom: 1rem; +.text-orange-lighter { + color: #fcd9b6; } -.pl-4 { - padding-left: 1rem; +.text-orange-lightest { + color: #fff5eb; } -.pt-6 { - padding-top: 1.5rem; +.text-yellow-darkest { + color: #453411; } -.pr-6 { - padding-right: 1.5rem; +.text-yellow-darker { + color: #684f1d; } -.pb-6 { - padding-bottom: 1.5rem; +.text-yellow-dark { + color: #f2d024; } -.pl-6 { - padding-left: 1.5rem; +.text-yellow { + color: #ffed4a; } -.pt-8 { - padding-top: 2rem; +.text-yellow-light { + color: #fff382; } -.pr-8 { - padding-right: 2rem; +.text-yellow-lighter { + color: #fff9c2; } -.pb-8 { - padding-bottom: 2rem; +.text-yellow-lightest { + color: #fcfbeb; } -.pl-8 { - padding-left: 2rem; +.text-green-darkest { + color: #032d19; } -.pt-px { - padding-top: 1px; +.text-green-darker { + color: #0b4228; } -.pr-px { - padding-right: 1px; +.text-green-dark { + color: #1f9d55; } -.pb-px { - padding-bottom: 1px; +.text-green { + color: #38c172; } -.pl-px { - padding-left: 1px; +.text-green-light { + color: #51d88a; } -.m-0 { - margin: 0; +.text-green-lighter { + color: #a2f5bf; } -.m-1 { - margin: 0.25rem; +.text-green-lightest { + color: #e3fcec; } -.m-2 { - margin: 0.5rem; +.text-teal-darkest { + color: #0d3331; } -.m-3 { - margin: 0.75rem; +.text-teal-darker { + color: #174e4b; } -.m-4 { - margin: 1rem; +.text-teal-dark { + color: #38a89d; } -.m-6 { - margin: 1.5rem; +.text-teal { + color: #4dc0b5; } -.m-8 { - margin: 2rem; +.text-teal-light { + color: #64d5ca; } -.m-auto { - margin: auto; +.text-teal-lighter { + color: #a0f0ed; } -.m-px { - margin: 1px; +.text-teal-lightest { + color: #e8fffe; } -.my-0 { - margin-top: 0; - margin-bottom: 0; +.text-blue-darkest { + color: #05233b; } -.mx-0 { - margin-left: 0; - margin-right: 0; +.text-blue-darker { + color: #103d60; } -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; +.text-blue-dark { + color: #2779bd; } -.mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; +.text-blue { + color: #3490dc; } -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; +.text-blue-light { + color: #6cb2eb; } -.mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; +.text-blue-lighter { + color: #bcdefa; } -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; +.text-blue-lightest { + color: #eff8ff; } -.mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; +.text-indigo-darkest { + color: #191e38; } -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; +.text-indigo-darker { + color: #2f365f; } -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; +.text-indigo-dark { + color: #5661b3; } -.my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; +.text-indigo { + color: #6574cd; } -.mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; +.text-indigo-light { + color: #7886d7; } -.my-8 { - margin-top: 2rem; - margin-bottom: 2rem; +.text-indigo-lighter { + color: #b2b7ff; } -.mx-8 { - margin-left: 2rem; - margin-right: 2rem; +.text-indigo-lightest { + color: #e6e8ff; } -.my-auto { - margin-top: auto; - margin-bottom: auto; +.text-purple-darkest { + color: #1f133f; } -.mx-auto { - margin-left: auto; - margin-right: auto; +.text-purple-darker { + color: #352465; } -.my-px { - margin-top: 1px; - margin-bottom: 1px; +.text-purple-dark { + color: #794acf; } -.mx-px { - margin-left: 1px; - margin-right: 1px; +.text-purple { + color: #9561e2; } -.mt-0 { - margin-top: 0; +.text-purple-light { + color: #a779e9; } -.mr-0 { - margin-right: 0; +.text-purple-lighter { + color: #d6bbfc; } -.mb-0 { - margin-bottom: 0; +.text-purple-lightest { + color: #f3ebff; } -.ml-0 { - margin-left: 0; +.text-pink-darkest { + color: #45051e; } -.mt-1 { - margin-top: 0.25rem; +.text-pink-darker { + color: #72173a; } -.mr-1 { - margin-right: 0.25rem; +.text-pink-dark { + color: #eb5286; } -.mb-1 { - margin-bottom: 0.25rem; +.text-pink { + color: #f66d9b; } -.ml-1 { - margin-left: 0.25rem; +.text-pink-light { + color: #fa7ea8; } -.mt-2 { - margin-top: 0.5rem; +.text-pink-lighter { + color: #ffbbca; } -.mr-2 { - margin-right: 0.5rem; +.text-pink-lightest { + color: #ffebef; } -.mb-2 { - margin-bottom: 0.5rem; +.hover\:text-transparent:hover { + color: transparent; } -.ml-2 { - margin-left: 0.5rem; +.hover\:text-black:hover { + color: #222b2f; } -.mt-3 { - margin-top: 0.75rem; +.hover\:text-grey-darkest:hover { + color: #364349; } -.mr-3 { - margin-right: 0.75rem; +.hover\:text-grey-darker:hover { + color: #596a73; } -.mb-3 { - margin-bottom: 0.75rem; +.hover\:text-grey-dark:hover { + color: #70818a; } -.ml-3 { - margin-left: 0.75rem; +.hover\:text-grey:hover { + color: #9babb4; } -.mt-4 { - margin-top: 1rem; +.hover\:text-grey-light:hover { + color: #dae4e9; } -.mr-4 { - margin-right: 1rem; +.hover\:text-grey-lighter:hover { + color: #f3f7f9; } -.mb-4 { - margin-bottom: 1rem; +.hover\:text-grey-lightest:hover { + color: #fafcfc; } -.ml-4 { - margin-left: 1rem; +.hover\:text-white:hover { + color: #ffffff; } -.mt-6 { - margin-top: 1.5rem; +.hover\:text-red-darkest:hover { + color: #420806; } -.mr-6 { - margin-right: 1.5rem; +.hover\:text-red-darker:hover { + color: #6a1b19; } -.mb-6 { - margin-bottom: 1.5rem; +.hover\:text-red-dark:hover { + color: #cc1f1a; } -.ml-6 { - margin-left: 1.5rem; +.hover\:text-red:hover { + color: #e3342f; } -.mt-8 { - margin-top: 2rem; +.hover\:text-red-light:hover { + color: #ef5753; } -.mr-8 { - margin-right: 2rem; +.hover\:text-red-lighter:hover { + color: #f9acaa; } -.mb-8 { - margin-bottom: 2rem; +.hover\:text-red-lightest:hover { + color: #fcebea; } -.ml-8 { - margin-left: 2rem; +.hover\:text-orange-darkest:hover { + color: #542605; } -.mt-auto { - margin-top: auto; +.hover\:text-orange-darker:hover { + color: #7f4012; } -.mr-auto { - margin-right: auto; +.hover\:text-orange-dark:hover { + color: #de751f; } -.mb-auto { - margin-bottom: auto; +.hover\:text-orange:hover { + color: #f6993f; } -.ml-auto { - margin-left: auto; +.hover\:text-orange-light:hover { + color: #faad63; } -.mt-px { - margin-top: 1px; +.hover\:text-orange-lighter:hover { + color: #fcd9b6; } -.mr-px { - margin-right: 1px; +.hover\:text-orange-lightest:hover { + color: #fff5eb; } -.mb-px { - margin-bottom: 1px; +.hover\:text-yellow-darkest:hover { + color: #453411; } -.ml-px { - margin-left: 1px; +.hover\:text-yellow-darker:hover { + color: #684f1d; } -.-m-0 { - margin: 0; +.hover\:text-yellow-dark:hover { + color: #f2d024; } -.-m-1 { - margin: -0.25rem; +.hover\:text-yellow:hover { + color: #ffed4a; } -.-m-2 { - margin: -0.5rem; +.hover\:text-yellow-light:hover { + color: #fff382; } -.-m-3 { - margin: -0.75rem; +.hover\:text-yellow-lighter:hover { + color: #fff9c2; } -.-m-4 { - margin: -1rem; +.hover\:text-yellow-lightest:hover { + color: #fcfbeb; } -.-m-6 { - margin: -1.5rem; +.hover\:text-green-darkest:hover { + color: #032d19; } -.-m-8 { - margin: -2rem; +.hover\:text-green-darker:hover { + color: #0b4228; } -.-m-px { - margin: -1px; +.hover\:text-green-dark:hover { + color: #1f9d55; } -.-my-0 { - margin-top: 0; - margin-bottom: 0; +.hover\:text-green:hover { + color: #38c172; } -.-mx-0 { - margin-left: 0; - margin-right: 0; +.hover\:text-green-light:hover { + color: #51d88a; } -.-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; +.hover\:text-green-lighter:hover { + color: #a2f5bf; } -.-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; +.hover\:text-green-lightest:hover { + color: #e3fcec; } -.-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; +.hover\:text-teal-darkest:hover { + color: #0d3331; } -.-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; +.hover\:text-teal-darker:hover { + color: #174e4b; } -.-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; +.hover\:text-teal-dark:hover { + color: #38a89d; } -.-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; +.hover\:text-teal:hover { + color: #4dc0b5; } -.-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; +.hover\:text-teal-light:hover { + color: #64d5ca; } -.-mx-4 { - margin-left: -1rem; - margin-right: -1rem; +.hover\:text-teal-lighter:hover { + color: #a0f0ed; } -.-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; +.hover\:text-teal-lightest:hover { + color: #e8fffe; } -.-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; +.hover\:text-blue-darkest:hover { + color: #05233b; } -.-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; +.hover\:text-blue-darker:hover { + color: #103d60; } -.-mx-8 { - margin-left: -2rem; - margin-right: -2rem; +.hover\:text-blue-dark:hover { + color: #2779bd; } -.-my-px { - margin-top: -1px; - margin-bottom: -1px; +.hover\:text-blue:hover { + color: #3490dc; } -.-mx-px { - margin-left: -1px; - margin-right: -1px; +.hover\:text-blue-light:hover { + color: #6cb2eb; } -.-mt-0 { - margin-top: 0; +.hover\:text-blue-lighter:hover { + color: #bcdefa; } -.-mr-0 { - margin-right: 0; +.hover\:text-blue-lightest:hover { + color: #eff8ff; } -.-mb-0 { - margin-bottom: 0; +.hover\:text-indigo-darkest:hover { + color: #191e38; } -.-ml-0 { - margin-left: 0; +.hover\:text-indigo-darker:hover { + color: #2f365f; } -.-mt-1 { - margin-top: -0.25rem; +.hover\:text-indigo-dark:hover { + color: #5661b3; } -.-mr-1 { - margin-right: -0.25rem; +.hover\:text-indigo:hover { + color: #6574cd; } -.-mb-1 { - margin-bottom: -0.25rem; +.hover\:text-indigo-light:hover { + color: #7886d7; } -.-ml-1 { - margin-left: -0.25rem; +.hover\:text-indigo-lighter:hover { + color: #b2b7ff; } -.-mt-2 { - margin-top: -0.5rem; +.hover\:text-indigo-lightest:hover { + color: #e6e8ff; } -.-mr-2 { - margin-right: -0.5rem; +.hover\:text-purple-darkest:hover { + color: #1f133f; } -.-mb-2 { - margin-bottom: -0.5rem; +.hover\:text-purple-darker:hover { + color: #352465; } -.-ml-2 { - margin-left: -0.5rem; +.hover\:text-purple-dark:hover { + color: #794acf; } -.-mt-3 { - margin-top: -0.75rem; +.hover\:text-purple:hover { + color: #9561e2; } -.-mr-3 { - margin-right: -0.75rem; +.hover\:text-purple-light:hover { + color: #a779e9; } -.-mb-3 { - margin-bottom: -0.75rem; +.hover\:text-purple-lighter:hover { + color: #d6bbfc; } -.-ml-3 { - margin-left: -0.75rem; +.hover\:text-purple-lightest:hover { + color: #f3ebff; } -.-mt-4 { - margin-top: -1rem; +.hover\:text-pink-darkest:hover { + color: #45051e; } -.-mr-4 { - margin-right: -1rem; +.hover\:text-pink-darker:hover { + color: #72173a; } -.-mb-4 { - margin-bottom: -1rem; +.hover\:text-pink-dark:hover { + color: #eb5286; } -.-ml-4 { - margin-left: -1rem; +.hover\:text-pink:hover { + color: #f66d9b; } -.-mt-6 { - margin-top: -1.5rem; +.hover\:text-pink-light:hover { + color: #fa7ea8; } -.-mr-6 { - margin-right: -1.5rem; +.hover\:text-pink-lighter:hover { + color: #ffbbca; } -.-mb-6 { - margin-bottom: -1.5rem; +.hover\:text-pink-lightest:hover { + color: #ffebef; } -.-ml-6 { - margin-left: -1.5rem; +.text-xs { + font-size: .75rem; } -.-mt-8 { - margin-top: -2rem; +.text-sm { + font-size: .875rem; } -.-mr-8 { - margin-right: -2rem; +.text-base { + font-size: 1rem; } -.-mb-8 { - margin-bottom: -2rem; +.text-lg { + font-size: 1.125rem; } -.-ml-8 { - margin-left: -2rem; +.text-xl { + font-size: 1.25rem; } -.-mt-px { - margin-top: -1px; +.text-2xl { + font-size: 1.5rem; } -.-mr-px { - margin-right: -1px; +.text-3xl { + font-size: 1.875rem; } -.-mb-px { - margin-bottom: -1px; +.text-4xl { + font-size: 2.25rem; } -.-ml-px { - margin-left: -1px; +.text-5xl { + font-size: 3rem; } -.shadow { - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); +.italic { + font-style: italic; } -.shadow-md { - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); +.roman { + font-style: normal; } -.shadow-lg { - box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); +.uppercase { + text-transform: uppercase; } -.shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); +.lowercase { + text-transform: lowercase; } -.shadow-none { - box-shadow: none; +.capitalize { + text-transform: capitalize; } -.flex { - display: flex; +.normal-case { + text-transform: none; } -.inline-flex { - display: inline-flex; +.underline { + text-decoration: underline; } -.flex-row { - flex-direction: row; +.line-through { + text-decoration: line-through; } -.flex-row-reverse { - flex-direction: row-reverse; +.no-underline { + text-decoration: none; } -.flex-col { - flex-direction: column; +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.flex-col-reverse { - flex-direction: column-reverse; +.subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } -.flex-wrap { - flex-wrap: wrap; +.hover\:italic:hover { + font-style: italic; } -.flex-wrap-reverse { - flex-wrap: wrap-reverse; +.hover\:roman:hover { + font-style: normal; } -.flex-no-wrap { - flex-wrap: nowrap; +.hover\:uppercase:hover { + text-transform: uppercase; } -.items-start { - align-items: flex-start; +.hover\:lowercase:hover { + text-transform: lowercase; } -.items-end { - align-items: flex-end; +.hover\:capitalize:hover { + text-transform: capitalize; } -.items-center { - align-items: center; +.hover\:normal-case:hover { + text-transform: none; } -.items-baseline { - align-items: baseline; +.hover\:underline:hover { + text-decoration: underline; } -.items-stretch { - align-items: stretch; +.hover\:line-through:hover { + text-decoration: line-through; } -.self-auto { - align-self: auto; +.hover\:no-underline:hover { + text-decoration: none; } -.self-start { - align-self: flex-start; +.hover\:antialiased:hover { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.self-end { - align-self: flex-end; +.hover\:subpixel-antialiased:hover { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } -.self-center { - align-self: center; +.tracking-tight { + letter-spacing: -0.05em; } -.self-stretch { - align-self: stretch; +.tracking-normal { + letter-spacing: 0; } -.justify-start { - justify-content: flex-start; +.tracking-wide { + letter-spacing: 0.05em; } -.justify-end { - justify-content: flex-end; +.select-none { + user-select: none; } -.justify-center { - justify-content: center; +.select-text { + user-select: text; } -.justify-between { - justify-content: space-between; +.align-baseline { + vertical-align: baseline; } -.justify-around { - justify-content: space-around; +.align-top { + vertical-align: top; } -.content-center { - align-content: center; +.align-middle { + vertical-align: middle; } -.content-start { - align-content: flex-start; +.align-bottom { + vertical-align: bottom; } -.content-end { - align-content: flex-end; +.align-text-top { + vertical-align: text-top; } -.content-between { - align-content: space-between; +.align-text-bottom { + vertical-align: text-bottom; } -.content-around { - align-content: space-around; +.visible { + visibility: visible; } -.flex-1 { - flex: 1; +.invisible { + visibility: hidden; } -.flex-auto { - flex: auto; +.whitespace-normal { + white-space: normal; } -.flex-initial { - flex: initial; +.whitespace-no-wrap { + white-space: nowrap; } -.flex-none { - flex: none; +.whitespace-pre { + white-space: pre; } -.flex-grow { - flex-grow: 1; +.whitespace-pre-line { + white-space: pre-line; } -.flex-shrink { - flex-shrink: 1; +.whitespace-pre-wrap { + white-space: pre-wrap; } -.flex-no-grow { - flex-grow: 0; +.break-words { + word-wrap: break-word; } -.flex-no-shrink { - flex-shrink: 0; +.break-normal { + word-wrap: normal; } -.float-right { - float: right; +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.float-left { - float: left; +.w-1 { + width: 0.25rem; } -.float-none { - float: none; +.w-2 { + width: 0.5rem; } -.clearfix:after { - content: ""; - display: table; - clear: both; +.w-3 { + width: 0.75rem; } -.visible { - visibility: visible; +.w-4 { + width: 1rem; } -.invisible { - visibility: hidden; +.w-6 { + width: 1.5rem; } -.z-0 { - z-index: 0; +.w-8 { + width: 2rem; } -.z-10 { - z-index: 10; +.w-10 { + width: 2.5rem; } -.z-20 { - z-index: 20; +.w-12 { + width: 3rem; } -.z-30 { - z-index: 30; +.w-16 { + width: 4rem; } -.z-40 { - z-index: 40; +.w-24 { + width: 6rem; } -.z-50 { - z-index: 50; +.w-32 { + width: 8rem; } -.z-auto { - z-index: auto; +.w-48 { + width: 12rem; } -.opacity-0 { - opacity: 0; +.w-64 { + width: 16rem; } -.opacity-25 { - opacity: .25; +.w-auto { + width: auto; } -.opacity-50 { - opacity: .5; +.w-px { + width: 1px; } -.opacity-75 { - opacity: .75; +.w-1\/2 { + width: 50%; } -.opacity-100 { - opacity: 1; +.w-1\/3 { + width: 33.33333%; } -.select-none { - user-select: none; +.w-2\/3 { + width: 66.66667%; } -.select-text { - user-select: text; +.w-1\/4 { + width: 25%; } -.pointer-events-none { - pointer-events: none; +.w-3\/4 { + width: 75%; } -.pointer-events-auto { - pointer-events: auto; +.w-1\/5 { + width: 20%; } -.resize-none { - resize: none; +.w-2\/5 { + width: 40%; } -.resize-y { - resize: vertical; +.w-3\/5 { + width: 60%; } -.resize-x { - resize: horizontal; +.w-4\/5 { + width: 80%; } -.cursor-auto { - cursor: auto; +.w-1\/6 { + width: 16.66667%; } -.cursor-default { - cursor: default; +.w-5\/6 { + width: 83.33333%; } -.cursor-pointer { - cursor: pointer; +.w-full { + width: 100%; } -.cursor-not-allowed { - cursor: not-allowed; +.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; } .example { @@ -4450,2791 +4450,2542 @@ button, appearance: none; } - .sm\:text-xs { - font-size: .75rem; + .sm\:bg-transparent { + background-color: transparent; } - .sm\:text-sm { - font-size: .875rem; + .sm\:bg-black { + background-color: #222b2f; } - .sm\:text-base { - font-size: 1rem; + .sm\:bg-grey-darkest { + background-color: #364349; } - .sm\:text-lg { - font-size: 1.125rem; + .sm\:bg-grey-darker { + background-color: #596a73; } - .sm\:text-xl { - font-size: 1.25rem; + .sm\:bg-grey-dark { + background-color: #70818a; } - .sm\:text-2xl { - font-size: 1.5rem; + .sm\:bg-grey { + background-color: #9babb4; } - .sm\:text-3xl { - font-size: 1.875rem; + .sm\:bg-grey-light { + background-color: #dae4e9; } - .sm\:text-4xl { - font-size: 2.25rem; + .sm\:bg-grey-lighter { + background-color: #f3f7f9; } - .sm\:text-5xl { - font-size: 3rem; + .sm\:bg-grey-lightest { + background-color: #fafcfc; } - .sm\:font-hairline { - font-weight: 100; + .sm\:bg-white { + background-color: #ffffff; } - .sm\:font-thin { - font-weight: 200; + .sm\:bg-red-darkest { + background-color: #420806; } - .sm\:font-light { - font-weight: 300; + .sm\:bg-red-darker { + background-color: #6a1b19; } - .sm\:font-normal { - font-weight: 400; + .sm\:bg-red-dark { + background-color: #cc1f1a; } - .sm\:font-medium { - font-weight: 500; + .sm\:bg-red { + background-color: #e3342f; } - .sm\:font-semibold { - font-weight: 600; + .sm\:bg-red-light { + background-color: #ef5753; } - .sm\:font-bold { - font-weight: 700; + .sm\:bg-red-lighter { + background-color: #f9acaa; } - .sm\:font-extrabold { - font-weight: 800; + .sm\:bg-red-lightest { + background-color: #fcebea; } - .sm\:font-black { - font-weight: 900; + .sm\:bg-orange-darkest { + background-color: #542605; } - .sm\:hover\:font-hairline:hover { - font-weight: 100; + .sm\:bg-orange-darker { + background-color: #7f4012; } - .sm\:hover\:font-thin:hover { - font-weight: 200; + .sm\:bg-orange-dark { + background-color: #de751f; } - .sm\:hover\:font-light:hover { - font-weight: 300; + .sm\:bg-orange { + background-color: #f6993f; } - .sm\:hover\:font-normal:hover { - font-weight: 400; + .sm\:bg-orange-light { + background-color: #faad63; } - .sm\:hover\:font-medium:hover { - font-weight: 500; + .sm\:bg-orange-lighter { + background-color: #fcd9b6; } - .sm\:hover\:font-semibold:hover { - font-weight: 600; + .sm\:bg-orange-lightest { + background-color: #fff5eb; } - .sm\:hover\:font-bold:hover { - font-weight: 700; + .sm\:bg-yellow-darkest { + background-color: #453411; } - .sm\:hover\:font-extrabold:hover { - font-weight: 800; + .sm\:bg-yellow-darker { + background-color: #684f1d; } - .sm\:hover\:font-black:hover { - font-weight: 900; + .sm\:bg-yellow-dark { + background-color: #f2d024; } - .sm\:font-sans { - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + .sm\:bg-yellow { + background-color: #ffed4a; } - .sm\:font-serif { - font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; + .sm\:bg-yellow-light { + background-color: #fff382; } - .sm\:font-mono { - font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; + .sm\:bg-yellow-lighter { + background-color: #fff9c2; } - .sm\:text-transparent { - color: transparent; + .sm\:bg-yellow-lightest { + background-color: #fcfbeb; } - .sm\:text-black { - color: #222b2f; + .sm\:bg-green-darkest { + background-color: #032d19; } - .sm\:text-grey-darkest { - color: #364349; + .sm\:bg-green-darker { + background-color: #0b4228; } - .sm\:text-grey-darker { - color: #596a73; + .sm\:bg-green-dark { + background-color: #1f9d55; } - .sm\:text-grey-dark { - color: #70818a; + .sm\:bg-green { + background-color: #38c172; } - .sm\:text-grey { - color: #9babb4; + .sm\:bg-green-light { + background-color: #51d88a; } - .sm\:text-grey-light { - color: #dae4e9; + .sm\:bg-green-lighter { + background-color: #a2f5bf; } - .sm\:text-grey-lighter { - color: #f3f7f9; + .sm\:bg-green-lightest { + background-color: #e3fcec; } - .sm\:text-grey-lightest { - color: #fafcfc; + .sm\:bg-teal-darkest { + background-color: #0d3331; } - .sm\:text-white { - color: #ffffff; + .sm\:bg-teal-darker { + background-color: #174e4b; } - .sm\:text-red-darkest { - color: #420806; + .sm\:bg-teal-dark { + background-color: #38a89d; } - .sm\:text-red-darker { - color: #6a1b19; + .sm\:bg-teal { + background-color: #4dc0b5; } - .sm\:text-red-dark { - color: #cc1f1a; + .sm\:bg-teal-light { + background-color: #64d5ca; } - .sm\:text-red { - color: #e3342f; + .sm\:bg-teal-lighter { + background-color: #a0f0ed; } - .sm\:text-red-light { - color: #ef5753; - } - - .sm\:text-red-lighter { - color: #f9acaa; - } - - .sm\:text-red-lightest { - color: #fcebea; - } - - .sm\:text-orange-darkest { - color: #542605; - } - - .sm\:text-orange-darker { - color: #7f4012; - } - - .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: #032d19; - } - - .sm\:text-green-darker { - color: #0b4228; - } - - .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: #174e4b; - } - - .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: #05233b; - } - - .sm\:text-blue-darker { - color: #103d60; - } - - .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: #1f133f; - } - - .sm\:text-purple-darker { - color: #352465; - } - - .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: #45051e; - } - - .sm\:text-pink-darker { - color: #72173a; - } - - .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: #222b2f; - } - - .sm\:hover\:text-grey-darkest:hover { - color: #364349; - } - - .sm\:hover\:text-grey-darker:hover { - color: #596a73; - } - - .sm\:hover\:text-grey-dark:hover { - color: #70818a; - } - - .sm\:hover\:text-grey:hover { - color: #9babb4; - } - - .sm\:hover\:text-grey-light:hover { - color: #dae4e9; - } - - .sm\:hover\:text-grey-lighter:hover { - color: #f3f7f9; - } - - .sm\:hover\:text-grey-lightest:hover { - color: #fafcfc; - } - - .sm\:hover\:text-white:hover { - color: #ffffff; - } - - .sm\:hover\:text-red-darkest:hover { - color: #420806; + .sm\:bg-teal-lightest { + background-color: #e8fffe; } - .sm\:hover\:text-red-darker:hover { - color: #6a1b19; + .sm\:bg-blue-darkest { + background-color: #05233b; } - .sm\:hover\:text-red-dark:hover { - color: #cc1f1a; + .sm\:bg-blue-darker { + background-color: #103d60; } - .sm\:hover\:text-red:hover { - color: #e3342f; + .sm\:bg-blue-dark { + background-color: #2779bd; } - .sm\:hover\:text-red-light:hover { - color: #ef5753; + .sm\:bg-blue { + background-color: #3490dc; } - .sm\:hover\:text-red-lighter:hover { - color: #f9acaa; + .sm\:bg-blue-light { + background-color: #6cb2eb; } - .sm\:hover\:text-red-lightest:hover { - color: #fcebea; + .sm\:bg-blue-lighter { + background-color: #bcdefa; } - .sm\:hover\:text-orange-darkest:hover { - color: #542605; + .sm\:bg-blue-lightest { + background-color: #eff8ff; } - .sm\:hover\:text-orange-darker:hover { - color: #7f4012; + .sm\:bg-indigo-darkest { + background-color: #191e38; } - .sm\:hover\:text-orange-dark:hover { - color: #de751f; + .sm\:bg-indigo-darker { + background-color: #2f365f; } - .sm\:hover\:text-orange:hover { - color: #f6993f; + .sm\:bg-indigo-dark { + background-color: #5661b3; } - .sm\:hover\:text-orange-light:hover { - color: #faad63; + .sm\:bg-indigo { + background-color: #6574cd; } - .sm\:hover\:text-orange-lighter:hover { - color: #fcd9b6; + .sm\:bg-indigo-light { + background-color: #7886d7; } - .sm\:hover\:text-orange-lightest:hover { - color: #fff5eb; + .sm\:bg-indigo-lighter { + background-color: #b2b7ff; } - .sm\:hover\:text-yellow-darkest:hover { - color: #453411; + .sm\:bg-indigo-lightest { + background-color: #e6e8ff; } - .sm\:hover\:text-yellow-darker:hover { - color: #684f1d; + .sm\:bg-purple-darkest { + background-color: #1f133f; } - .sm\:hover\:text-yellow-dark:hover { - color: #f2d024; + .sm\:bg-purple-darker { + background-color: #352465; } - .sm\:hover\:text-yellow:hover { - color: #ffed4a; + .sm\:bg-purple-dark { + background-color: #794acf; } - .sm\:hover\:text-yellow-light:hover { - color: #fff382; + .sm\:bg-purple { + background-color: #9561e2; } - .sm\:hover\:text-yellow-lighter:hover { - color: #fff9c2; + .sm\:bg-purple-light { + background-color: #a779e9; } - .sm\:hover\:text-yellow-lightest:hover { - color: #fcfbeb; + .sm\:bg-purple-lighter { + background-color: #d6bbfc; } - .sm\:hover\:text-green-darkest:hover { - color: #032d19; + .sm\:bg-purple-lightest { + background-color: #f3ebff; } - .sm\:hover\:text-green-darker:hover { - color: #0b4228; + .sm\:bg-pink-darkest { + background-color: #45051e; } - .sm\:hover\:text-green-dark:hover { - color: #1f9d55; + .sm\:bg-pink-darker { + background-color: #72173a; } - .sm\:hover\:text-green:hover { - color: #38c172; + .sm\:bg-pink-dark { + background-color: #eb5286; } - .sm\:hover\:text-green-light:hover { - color: #51d88a; + .sm\:bg-pink { + background-color: #f66d9b; } - .sm\:hover\:text-green-lighter:hover { - color: #a2f5bf; + .sm\:bg-pink-light { + background-color: #fa7ea8; } - .sm\:hover\:text-green-lightest:hover { - color: #e3fcec; + .sm\:bg-pink-lighter { + background-color: #ffbbca; } - .sm\:hover\:text-teal-darkest:hover { - color: #0d3331; + .sm\:bg-pink-lightest { + background-color: #ffebef; } - .sm\:hover\:text-teal-darker:hover { - color: #174e4b; + .sm\:hover\:bg-transparent:hover { + background-color: transparent; } - .sm\:hover\:text-teal-dark:hover { - color: #38a89d; + .sm\:hover\:bg-black:hover { + background-color: #222b2f; } - .sm\:hover\:text-teal:hover { - color: #4dc0b5; + .sm\:hover\:bg-grey-darkest:hover { + background-color: #364349; } - .sm\:hover\:text-teal-light:hover { - color: #64d5ca; + .sm\:hover\:bg-grey-darker:hover { + background-color: #596a73; } - .sm\:hover\:text-teal-lighter:hover { - color: #a0f0ed; + .sm\:hover\:bg-grey-dark:hover { + background-color: #70818a; } - .sm\:hover\:text-teal-lightest:hover { - color: #e8fffe; + .sm\:hover\:bg-grey:hover { + background-color: #9babb4; } - .sm\:hover\:text-blue-darkest:hover { - color: #05233b; + .sm\:hover\:bg-grey-light:hover { + background-color: #dae4e9; } - .sm\:hover\:text-blue-darker:hover { - color: #103d60; + .sm\:hover\:bg-grey-lighter:hover { + background-color: #f3f7f9; } - .sm\:hover\:text-blue-dark:hover { - color: #2779bd; + .sm\:hover\:bg-grey-lightest:hover { + background-color: #fafcfc; } - .sm\:hover\:text-blue:hover { - color: #3490dc; + .sm\:hover\:bg-white:hover { + background-color: #ffffff; } - .sm\:hover\:text-blue-light:hover { - color: #6cb2eb; + .sm\:hover\:bg-red-darkest:hover { + background-color: #420806; } - .sm\:hover\:text-blue-lighter:hover { - color: #bcdefa; + .sm\:hover\:bg-red-darker:hover { + background-color: #6a1b19; } - .sm\:hover\:text-blue-lightest:hover { - color: #eff8ff; + .sm\:hover\:bg-red-dark:hover { + background-color: #cc1f1a; } - .sm\:hover\:text-indigo-darkest:hover { - color: #191e38; + .sm\:hover\:bg-red:hover { + background-color: #e3342f; } - .sm\:hover\:text-indigo-darker:hover { - color: #2f365f; + .sm\:hover\:bg-red-light:hover { + background-color: #ef5753; } - .sm\:hover\:text-indigo-dark:hover { - color: #5661b3; + .sm\:hover\:bg-red-lighter:hover { + background-color: #f9acaa; } - .sm\:hover\:text-indigo:hover { - color: #6574cd; + .sm\:hover\:bg-red-lightest:hover { + background-color: #fcebea; } - .sm\:hover\:text-indigo-light:hover { - color: #7886d7; + .sm\:hover\:bg-orange-darkest:hover { + background-color: #542605; } - .sm\:hover\:text-indigo-lighter:hover { - color: #b2b7ff; + .sm\:hover\:bg-orange-darker:hover { + background-color: #7f4012; } - .sm\:hover\:text-indigo-lightest:hover { - color: #e6e8ff; + .sm\:hover\:bg-orange-dark:hover { + background-color: #de751f; } - .sm\:hover\:text-purple-darkest:hover { - color: #1f133f; + .sm\:hover\:bg-orange:hover { + background-color: #f6993f; } - .sm\:hover\:text-purple-darker:hover { - color: #352465; + .sm\:hover\:bg-orange-light:hover { + background-color: #faad63; } - .sm\:hover\:text-purple-dark:hover { - color: #794acf; + .sm\:hover\:bg-orange-lighter:hover { + background-color: #fcd9b6; } - .sm\:hover\:text-purple:hover { - color: #9561e2; + .sm\:hover\:bg-orange-lightest:hover { + background-color: #fff5eb; } - .sm\:hover\:text-purple-light:hover { - color: #a779e9; + .sm\:hover\:bg-yellow-darkest:hover { + background-color: #453411; } - .sm\:hover\:text-purple-lighter:hover { - color: #d6bbfc; + .sm\:hover\:bg-yellow-darker:hover { + background-color: #684f1d; } - .sm\:hover\:text-purple-lightest:hover { - color: #f3ebff; + .sm\:hover\:bg-yellow-dark:hover { + background-color: #f2d024; } - .sm\:hover\:text-pink-darkest:hover { - color: #45051e; + .sm\:hover\:bg-yellow:hover { + background-color: #ffed4a; } - .sm\:hover\:text-pink-darker:hover { - color: #72173a; + .sm\:hover\:bg-yellow-light:hover { + background-color: #fff382; } - .sm\:hover\:text-pink-dark:hover { - color: #eb5286; + .sm\:hover\:bg-yellow-lighter:hover { + background-color: #fff9c2; } - .sm\:hover\:text-pink:hover { - color: #f66d9b; + .sm\:hover\:bg-yellow-lightest:hover { + background-color: #fcfbeb; } - .sm\:hover\:text-pink-light:hover { - color: #fa7ea8; + .sm\:hover\:bg-green-darkest:hover { + background-color: #032d19; } - .sm\:hover\:text-pink-lighter:hover { - color: #ffbbca; + .sm\:hover\:bg-green-darker:hover { + background-color: #0b4228; } - .sm\:hover\:text-pink-lightest:hover { - color: #ffebef; + .sm\:hover\:bg-green-dark:hover { + background-color: #1f9d55; } - .sm\:leading-none { - line-height: 1; + .sm\:hover\:bg-green:hover { + background-color: #38c172; } - .sm\:leading-tight { - line-height: 1.25; + .sm\:hover\:bg-green-light:hover { + background-color: #51d88a; } - .sm\:leading-normal { - line-height: 1.5; + .sm\:hover\:bg-green-lighter:hover { + background-color: #a2f5bf; } - .sm\:leading-loose { - line-height: 2; + .sm\:hover\:bg-green-lightest:hover { + background-color: #e3fcec; } - .sm\:tracking-tight { - letter-spacing: -0.05em; + .sm\:hover\:bg-teal-darkest:hover { + background-color: #0d3331; } - .sm\:tracking-normal { - letter-spacing: 0; + .sm\:hover\:bg-teal-darker:hover { + background-color: #174e4b; } - .sm\:tracking-wide { - letter-spacing: 0.05em; + .sm\:hover\:bg-teal-dark:hover { + background-color: #38a89d; } - .sm\:text-left { - text-align: left; + .sm\:hover\:bg-teal:hover { + background-color: #4dc0b5; } - .sm\:text-center { - text-align: center; + .sm\:hover\:bg-teal-light:hover { + background-color: #64d5ca; } - .sm\:text-right { - text-align: right; + .sm\:hover\:bg-teal-lighter:hover { + background-color: #a0f0ed; } - .sm\:text-justify { - text-align: justify; + .sm\:hover\:bg-teal-lightest:hover { + background-color: #e8fffe; } - .sm\:whitespace-normal { - white-space: normal; + .sm\:hover\:bg-blue-darkest:hover { + background-color: #05233b; } - .sm\:whitespace-no-wrap { - white-space: nowrap; + .sm\:hover\:bg-blue-darker:hover { + background-color: #103d60; } - .sm\:whitespace-pre { - white-space: pre; + .sm\:hover\:bg-blue-dark:hover { + background-color: #2779bd; } - .sm\:whitespace-pre-line { - white-space: pre-line; + .sm\:hover\:bg-blue:hover { + background-color: #3490dc; } - .sm\:whitespace-pre-wrap { - white-space: pre-wrap; + .sm\:hover\:bg-blue-light:hover { + background-color: #6cb2eb; } - .sm\:break-words { - word-wrap: break-word; + .sm\:hover\:bg-blue-lighter:hover { + background-color: #bcdefa; } - .sm\:break-normal { - word-wrap: normal; + .sm\:hover\:bg-blue-lightest:hover { + background-color: #eff8ff; } - .sm\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .sm\:hover\:bg-indigo-darkest:hover { + background-color: #191e38; } - .sm\:italic { - font-style: italic; + .sm\:hover\:bg-indigo-darker:hover { + background-color: #2f365f; } - .sm\:roman { - font-style: normal; + .sm\:hover\:bg-indigo-dark:hover { + background-color: #5661b3; } - .sm\:uppercase { - text-transform: uppercase; + .sm\:hover\:bg-indigo:hover { + background-color: #6574cd; } - .sm\:lowercase { - text-transform: lowercase; + .sm\:hover\:bg-indigo-light:hover { + background-color: #7886d7; } - .sm\:capitalize { - text-transform: capitalize; + .sm\:hover\:bg-indigo-lighter:hover { + background-color: #b2b7ff; } - .sm\:normal-case { - text-transform: none; + .sm\:hover\:bg-indigo-lightest:hover { + background-color: #e6e8ff; } - .sm\:underline { - text-decoration: underline; + .sm\:hover\:bg-purple-darkest:hover { + background-color: #1f133f; } - .sm\:line-through { - text-decoration: line-through; + .sm\:hover\:bg-purple-darker:hover { + background-color: #352465; } - .sm\:no-underline { - text-decoration: none; + .sm\:hover\:bg-purple-dark:hover { + background-color: #794acf; } - .sm\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .sm\:hover\:bg-purple:hover { + background-color: #9561e2; } - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .sm\:hover\:bg-purple-light:hover { + background-color: #a779e9; } - .sm\:hover\:italic:hover { - font-style: italic; + .sm\:hover\:bg-purple-lighter:hover { + background-color: #d6bbfc; } - .sm\:hover\:roman:hover { - font-style: normal; + .sm\:hover\:bg-purple-lightest:hover { + background-color: #f3ebff; } - .sm\:hover\:uppercase:hover { - text-transform: uppercase; + .sm\:hover\:bg-pink-darkest:hover { + background-color: #45051e; } - .sm\:hover\:lowercase:hover { - text-transform: lowercase; + .sm\:hover\:bg-pink-darker:hover { + background-color: #72173a; } - .sm\:hover\:capitalize:hover { - text-transform: capitalize; + .sm\:hover\:bg-pink-dark:hover { + background-color: #eb5286; } - .sm\:hover\:normal-case:hover { - text-transform: none; + .sm\:hover\:bg-pink:hover { + background-color: #f66d9b; } - .sm\:hover\:underline:hover { - text-decoration: underline; + .sm\:hover\:bg-pink-light:hover { + background-color: #fa7ea8; } - .sm\:hover\:line-through:hover { - text-decoration: line-through; + .sm\:hover\:bg-pink-lighter:hover { + background-color: #ffbbca; } - .sm\:hover\:no-underline:hover { - text-decoration: none; + .sm\:hover\:bg-pink-lightest:hover { + background-color: #ffebef; } - .sm\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .sm\:bg-bottom { + background-position: bottom; } - .sm\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .sm\:bg-center { + background-position: center; } - .sm\:align-baseline { - vertical-align: baseline; + .sm\:bg-left { + background-position: left; } - .sm\:align-top { - vertical-align: top; + .sm\:bg-left-bottom { + background-position: left bottom; } - .sm\:align-middle { - vertical-align: middle; + .sm\:bg-left-top { + background-position: left top; } - .sm\:align-bottom { - vertical-align: bottom; + .sm\:bg-right { + background-position: right; } - .sm\:align-text-top { - vertical-align: text-top; + .sm\:bg-right-bottom { + background-position: right bottom; } - .sm\:align-text-bottom { - vertical-align: text-bottom; + .sm\:bg-right-top { + background-position: right top; } - .sm\:bg-transparent { - background-color: transparent; + .sm\:bg-top { + background-position: top; } - .sm\:bg-black { - background-color: #222b2f; + .sm\:bg-cover { + background-size: cover; } - .sm\:bg-grey-darkest { - background-color: #364349; + .sm\:bg-contain { + background-size: contain; } - .sm\:bg-grey-darker { - background-color: #596a73; + .sm\:border-transparent { + border-color: transparent; } - .sm\:bg-grey-dark { - background-color: #70818a; + .sm\:border-black { + border-color: #222b2f; } - .sm\:bg-grey { - background-color: #9babb4; + .sm\:border-grey-darkest { + border-color: #364349; } - .sm\:bg-grey-light { - background-color: #dae4e9; + .sm\:border-grey-darker { + border-color: #596a73; } - .sm\:bg-grey-lighter { - background-color: #f3f7f9; + .sm\:border-grey-dark { + border-color: #70818a; } - .sm\:bg-grey-lightest { - background-color: #fafcfc; + .sm\:border-grey { + border-color: #9babb4; } - .sm\:bg-white { - background-color: #ffffff; + .sm\:border-grey-light { + border-color: #dae4e9; } - .sm\:bg-red-darkest { - background-color: #420806; + .sm\:border-grey-lighter { + border-color: #f3f7f9; } - .sm\:bg-red-darker { - background-color: #6a1b19; + .sm\:border-grey-lightest { + border-color: #fafcfc; } - .sm\:bg-red-dark { - background-color: #cc1f1a; + .sm\:border-white { + border-color: #ffffff; } - .sm\:bg-red { - background-color: #e3342f; + .sm\:border-red-darkest { + border-color: #420806; } - .sm\:bg-red-light { - background-color: #ef5753; + .sm\:border-red-darker { + border-color: #6a1b19; } - .sm\:bg-red-lighter { - background-color: #f9acaa; + .sm\:border-red-dark { + border-color: #cc1f1a; } - .sm\:bg-red-lightest { - background-color: #fcebea; + .sm\:border-red { + border-color: #e3342f; } - .sm\:bg-orange-darkest { - background-color: #542605; + .sm\:border-red-light { + border-color: #ef5753; } - .sm\:bg-orange-darker { - background-color: #7f4012; + .sm\:border-red-lighter { + border-color: #f9acaa; } - .sm\:bg-orange-dark { - background-color: #de751f; + .sm\:border-red-lightest { + border-color: #fcebea; } - .sm\:bg-orange { - background-color: #f6993f; + .sm\:border-orange-darkest { + border-color: #542605; } - .sm\:bg-orange-light { - background-color: #faad63; + .sm\:border-orange-darker { + border-color: #7f4012; } - .sm\:bg-orange-lighter { - background-color: #fcd9b6; + .sm\:border-orange-dark { + border-color: #de751f; } - .sm\:bg-orange-lightest { - background-color: #fff5eb; + .sm\:border-orange { + border-color: #f6993f; } - .sm\:bg-yellow-darkest { - background-color: #453411; + .sm\:border-orange-light { + border-color: #faad63; } - .sm\:bg-yellow-darker { - background-color: #684f1d; + .sm\:border-orange-lighter { + border-color: #fcd9b6; } - .sm\:bg-yellow-dark { - background-color: #f2d024; + .sm\:border-orange-lightest { + border-color: #fff5eb; } - .sm\:bg-yellow { - background-color: #ffed4a; + .sm\:border-yellow-darkest { + border-color: #453411; } - .sm\:bg-yellow-light { - background-color: #fff382; + .sm\:border-yellow-darker { + border-color: #684f1d; } - .sm\:bg-yellow-lighter { - background-color: #fff9c2; + .sm\:border-yellow-dark { + border-color: #f2d024; } - .sm\:bg-yellow-lightest { - background-color: #fcfbeb; + .sm\:border-yellow { + border-color: #ffed4a; } - .sm\:bg-green-darkest { - background-color: #032d19; + .sm\:border-yellow-light { + border-color: #fff382; } - .sm\:bg-green-darker { - background-color: #0b4228; + .sm\:border-yellow-lighter { + border-color: #fff9c2; } - .sm\:bg-green-dark { - background-color: #1f9d55; + .sm\:border-yellow-lightest { + border-color: #fcfbeb; } - .sm\:bg-green { - background-color: #38c172; + .sm\:border-green-darkest { + border-color: #032d19; } - .sm\:bg-green-light { - background-color: #51d88a; + .sm\:border-green-darker { + border-color: #0b4228; } - .sm\:bg-green-lighter { - background-color: #a2f5bf; + .sm\:border-green-dark { + border-color: #1f9d55; } - .sm\:bg-green-lightest { - background-color: #e3fcec; + .sm\:border-green { + border-color: #38c172; } - .sm\:bg-teal-darkest { - background-color: #0d3331; + .sm\:border-green-light { + border-color: #51d88a; } - .sm\:bg-teal-darker { - background-color: #174e4b; + .sm\:border-green-lighter { + border-color: #a2f5bf; } - .sm\:bg-teal-dark { - background-color: #38a89d; + .sm\:border-green-lightest { + border-color: #e3fcec; } - .sm\:bg-teal { - background-color: #4dc0b5; + .sm\:border-teal-darkest { + border-color: #0d3331; } - .sm\:bg-teal-light { - background-color: #64d5ca; + .sm\:border-teal-darker { + border-color: #174e4b; } - .sm\:bg-teal-lighter { - background-color: #a0f0ed; + .sm\:border-teal-dark { + border-color: #38a89d; } - .sm\:bg-teal-lightest { - background-color: #e8fffe; + .sm\:border-teal { + border-color: #4dc0b5; } - .sm\:bg-blue-darkest { - background-color: #05233b; + .sm\:border-teal-light { + border-color: #64d5ca; } - .sm\:bg-blue-darker { - background-color: #103d60; + .sm\:border-teal-lighter { + border-color: #a0f0ed; } - .sm\:bg-blue-dark { - background-color: #2779bd; + .sm\:border-teal-lightest { + border-color: #e8fffe; } - .sm\:bg-blue { - background-color: #3490dc; + .sm\:border-blue-darkest { + border-color: #05233b; } - .sm\:bg-blue-light { - background-color: #6cb2eb; + .sm\:border-blue-darker { + border-color: #103d60; } - .sm\:bg-blue-lighter { - background-color: #bcdefa; + .sm\:border-blue-dark { + border-color: #2779bd; } - .sm\:bg-blue-lightest { - background-color: #eff8ff; + .sm\:border-blue { + border-color: #3490dc; } - .sm\:bg-indigo-darkest { - background-color: #191e38; + .sm\:border-blue-light { + border-color: #6cb2eb; } - .sm\:bg-indigo-darker { - background-color: #2f365f; + .sm\:border-blue-lighter { + border-color: #bcdefa; } - .sm\:bg-indigo-dark { - background-color: #5661b3; + .sm\:border-blue-lightest { + border-color: #eff8ff; } - .sm\:bg-indigo { - background-color: #6574cd; + .sm\:border-indigo-darkest { + border-color: #191e38; } - .sm\:bg-indigo-light { - background-color: #7886d7; + .sm\:border-indigo-darker { + border-color: #2f365f; } - .sm\:bg-indigo-lighter { - background-color: #b2b7ff; + .sm\:border-indigo-dark { + border-color: #5661b3; } - .sm\:bg-indigo-lightest { - background-color: #e6e8ff; + .sm\:border-indigo { + border-color: #6574cd; } - .sm\:bg-purple-darkest { - background-color: #1f133f; + .sm\:border-indigo-light { + border-color: #7886d7; } - .sm\:bg-purple-darker { - background-color: #352465; + .sm\:border-indigo-lighter { + border-color: #b2b7ff; } - .sm\:bg-purple-dark { - background-color: #794acf; + .sm\:border-indigo-lightest { + border-color: #e6e8ff; } - .sm\:bg-purple { - background-color: #9561e2; + .sm\:border-purple-darkest { + border-color: #1f133f; } - .sm\:bg-purple-light { - background-color: #a779e9; + .sm\:border-purple-darker { + border-color: #352465; } - .sm\:bg-purple-lighter { - background-color: #d6bbfc; + .sm\:border-purple-dark { + border-color: #794acf; } - .sm\:bg-purple-lightest { - background-color: #f3ebff; + .sm\:border-purple { + border-color: #9561e2; } - .sm\:bg-pink-darkest { - background-color: #45051e; + .sm\:border-purple-light { + border-color: #a779e9; } - .sm\:bg-pink-darker { - background-color: #72173a; + .sm\:border-purple-lighter { + border-color: #d6bbfc; } - .sm\:bg-pink-dark { - background-color: #eb5286; + .sm\:border-purple-lightest { + border-color: #f3ebff; } - .sm\:bg-pink { - background-color: #f66d9b; + .sm\:border-pink-darkest { + border-color: #45051e; } - .sm\:bg-pink-light { - background-color: #fa7ea8; + .sm\:border-pink-darker { + border-color: #72173a; } - .sm\:bg-pink-lighter { - background-color: #ffbbca; + .sm\:border-pink-dark { + border-color: #eb5286; } - .sm\:bg-pink-lightest { - background-color: #ffebef; + .sm\:border-pink { + border-color: #f66d9b; } - .sm\:hover\:bg-transparent:hover { - background-color: transparent; + .sm\:border-pink-light { + border-color: #fa7ea8; } - .sm\:hover\:bg-black:hover { - background-color: #222b2f; + .sm\:border-pink-lighter { + border-color: #ffbbca; } - .sm\:hover\:bg-grey-darkest:hover { - background-color: #364349; + .sm\:border-pink-lightest { + border-color: #ffebef; } - .sm\:hover\:bg-grey-darker:hover { - background-color: #596a73; + .sm\:hover\:border-transparent:hover { + border-color: transparent; } - .sm\:hover\:bg-grey-dark:hover { - background-color: #70818a; + .sm\:hover\:border-black:hover { + border-color: #222b2f; } - .sm\:hover\:bg-grey:hover { - background-color: #9babb4; + .sm\:hover\:border-grey-darkest:hover { + border-color: #364349; } - .sm\:hover\:bg-grey-light:hover { - background-color: #dae4e9; + .sm\:hover\:border-grey-darker:hover { + border-color: #596a73; } - .sm\:hover\:bg-grey-lighter:hover { - background-color: #f3f7f9; + .sm\:hover\:border-grey-dark:hover { + border-color: #70818a; } - .sm\:hover\:bg-grey-lightest:hover { - background-color: #fafcfc; + .sm\:hover\:border-grey:hover { + border-color: #9babb4; } - .sm\:hover\:bg-white:hover { - background-color: #ffffff; + .sm\:hover\:border-grey-light:hover { + border-color: #dae4e9; } - .sm\:hover\:bg-red-darkest:hover { - background-color: #420806; + .sm\:hover\:border-grey-lighter:hover { + border-color: #f3f7f9; } - .sm\:hover\:bg-red-darker:hover { - background-color: #6a1b19; + .sm\:hover\:border-grey-lightest:hover { + border-color: #fafcfc; } - .sm\:hover\:bg-red-dark:hover { - background-color: #cc1f1a; + .sm\:hover\:border-white:hover { + border-color: #ffffff; } - .sm\:hover\:bg-red:hover { - background-color: #e3342f; + .sm\:hover\:border-red-darkest:hover { + border-color: #420806; } - .sm\:hover\:bg-red-light:hover { - background-color: #ef5753; + .sm\:hover\:border-red-darker:hover { + border-color: #6a1b19; } - .sm\:hover\:bg-red-lighter:hover { - background-color: #f9acaa; + .sm\:hover\:border-red-dark:hover { + border-color: #cc1f1a; } - .sm\:hover\:bg-red-lightest:hover { - background-color: #fcebea; + .sm\:hover\:border-red:hover { + border-color: #e3342f; } - .sm\:hover\:bg-orange-darkest:hover { - background-color: #542605; + .sm\:hover\:border-red-light:hover { + border-color: #ef5753; } - .sm\:hover\:bg-orange-darker:hover { - background-color: #7f4012; + .sm\:hover\:border-red-lighter:hover { + border-color: #f9acaa; } - .sm\:hover\:bg-orange-dark:hover { - background-color: #de751f; + .sm\:hover\:border-red-lightest:hover { + border-color: #fcebea; } - .sm\:hover\:bg-orange:hover { - background-color: #f6993f; + .sm\:hover\:border-orange-darkest:hover { + border-color: #542605; } - .sm\:hover\:bg-orange-light:hover { - background-color: #faad63; + .sm\:hover\:border-orange-darker:hover { + border-color: #7f4012; } - .sm\:hover\:bg-orange-lighter:hover { - background-color: #fcd9b6; + .sm\:hover\:border-orange-dark:hover { + border-color: #de751f; } - .sm\:hover\:bg-orange-lightest:hover { - background-color: #fff5eb; + .sm\:hover\:border-orange:hover { + border-color: #f6993f; } - .sm\:hover\:bg-yellow-darkest:hover { - background-color: #453411; + .sm\:hover\:border-orange-light:hover { + border-color: #faad63; } - .sm\:hover\:bg-yellow-darker:hover { - background-color: #684f1d; + .sm\:hover\:border-orange-lighter:hover { + border-color: #fcd9b6; } - .sm\:hover\:bg-yellow-dark:hover { - background-color: #f2d024; + .sm\:hover\:border-orange-lightest:hover { + border-color: #fff5eb; } - .sm\:hover\:bg-yellow:hover { - background-color: #ffed4a; + .sm\:hover\:border-yellow-darkest:hover { + border-color: #453411; } - .sm\:hover\:bg-yellow-light:hover { - background-color: #fff382; + .sm\:hover\:border-yellow-darker:hover { + border-color: #684f1d; } - .sm\:hover\:bg-yellow-lighter:hover { - background-color: #fff9c2; + .sm\:hover\:border-yellow-dark:hover { + border-color: #f2d024; } - .sm\:hover\:bg-yellow-lightest:hover { - background-color: #fcfbeb; + .sm\:hover\:border-yellow:hover { + border-color: #ffed4a; } - .sm\:hover\:bg-green-darkest:hover { - background-color: #032d19; + .sm\:hover\:border-yellow-light:hover { + border-color: #fff382; } - .sm\:hover\:bg-green-darker:hover { - background-color: #0b4228; + .sm\:hover\:border-yellow-lighter:hover { + border-color: #fff9c2; } - .sm\:hover\:bg-green-dark:hover { - background-color: #1f9d55; + .sm\:hover\:border-yellow-lightest:hover { + border-color: #fcfbeb; } - .sm\:hover\:bg-green:hover { - background-color: #38c172; + .sm\:hover\:border-green-darkest:hover { + border-color: #032d19; } - .sm\:hover\:bg-green-light:hover { - background-color: #51d88a; + .sm\:hover\:border-green-darker:hover { + border-color: #0b4228; } - .sm\:hover\:bg-green-lighter:hover { - background-color: #a2f5bf; + .sm\:hover\:border-green-dark:hover { + border-color: #1f9d55; } - .sm\:hover\:bg-green-lightest:hover { - background-color: #e3fcec; + .sm\:hover\:border-green:hover { + border-color: #38c172; } - .sm\:hover\:bg-teal-darkest:hover { - background-color: #0d3331; + .sm\:hover\:border-green-light:hover { + border-color: #51d88a; } - .sm\:hover\:bg-teal-darker:hover { - background-color: #174e4b; + .sm\:hover\:border-green-lighter:hover { + border-color: #a2f5bf; } - .sm\:hover\:bg-teal-dark:hover { - background-color: #38a89d; + .sm\:hover\:border-green-lightest:hover { + border-color: #e3fcec; } - .sm\:hover\:bg-teal:hover { - background-color: #4dc0b5; + .sm\:hover\:border-teal-darkest:hover { + border-color: #0d3331; } - .sm\:hover\:bg-teal-light:hover { - background-color: #64d5ca; + .sm\:hover\:border-teal-darker:hover { + border-color: #174e4b; } - .sm\:hover\:bg-teal-lighter:hover { - background-color: #a0f0ed; + .sm\:hover\:border-teal-dark:hover { + border-color: #38a89d; } - .sm\:hover\:bg-teal-lightest:hover { - background-color: #e8fffe; + .sm\:hover\:border-teal:hover { + border-color: #4dc0b5; } - .sm\:hover\:bg-blue-darkest:hover { - background-color: #05233b; + .sm\:hover\:border-teal-light:hover { + border-color: #64d5ca; } - .sm\:hover\:bg-blue-darker:hover { - background-color: #103d60; + .sm\:hover\:border-teal-lighter:hover { + border-color: #a0f0ed; } - .sm\:hover\:bg-blue-dark:hover { - background-color: #2779bd; + .sm\:hover\:border-teal-lightest:hover { + border-color: #e8fffe; } - .sm\:hover\:bg-blue:hover { - background-color: #3490dc; + .sm\:hover\:border-blue-darkest:hover { + border-color: #05233b; } - .sm\:hover\:bg-blue-light:hover { - background-color: #6cb2eb; + .sm\:hover\:border-blue-darker:hover { + border-color: #103d60; } - .sm\:hover\:bg-blue-lighter:hover { - background-color: #bcdefa; + .sm\:hover\:border-blue-dark:hover { + border-color: #2779bd; } - .sm\:hover\:bg-blue-lightest:hover { - background-color: #eff8ff; + .sm\:hover\:border-blue:hover { + border-color: #3490dc; } - .sm\:hover\:bg-indigo-darkest:hover { - background-color: #191e38; + .sm\:hover\:border-blue-light:hover { + border-color: #6cb2eb; } - .sm\:hover\:bg-indigo-darker:hover { - background-color: #2f365f; + .sm\:hover\:border-blue-lighter:hover { + border-color: #bcdefa; } - .sm\:hover\:bg-indigo-dark:hover { - background-color: #5661b3; + .sm\:hover\:border-blue-lightest:hover { + border-color: #eff8ff; } - .sm\:hover\:bg-indigo:hover { - background-color: #6574cd; + .sm\:hover\:border-indigo-darkest:hover { + border-color: #191e38; } - .sm\:hover\:bg-indigo-light:hover { - background-color: #7886d7; + .sm\:hover\:border-indigo-darker:hover { + border-color: #2f365f; } - .sm\:hover\:bg-indigo-lighter:hover { - background-color: #b2b7ff; + .sm\:hover\:border-indigo-dark:hover { + border-color: #5661b3; } - .sm\:hover\:bg-indigo-lightest:hover { - background-color: #e6e8ff; + .sm\:hover\:border-indigo:hover { + border-color: #6574cd; } - .sm\:hover\:bg-purple-darkest:hover { - background-color: #1f133f; + .sm\:hover\:border-indigo-light:hover { + border-color: #7886d7; } - .sm\:hover\:bg-purple-darker:hover { - background-color: #352465; + .sm\:hover\:border-indigo-lighter:hover { + border-color: #b2b7ff; } - .sm\:hover\:bg-purple-dark:hover { - background-color: #794acf; + .sm\:hover\:border-indigo-lightest:hover { + border-color: #e6e8ff; } - .sm\:hover\:bg-purple:hover { - background-color: #9561e2; + .sm\:hover\:border-purple-darkest:hover { + border-color: #1f133f; } - .sm\:hover\:bg-purple-light:hover { - background-color: #a779e9; + .sm\:hover\:border-purple-darker:hover { + border-color: #352465; } - .sm\:hover\:bg-purple-lighter:hover { - background-color: #d6bbfc; + .sm\:hover\:border-purple-dark:hover { + border-color: #794acf; } - .sm\:hover\:bg-purple-lightest:hover { - background-color: #f3ebff; + .sm\:hover\:border-purple:hover { + border-color: #9561e2; } - .sm\:hover\:bg-pink-darkest:hover { - background-color: #45051e; + .sm\:hover\:border-purple-light:hover { + border-color: #a779e9; } - .sm\:hover\:bg-pink-darker:hover { - background-color: #72173a; + .sm\:hover\:border-purple-lighter:hover { + border-color: #d6bbfc; } - .sm\:hover\:bg-pink-dark:hover { - background-color: #eb5286; + .sm\:hover\:border-purple-lightest:hover { + border-color: #f3ebff; } - .sm\:hover\:bg-pink:hover { - background-color: #f66d9b; + .sm\:hover\:border-pink-darkest:hover { + border-color: #45051e; } - .sm\:hover\:bg-pink-light:hover { - background-color: #fa7ea8; + .sm\:hover\:border-pink-darker:hover { + border-color: #72173a; } - .sm\:hover\:bg-pink-lighter:hover { - background-color: #ffbbca; + .sm\:hover\:border-pink-dark:hover { + border-color: #eb5286; } - .sm\:hover\:bg-pink-lightest:hover { - background-color: #ffebef; + .sm\:hover\:border-pink:hover { + border-color: #f66d9b; } - .sm\:bg-bottom { - background-position: bottom; + .sm\:hover\:border-pink-light:hover { + border-color: #fa7ea8; } - .sm\:bg-center { - background-position: center; + .sm\:hover\:border-pink-lighter:hover { + border-color: #ffbbca; } - .sm\:bg-left { - background-position: left; + .sm\:hover\:border-pink-lightest:hover { + border-color: #ffebef; } - .sm\:bg-left-bottom { - background-position: left bottom; + .sm\:rounded-none { + border-radius: 0; } - .sm\:bg-left-top { - background-position: left top; + .sm\:rounded-sm { + border-radius: .125rem; } - .sm\:bg-right { - background-position: right; + .sm\:rounded { + border-radius: .25rem; } - .sm\:bg-right-bottom { - background-position: right bottom; + .sm\:rounded-lg { + border-radius: .5rem; } - .sm\:bg-right-top { - background-position: right top; + .sm\:rounded-full { + border-radius: 9999px; } - .sm\:bg-top { - background-position: top; + .sm\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .sm\:bg-cover { - background-size: cover; + .sm\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .sm\:bg-contain { - background-size: contain; + .sm\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .sm\:border-0 { - border-width: 0; + .sm\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .sm\:border-2 { - border-width: 2px; + .sm\:rounded-t-sm { + border-top-left-radius: .125rem; + border-top-right-radius: .125rem; } - .sm\:border-4 { - border-width: 4px; + .sm\:rounded-r-sm { + border-top-right-radius: .125rem; + border-bottom-right-radius: .125rem; } - .sm\:border-8 { - border-width: 8px; + .sm\:rounded-b-sm { + border-bottom-right-radius: .125rem; + border-bottom-left-radius: .125rem; } - .sm\:border { - border-width: 1px; + .sm\:rounded-l-sm { + border-top-left-radius: .125rem; + border-bottom-left-radius: .125rem; } - .sm\:border-t-0 { - border-top-width: 0; + .sm\:rounded-t { + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; } - .sm\:border-r-0 { - border-right-width: 0; + .sm\:rounded-r { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; } - .sm\:border-b-0 { - border-bottom-width: 0; + .sm\:rounded-b { + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; } - .sm\:border-l-0 { - border-left-width: 0; + .sm\:rounded-l { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; } - .sm\:border-t-2 { - border-top-width: 2px; + .sm\:rounded-t-lg { + border-top-left-radius: .5rem; + border-top-right-radius: .5rem; } - .sm\:border-r-2 { - border-right-width: 2px; + .sm\:rounded-r-lg { + border-top-right-radius: .5rem; + border-bottom-right-radius: .5rem; } - .sm\:border-b-2 { - border-bottom-width: 2px; + .sm\:rounded-b-lg { + border-bottom-right-radius: .5rem; + border-bottom-left-radius: .5rem; } - .sm\:border-l-2 { - border-left-width: 2px; + .sm\:rounded-l-lg { + border-top-left-radius: .5rem; + border-bottom-left-radius: .5rem; } - .sm\:border-t-4 { - border-top-width: 4px; + .sm\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .sm\:border-r-4 { - border-right-width: 4px; + .sm\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .sm\:border-b-4 { - border-bottom-width: 4px; + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .sm\:border-l-4 { - border-left-width: 4px; + .sm\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .sm\:border-t-8 { - border-top-width: 8px; + .sm\:rounded-tl-none { + border-top-left-radius: 0; } - .sm\:border-r-8 { - border-right-width: 8px; + .sm\:rounded-tr-none { + border-top-right-radius: 0; } - .sm\:border-b-8 { - border-bottom-width: 8px; + .sm\:rounded-br-none { + border-bottom-right-radius: 0; } - .sm\:border-l-8 { - border-left-width: 8px; + .sm\:rounded-bl-none { + border-bottom-left-radius: 0; } - .sm\:border-t { - border-top-width: 1px; + .sm\:rounded-tl-sm { + border-top-left-radius: .125rem; } - .sm\:border-r { - border-right-width: 1px; + .sm\:rounded-tr-sm { + border-top-right-radius: .125rem; } - .sm\:border-b { - border-bottom-width: 1px; + .sm\:rounded-br-sm { + border-bottom-right-radius: .125rem; } - .sm\:border-l { - border-left-width: 1px; + .sm\:rounded-bl-sm { + border-bottom-left-radius: .125rem; } - .sm\:border-transparent { - border-color: transparent; + .sm\:rounded-tl { + border-top-left-radius: .25rem; } - .sm\:border-black { - border-color: #222b2f; + .sm\:rounded-tr { + border-top-right-radius: .25rem; } - .sm\:border-grey-darkest { - border-color: #364349; + .sm\:rounded-br { + border-bottom-right-radius: .25rem; } - .sm\:border-grey-darker { - border-color: #596a73; + .sm\:rounded-bl { + border-bottom-left-radius: .25rem; } - .sm\:border-grey-dark { - border-color: #70818a; + .sm\:rounded-tl-lg { + border-top-left-radius: .5rem; } - .sm\:border-grey { - border-color: #9babb4; + .sm\:rounded-tr-lg { + border-top-right-radius: .5rem; } - .sm\:border-grey-light { - border-color: #dae4e9; + .sm\:rounded-br-lg { + border-bottom-right-radius: .5rem; } - .sm\:border-grey-lighter { - border-color: #f3f7f9; + .sm\:rounded-bl-lg { + border-bottom-left-radius: .5rem; } - .sm\:border-grey-lightest { - border-color: #fafcfc; + .sm\:rounded-tl-full { + border-top-left-radius: 9999px; } - .sm\:border-white { - border-color: #ffffff; + .sm\:rounded-tr-full { + border-top-right-radius: 9999px; } - .sm\:border-red-darkest { - border-color: #420806; + .sm\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .sm\:border-red-darker { - border-color: #6a1b19; + .sm\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .sm\:border-red-dark { - border-color: #cc1f1a; + .sm\:border-solid { + border-style: solid; } - .sm\:border-red { - border-color: #e3342f; + .sm\:border-dashed { + border-style: dashed; } - .sm\:border-red-light { - border-color: #ef5753; + .sm\:border-dotted { + border-style: dotted; } - .sm\:border-red-lighter { - border-color: #f9acaa; + .sm\:border-none { + border-style: none; } - .sm\:border-red-lightest { - border-color: #fcebea; + .sm\:border-0 { + border-width: 0; } - .sm\:border-orange-darkest { - border-color: #542605; + .sm\:border-2 { + border-width: 2px; } - .sm\:border-orange-darker { - border-color: #7f4012; + .sm\:border-4 { + border-width: 4px; } - .sm\:border-orange-dark { - border-color: #de751f; + .sm\:border-8 { + border-width: 8px; } - .sm\:border-orange { - border-color: #f6993f; + .sm\:border { + border-width: 1px; } - .sm\:border-orange-light { - border-color: #faad63; + .sm\:border-t-0 { + border-top-width: 0; } - .sm\:border-orange-lighter { - border-color: #fcd9b6; + .sm\:border-r-0 { + border-right-width: 0; } - .sm\:border-orange-lightest { - border-color: #fff5eb; + .sm\:border-b-0 { + border-bottom-width: 0; } - .sm\:border-yellow-darkest { - border-color: #453411; + .sm\:border-l-0 { + border-left-width: 0; } - .sm\:border-yellow-darker { - border-color: #684f1d; + .sm\:border-t-2 { + border-top-width: 2px; } - .sm\:border-yellow-dark { - border-color: #f2d024; + .sm\:border-r-2 { + border-right-width: 2px; } - .sm\:border-yellow { - border-color: #ffed4a; + .sm\:border-b-2 { + border-bottom-width: 2px; } - .sm\:border-yellow-light { - border-color: #fff382; + .sm\:border-l-2 { + border-left-width: 2px; } - .sm\:border-yellow-lighter { - border-color: #fff9c2; + .sm\:border-t-4 { + border-top-width: 4px; } - .sm\:border-yellow-lightest { - border-color: #fcfbeb; + .sm\:border-r-4 { + border-right-width: 4px; } - .sm\:border-green-darkest { - border-color: #032d19; + .sm\:border-b-4 { + border-bottom-width: 4px; } - .sm\:border-green-darker { - border-color: #0b4228; + .sm\:border-l-4 { + border-left-width: 4px; } - .sm\:border-green-dark { - border-color: #1f9d55; + .sm\:border-t-8 { + border-top-width: 8px; } - .sm\:border-green { - border-color: #38c172; + .sm\:border-r-8 { + border-right-width: 8px; } - .sm\:border-green-light { - border-color: #51d88a; + .sm\:border-b-8 { + border-bottom-width: 8px; } - .sm\:border-green-lighter { - border-color: #a2f5bf; + .sm\:border-l-8 { + border-left-width: 8px; } - .sm\:border-green-lightest { - border-color: #e3fcec; + .sm\:border-t { + border-top-width: 1px; } - .sm\:border-teal-darkest { - border-color: #0d3331; + .sm\:border-r { + border-right-width: 1px; } - .sm\:border-teal-darker { - border-color: #174e4b; + .sm\:border-b { + border-bottom-width: 1px; } - .sm\:border-teal-dark { - border-color: #38a89d; + .sm\:border-l { + border-left-width: 1px; } - .sm\:border-teal { - border-color: #4dc0b5; + .sm\:cursor-auto { + cursor: auto; } - .sm\:border-teal-light { - border-color: #64d5ca; + .sm\:cursor-default { + cursor: default; } - .sm\:border-teal-lighter { - border-color: #a0f0ed; + .sm\:cursor-pointer { + cursor: pointer; } - .sm\:border-teal-lightest { - border-color: #e8fffe; + .sm\:cursor-not-allowed { + cursor: not-allowed; } - .sm\:border-blue-darkest { - border-color: #05233b; + .sm\:block { + display: block; } - .sm\:border-blue-darker { - border-color: #103d60; + .sm\:inline-block { + display: inline-block; } - .sm\:border-blue-dark { - border-color: #2779bd; + .sm\:inline { + display: inline; } - .sm\:border-blue { - border-color: #3490dc; + .sm\:table { + display: table; } - .sm\:border-blue-light { - border-color: #6cb2eb; + .sm\:table-row { + display: table-row; } - .sm\:border-blue-lighter { - border-color: #bcdefa; + .sm\:table-cell { + display: table-cell; } - .sm\:border-blue-lightest { - border-color: #eff8ff; + .sm\:hidden { + display: none; } - .sm\:border-indigo-darkest { - border-color: #191e38; + .sm\:flex { + display: flex; } - .sm\:border-indigo-darker { - border-color: #2f365f; + .sm\:inline-flex { + display: inline-flex; } - .sm\:border-indigo-dark { - border-color: #5661b3; + .sm\:flex-row { + flex-direction: row; } - .sm\:border-indigo { - border-color: #6574cd; + .sm\:flex-row-reverse { + flex-direction: row-reverse; } - .sm\:border-indigo-light { - border-color: #7886d7; + .sm\:flex-col { + flex-direction: column; } - .sm\:border-indigo-lighter { - border-color: #b2b7ff; + .sm\:flex-col-reverse { + flex-direction: column-reverse; } - .sm\:border-indigo-lightest { - border-color: #e6e8ff; + .sm\:flex-wrap { + flex-wrap: wrap; } - .sm\:border-purple-darkest { - border-color: #1f133f; + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .sm\:border-purple-darker { - border-color: #352465; + .sm\:flex-no-wrap { + flex-wrap: nowrap; } - .sm\:border-purple-dark { - border-color: #794acf; + .sm\:items-start { + align-items: flex-start; } - .sm\:border-purple { - border-color: #9561e2; + .sm\:items-end { + align-items: flex-end; } - .sm\:border-purple-light { - border-color: #a779e9; + .sm\:items-center { + align-items: center; } - .sm\:border-purple-lighter { - border-color: #d6bbfc; + .sm\:items-baseline { + align-items: baseline; } - .sm\:border-purple-lightest { - border-color: #f3ebff; + .sm\:items-stretch { + align-items: stretch; } - .sm\:border-pink-darkest { - border-color: #45051e; + .sm\:self-auto { + align-self: auto; } - .sm\:border-pink-darker { - border-color: #72173a; + .sm\:self-start { + align-self: flex-start; } - .sm\:border-pink-dark { - border-color: #eb5286; + .sm\:self-end { + align-self: flex-end; } - .sm\:border-pink { - border-color: #f66d9b; + .sm\:self-center { + align-self: center; } - .sm\:border-pink-light { - border-color: #fa7ea8; + .sm\:self-stretch { + align-self: stretch; } - .sm\:border-pink-lighter { - border-color: #ffbbca; + .sm\:justify-start { + justify-content: flex-start; } - .sm\:border-pink-lightest { - border-color: #ffebef; + .sm\:justify-end { + justify-content: flex-end; } - .sm\:hover\:border-transparent:hover { - border-color: transparent; + .sm\:justify-center { + justify-content: center; } - .sm\:hover\:border-black:hover { - border-color: #222b2f; + .sm\:justify-between { + justify-content: space-between; } - .sm\:hover\:border-grey-darkest:hover { - border-color: #364349; + .sm\:justify-around { + justify-content: space-around; } - .sm\:hover\:border-grey-darker:hover { - border-color: #596a73; + .sm\:content-center { + align-content: center; } - .sm\:hover\:border-grey-dark:hover { - border-color: #70818a; + .sm\:content-start { + align-content: flex-start; } - .sm\:hover\:border-grey:hover { - border-color: #9babb4; + .sm\:content-end { + align-content: flex-end; } - .sm\:hover\:border-grey-light:hover { - border-color: #dae4e9; + .sm\:content-between { + align-content: space-between; } - .sm\:hover\:border-grey-lighter:hover { - border-color: #f3f7f9; + .sm\:content-around { + align-content: space-around; } - .sm\:hover\:border-grey-lightest:hover { - border-color: #fafcfc; + .sm\:flex-1 { + flex: 1; } - .sm\:hover\:border-white:hover { - border-color: #ffffff; + .sm\:flex-auto { + flex: auto; } - .sm\:hover\:border-red-darkest:hover { - border-color: #420806; + .sm\:flex-initial { + flex: initial; } - .sm\:hover\:border-red-darker:hover { - border-color: #6a1b19; + .sm\:flex-none { + flex: none; } - .sm\:hover\:border-red-dark:hover { - border-color: #cc1f1a; + .sm\:flex-grow { + flex-grow: 1; } - .sm\:hover\:border-red:hover { - border-color: #e3342f; + .sm\:flex-shrink { + flex-shrink: 1; } - .sm\:hover\:border-red-light:hover { - border-color: #ef5753; + .sm\:flex-no-grow { + flex-grow: 0; } - .sm\:hover\:border-red-lighter:hover { - border-color: #f9acaa; + .sm\:flex-no-shrink { + flex-shrink: 0; } - .sm\:hover\:border-red-lightest:hover { - border-color: #fcebea; + .sm\:float-right { + float: right; } - .sm\:hover\:border-orange-darkest:hover { - border-color: #542605; + .sm\:float-left { + float: left; } - .sm\:hover\:border-orange-darker:hover { - border-color: #7f4012; + .sm\:float-none { + float: none; } - .sm\:hover\:border-orange-dark:hover { - border-color: #de751f; + .sm\:clearfix:after { + content: ""; + display: table; + clear: both; } - .sm\:hover\:border-orange:hover { - border-color: #f6993f; + .sm\:font-sans { + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } - .sm\:hover\:border-orange-light:hover { - border-color: #faad63; + .sm\:font-serif { + font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; } - .sm\:hover\:border-orange-lighter:hover { - border-color: #fcd9b6; + .sm\:font-mono { + font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } - .sm\:hover\:border-orange-lightest:hover { - border-color: #fff5eb; + .sm\:font-hairline { + font-weight: 100; } - .sm\:hover\:border-yellow-darkest:hover { - border-color: #453411; + .sm\:font-thin { + font-weight: 200; } - .sm\:hover\:border-yellow-darker:hover { - border-color: #684f1d; + .sm\:font-light { + font-weight: 300; } - .sm\:hover\:border-yellow-dark:hover { - border-color: #f2d024; + .sm\:font-normal { + font-weight: 400; } - .sm\:hover\:border-yellow:hover { - border-color: #ffed4a; + .sm\:font-medium { + font-weight: 500; } - .sm\:hover\:border-yellow-light:hover { - border-color: #fff382; + .sm\:font-semibold { + font-weight: 600; } - .sm\:hover\:border-yellow-lighter:hover { - border-color: #fff9c2; + .sm\:font-bold { + font-weight: 700; } - .sm\:hover\:border-yellow-lightest:hover { - border-color: #fcfbeb; + .sm\:font-extrabold { + font-weight: 800; } - .sm\:hover\:border-green-darkest:hover { - border-color: #032d19; + .sm\:font-black { + font-weight: 900; } - .sm\:hover\:border-green-darker:hover { - border-color: #0b4228; + .sm\:hover\:font-hairline:hover { + font-weight: 100; } - .sm\:hover\:border-green-dark:hover { - border-color: #1f9d55; + .sm\:hover\:font-thin:hover { + font-weight: 200; } - .sm\:hover\:border-green:hover { - border-color: #38c172; + .sm\:hover\:font-light:hover { + font-weight: 300; } - .sm\:hover\:border-green-light:hover { - border-color: #51d88a; + .sm\:hover\:font-normal:hover { + font-weight: 400; } - .sm\:hover\:border-green-lighter:hover { - border-color: #a2f5bf; + .sm\:hover\:font-medium:hover { + font-weight: 500; } - .sm\:hover\:border-green-lightest:hover { - border-color: #e3fcec; + .sm\:hover\:font-semibold:hover { + font-weight: 600; } - .sm\:hover\:border-teal-darkest:hover { - border-color: #0d3331; + .sm\:hover\:font-bold:hover { + font-weight: 700; } - .sm\:hover\:border-teal-darker:hover { - border-color: #174e4b; + .sm\:hover\:font-extrabold:hover { + font-weight: 800; } - .sm\:hover\:border-teal-dark:hover { - border-color: #38a89d; + .sm\:hover\:font-black:hover { + font-weight: 900; } - .sm\:hover\:border-teal:hover { - border-color: #4dc0b5; + .sm\:h-1 { + height: 0.25rem; } - .sm\:hover\:border-teal-light:hover { - border-color: #64d5ca; + .sm\:h-2 { + height: 0.5rem; } - .sm\:hover\:border-teal-lighter:hover { - border-color: #a0f0ed; + .sm\:h-3 { + height: 0.75rem; } - .sm\:hover\:border-teal-lightest:hover { - border-color: #e8fffe; + .sm\:h-4 { + height: 1rem; } - .sm\:hover\:border-blue-darkest:hover { - border-color: #05233b; + .sm\:h-6 { + height: 1.5rem; } - .sm\:hover\:border-blue-darker:hover { - border-color: #103d60; + .sm\:h-8 { + height: 2rem; } - .sm\:hover\:border-blue-dark:hover { - border-color: #2779bd; + .sm\:h-10 { + height: 2.5rem; } - .sm\:hover\:border-blue:hover { - border-color: #3490dc; + .sm\:h-12 { + height: 3rem; } - .sm\:hover\:border-blue-light:hover { - border-color: #6cb2eb; + .sm\:h-16 { + height: 4rem; } - .sm\:hover\:border-blue-lighter:hover { - border-color: #bcdefa; + .sm\:h-24 { + height: 6rem; } - .sm\:hover\:border-blue-lightest:hover { - border-color: #eff8ff; + .sm\:h-32 { + height: 8rem; } - .sm\:hover\:border-indigo-darkest:hover { - border-color: #191e38; + .sm\:h-48 { + height: 12rem; } - .sm\:hover\:border-indigo-darker:hover { - border-color: #2f365f; + .sm\:h-64 { + height: 16rem; } - .sm\:hover\:border-indigo-dark:hover { - border-color: #5661b3; + .sm\:h-auto { + height: auto; } - .sm\:hover\:border-indigo:hover { - border-color: #6574cd; + .sm\:h-px { + height: 1px; } - .sm\:hover\:border-indigo-light:hover { - border-color: #7886d7; + .sm\:h-full { + height: 100%; } - .sm\:hover\:border-indigo-lighter:hover { - border-color: #b2b7ff; + .sm\:h-screen { + height: 100vh; } - .sm\:hover\:border-indigo-lightest:hover { - border-color: #e6e8ff; + .sm\:leading-none { + line-height: 1; } - .sm\:hover\:border-purple-darkest:hover { - border-color: #1f133f; + .sm\:leading-tight { + line-height: 1.25; } - .sm\:hover\:border-purple-darker:hover { - border-color: #352465; + .sm\:leading-normal { + line-height: 1.5; } - .sm\:hover\:border-purple-dark:hover { - border-color: #794acf; + .sm\:leading-loose { + line-height: 2; } - .sm\:hover\:border-purple:hover { - border-color: #9561e2; + .sm\:m-0 { + margin: 0; } - .sm\:hover\:border-purple-light:hover { - border-color: #a779e9; + .sm\:m-1 { + margin: 0.25rem; } - .sm\:hover\:border-purple-lighter:hover { - border-color: #d6bbfc; + .sm\:m-2 { + margin: 0.5rem; } - .sm\:hover\:border-purple-lightest:hover { - border-color: #f3ebff; + .sm\:m-3 { + margin: 0.75rem; } - .sm\:hover\:border-pink-darkest:hover { - border-color: #45051e; + .sm\:m-4 { + margin: 1rem; } - .sm\:hover\:border-pink-darker:hover { - border-color: #72173a; + .sm\:m-6 { + margin: 1.5rem; } - .sm\:hover\:border-pink-dark:hover { - border-color: #eb5286; + .sm\:m-8 { + margin: 2rem; } - .sm\:hover\:border-pink:hover { - border-color: #f66d9b; + .sm\:m-auto { + margin: auto; } - .sm\:hover\:border-pink-light:hover { - border-color: #fa7ea8; + .sm\:m-px { + margin: 1px; } - .sm\:hover\:border-pink-lighter:hover { - border-color: #ffbbca; + .sm\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .sm\:hover\:border-pink-lightest:hover { - border-color: #ffebef; + .sm\:mx-0 { + margin-left: 0; + margin-right: 0; } - .sm\:border-solid { - border-style: solid; + .sm\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .sm\:border-dashed { - border-style: dashed; + .sm\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .sm\:border-dotted { - border-style: dotted; + .sm\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } + + .sm\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .sm\:border-none { - border-style: none; + .sm\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .sm\:rounded-none { - border-radius: 0; + .sm\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .sm\:rounded-sm { - border-radius: .125rem; + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .sm\:rounded { - border-radius: .25rem; + .sm\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .sm\:rounded-lg { - border-radius: .5rem; + .sm\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .sm\:rounded-full { - border-radius: 9999px; + .sm\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .sm\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .sm\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .sm\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .sm\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .sm\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .sm\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .sm\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; } - .sm\:rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; + .sm\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .sm\:rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; + .sm\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .sm\:rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; + .sm\:mt-0 { + margin-top: 0; } - .sm\:rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; + .sm\:mr-0 { + margin-right: 0; } - .sm\:rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + .sm\:mb-0 { + margin-bottom: 0; } - .sm\:rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + .sm\:ml-0 { + margin-left: 0; } - .sm\:rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + .sm\:mt-1 { + margin-top: 0.25rem; } - .sm\:rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + .sm\:mr-1 { + margin-right: 0.25rem; } - .sm\:rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; + .sm\:mb-1 { + margin-bottom: 0.25rem; } - .sm\:rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; + .sm\:ml-1 { + margin-left: 0.25rem; } - .sm\:rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; + .sm\:mt-2 { + margin-top: 0.5rem; } - .sm\:rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; + .sm\:mr-2 { + margin-right: 0.5rem; } - .sm\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .sm\:mb-2 { + margin-bottom: 0.5rem; } - .sm\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .sm\:ml-2 { + margin-left: 0.5rem; } - .sm\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:mt-3 { + margin-top: 0.75rem; } - .sm\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:mr-3 { + margin-right: 0.75rem; } - .sm\:rounded-tl-none { - border-top-left-radius: 0; + .sm\:mb-3 { + margin-bottom: 0.75rem; } - .sm\:rounded-tr-none { - border-top-right-radius: 0; + .sm\:ml-3 { + margin-left: 0.75rem; } - .sm\:rounded-br-none { - border-bottom-right-radius: 0; + .sm\:mt-4 { + margin-top: 1rem; } - .sm\:rounded-bl-none { - border-bottom-left-radius: 0; + .sm\:mr-4 { + margin-right: 1rem; } - .sm\:rounded-tl-sm { - border-top-left-radius: .125rem; + .sm\:mb-4 { + margin-bottom: 1rem; } - .sm\:rounded-tr-sm { - border-top-right-radius: .125rem; + .sm\:ml-4 { + margin-left: 1rem; } - .sm\:rounded-br-sm { - border-bottom-right-radius: .125rem; + .sm\:mt-6 { + margin-top: 1.5rem; } - .sm\:rounded-bl-sm { - border-bottom-left-radius: .125rem; + .sm\:mr-6 { + margin-right: 1.5rem; } - .sm\:rounded-tl { - border-top-left-radius: .25rem; + .sm\:mb-6 { + margin-bottom: 1.5rem; } - .sm\:rounded-tr { - border-top-right-radius: .25rem; + .sm\:ml-6 { + margin-left: 1.5rem; } - .sm\:rounded-br { - border-bottom-right-radius: .25rem; + .sm\:mt-8 { + margin-top: 2rem; } - .sm\:rounded-bl { - border-bottom-left-radius: .25rem; + .sm\:mr-8 { + margin-right: 2rem; } - .sm\:rounded-tl-lg { - border-top-left-radius: .5rem; + .sm\:mb-8 { + margin-bottom: 2rem; } - .sm\:rounded-tr-lg { - border-top-right-radius: .5rem; + .sm\:ml-8 { + margin-left: 2rem; } - .sm\:rounded-br-lg { - border-bottom-right-radius: .5rem; + .sm\:mt-auto { + margin-top: auto; } - .sm\:rounded-bl-lg { - border-bottom-left-radius: .5rem; + .sm\:mr-auto { + margin-right: auto; } - .sm\:rounded-tl-full { - border-top-left-radius: 9999px; + .sm\:mb-auto { + margin-bottom: auto; } - .sm\:rounded-tr-full { - border-top-right-radius: 9999px; + .sm\:ml-auto { + margin-left: auto; } - .sm\:rounded-br-full { - border-bottom-right-radius: 9999px; + .sm\:mt-px { + margin-top: 1px; } - .sm\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .sm\:mr-px { + margin-right: 1px; } - .sm\:block { - display: block; + .sm\:mb-px { + margin-bottom: 1px; } - .sm\:inline-block { - display: inline-block; + .sm\:ml-px { + margin-left: 1px; } - .sm\:inline { - display: inline; + .sm\:max-h-full { + max-height: 100%; } - .sm\:table { - display: table; + .sm\:max-h-screen { + max-height: 100vh; } - .sm\:table-row { - display: table-row; + .sm\:max-w-xs { + max-width: 20rem; } - .sm\:table-cell { - display: table-cell; + .sm\:max-w-sm { + max-width: 30rem; } - .sm\:hidden { - display: none; + .sm\:max-w-md { + max-width: 40rem; } - .sm\:static { - position: static; + .sm\:max-w-lg { + max-width: 50rem; } - .sm\:fixed { - position: fixed; + .sm\:max-w-xl { + max-width: 60rem; } - .sm\:absolute { - position: absolute; + .sm\:max-w-2xl { + max-width: 70rem; } - .sm\:relative { - position: relative; + .sm\:max-w-3xl { + max-width: 80rem; } - .sm\:pin-t { - top: 0; + .sm\:max-w-4xl { + max-width: 90rem; } - .sm\:pin-r { - right: 0; + .sm\:max-w-5xl { + max-width: 100rem; } - .sm\:pin-b { - bottom: 0; + .sm\:max-w-full { + max-width: 100%; } - .sm\:pin-l { - left: 0; + .sm\:min-h-0 { + min-height: 0; } - .sm\:pin-y { - top: 0; - bottom: 0; + .sm\:min-h-full { + min-height: 100%; } - .sm\:pin-x { - right: 0; - left: 0; + .sm\:min-h-screen { + min-height: 100vh; } - .sm\:pin { - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; + .sm\:min-w-0 { + min-width: 0; } - .sm\:overflow-auto { - overflow: auto; + .sm\:min-w-full { + min-width: 100%; } - .sm\:overflow-hidden { - overflow: hidden; + .sm\:-m-0 { + margin: 0; } - .sm\:overflow-visible { - overflow: visible; + .sm\:-m-1 { + margin: -0.25rem; } - .sm\:overflow-scroll { - overflow: scroll; + .sm\:-m-2 { + margin: -0.5rem; } - .sm\:overflow-x-scroll { - overflow-x: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; + .sm\:-m-3 { + margin: -0.75rem; } - .sm\:overflow-y-scroll { - overflow-y: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; + .sm\:-m-4 { + margin: -1rem; } - .sm\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .sm\:-m-6 { + margin: -1.5rem; } - .sm\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .sm\:-m-8 { + margin: -2rem; } - .sm\:w-1 { - width: 0.25rem; + .sm\:-m-px { + margin: -1px; } - .sm\:w-2 { - width: 0.5rem; + .sm\:-my-0 { + margin-top: 0; + margin-bottom: 0; } - .sm\:w-3 { - width: 0.75rem; + .sm\:-mx-0 { + margin-left: 0; + margin-right: 0; } - .sm\:w-4 { - width: 1rem; + .sm\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .sm\:w-6 { - width: 1.5rem; + .sm\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .sm\:w-8 { - width: 2rem; + .sm\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .sm\:w-10 { - width: 2.5rem; + .sm\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .sm\:w-12 { - width: 3rem; + .sm\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .sm\:w-16 { - width: 4rem; + .sm\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .sm\:w-24 { - width: 6rem; + .sm\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .sm\:w-32 { - width: 8rem; + .sm\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .sm\:w-48 { - width: 12rem; + .sm\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .sm\:w-64 { - width: 16rem; + .sm\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .sm\:w-auto { - width: auto; + .sm\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .sm\:w-px { - width: 1px; + .sm\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .sm\:w-1\/2 { - width: 50%; + .sm\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .sm\:w-1\/3 { - width: 33.33333%; + .sm\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .sm\:w-2\/3 { - width: 66.66667%; + .sm\:-mt-0 { + margin-top: 0; } - .sm\:w-1\/4 { - width: 25%; + .sm\:-mr-0 { + margin-right: 0; } - .sm\:w-3\/4 { - width: 75%; + .sm\:-mb-0 { + margin-bottom: 0; } - .sm\:w-1\/5 { - width: 20%; + .sm\:-ml-0 { + margin-left: 0; } - .sm\:w-2\/5 { - width: 40%; + .sm\:-mt-1 { + margin-top: -0.25rem; } - .sm\:w-3\/5 { - width: 60%; + .sm\:-mr-1 { + margin-right: -0.25rem; } - .sm\:w-4\/5 { - width: 80%; + .sm\:-mb-1 { + margin-bottom: -0.25rem; } - .sm\:w-1\/6 { - width: 16.66667%; + .sm\:-ml-1 { + margin-left: -0.25rem; } - .sm\:w-5\/6 { - width: 83.33333%; + .sm\:-mt-2 { + margin-top: -0.5rem; } - .sm\:w-full { - width: 100%; + .sm\:-mr-2 { + margin-right: -0.5rem; } - .sm\:w-screen { - width: 100vw; + .sm\:-mb-2 { + margin-bottom: -0.5rem; } - .sm\:min-w-0 { - min-width: 0; + .sm\:-ml-2 { + margin-left: -0.5rem; } - .sm\:min-w-full { - min-width: 100%; + .sm\:-mt-3 { + margin-top: -0.75rem; } - .sm\:max-w-xs { - max-width: 20rem; + .sm\:-mr-3 { + margin-right: -0.75rem; } - .sm\:max-w-sm { - max-width: 30rem; + .sm\:-mb-3 { + margin-bottom: -0.75rem; } - .sm\:max-w-md { - max-width: 40rem; + .sm\:-ml-3 { + margin-left: -0.75rem; } - .sm\:max-w-lg { - max-width: 50rem; + .sm\:-mt-4 { + margin-top: -1rem; } - .sm\:max-w-xl { - max-width: 60rem; + .sm\:-mr-4 { + margin-right: -1rem; } - .sm\:max-w-2xl { - max-width: 70rem; + .sm\:-mb-4 { + margin-bottom: -1rem; } - .sm\:max-w-3xl { - max-width: 80rem; + .sm\:-ml-4 { + margin-left: -1rem; } - .sm\:max-w-4xl { - max-width: 90rem; + .sm\:-mt-6 { + margin-top: -1.5rem; } - .sm\:max-w-5xl { - max-width: 100rem; + .sm\:-mr-6 { + margin-right: -1.5rem; } - .sm\:max-w-full { - max-width: 100%; + .sm\:-mb-6 { + margin-bottom: -1.5rem; } - - .sm\:h-1 { - height: 0.25rem; + + .sm\:-ml-6 { + margin-left: -1.5rem; } - .sm\:h-2 { - height: 0.5rem; + .sm\:-mt-8 { + margin-top: -2rem; } - .sm\:h-3 { - height: 0.75rem; + .sm\:-mr-8 { + margin-right: -2rem; } - .sm\:h-4 { - height: 1rem; + .sm\:-mb-8 { + margin-bottom: -2rem; } - .sm\:h-6 { - height: 1.5rem; + .sm\:-ml-8 { + margin-left: -2rem; } - .sm\:h-8 { - height: 2rem; + .sm\:-mt-px { + margin-top: -1px; } - .sm\:h-10 { - height: 2.5rem; + .sm\:-mr-px { + margin-right: -1px; } - .sm\:h-12 { - height: 3rem; + .sm\:-mb-px { + margin-bottom: -1px; } - .sm\:h-16 { - height: 4rem; + .sm\:-ml-px { + margin-left: -1px; } - .sm\:h-24 { - height: 6rem; + .sm\:opacity-0 { + opacity: 0; } - .sm\:h-32 { - height: 8rem; + .sm\:opacity-25 { + opacity: .25; } - .sm\:h-48 { - height: 12rem; + .sm\:opacity-50 { + opacity: .5; } - .sm\:h-64 { - height: 16rem; + .sm\:opacity-75 { + opacity: .75; } - .sm\:h-auto { - height: auto; + .sm\:opacity-100 { + opacity: 1; } - .sm\:h-px { - height: 1px; + .sm\:overflow-auto { + overflow: auto; } - .sm\:h-full { - height: 100%; + .sm\:overflow-hidden { + overflow: hidden; } - .sm\:h-screen { - height: 100vh; + .sm\:overflow-visible { + overflow: visible; } - .sm\:min-h-0 { - min-height: 0; + .sm\:overflow-scroll { + overflow: scroll; } - .sm\:min-h-full { - min-height: 100%; + .sm\:overflow-x-scroll { + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; } - .sm\:min-h-screen { - min-height: 100vh; + .sm\:overflow-y-scroll { + overflow-y: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; } - .sm\:max-h-full { - max-height: 100%; + .sm\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .sm\:max-h-screen { - max-height: 100vh; + .sm\:scrolling-auto { + -webkit-overflow-scrolling: auto; } .sm\:p-0 { @@ -7473,2347 +7224,2498 @@ button, padding-bottom: 1px; } - .sm\:pl-px { - padding-left: 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\:pin-t { + top: 0; + } + + .sm\:pin-r { + right: 0; + } + + .sm\:pin-b { + bottom: 0; + } + + .sm\:pin-l { + left: 0; + } + + .sm\:pin-y { + top: 0; + bottom: 0; + } + + .sm\:pin-x { + right: 0; + left: 0; + } + + .sm\:pin { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + } + + .sm\:resize-none { + resize: none; + } + + .sm\:resize-y { + resize: vertical; + } + + .sm\:resize-x { + resize: horizontal; + } + + .sm\:shadow { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); + } + + .sm\:shadow-md { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); + } + + .sm\:shadow-lg { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); + } + + .sm\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + } + + .sm\:shadow-none { + box-shadow: none; + } + + .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: #222b2f; + } + + .sm\:text-grey-darkest { + color: #364349; + } + + .sm\:text-grey-darker { + color: #596a73; + } + + .sm\:text-grey-dark { + color: #70818a; + } + + .sm\:text-grey { + color: #9babb4; + } + + .sm\:text-grey-light { + color: #dae4e9; + } + + .sm\:text-grey-lighter { + color: #f3f7f9; + } + + .sm\:text-grey-lightest { + color: #fafcfc; + } + + .sm\:text-white { + color: #ffffff; + } + + .sm\:text-red-darkest { + color: #420806; + } + + .sm\:text-red-darker { + color: #6a1b19; + } + + .sm\:text-red-dark { + color: #cc1f1a; + } + + .sm\:text-red { + color: #e3342f; + } + + .sm\:text-red-light { + color: #ef5753; } - .sm\:m-0 { - margin: 0; + .sm\:text-red-lighter { + color: #f9acaa; } - .sm\:m-1 { - margin: 0.25rem; + .sm\:text-red-lightest { + color: #fcebea; } - .sm\:m-2 { - margin: 0.5rem; + .sm\:text-orange-darkest { + color: #542605; } - .sm\:m-3 { - margin: 0.75rem; + .sm\:text-orange-darker { + color: #7f4012; } - .sm\:m-4 { - margin: 1rem; + .sm\:text-orange-dark { + color: #de751f; } - .sm\:m-6 { - margin: 1.5rem; + .sm\:text-orange { + color: #f6993f; } - .sm\:m-8 { - margin: 2rem; + .sm\:text-orange-light { + color: #faad63; } - .sm\:m-auto { - margin: auto; + .sm\:text-orange-lighter { + color: #fcd9b6; } - .sm\:m-px { - margin: 1px; + .sm\:text-orange-lightest { + color: #fff5eb; } - .sm\:my-0 { - margin-top: 0; - margin-bottom: 0; + .sm\:text-yellow-darkest { + color: #453411; } - .sm\:mx-0 { - margin-left: 0; - margin-right: 0; + .sm\:text-yellow-darker { + color: #684f1d; } - .sm\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .sm\:text-yellow-dark { + color: #f2d024; } - .sm\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .sm\:text-yellow { + color: #ffed4a; } - .sm\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .sm\:text-yellow-light { + color: #fff382; } - .sm\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .sm\:text-yellow-lighter { + color: #fff9c2; } - .sm\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .sm\:text-yellow-lightest { + color: #fcfbeb; } - .sm\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .sm\:text-green-darkest { + color: #032d19; } - .sm\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .sm\:text-green-darker { + color: #0b4228; } - .sm\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .sm\:text-green-dark { + color: #1f9d55; } - .sm\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .sm\:text-green { + color: #38c172; } - .sm\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .sm\:text-green-light { + color: #51d88a; } - .sm\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .sm\:text-green-lighter { + color: #a2f5bf; } - .sm\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .sm\:text-green-lightest { + color: #e3fcec; } - .sm\:my-auto { - margin-top: auto; - margin-bottom: auto; + .sm\:text-teal-darkest { + color: #0d3331; } - .sm\:mx-auto { - margin-left: auto; - margin-right: auto; + .sm\:text-teal-darker { + color: #174e4b; } - .sm\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .sm\:text-teal-dark { + color: #38a89d; } - .sm\:mx-px { - margin-left: 1px; - margin-right: 1px; + .sm\:text-teal { + color: #4dc0b5; } - .sm\:mt-0 { - margin-top: 0; + .sm\:text-teal-light { + color: #64d5ca; } - .sm\:mr-0 { - margin-right: 0; + .sm\:text-teal-lighter { + color: #a0f0ed; } - .sm\:mb-0 { - margin-bottom: 0; + .sm\:text-teal-lightest { + color: #e8fffe; } - .sm\:ml-0 { - margin-left: 0; + .sm\:text-blue-darkest { + color: #05233b; } - .sm\:mt-1 { - margin-top: 0.25rem; + .sm\:text-blue-darker { + color: #103d60; } - .sm\:mr-1 { - margin-right: 0.25rem; + .sm\:text-blue-dark { + color: #2779bd; } - .sm\:mb-1 { - margin-bottom: 0.25rem; + .sm\:text-blue { + color: #3490dc; } - .sm\:ml-1 { - margin-left: 0.25rem; + .sm\:text-blue-light { + color: #6cb2eb; } - .sm\:mt-2 { - margin-top: 0.5rem; + .sm\:text-blue-lighter { + color: #bcdefa; } - .sm\:mr-2 { - margin-right: 0.5rem; + .sm\:text-blue-lightest { + color: #eff8ff; } - .sm\:mb-2 { - margin-bottom: 0.5rem; + .sm\:text-indigo-darkest { + color: #191e38; } - .sm\:ml-2 { - margin-left: 0.5rem; + .sm\:text-indigo-darker { + color: #2f365f; } - .sm\:mt-3 { - margin-top: 0.75rem; + .sm\:text-indigo-dark { + color: #5661b3; } - .sm\:mr-3 { - margin-right: 0.75rem; + .sm\:text-indigo { + color: #6574cd; } - .sm\:mb-3 { - margin-bottom: 0.75rem; + .sm\:text-indigo-light { + color: #7886d7; } - .sm\:ml-3 { - margin-left: 0.75rem; + .sm\:text-indigo-lighter { + color: #b2b7ff; } - .sm\:mt-4 { - margin-top: 1rem; + .sm\:text-indigo-lightest { + color: #e6e8ff; } - .sm\:mr-4 { - margin-right: 1rem; + .sm\:text-purple-darkest { + color: #1f133f; } - .sm\:mb-4 { - margin-bottom: 1rem; + .sm\:text-purple-darker { + color: #352465; } - .sm\:ml-4 { - margin-left: 1rem; + .sm\:text-purple-dark { + color: #794acf; } - .sm\:mt-6 { - margin-top: 1.5rem; + .sm\:text-purple { + color: #9561e2; } - .sm\:mr-6 { - margin-right: 1.5rem; + .sm\:text-purple-light { + color: #a779e9; } - .sm\:mb-6 { - margin-bottom: 1.5rem; + .sm\:text-purple-lighter { + color: #d6bbfc; } - .sm\:ml-6 { - margin-left: 1.5rem; + .sm\:text-purple-lightest { + color: #f3ebff; } - .sm\:mt-8 { - margin-top: 2rem; + .sm\:text-pink-darkest { + color: #45051e; } - .sm\:mr-8 { - margin-right: 2rem; + .sm\:text-pink-darker { + color: #72173a; } - .sm\:mb-8 { - margin-bottom: 2rem; + .sm\:text-pink-dark { + color: #eb5286; } - .sm\:ml-8 { - margin-left: 2rem; + .sm\:text-pink { + color: #f66d9b; } - .sm\:mt-auto { - margin-top: auto; + .sm\:text-pink-light { + color: #fa7ea8; } - .sm\:mr-auto { - margin-right: auto; + .sm\:text-pink-lighter { + color: #ffbbca; } - .sm\:mb-auto { - margin-bottom: auto; + .sm\:text-pink-lightest { + color: #ffebef; } - .sm\:ml-auto { - margin-left: auto; + .sm\:hover\:text-transparent:hover { + color: transparent; } - .sm\:mt-px { - margin-top: 1px; + .sm\:hover\:text-black:hover { + color: #222b2f; } - .sm\:mr-px { - margin-right: 1px; + .sm\:hover\:text-grey-darkest:hover { + color: #364349; } - .sm\:mb-px { - margin-bottom: 1px; + .sm\:hover\:text-grey-darker:hover { + color: #596a73; } - .sm\:ml-px { - margin-left: 1px; + .sm\:hover\:text-grey-dark:hover { + color: #70818a; } - .sm\:-m-0 { - margin: 0; + .sm\:hover\:text-grey:hover { + color: #9babb4; } - .sm\:-m-1 { - margin: -0.25rem; + .sm\:hover\:text-grey-light:hover { + color: #dae4e9; } - .sm\:-m-2 { - margin: -0.5rem; + .sm\:hover\:text-grey-lighter:hover { + color: #f3f7f9; } - .sm\:-m-3 { - margin: -0.75rem; + .sm\:hover\:text-grey-lightest:hover { + color: #fafcfc; } - .sm\:-m-4 { - margin: -1rem; + .sm\:hover\:text-white:hover { + color: #ffffff; } - .sm\:-m-6 { - margin: -1.5rem; + .sm\:hover\:text-red-darkest:hover { + color: #420806; } - .sm\:-m-8 { - margin: -2rem; + .sm\:hover\:text-red-darker:hover { + color: #6a1b19; } - .sm\:-m-px { - margin: -1px; + .sm\:hover\:text-red-dark:hover { + color: #cc1f1a; } - .sm\:-my-0 { - margin-top: 0; - margin-bottom: 0; + .sm\:hover\:text-red:hover { + color: #e3342f; } - .sm\:-mx-0 { - margin-left: 0; - margin-right: 0; + .sm\:hover\:text-red-light:hover { + color: #ef5753; } - .sm\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .sm\:hover\:text-red-lighter:hover { + color: #f9acaa; } - .sm\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .sm\:hover\:text-red-lightest:hover { + color: #fcebea; } - .sm\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .sm\:hover\:text-orange-darkest:hover { + color: #542605; } - .sm\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .sm\:hover\:text-orange-darker:hover { + color: #7f4012; } - .sm\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .sm\:hover\:text-orange-dark:hover { + color: #de751f; } - .sm\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .sm\:hover\:text-orange:hover { + color: #f6993f; } - .sm\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .sm\:hover\:text-orange-light:hover { + color: #faad63; } - .sm\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .sm\:hover\:text-orange-lighter:hover { + color: #fcd9b6; } - .sm\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .sm\:hover\:text-orange-lightest:hover { + color: #fff5eb; } - .sm\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .sm\:hover\:text-yellow-darkest:hover { + color: #453411; } - .sm\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .sm\:hover\:text-yellow-darker:hover { + color: #684f1d; } - .sm\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .sm\:hover\:text-yellow-dark:hover { + color: #f2d024; } - .sm\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .sm\:hover\:text-yellow:hover { + color: #ffed4a; } - .sm\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .sm\:hover\:text-yellow-light:hover { + color: #fff382; } - .sm\:-mt-0 { - margin-top: 0; + .sm\:hover\:text-yellow-lighter:hover { + color: #fff9c2; } - .sm\:-mr-0 { - margin-right: 0; + .sm\:hover\:text-yellow-lightest:hover { + color: #fcfbeb; } - .sm\:-mb-0 { - margin-bottom: 0; + .sm\:hover\:text-green-darkest:hover { + color: #032d19; } - .sm\:-ml-0 { - margin-left: 0; + .sm\:hover\:text-green-darker:hover { + color: #0b4228; } - .sm\:-mt-1 { - margin-top: -0.25rem; + .sm\:hover\:text-green-dark:hover { + color: #1f9d55; } - .sm\:-mr-1 { - margin-right: -0.25rem; + .sm\:hover\:text-green:hover { + color: #38c172; } - .sm\:-mb-1 { - margin-bottom: -0.25rem; + .sm\:hover\:text-green-light:hover { + color: #51d88a; } - .sm\:-ml-1 { - margin-left: -0.25rem; + .sm\:hover\:text-green-lighter:hover { + color: #a2f5bf; } - .sm\:-mt-2 { - margin-top: -0.5rem; + .sm\:hover\:text-green-lightest:hover { + color: #e3fcec; } - .sm\:-mr-2 { - margin-right: -0.5rem; + .sm\:hover\:text-teal-darkest:hover { + color: #0d3331; } - .sm\:-mb-2 { - margin-bottom: -0.5rem; + .sm\:hover\:text-teal-darker:hover { + color: #174e4b; } - .sm\:-ml-2 { - margin-left: -0.5rem; + .sm\:hover\:text-teal-dark:hover { + color: #38a89d; } - .sm\:-mt-3 { - margin-top: -0.75rem; + .sm\:hover\:text-teal:hover { + color: #4dc0b5; } - .sm\:-mr-3 { - margin-right: -0.75rem; + .sm\:hover\:text-teal-light:hover { + color: #64d5ca; } - .sm\:-mb-3 { - margin-bottom: -0.75rem; + .sm\:hover\:text-teal-lighter:hover { + color: #a0f0ed; } - .sm\:-ml-3 { - margin-left: -0.75rem; + .sm\:hover\:text-teal-lightest:hover { + color: #e8fffe; } - .sm\:-mt-4 { - margin-top: -1rem; + .sm\:hover\:text-blue-darkest:hover { + color: #05233b; } - .sm\:-mr-4 { - margin-right: -1rem; + .sm\:hover\:text-blue-darker:hover { + color: #103d60; } - .sm\:-mb-4 { - margin-bottom: -1rem; + .sm\:hover\:text-blue-dark:hover { + color: #2779bd; } - .sm\:-ml-4 { - margin-left: -1rem; + .sm\:hover\:text-blue:hover { + color: #3490dc; } - .sm\:-mt-6 { - margin-top: -1.5rem; + .sm\:hover\:text-blue-light:hover { + color: #6cb2eb; } - .sm\:-mr-6 { - margin-right: -1.5rem; + .sm\:hover\:text-blue-lighter:hover { + color: #bcdefa; } - .sm\:-mb-6 { - margin-bottom: -1.5rem; + .sm\:hover\:text-blue-lightest:hover { + color: #eff8ff; } - .sm\:-ml-6 { - margin-left: -1.5rem; + .sm\:hover\:text-indigo-darkest:hover { + color: #191e38; } - .sm\:-mt-8 { - margin-top: -2rem; + .sm\:hover\:text-indigo-darker:hover { + color: #2f365f; } - .sm\:-mr-8 { - margin-right: -2rem; + .sm\:hover\:text-indigo-dark:hover { + color: #5661b3; } - .sm\:-mb-8 { - margin-bottom: -2rem; + .sm\:hover\:text-indigo:hover { + color: #6574cd; } - .sm\:-ml-8 { - margin-left: -2rem; + .sm\:hover\:text-indigo-light:hover { + color: #7886d7; } - .sm\:-mt-px { - margin-top: -1px; + .sm\:hover\:text-indigo-lighter:hover { + color: #b2b7ff; } - .sm\:-mr-px { - margin-right: -1px; + .sm\:hover\:text-indigo-lightest:hover { + color: #e6e8ff; } - .sm\:-mb-px { - margin-bottom: -1px; + .sm\:hover\:text-purple-darkest:hover { + color: #1f133f; } - .sm\:-ml-px { - margin-left: -1px; + .sm\:hover\:text-purple-darker:hover { + color: #352465; } - .sm\:shadow { - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); + .sm\:hover\:text-purple-dark:hover { + color: #794acf; } - .sm\:shadow-md { - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); + .sm\:hover\:text-purple:hover { + color: #9561e2; } - .sm\:shadow-lg { - box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); + .sm\:hover\:text-purple-light:hover { + color: #a779e9; } - .sm\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:hover\:text-purple-lighter:hover { + color: #d6bbfc; } - .sm\:shadow-none { - box-shadow: none; + .sm\:hover\:text-purple-lightest:hover { + color: #f3ebff; } - .sm\:flex { - display: flex; + .sm\:hover\:text-pink-darkest:hover { + color: #45051e; } - .sm\:inline-flex { - display: inline-flex; + .sm\:hover\:text-pink-darker:hover { + color: #72173a; } - .sm\:flex-row { - flex-direction: row; + .sm\:hover\:text-pink-dark:hover { + color: #eb5286; } - .sm\:flex-row-reverse { - flex-direction: row-reverse; + .sm\:hover\:text-pink:hover { + color: #f66d9b; } - .sm\:flex-col { - flex-direction: column; + .sm\:hover\:text-pink-light:hover { + color: #fa7ea8; } - .sm\:flex-col-reverse { - flex-direction: column-reverse; + .sm\:hover\:text-pink-lighter:hover { + color: #ffbbca; } - .sm\:flex-wrap { - flex-wrap: wrap; + .sm\:hover\:text-pink-lightest:hover { + color: #ffebef; } - .sm\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .sm\:text-xs { + font-size: .75rem; } - .sm\:flex-no-wrap { - flex-wrap: nowrap; + .sm\:text-sm { + font-size: .875rem; } - .sm\:items-start { - align-items: flex-start; + .sm\:text-base { + font-size: 1rem; } - .sm\:items-end { - align-items: flex-end; + .sm\:text-lg { + font-size: 1.125rem; } - .sm\:items-center { - align-items: center; + .sm\:text-xl { + font-size: 1.25rem; } - .sm\:items-baseline { - align-items: baseline; + .sm\:text-2xl { + font-size: 1.5rem; } - .sm\:items-stretch { - align-items: stretch; + .sm\:text-3xl { + font-size: 1.875rem; } - .sm\:self-auto { - align-self: auto; + .sm\:text-4xl { + font-size: 2.25rem; } - .sm\:self-start { - align-self: flex-start; + .sm\:text-5xl { + font-size: 3rem; } - .sm\:self-end { - align-self: flex-end; + .sm\:italic { + font-style: italic; } - .sm\:self-center { - align-self: center; + .sm\:roman { + font-style: normal; } - .sm\:self-stretch { - align-self: stretch; + .sm\:uppercase { + text-transform: uppercase; } - .sm\:justify-start { - justify-content: flex-start; + .sm\:lowercase { + text-transform: lowercase; } - .sm\:justify-end { - justify-content: flex-end; + .sm\:capitalize { + text-transform: capitalize; } - .sm\:justify-center { - justify-content: center; + .sm\:normal-case { + text-transform: none; } - .sm\:justify-between { - justify-content: space-between; + .sm\:underline { + text-decoration: underline; } - .sm\:justify-around { - justify-content: space-around; + .sm\:line-through { + text-decoration: line-through; } - .sm\:content-center { - align-content: center; + .sm\:no-underline { + text-decoration: none; } - .sm\:content-start { - align-content: flex-start; + .sm\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .sm\:content-end { - align-content: flex-end; + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .sm\:content-between { - align-content: space-between; + .sm\:hover\:italic:hover { + font-style: italic; } - .sm\:content-around { - align-content: space-around; + .sm\:hover\:roman:hover { + font-style: normal; } - .sm\:flex-1 { - flex: 1; + .sm\:hover\:uppercase:hover { + text-transform: uppercase; } - .sm\:flex-auto { - flex: auto; + .sm\:hover\:lowercase:hover { + text-transform: lowercase; } - .sm\:flex-initial { - flex: initial; + .sm\:hover\:capitalize:hover { + text-transform: capitalize; } - .sm\:flex-none { - flex: none; + .sm\:hover\:normal-case:hover { + text-transform: none; } - .sm\:flex-grow { - flex-grow: 1; + .sm\:hover\:underline:hover { + text-decoration: underline; } - .sm\:flex-shrink { - flex-shrink: 1; + .sm\:hover\:line-through:hover { + text-decoration: line-through; } - .sm\:flex-no-grow { - flex-grow: 0; + .sm\:hover\:no-underline:hover { + text-decoration: none; } - .sm\:flex-no-shrink { - flex-shrink: 0; + .sm\:hover\:antialiased:hover { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .sm\:float-right { - float: right; + .sm\:hover\:subpixel-antialiased:hover { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .sm\:float-left { - float: left; + .sm\:tracking-tight { + letter-spacing: -0.05em; } - .sm\:float-none { - float: none; + .sm\:tracking-normal { + letter-spacing: 0; } - .sm\:clearfix:after { - content: ""; - display: table; - clear: both; + .sm\:tracking-wide { + letter-spacing: 0.05em; } - .sm\:visible { - visibility: visible; + .sm\:select-none { + user-select: none; } - .sm\:invisible { - visibility: hidden; + .sm\:select-text { + user-select: text; } - .sm\:z-0 { - z-index: 0; + .sm\:align-baseline { + vertical-align: baseline; } - .sm\:z-10 { - z-index: 10; + .sm\:align-top { + vertical-align: top; } - .sm\:z-20 { - z-index: 20; + .sm\:align-middle { + vertical-align: middle; } - .sm\:z-30 { - z-index: 30; + .sm\:align-bottom { + vertical-align: bottom; } - .sm\:z-40 { - z-index: 40; + .sm\:align-text-top { + vertical-align: text-top; } - .sm\:z-50 { - z-index: 50; + .sm\:align-text-bottom { + vertical-align: text-bottom; } - .sm\:z-auto { - z-index: auto; + .sm\:visible { + visibility: visible; } - .sm\:opacity-0 { - opacity: 0; + .sm\:invisible { + visibility: hidden; } - .sm\:opacity-25 { - opacity: .25; + .sm\:whitespace-normal { + white-space: normal; } - .sm\:opacity-50 { - opacity: .5; + .sm\:whitespace-no-wrap { + white-space: nowrap; } - .sm\:opacity-75 { - opacity: .75; + .sm\:whitespace-pre { + white-space: pre; } - .sm\:opacity-100 { - opacity: 1; + .sm\:whitespace-pre-line { + white-space: pre-line; } - .sm\:select-none { - user-select: none; + .sm\:whitespace-pre-wrap { + white-space: pre-wrap; } - .sm\:select-text { - user-select: text; + .sm\:break-words { + word-wrap: break-word; } - .sm\:pointer-events-none { - pointer-events: none; + .sm\:break-normal { + word-wrap: normal; } - .sm\:pointer-events-auto { - pointer-events: auto; + .sm\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .sm\:resize-none { - resize: none; + .sm\:w-1 { + width: 0.25rem; } - .sm\:resize-y { - resize: vertical; + .sm\:w-2 { + width: 0.5rem; } - .sm\:resize-x { - resize: horizontal; + .sm\:w-3 { + width: 0.75rem; } - .sm\:cursor-auto { - cursor: auto; + .sm\:w-4 { + width: 1rem; } - .sm\:cursor-default { - cursor: default; + .sm\:w-6 { + width: 1.5rem; } - .sm\:cursor-pointer { - cursor: pointer; + .sm\:w-8 { + width: 2rem; } - .sm\:cursor-not-allowed { - cursor: not-allowed; + .sm\:w-10 { + width: 2.5rem; } - .sm\:example { - font-weight: 700; - color: #e3342f; + .sm\:w-12 { + width: 3rem; } -} -@media (min-width: 768px) { - .md\:list-reset { - list-style: none; - margin: 0; - padding: 0; + .sm\:w-16 { + width: 4rem; } - .md\:appearance-none { - appearance: none; + .sm\:w-24 { + width: 6rem; } - .md\:text-xs { - font-size: .75rem; + .sm\:w-32 { + width: 8rem; } - .md\:text-sm { - font-size: .875rem; + .sm\:w-48 { + width: 12rem; } - .md\:text-base { - font-size: 1rem; + .sm\:w-64 { + width: 16rem; } - .md\:text-lg { - font-size: 1.125rem; + .sm\:w-auto { + width: auto; } - .md\:text-xl { - font-size: 1.25rem; + .sm\:w-px { + width: 1px; } - .md\:text-2xl { - font-size: 1.5rem; + .sm\:w-1\/2 { + width: 50%; } - .md\:text-3xl { - font-size: 1.875rem; + .sm\:w-1\/3 { + width: 33.33333%; } - .md\:text-4xl { - font-size: 2.25rem; + .sm\:w-2\/3 { + width: 66.66667%; } - .md\:text-5xl { - font-size: 3rem; + .sm\:w-1\/4 { + width: 25%; } - .md\:font-hairline { - font-weight: 100; + .sm\:w-3\/4 { + width: 75%; } - .md\:font-thin { - font-weight: 200; + .sm\:w-1\/5 { + width: 20%; } - .md\:font-light { - font-weight: 300; + .sm\:w-2\/5 { + width: 40%; } - .md\:font-normal { - font-weight: 400; + .sm\:w-3\/5 { + width: 60%; } - .md\:font-medium { - font-weight: 500; + .sm\:w-4\/5 { + width: 80%; } - .md\:font-semibold { - font-weight: 600; + .sm\:w-1\/6 { + width: 16.66667%; } - .md\:font-bold { - font-weight: 700; + .sm\:w-5\/6 { + width: 83.33333%; } - .md\:font-extrabold { - font-weight: 800; + .sm\:w-full { + width: 100%; } - .md\:font-black { - font-weight: 900; + .sm\:w-screen { + width: 100vw; } - .md\:hover\:font-hairline:hover { - font-weight: 100; + .sm\:z-0 { + z-index: 0; } - .md\:hover\:font-thin:hover { - font-weight: 200; + .sm\:z-10 { + z-index: 10; } - .md\:hover\:font-light:hover { - font-weight: 300; + .sm\:z-20 { + z-index: 20; } - .md\:hover\:font-normal:hover { - font-weight: 400; + .sm\:z-30 { + z-index: 30; } - .md\:hover\:font-medium:hover { - font-weight: 500; + .sm\:z-40 { + z-index: 40; } - .md\:hover\:font-semibold:hover { - font-weight: 600; + .sm\:z-50 { + z-index: 50; } - .md\:hover\:font-bold:hover { - font-weight: 700; + .sm\:z-auto { + z-index: auto; } - .md\:hover\:font-extrabold:hover { - font-weight: 800; + .sm\:example { + font-weight: 700; + color: #e3342f; } +} - .md\:hover\:font-black:hover { - font-weight: 900; +@media (min-width: 768px) { + .md\:list-reset { + list-style: none; + margin: 0; + padding: 0; } - .md\:font-sans { - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + .md\:appearance-none { + appearance: none; } - .md\:font-serif { - font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; + .md\:bg-transparent { + background-color: transparent; } - .md\:font-mono { - font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; + .md\:bg-black { + background-color: #222b2f; } - .md\:text-transparent { - color: transparent; + .md\:bg-grey-darkest { + background-color: #364349; } - .md\:text-black { - color: #222b2f; + .md\:bg-grey-darker { + background-color: #596a73; } - .md\:text-grey-darkest { - color: #364349; + .md\:bg-grey-dark { + background-color: #70818a; } - .md\:text-grey-darker { - color: #596a73; + .md\:bg-grey { + background-color: #9babb4; } - .md\:text-grey-dark { - color: #70818a; + .md\:bg-grey-light { + background-color: #dae4e9; } - .md\:text-grey { - color: #9babb4; + .md\:bg-grey-lighter { + background-color: #f3f7f9; } - .md\:text-grey-light { - color: #dae4e9; + .md\:bg-grey-lightest { + background-color: #fafcfc; } - .md\:text-grey-lighter { - color: #f3f7f9; + .md\:bg-white { + background-color: #ffffff; } - .md\:text-grey-lightest { - color: #fafcfc; + .md\:bg-red-darkest { + background-color: #420806; } - .md\:text-white { - color: #ffffff; + .md\:bg-red-darker { + background-color: #6a1b19; } - .md\:text-red-darkest { - color: #420806; + .md\:bg-red-dark { + background-color: #cc1f1a; } - .md\:text-red-darker { - color: #6a1b19; + .md\:bg-red { + background-color: #e3342f; } - .md\:text-red-dark { - color: #cc1f1a; + .md\:bg-red-light { + background-color: #ef5753; } - .md\:text-red { - color: #e3342f; + .md\:bg-red-lighter { + background-color: #f9acaa; } - .md\:text-red-light { - color: #ef5753; + .md\:bg-red-lightest { + background-color: #fcebea; } - .md\:text-red-lighter { - color: #f9acaa; + .md\:bg-orange-darkest { + background-color: #542605; } - .md\:text-red-lightest { - color: #fcebea; + .md\:bg-orange-darker { + background-color: #7f4012; } - .md\:text-orange-darkest { - color: #542605; + .md\:bg-orange-dark { + background-color: #de751f; } - .md\:text-orange-darker { - color: #7f4012; + .md\:bg-orange { + background-color: #f6993f; } - .md\:text-orange-dark { - color: #de751f; + .md\:bg-orange-light { + background-color: #faad63; } - .md\:text-orange { - color: #f6993f; + .md\:bg-orange-lighter { + background-color: #fcd9b6; } - .md\:text-orange-light { - color: #faad63; + .md\:bg-orange-lightest { + background-color: #fff5eb; } - .md\:text-orange-lighter { - color: #fcd9b6; + .md\:bg-yellow-darkest { + background-color: #453411; } - .md\:text-orange-lightest { - color: #fff5eb; + .md\:bg-yellow-darker { + background-color: #684f1d; } - .md\:text-yellow-darkest { - color: #453411; + .md\:bg-yellow-dark { + background-color: #f2d024; } - .md\:text-yellow-darker { - color: #684f1d; + .md\:bg-yellow { + background-color: #ffed4a; } - .md\:text-yellow-dark { - color: #f2d024; + .md\:bg-yellow-light { + background-color: #fff382; } - .md\:text-yellow { - color: #ffed4a; + .md\:bg-yellow-lighter { + background-color: #fff9c2; } - .md\:text-yellow-light { - color: #fff382; + .md\:bg-yellow-lightest { + background-color: #fcfbeb; } - .md\:text-yellow-lighter { - color: #fff9c2; + .md\:bg-green-darkest { + background-color: #032d19; } - .md\:text-yellow-lightest { - color: #fcfbeb; + .md\:bg-green-darker { + background-color: #0b4228; } - .md\:text-green-darkest { - color: #032d19; + .md\:bg-green-dark { + background-color: #1f9d55; } - .md\:text-green-darker { - color: #0b4228; + .md\:bg-green { + background-color: #38c172; } - .md\:text-green-dark { - color: #1f9d55; + .md\:bg-green-light { + background-color: #51d88a; } - .md\:text-green { - color: #38c172; + .md\:bg-green-lighter { + background-color: #a2f5bf; } - .md\:text-green-light { - color: #51d88a; + .md\:bg-green-lightest { + background-color: #e3fcec; } - .md\:text-green-lighter { - color: #a2f5bf; + .md\:bg-teal-darkest { + background-color: #0d3331; } - .md\:text-green-lightest { - color: #e3fcec; + .md\:bg-teal-darker { + background-color: #174e4b; } - .md\:text-teal-darkest { - color: #0d3331; + .md\:bg-teal-dark { + background-color: #38a89d; } - .md\:text-teal-darker { - color: #174e4b; + .md\:bg-teal { + background-color: #4dc0b5; } - .md\:text-teal-dark { - color: #38a89d; + .md\:bg-teal-light { + background-color: #64d5ca; } - .md\:text-teal { - color: #4dc0b5; + .md\:bg-teal-lighter { + background-color: #a0f0ed; } - .md\:text-teal-light { - color: #64d5ca; + .md\:bg-teal-lightest { + background-color: #e8fffe; } - .md\:text-teal-lighter { - color: #a0f0ed; + .md\:bg-blue-darkest { + background-color: #05233b; } - .md\:text-teal-lightest { - color: #e8fffe; + .md\:bg-blue-darker { + background-color: #103d60; } - .md\:text-blue-darkest { - color: #05233b; + .md\:bg-blue-dark { + background-color: #2779bd; } - .md\:text-blue-darker { - color: #103d60; + .md\:bg-blue { + background-color: #3490dc; } - .md\:text-blue-dark { - color: #2779bd; + .md\:bg-blue-light { + background-color: #6cb2eb; } - .md\:text-blue { - color: #3490dc; + .md\:bg-blue-lighter { + background-color: #bcdefa; } - .md\:text-blue-light { - color: #6cb2eb; + .md\:bg-blue-lightest { + background-color: #eff8ff; } - .md\:text-blue-lighter { - color: #bcdefa; + .md\:bg-indigo-darkest { + background-color: #191e38; } - .md\:text-blue-lightest { - color: #eff8ff; + .md\:bg-indigo-darker { + background-color: #2f365f; } - .md\:text-indigo-darkest { - color: #191e38; + .md\:bg-indigo-dark { + background-color: #5661b3; } - .md\:text-indigo-darker { - color: #2f365f; + .md\:bg-indigo { + background-color: #6574cd; } - .md\:text-indigo-dark { - color: #5661b3; + .md\:bg-indigo-light { + background-color: #7886d7; } - .md\:text-indigo { - color: #6574cd; + .md\:bg-indigo-lighter { + background-color: #b2b7ff; } - .md\:text-indigo-light { - color: #7886d7; + .md\:bg-indigo-lightest { + background-color: #e6e8ff; } - .md\:text-indigo-lighter { - color: #b2b7ff; + .md\:bg-purple-darkest { + background-color: #1f133f; } - .md\:text-indigo-lightest { - color: #e6e8ff; + .md\:bg-purple-darker { + background-color: #352465; } - .md\:text-purple-darkest { - color: #1f133f; + .md\:bg-purple-dark { + background-color: #794acf; } - .md\:text-purple-darker { - color: #352465; + .md\:bg-purple { + background-color: #9561e2; } - .md\:text-purple-dark { - color: #794acf; + .md\:bg-purple-light { + background-color: #a779e9; } - .md\:text-purple { - color: #9561e2; + .md\:bg-purple-lighter { + background-color: #d6bbfc; } - .md\:text-purple-light { - color: #a779e9; + .md\:bg-purple-lightest { + background-color: #f3ebff; } - .md\:text-purple-lighter { - color: #d6bbfc; + .md\:bg-pink-darkest { + background-color: #45051e; } - .md\:text-purple-lightest { - color: #f3ebff; + .md\:bg-pink-darker { + background-color: #72173a; } - .md\:text-pink-darkest { - color: #45051e; + .md\:bg-pink-dark { + background-color: #eb5286; } - .md\:text-pink-darker { - color: #72173a; + .md\:bg-pink { + background-color: #f66d9b; } - .md\:text-pink-dark { - color: #eb5286; + .md\:bg-pink-light { + background-color: #fa7ea8; } - .md\:text-pink { - color: #f66d9b; + .md\:bg-pink-lighter { + background-color: #ffbbca; } - .md\:text-pink-light { - color: #fa7ea8; + .md\:bg-pink-lightest { + background-color: #ffebef; } - .md\:text-pink-lighter { - color: #ffbbca; + .md\:hover\:bg-transparent:hover { + background-color: transparent; } - .md\:text-pink-lightest { - color: #ffebef; + .md\:hover\:bg-black:hover { + background-color: #222b2f; } - .md\:hover\:text-transparent:hover { - color: transparent; + .md\:hover\:bg-grey-darkest:hover { + background-color: #364349; } - .md\:hover\:text-black:hover { - color: #222b2f; + .md\:hover\:bg-grey-darker:hover { + background-color: #596a73; } - .md\:hover\:text-grey-darkest:hover { - color: #364349; + .md\:hover\:bg-grey-dark:hover { + background-color: #70818a; } - .md\:hover\:text-grey-darker:hover { - color: #596a73; + .md\:hover\:bg-grey:hover { + background-color: #9babb4; } - .md\:hover\:text-grey-dark:hover { - color: #70818a; + .md\:hover\:bg-grey-light:hover { + background-color: #dae4e9; } - .md\:hover\:text-grey:hover { - color: #9babb4; + .md\:hover\:bg-grey-lighter:hover { + background-color: #f3f7f9; } - .md\:hover\:text-grey-light:hover { - color: #dae4e9; + .md\:hover\:bg-grey-lightest:hover { + background-color: #fafcfc; } - .md\:hover\:text-grey-lighter:hover { - color: #f3f7f9; + .md\:hover\:bg-white:hover { + background-color: #ffffff; } - .md\:hover\:text-grey-lightest:hover { - color: #fafcfc; + .md\:hover\:bg-red-darkest:hover { + background-color: #420806; } - .md\:hover\:text-white:hover { - color: #ffffff; + .md\:hover\:bg-red-darker:hover { + background-color: #6a1b19; } - .md\:hover\:text-red-darkest:hover { - color: #420806; + .md\:hover\:bg-red-dark:hover { + background-color: #cc1f1a; } - .md\:hover\:text-red-darker:hover { - color: #6a1b19; + .md\:hover\:bg-red:hover { + background-color: #e3342f; } - .md\:hover\:text-red-dark:hover { - color: #cc1f1a; + .md\:hover\:bg-red-light:hover { + background-color: #ef5753; } - .md\:hover\:text-red:hover { - color: #e3342f; + .md\:hover\:bg-red-lighter:hover { + background-color: #f9acaa; } - .md\:hover\:text-red-light:hover { - color: #ef5753; + .md\:hover\:bg-red-lightest:hover { + background-color: #fcebea; } - .md\:hover\:text-red-lighter:hover { - color: #f9acaa; + .md\:hover\:bg-orange-darkest:hover { + background-color: #542605; } - .md\:hover\:text-red-lightest:hover { - color: #fcebea; + .md\:hover\:bg-orange-darker:hover { + background-color: #7f4012; } - .md\:hover\:text-orange-darkest:hover { - color: #542605; + .md\:hover\:bg-orange-dark:hover { + background-color: #de751f; } - .md\:hover\:text-orange-darker:hover { - color: #7f4012; + .md\:hover\:bg-orange:hover { + background-color: #f6993f; } - .md\:hover\:text-orange-dark:hover { - color: #de751f; + .md\:hover\:bg-orange-light:hover { + background-color: #faad63; } - .md\:hover\:text-orange:hover { - color: #f6993f; + .md\:hover\:bg-orange-lighter:hover { + background-color: #fcd9b6; } - .md\:hover\:text-orange-light:hover { - color: #faad63; + .md\:hover\:bg-orange-lightest:hover { + background-color: #fff5eb; } - .md\:hover\:text-orange-lighter:hover { - color: #fcd9b6; + .md\:hover\:bg-yellow-darkest:hover { + background-color: #453411; } - .md\:hover\:text-orange-lightest:hover { - color: #fff5eb; + .md\:hover\:bg-yellow-darker:hover { + background-color: #684f1d; } - .md\:hover\:text-yellow-darkest:hover { - color: #453411; + .md\:hover\:bg-yellow-dark:hover { + background-color: #f2d024; } - .md\:hover\:text-yellow-darker:hover { - color: #684f1d; + .md\:hover\:bg-yellow:hover { + background-color: #ffed4a; } - .md\:hover\:text-yellow-dark:hover { - color: #f2d024; + .md\:hover\:bg-yellow-light:hover { + background-color: #fff382; } - .md\:hover\:text-yellow:hover { - color: #ffed4a; + .md\:hover\:bg-yellow-lighter:hover { + background-color: #fff9c2; } - .md\:hover\:text-yellow-light:hover { - color: #fff382; + .md\:hover\:bg-yellow-lightest:hover { + background-color: #fcfbeb; } - .md\:hover\:text-yellow-lighter:hover { - color: #fff9c2; + .md\:hover\:bg-green-darkest:hover { + background-color: #032d19; } - .md\:hover\:text-yellow-lightest:hover { - color: #fcfbeb; + .md\:hover\:bg-green-darker:hover { + background-color: #0b4228; } - .md\:hover\:text-green-darkest:hover { - color: #032d19; + .md\:hover\:bg-green-dark:hover { + background-color: #1f9d55; } - .md\:hover\:text-green-darker:hover { - color: #0b4228; + .md\:hover\:bg-green:hover { + background-color: #38c172; } - .md\:hover\:text-green-dark:hover { - color: #1f9d55; + .md\:hover\:bg-green-light:hover { + background-color: #51d88a; } - .md\:hover\:text-green:hover { - color: #38c172; + .md\:hover\:bg-green-lighter:hover { + background-color: #a2f5bf; } - .md\:hover\:text-green-light:hover { - color: #51d88a; + .md\:hover\:bg-green-lightest:hover { + background-color: #e3fcec; } - .md\:hover\:text-green-lighter:hover { - color: #a2f5bf; + .md\:hover\:bg-teal-darkest:hover { + background-color: #0d3331; } - .md\:hover\:text-green-lightest:hover { - color: #e3fcec; + .md\:hover\:bg-teal-darker:hover { + background-color: #174e4b; } - .md\:hover\:text-teal-darkest:hover { - color: #0d3331; + .md\:hover\:bg-teal-dark:hover { + background-color: #38a89d; } - .md\:hover\:text-teal-darker:hover { - color: #174e4b; + .md\:hover\:bg-teal:hover { + background-color: #4dc0b5; } - .md\:hover\:text-teal-dark:hover { - color: #38a89d; + .md\:hover\:bg-teal-light:hover { + background-color: #64d5ca; } - .md\:hover\:text-teal:hover { - color: #4dc0b5; + .md\:hover\:bg-teal-lighter:hover { + background-color: #a0f0ed; } - .md\:hover\:text-teal-light:hover { - color: #64d5ca; + .md\:hover\:bg-teal-lightest:hover { + background-color: #e8fffe; } - .md\:hover\:text-teal-lighter:hover { - color: #a0f0ed; + .md\:hover\:bg-blue-darkest:hover { + background-color: #05233b; } - .md\:hover\:text-teal-lightest:hover { - color: #e8fffe; + .md\:hover\:bg-blue-darker:hover { + background-color: #103d60; } - .md\:hover\:text-blue-darkest:hover { - color: #05233b; + .md\:hover\:bg-blue-dark:hover { + background-color: #2779bd; } - .md\:hover\:text-blue-darker:hover { - color: #103d60; + .md\:hover\:bg-blue:hover { + background-color: #3490dc; } - .md\:hover\:text-blue-dark:hover { - color: #2779bd; + .md\:hover\:bg-blue-light:hover { + background-color: #6cb2eb; } - .md\:hover\:text-blue:hover { - color: #3490dc; + .md\:hover\:bg-blue-lighter:hover { + background-color: #bcdefa; } - .md\:hover\:text-blue-light:hover { - color: #6cb2eb; + .md\:hover\:bg-blue-lightest:hover { + background-color: #eff8ff; } - .md\:hover\:text-blue-lighter:hover { - color: #bcdefa; + .md\:hover\:bg-indigo-darkest:hover { + background-color: #191e38; } - .md\:hover\:text-blue-lightest:hover { - color: #eff8ff; + .md\:hover\:bg-indigo-darker:hover { + background-color: #2f365f; } - .md\:hover\:text-indigo-darkest:hover { - color: #191e38; + .md\:hover\:bg-indigo-dark:hover { + background-color: #5661b3; } - .md\:hover\:text-indigo-darker:hover { - color: #2f365f; + .md\:hover\:bg-indigo:hover { + background-color: #6574cd; } - .md\:hover\:text-indigo-dark:hover { - color: #5661b3; + .md\:hover\:bg-indigo-light:hover { + background-color: #7886d7; } - .md\:hover\:text-indigo:hover { - color: #6574cd; + .md\:hover\:bg-indigo-lighter:hover { + background-color: #b2b7ff; } - .md\:hover\:text-indigo-light:hover { - color: #7886d7; + .md\:hover\:bg-indigo-lightest:hover { + background-color: #e6e8ff; } - .md\:hover\:text-indigo-lighter:hover { - color: #b2b7ff; + .md\:hover\:bg-purple-darkest:hover { + background-color: #1f133f; } - .md\:hover\:text-indigo-lightest:hover { - color: #e6e8ff; + .md\:hover\:bg-purple-darker:hover { + background-color: #352465; } - .md\:hover\:text-purple-darkest:hover { - color: #1f133f; + .md\:hover\:bg-purple-dark:hover { + background-color: #794acf; } - .md\:hover\:text-purple-darker:hover { - color: #352465; + .md\:hover\:bg-purple:hover { + background-color: #9561e2; } - .md\:hover\:text-purple-dark:hover { - color: #794acf; + .md\:hover\:bg-purple-light:hover { + background-color: #a779e9; } - .md\:hover\:text-purple:hover { - color: #9561e2; + .md\:hover\:bg-purple-lighter:hover { + background-color: #d6bbfc; } - .md\:hover\:text-purple-light:hover { - color: #a779e9; + .md\:hover\:bg-purple-lightest:hover { + background-color: #f3ebff; } - .md\:hover\:text-purple-lighter:hover { - color: #d6bbfc; + .md\:hover\:bg-pink-darkest:hover { + background-color: #45051e; } - .md\:hover\:text-purple-lightest:hover { - color: #f3ebff; + .md\:hover\:bg-pink-darker:hover { + background-color: #72173a; } - .md\:hover\:text-pink-darkest:hover { - color: #45051e; + .md\:hover\:bg-pink-dark:hover { + background-color: #eb5286; } - .md\:hover\:text-pink-darker:hover { - color: #72173a; + .md\:hover\:bg-pink:hover { + background-color: #f66d9b; } - .md\:hover\:text-pink-dark:hover { - color: #eb5286; + .md\:hover\:bg-pink-light:hover { + background-color: #fa7ea8; } - .md\:hover\:text-pink:hover { - color: #f66d9b; + .md\:hover\:bg-pink-lighter:hover { + background-color: #ffbbca; } - .md\:hover\:text-pink-light:hover { - color: #fa7ea8; + .md\:hover\:bg-pink-lightest:hover { + background-color: #ffebef; } - .md\:hover\:text-pink-lighter:hover { - color: #ffbbca; + .md\:bg-bottom { + background-position: bottom; } - .md\:hover\:text-pink-lightest:hover { - color: #ffebef; + .md\:bg-center { + background-position: center; } - .md\:leading-none { - line-height: 1; + .md\:bg-left { + background-position: left; } - .md\:leading-tight { - line-height: 1.25; + .md\:bg-left-bottom { + background-position: left bottom; } - .md\:leading-normal { - line-height: 1.5; + .md\:bg-left-top { + background-position: left top; } - .md\:leading-loose { - line-height: 2; + .md\:bg-right { + background-position: right; } - .md\:tracking-tight { - letter-spacing: -0.05em; + .md\:bg-right-bottom { + background-position: right bottom; } - .md\:tracking-normal { - letter-spacing: 0; + .md\:bg-right-top { + background-position: right top; } - .md\:tracking-wide { - letter-spacing: 0.05em; + .md\:bg-top { + background-position: top; } - .md\:text-left { - text-align: left; + .md\:bg-cover { + background-size: cover; } - .md\:text-center { - text-align: center; + .md\:bg-contain { + background-size: contain; } - .md\:text-right { - text-align: right; + .md\:border-transparent { + border-color: transparent; } - .md\:text-justify { - text-align: justify; + .md\:border-black { + border-color: #222b2f; } - .md\:whitespace-normal { - white-space: normal; + .md\:border-grey-darkest { + border-color: #364349; } - .md\:whitespace-no-wrap { - white-space: nowrap; + .md\:border-grey-darker { + border-color: #596a73; } - .md\:whitespace-pre { - white-space: pre; + .md\:border-grey-dark { + border-color: #70818a; } - .md\:whitespace-pre-line { - white-space: pre-line; + .md\:border-grey { + border-color: #9babb4; } - .md\:whitespace-pre-wrap { - white-space: pre-wrap; + .md\:border-grey-light { + border-color: #dae4e9; } - .md\:break-words { - word-wrap: break-word; + .md\:border-grey-lighter { + border-color: #f3f7f9; } - .md\:break-normal { - word-wrap: normal; + .md\:border-grey-lightest { + border-color: #fafcfc; } - .md\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .md\:border-white { + border-color: #ffffff; } - .md\:italic { - font-style: italic; + .md\:border-red-darkest { + border-color: #420806; } - .md\:roman { - font-style: normal; + .md\:border-red-darker { + border-color: #6a1b19; } - .md\:uppercase { - text-transform: uppercase; + .md\:border-red-dark { + border-color: #cc1f1a; } - .md\:lowercase { - text-transform: lowercase; + .md\:border-red { + border-color: #e3342f; } - .md\:capitalize { - text-transform: capitalize; + .md\:border-red-light { + border-color: #ef5753; } - .md\:normal-case { - text-transform: none; + .md\:border-red-lighter { + border-color: #f9acaa; } - .md\:underline { - text-decoration: underline; + .md\:border-red-lightest { + border-color: #fcebea; } - .md\:line-through { - text-decoration: line-through; + .md\:border-orange-darkest { + border-color: #542605; } - .md\:no-underline { - text-decoration: none; + .md\:border-orange-darker { + border-color: #7f4012; } - .md\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .md\:border-orange-dark { + border-color: #de751f; } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .md\:border-orange { + border-color: #f6993f; } - .md\:hover\:italic:hover { - font-style: italic; + .md\:border-orange-light { + border-color: #faad63; } - .md\:hover\:roman:hover { - font-style: normal; + .md\:border-orange-lighter { + border-color: #fcd9b6; } - .md\:hover\:uppercase:hover { - text-transform: uppercase; + .md\:border-orange-lightest { + border-color: #fff5eb; } - .md\:hover\:lowercase:hover { - text-transform: lowercase; + .md\:border-yellow-darkest { + border-color: #453411; } - .md\:hover\:capitalize:hover { - text-transform: capitalize; + .md\:border-yellow-darker { + border-color: #684f1d; } - .md\:hover\:normal-case:hover { - text-transform: none; + .md\:border-yellow-dark { + border-color: #f2d024; } - .md\:hover\:underline:hover { - text-decoration: underline; + .md\:border-yellow { + border-color: #ffed4a; } - .md\:hover\:line-through:hover { - text-decoration: line-through; + .md\:border-yellow-light { + border-color: #fff382; } - .md\:hover\:no-underline:hover { - text-decoration: none; + .md\:border-yellow-lighter { + border-color: #fff9c2; } - .md\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .md\:border-yellow-lightest { + border-color: #fcfbeb; } - .md\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .md\:border-green-darkest { + border-color: #032d19; } - .md\:align-baseline { - vertical-align: baseline; + .md\:border-green-darker { + border-color: #0b4228; } - .md\:align-top { - vertical-align: top; + .md\:border-green-dark { + border-color: #1f9d55; } - .md\:align-middle { - vertical-align: middle; + .md\:border-green { + border-color: #38c172; } - .md\:align-bottom { - vertical-align: bottom; + .md\:border-green-light { + border-color: #51d88a; } - .md\:align-text-top { - vertical-align: text-top; + .md\:border-green-lighter { + border-color: #a2f5bf; } - .md\:align-text-bottom { - vertical-align: text-bottom; + .md\:border-green-lightest { + border-color: #e3fcec; } - .md\:bg-transparent { - background-color: transparent; + .md\:border-teal-darkest { + border-color: #0d3331; } - .md\:bg-black { - background-color: #222b2f; + .md\:border-teal-darker { + border-color: #174e4b; } - .md\:bg-grey-darkest { - background-color: #364349; + .md\:border-teal-dark { + border-color: #38a89d; } - .md\:bg-grey-darker { - background-color: #596a73; + .md\:border-teal { + border-color: #4dc0b5; } - .md\:bg-grey-dark { - background-color: #70818a; + .md\:border-teal-light { + border-color: #64d5ca; } - .md\:bg-grey { - background-color: #9babb4; + .md\:border-teal-lighter { + border-color: #a0f0ed; } - .md\:bg-grey-light { - background-color: #dae4e9; + .md\:border-teal-lightest { + border-color: #e8fffe; } - .md\:bg-grey-lighter { - background-color: #f3f7f9; + .md\:border-blue-darkest { + border-color: #05233b; } - .md\:bg-grey-lightest { - background-color: #fafcfc; + .md\:border-blue-darker { + border-color: #103d60; } - .md\:bg-white { - background-color: #ffffff; + .md\:border-blue-dark { + border-color: #2779bd; } - .md\:bg-red-darkest { - background-color: #420806; + .md\:border-blue { + border-color: #3490dc; } - .md\:bg-red-darker { - background-color: #6a1b19; + .md\:border-blue-light { + border-color: #6cb2eb; } - .md\:bg-red-dark { - background-color: #cc1f1a; + .md\:border-blue-lighter { + border-color: #bcdefa; } - .md\:bg-red { - background-color: #e3342f; + .md\:border-blue-lightest { + border-color: #eff8ff; } - .md\:bg-red-light { - background-color: #ef5753; + .md\:border-indigo-darkest { + border-color: #191e38; } - .md\:bg-red-lighter { - background-color: #f9acaa; + .md\:border-indigo-darker { + border-color: #2f365f; } - .md\:bg-red-lightest { - background-color: #fcebea; + .md\:border-indigo-dark { + border-color: #5661b3; } - .md\:bg-orange-darkest { - background-color: #542605; + .md\:border-indigo { + border-color: #6574cd; } - .md\:bg-orange-darker { - background-color: #7f4012; + .md\:border-indigo-light { + border-color: #7886d7; } - .md\:bg-orange-dark { - background-color: #de751f; + .md\:border-indigo-lighter { + border-color: #b2b7ff; } - .md\:bg-orange { - background-color: #f6993f; + .md\:border-indigo-lightest { + border-color: #e6e8ff; } - .md\:bg-orange-light { - background-color: #faad63; + .md\:border-purple-darkest { + border-color: #1f133f; } - .md\:bg-orange-lighter { - background-color: #fcd9b6; + .md\:border-purple-darker { + border-color: #352465; } - .md\:bg-orange-lightest { - background-color: #fff5eb; + .md\:border-purple-dark { + border-color: #794acf; } - .md\:bg-yellow-darkest { - background-color: #453411; + .md\:border-purple { + border-color: #9561e2; } - .md\:bg-yellow-darker { - background-color: #684f1d; + .md\:border-purple-light { + border-color: #a779e9; } - .md\:bg-yellow-dark { - background-color: #f2d024; + .md\:border-purple-lighter { + border-color: #d6bbfc; } - .md\:bg-yellow { - background-color: #ffed4a; + .md\:border-purple-lightest { + border-color: #f3ebff; } - .md\:bg-yellow-light { - background-color: #fff382; + .md\:border-pink-darkest { + border-color: #45051e; } - .md\:bg-yellow-lighter { - background-color: #fff9c2; + .md\:border-pink-darker { + border-color: #72173a; } - .md\:bg-yellow-lightest { - background-color: #fcfbeb; + .md\:border-pink-dark { + border-color: #eb5286; } - .md\:bg-green-darkest { - background-color: #032d19; + .md\:border-pink { + border-color: #f66d9b; } - .md\:bg-green-darker { - background-color: #0b4228; + .md\:border-pink-light { + border-color: #fa7ea8; } - .md\:bg-green-dark { - background-color: #1f9d55; + .md\:border-pink-lighter { + border-color: #ffbbca; } - .md\:bg-green { - background-color: #38c172; + .md\:border-pink-lightest { + border-color: #ffebef; } - .md\:bg-green-light { - background-color: #51d88a; + .md\:hover\:border-transparent:hover { + border-color: transparent; } - .md\:bg-green-lighter { - background-color: #a2f5bf; + .md\:hover\:border-black:hover { + border-color: #222b2f; } - .md\:bg-green-lightest { - background-color: #e3fcec; + .md\:hover\:border-grey-darkest:hover { + border-color: #364349; } - .md\:bg-teal-darkest { - background-color: #0d3331; + .md\:hover\:border-grey-darker:hover { + border-color: #596a73; } - .md\:bg-teal-darker { - background-color: #174e4b; + .md\:hover\:border-grey-dark:hover { + border-color: #70818a; } - .md\:bg-teal-dark { - background-color: #38a89d; + .md\:hover\:border-grey:hover { + border-color: #9babb4; } - .md\:bg-teal { - background-color: #4dc0b5; + .md\:hover\:border-grey-light:hover { + border-color: #dae4e9; } - .md\:bg-teal-light { - background-color: #64d5ca; + .md\:hover\:border-grey-lighter:hover { + border-color: #f3f7f9; } - .md\:bg-teal-lighter { - background-color: #a0f0ed; + .md\:hover\:border-grey-lightest:hover { + border-color: #fafcfc; } - .md\:bg-teal-lightest { - background-color: #e8fffe; + .md\:hover\:border-white:hover { + border-color: #ffffff; } - .md\:bg-blue-darkest { - background-color: #05233b; + .md\:hover\:border-red-darkest:hover { + border-color: #420806; } - .md\:bg-blue-darker { - background-color: #103d60; + .md\:hover\:border-red-darker:hover { + border-color: #6a1b19; } - .md\:bg-blue-dark { - background-color: #2779bd; + .md\:hover\:border-red-dark:hover { + border-color: #cc1f1a; } - .md\:bg-blue { - background-color: #3490dc; + .md\:hover\:border-red:hover { + border-color: #e3342f; } - .md\:bg-blue-light { - background-color: #6cb2eb; + .md\:hover\:border-red-light:hover { + border-color: #ef5753; } - .md\:bg-blue-lighter { - background-color: #bcdefa; + .md\:hover\:border-red-lighter:hover { + border-color: #f9acaa; } - .md\:bg-blue-lightest { - background-color: #eff8ff; + .md\:hover\:border-red-lightest:hover { + border-color: #fcebea; } - .md\:bg-indigo-darkest { - background-color: #191e38; + .md\:hover\:border-orange-darkest:hover { + border-color: #542605; } - .md\:bg-indigo-darker { - background-color: #2f365f; + .md\:hover\:border-orange-darker:hover { + border-color: #7f4012; } - .md\:bg-indigo-dark { - background-color: #5661b3; + .md\:hover\:border-orange-dark:hover { + border-color: #de751f; } - .md\:bg-indigo { - background-color: #6574cd; + .md\:hover\:border-orange:hover { + border-color: #f6993f; } - .md\:bg-indigo-light { - background-color: #7886d7; + .md\:hover\:border-orange-light:hover { + border-color: #faad63; } - .md\:bg-indigo-lighter { - background-color: #b2b7ff; + .md\:hover\:border-orange-lighter:hover { + border-color: #fcd9b6; } - .md\:bg-indigo-lightest { - background-color: #e6e8ff; + .md\:hover\:border-orange-lightest:hover { + border-color: #fff5eb; } - .md\:bg-purple-darkest { - background-color: #1f133f; + .md\:hover\:border-yellow-darkest:hover { + border-color: #453411; } - .md\:bg-purple-darker { - background-color: #352465; + .md\:hover\:border-yellow-darker:hover { + border-color: #684f1d; } - .md\:bg-purple-dark { - background-color: #794acf; + .md\:hover\:border-yellow-dark:hover { + border-color: #f2d024; } - .md\:bg-purple { - background-color: #9561e2; + .md\:hover\:border-yellow:hover { + border-color: #ffed4a; } - .md\:bg-purple-light { - background-color: #a779e9; + .md\:hover\:border-yellow-light:hover { + border-color: #fff382; } - .md\:bg-purple-lighter { - background-color: #d6bbfc; + .md\:hover\:border-yellow-lighter:hover { + border-color: #fff9c2; } - .md\:bg-purple-lightest { - background-color: #f3ebff; + .md\:hover\:border-yellow-lightest:hover { + border-color: #fcfbeb; } - .md\:bg-pink-darkest { - background-color: #45051e; + .md\:hover\:border-green-darkest:hover { + border-color: #032d19; } - .md\:bg-pink-darker { - background-color: #72173a; + .md\:hover\:border-green-darker:hover { + border-color: #0b4228; } - .md\:bg-pink-dark { - background-color: #eb5286; + .md\:hover\:border-green-dark:hover { + border-color: #1f9d55; } - .md\:bg-pink { - background-color: #f66d9b; + .md\:hover\:border-green:hover { + border-color: #38c172; } - .md\:bg-pink-light { - background-color: #fa7ea8; + .md\:hover\:border-green-light:hover { + border-color: #51d88a; } - .md\:bg-pink-lighter { - background-color: #ffbbca; + .md\:hover\:border-green-lighter:hover { + border-color: #a2f5bf; } - .md\:bg-pink-lightest { - background-color: #ffebef; + .md\:hover\:border-green-lightest:hover { + border-color: #e3fcec; } - .md\:hover\:bg-transparent:hover { - background-color: transparent; + .md\:hover\:border-teal-darkest:hover { + border-color: #0d3331; } - .md\:hover\:bg-black:hover { - background-color: #222b2f; + .md\:hover\:border-teal-darker:hover { + border-color: #174e4b; } - .md\:hover\:bg-grey-darkest:hover { - background-color: #364349; + .md\:hover\:border-teal-dark:hover { + border-color: #38a89d; } - .md\:hover\:bg-grey-darker:hover { - background-color: #596a73; + .md\:hover\:border-teal:hover { + border-color: #4dc0b5; } - .md\:hover\:bg-grey-dark:hover { - background-color: #70818a; + .md\:hover\:border-teal-light:hover { + border-color: #64d5ca; } - .md\:hover\:bg-grey:hover { - background-color: #9babb4; + .md\:hover\:border-teal-lighter:hover { + border-color: #a0f0ed; } - .md\:hover\:bg-grey-light:hover { - background-color: #dae4e9; + .md\:hover\:border-teal-lightest:hover { + border-color: #e8fffe; } - .md\:hover\:bg-grey-lighter:hover { - background-color: #f3f7f9; + .md\:hover\:border-blue-darkest:hover { + border-color: #05233b; } - .md\:hover\:bg-grey-lightest:hover { - background-color: #fafcfc; + .md\:hover\:border-blue-darker:hover { + border-color: #103d60; } - .md\:hover\:bg-white:hover { - background-color: #ffffff; + .md\:hover\:border-blue-dark:hover { + border-color: #2779bd; } - .md\:hover\:bg-red-darkest:hover { - background-color: #420806; + .md\:hover\:border-blue:hover { + border-color: #3490dc; } - .md\:hover\:bg-red-darker:hover { - background-color: #6a1b19; + .md\:hover\:border-blue-light:hover { + border-color: #6cb2eb; } - .md\:hover\:bg-red-dark:hover { - background-color: #cc1f1a; + .md\:hover\:border-blue-lighter:hover { + border-color: #bcdefa; } - .md\:hover\:bg-red:hover { - background-color: #e3342f; + .md\:hover\:border-blue-lightest:hover { + border-color: #eff8ff; } - .md\:hover\:bg-red-light:hover { - background-color: #ef5753; + .md\:hover\:border-indigo-darkest:hover { + border-color: #191e38; } - .md\:hover\:bg-red-lighter:hover { - background-color: #f9acaa; + .md\:hover\:border-indigo-darker:hover { + border-color: #2f365f; } - .md\:hover\:bg-red-lightest:hover { - background-color: #fcebea; + .md\:hover\:border-indigo-dark:hover { + border-color: #5661b3; } - .md\:hover\:bg-orange-darkest:hover { - background-color: #542605; + .md\:hover\:border-indigo:hover { + border-color: #6574cd; } - .md\:hover\:bg-orange-darker:hover { - background-color: #7f4012; + .md\:hover\:border-indigo-light:hover { + border-color: #7886d7; } - .md\:hover\:bg-orange-dark:hover { - background-color: #de751f; + .md\:hover\:border-indigo-lighter:hover { + border-color: #b2b7ff; } - .md\:hover\:bg-orange:hover { - background-color: #f6993f; + .md\:hover\:border-indigo-lightest:hover { + border-color: #e6e8ff; } - .md\:hover\:bg-orange-light:hover { - background-color: #faad63; + .md\:hover\:border-purple-darkest:hover { + border-color: #1f133f; } - .md\:hover\:bg-orange-lighter:hover { - background-color: #fcd9b6; + .md\:hover\:border-purple-darker:hover { + border-color: #352465; } - .md\:hover\:bg-orange-lightest:hover { - background-color: #fff5eb; + .md\:hover\:border-purple-dark:hover { + border-color: #794acf; } - .md\:hover\:bg-yellow-darkest:hover { - background-color: #453411; + .md\:hover\:border-purple:hover { + border-color: #9561e2; } - .md\:hover\:bg-yellow-darker:hover { - background-color: #684f1d; + .md\:hover\:border-purple-light:hover { + border-color: #a779e9; } - .md\:hover\:bg-yellow-dark:hover { - background-color: #f2d024; + .md\:hover\:border-purple-lighter:hover { + border-color: #d6bbfc; } - .md\:hover\:bg-yellow:hover { - background-color: #ffed4a; + .md\:hover\:border-purple-lightest:hover { + border-color: #f3ebff; } - .md\:hover\:bg-yellow-light:hover { - background-color: #fff382; + .md\:hover\:border-pink-darkest:hover { + border-color: #45051e; } - .md\:hover\:bg-yellow-lighter:hover { - background-color: #fff9c2; + .md\:hover\:border-pink-darker:hover { + border-color: #72173a; } - .md\:hover\:bg-yellow-lightest:hover { - background-color: #fcfbeb; + .md\:hover\:border-pink-dark:hover { + border-color: #eb5286; } - .md\:hover\:bg-green-darkest:hover { - background-color: #032d19; + .md\:hover\:border-pink:hover { + border-color: #f66d9b; } - .md\:hover\:bg-green-darker:hover { - background-color: #0b4228; + .md\:hover\:border-pink-light:hover { + border-color: #fa7ea8; } - .md\:hover\:bg-green-dark:hover { - background-color: #1f9d55; + .md\:hover\:border-pink-lighter:hover { + border-color: #ffbbca; } - .md\:hover\:bg-green:hover { - background-color: #38c172; + .md\:hover\:border-pink-lightest:hover { + border-color: #ffebef; } - .md\:hover\:bg-green-light:hover { - background-color: #51d88a; + .md\:rounded-none { + border-radius: 0; } - .md\:hover\:bg-green-lighter:hover { - background-color: #a2f5bf; + .md\:rounded-sm { + border-radius: .125rem; } - .md\:hover\:bg-green-lightest:hover { - background-color: #e3fcec; + .md\:rounded { + border-radius: .25rem; } - .md\:hover\:bg-teal-darkest:hover { - background-color: #0d3331; + .md\:rounded-lg { + border-radius: .5rem; } - .md\:hover\:bg-teal-darker:hover { - background-color: #174e4b; + .md\:rounded-full { + border-radius: 9999px; } - .md\:hover\:bg-teal-dark:hover { - background-color: #38a89d; + .md\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .md\:hover\:bg-teal:hover { - background-color: #4dc0b5; + .md\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .md\:hover\:bg-teal-light:hover { - background-color: #64d5ca; + .md\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .md\:hover\:bg-teal-lighter:hover { - background-color: #a0f0ed; + .md\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .md\:hover\:bg-teal-lightest:hover { - background-color: #e8fffe; + .md\:rounded-t-sm { + border-top-left-radius: .125rem; + border-top-right-radius: .125rem; } - .md\:hover\:bg-blue-darkest:hover { - background-color: #05233b; + .md\:rounded-r-sm { + border-top-right-radius: .125rem; + border-bottom-right-radius: .125rem; } - .md\:hover\:bg-blue-darker:hover { - background-color: #103d60; + .md\:rounded-b-sm { + border-bottom-right-radius: .125rem; + border-bottom-left-radius: .125rem; } - .md\:hover\:bg-blue-dark:hover { - background-color: #2779bd; + .md\:rounded-l-sm { + border-top-left-radius: .125rem; + border-bottom-left-radius: .125rem; } - .md\:hover\:bg-blue:hover { - background-color: #3490dc; + .md\:rounded-t { + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; } - .md\:hover\:bg-blue-light:hover { - background-color: #6cb2eb; + .md\:rounded-r { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; } - .md\:hover\:bg-blue-lighter:hover { - background-color: #bcdefa; + .md\:rounded-b { + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; } - .md\:hover\:bg-blue-lightest:hover { - background-color: #eff8ff; + .md\:rounded-l { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; } - .md\:hover\:bg-indigo-darkest:hover { - background-color: #191e38; + .md\:rounded-t-lg { + border-top-left-radius: .5rem; + border-top-right-radius: .5rem; } - .md\:hover\:bg-indigo-darker:hover { - background-color: #2f365f; + .md\:rounded-r-lg { + border-top-right-radius: .5rem; + border-bottom-right-radius: .5rem; } - .md\:hover\:bg-indigo-dark:hover { - background-color: #5661b3; + .md\:rounded-b-lg { + border-bottom-right-radius: .5rem; + border-bottom-left-radius: .5rem; } - .md\:hover\:bg-indigo:hover { - background-color: #6574cd; + .md\:rounded-l-lg { + border-top-left-radius: .5rem; + border-bottom-left-radius: .5rem; } - .md\:hover\:bg-indigo-light:hover { - background-color: #7886d7; + .md\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .md\:hover\:bg-indigo-lighter:hover { - background-color: #b2b7ff; + .md\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .md\:hover\:bg-indigo-lightest:hover { - background-color: #e6e8ff; + .md\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .md\:hover\:bg-purple-darkest:hover { - background-color: #1f133f; + .md\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .md\:hover\:bg-purple-darker:hover { - background-color: #352465; + .md\:rounded-tl-none { + border-top-left-radius: 0; } - .md\:hover\:bg-purple-dark:hover { - background-color: #794acf; + .md\:rounded-tr-none { + border-top-right-radius: 0; } - .md\:hover\:bg-purple:hover { - background-color: #9561e2; + .md\:rounded-br-none { + border-bottom-right-radius: 0; } - .md\:hover\:bg-purple-light:hover { - background-color: #a779e9; + .md\:rounded-bl-none { + border-bottom-left-radius: 0; } - .md\:hover\:bg-purple-lighter:hover { - background-color: #d6bbfc; + .md\:rounded-tl-sm { + border-top-left-radius: .125rem; } - .md\:hover\:bg-purple-lightest:hover { - background-color: #f3ebff; + .md\:rounded-tr-sm { + border-top-right-radius: .125rem; } - .md\:hover\:bg-pink-darkest:hover { - background-color: #45051e; + .md\:rounded-br-sm { + border-bottom-right-radius: .125rem; } - .md\:hover\:bg-pink-darker:hover { - background-color: #72173a; + .md\:rounded-bl-sm { + border-bottom-left-radius: .125rem; } - .md\:hover\:bg-pink-dark:hover { - background-color: #eb5286; + .md\:rounded-tl { + border-top-left-radius: .25rem; } - .md\:hover\:bg-pink:hover { - background-color: #f66d9b; + .md\:rounded-tr { + border-top-right-radius: .25rem; } - .md\:hover\:bg-pink-light:hover { - background-color: #fa7ea8; + .md\:rounded-br { + border-bottom-right-radius: .25rem; } - .md\:hover\:bg-pink-lighter:hover { - background-color: #ffbbca; + .md\:rounded-bl { + border-bottom-left-radius: .25rem; } - .md\:hover\:bg-pink-lightest:hover { - background-color: #ffebef; + .md\:rounded-tl-lg { + border-top-left-radius: .5rem; } - .md\:bg-bottom { - background-position: bottom; + .md\:rounded-tr-lg { + border-top-right-radius: .5rem; } - .md\:bg-center { - background-position: center; + .md\:rounded-br-lg { + border-bottom-right-radius: .5rem; } - .md\:bg-left { - background-position: left; + .md\:rounded-bl-lg { + border-bottom-left-radius: .5rem; } - .md\:bg-left-bottom { - background-position: left bottom; + .md\:rounded-tl-full { + border-top-left-radius: 9999px; } - .md\:bg-left-top { - background-position: left top; + .md\:rounded-tr-full { + border-top-right-radius: 9999px; } - .md\:bg-right { - background-position: right; + .md\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .md\:bg-right-bottom { - background-position: right bottom; + .md\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .md\:bg-right-top { - background-position: right top; + .md\:border-solid { + border-style: solid; } - .md\:bg-top { - background-position: top; + .md\:border-dashed { + border-style: dashed; } - .md\:bg-cover { - background-size: cover; + .md\:border-dotted { + border-style: dotted; } - .md\:bg-contain { - background-size: contain; + .md\:border-none { + border-style: none; } .md\:border-0 { @@ -9916,1165 +9818,1014 @@ button, border-left-width: 1px; } - .md\:border-transparent { - border-color: transparent; - } - - .md\:border-black { - border-color: #222b2f; - } - - .md\:border-grey-darkest { - border-color: #364349; - } - - .md\:border-grey-darker { - border-color: #596a73; - } - - .md\:border-grey-dark { - border-color: #70818a; - } - - .md\:border-grey { - border-color: #9babb4; - } - - .md\:border-grey-light { - border-color: #dae4e9; - } - - .md\:border-grey-lighter { - border-color: #f3f7f9; - } - - .md\:border-grey-lightest { - border-color: #fafcfc; - } - - .md\:border-white { - border-color: #ffffff; - } - - .md\:border-red-darkest { - border-color: #420806; - } - - .md\:border-red-darker { - border-color: #6a1b19; - } - - .md\:border-red-dark { - border-color: #cc1f1a; - } - - .md\:border-red { - border-color: #e3342f; - } - - .md\:border-red-light { - border-color: #ef5753; - } - - .md\:border-red-lighter { - border-color: #f9acaa; - } - - .md\:border-red-lightest { - border-color: #fcebea; - } - - .md\:border-orange-darkest { - border-color: #542605; - } - - .md\:border-orange-darker { - border-color: #7f4012; - } - - .md\:border-orange-dark { - border-color: #de751f; - } - - .md\:border-orange { - border-color: #f6993f; - } - - .md\:border-orange-light { - border-color: #faad63; - } - - .md\:border-orange-lighter { - border-color: #fcd9b6; - } - - .md\:border-orange-lightest { - border-color: #fff5eb; - } - - .md\:border-yellow-darkest { - border-color: #453411; - } - - .md\:border-yellow-darker { - border-color: #684f1d; - } - - .md\:border-yellow-dark { - border-color: #f2d024; - } - - .md\:border-yellow { - border-color: #ffed4a; - } - - .md\:border-yellow-light { - border-color: #fff382; - } - - .md\:border-yellow-lighter { - border-color: #fff9c2; - } - - .md\:border-yellow-lightest { - border-color: #fcfbeb; - } - - .md\:border-green-darkest { - border-color: #032d19; - } - - .md\:border-green-darker { - border-color: #0b4228; - } - - .md\:border-green-dark { - border-color: #1f9d55; - } - - .md\:border-green { - border-color: #38c172; - } - - .md\:border-green-light { - border-color: #51d88a; - } - - .md\:border-green-lighter { - border-color: #a2f5bf; - } - - .md\:border-green-lightest { - border-color: #e3fcec; - } - - .md\:border-teal-darkest { - border-color: #0d3331; - } - - .md\:border-teal-darker { - border-color: #174e4b; - } - - .md\:border-teal-dark { - border-color: #38a89d; + .md\:cursor-auto { + cursor: auto; } - .md\:border-teal { - border-color: #4dc0b5; + .md\:cursor-default { + cursor: default; } - .md\:border-teal-light { - border-color: #64d5ca; + .md\:cursor-pointer { + cursor: pointer; } - .md\:border-teal-lighter { - border-color: #a0f0ed; + .md\:cursor-not-allowed { + cursor: not-allowed; } - .md\:border-teal-lightest { - border-color: #e8fffe; + .md\:block { + display: block; } - .md\:border-blue-darkest { - border-color: #05233b; + .md\:inline-block { + display: inline-block; } - .md\:border-blue-darker { - border-color: #103d60; + .md\:inline { + display: inline; } - .md\:border-blue-dark { - border-color: #2779bd; + .md\:table { + display: table; } - .md\:border-blue { - border-color: #3490dc; + .md\:table-row { + display: table-row; } - .md\:border-blue-light { - border-color: #6cb2eb; + .md\:table-cell { + display: table-cell; } - .md\:border-blue-lighter { - border-color: #bcdefa; + .md\:hidden { + display: none; } - .md\:border-blue-lightest { - border-color: #eff8ff; + .md\:flex { + display: flex; } - .md\:border-indigo-darkest { - border-color: #191e38; + .md\:inline-flex { + display: inline-flex; } - .md\:border-indigo-darker { - border-color: #2f365f; + .md\:flex-row { + flex-direction: row; } - .md\:border-indigo-dark { - border-color: #5661b3; + .md\:flex-row-reverse { + flex-direction: row-reverse; } - .md\:border-indigo { - border-color: #6574cd; + .md\:flex-col { + flex-direction: column; } - .md\:border-indigo-light { - border-color: #7886d7; + .md\:flex-col-reverse { + flex-direction: column-reverse; } - .md\:border-indigo-lighter { - border-color: #b2b7ff; + .md\:flex-wrap { + flex-wrap: wrap; } - .md\:border-indigo-lightest { - border-color: #e6e8ff; + .md\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .md\:border-purple-darkest { - border-color: #1f133f; + .md\:flex-no-wrap { + flex-wrap: nowrap; } - .md\:border-purple-darker { - border-color: #352465; + .md\:items-start { + align-items: flex-start; } - .md\:border-purple-dark { - border-color: #794acf; + .md\:items-end { + align-items: flex-end; } - .md\:border-purple { - border-color: #9561e2; + .md\:items-center { + align-items: center; } - .md\:border-purple-light { - border-color: #a779e9; + .md\:items-baseline { + align-items: baseline; } - .md\:border-purple-lighter { - border-color: #d6bbfc; + .md\:items-stretch { + align-items: stretch; } - .md\:border-purple-lightest { - border-color: #f3ebff; + .md\:self-auto { + align-self: auto; } - .md\:border-pink-darkest { - border-color: #45051e; + .md\:self-start { + align-self: flex-start; } - .md\:border-pink-darker { - border-color: #72173a; + .md\:self-end { + align-self: flex-end; } - .md\:border-pink-dark { - border-color: #eb5286; + .md\:self-center { + align-self: center; } - .md\:border-pink { - border-color: #f66d9b; + .md\:self-stretch { + align-self: stretch; } - .md\:border-pink-light { - border-color: #fa7ea8; + .md\:justify-start { + justify-content: flex-start; } - .md\:border-pink-lighter { - border-color: #ffbbca; + .md\:justify-end { + justify-content: flex-end; } - .md\:border-pink-lightest { - border-color: #ffebef; + .md\:justify-center { + justify-content: center; } - .md\:hover\:border-transparent:hover { - border-color: transparent; + .md\:justify-between { + justify-content: space-between; } - .md\:hover\:border-black:hover { - border-color: #222b2f; + .md\:justify-around { + justify-content: space-around; } - .md\:hover\:border-grey-darkest:hover { - border-color: #364349; + .md\:content-center { + align-content: center; } - .md\:hover\:border-grey-darker:hover { - border-color: #596a73; + .md\:content-start { + align-content: flex-start; } - .md\:hover\:border-grey-dark:hover { - border-color: #70818a; + .md\:content-end { + align-content: flex-end; } - .md\:hover\:border-grey:hover { - border-color: #9babb4; + .md\:content-between { + align-content: space-between; } - .md\:hover\:border-grey-light:hover { - border-color: #dae4e9; + .md\:content-around { + align-content: space-around; } - .md\:hover\:border-grey-lighter:hover { - border-color: #f3f7f9; + .md\:flex-1 { + flex: 1; } - .md\:hover\:border-grey-lightest:hover { - border-color: #fafcfc; + .md\:flex-auto { + flex: auto; } - .md\:hover\:border-white:hover { - border-color: #ffffff; + .md\:flex-initial { + flex: initial; } - .md\:hover\:border-red-darkest:hover { - border-color: #420806; + .md\:flex-none { + flex: none; } - .md\:hover\:border-red-darker:hover { - border-color: #6a1b19; + .md\:flex-grow { + flex-grow: 1; } - .md\:hover\:border-red-dark:hover { - border-color: #cc1f1a; + .md\:flex-shrink { + flex-shrink: 1; } - .md\:hover\:border-red:hover { - border-color: #e3342f; + .md\:flex-no-grow { + flex-grow: 0; } - .md\:hover\:border-red-light:hover { - border-color: #ef5753; + .md\:flex-no-shrink { + flex-shrink: 0; } - .md\:hover\:border-red-lighter:hover { - border-color: #f9acaa; + .md\:float-right { + float: right; } - .md\:hover\:border-red-lightest:hover { - border-color: #fcebea; + .md\:float-left { + float: left; } - .md\:hover\:border-orange-darkest:hover { - border-color: #542605; + .md\:float-none { + float: none; } - .md\:hover\:border-orange-darker:hover { - border-color: #7f4012; + .md\:clearfix:after { + content: ""; + display: table; + clear: both; } - .md\:hover\:border-orange-dark:hover { - border-color: #de751f; + .md\:font-sans { + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } - .md\:hover\:border-orange:hover { - border-color: #f6993f; + .md\:font-serif { + font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; } - .md\:hover\:border-orange-light:hover { - border-color: #faad63; + .md\:font-mono { + font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } - .md\:hover\:border-orange-lighter:hover { - border-color: #fcd9b6; + .md\:font-hairline { + font-weight: 100; } - .md\:hover\:border-orange-lightest:hover { - border-color: #fff5eb; + .md\:font-thin { + font-weight: 200; } - .md\:hover\:border-yellow-darkest:hover { - border-color: #453411; + .md\:font-light { + font-weight: 300; } - .md\:hover\:border-yellow-darker:hover { - border-color: #684f1d; + .md\:font-normal { + font-weight: 400; } - .md\:hover\:border-yellow-dark:hover { - border-color: #f2d024; + .md\:font-medium { + font-weight: 500; } - .md\:hover\:border-yellow:hover { - border-color: #ffed4a; + .md\:font-semibold { + font-weight: 600; } - .md\:hover\:border-yellow-light:hover { - border-color: #fff382; + .md\:font-bold { + font-weight: 700; } - .md\:hover\:border-yellow-lighter:hover { - border-color: #fff9c2; + .md\:font-extrabold { + font-weight: 800; } - .md\:hover\:border-yellow-lightest:hover { - border-color: #fcfbeb; + .md\:font-black { + font-weight: 900; } - .md\:hover\:border-green-darkest:hover { - border-color: #032d19; + .md\:hover\:font-hairline:hover { + font-weight: 100; } - .md\:hover\:border-green-darker:hover { - border-color: #0b4228; + .md\:hover\:font-thin:hover { + font-weight: 200; } - .md\:hover\:border-green-dark:hover { - border-color: #1f9d55; + .md\:hover\:font-light:hover { + font-weight: 300; } - .md\:hover\:border-green:hover { - border-color: #38c172; + .md\:hover\:font-normal:hover { + font-weight: 400; } - .md\:hover\:border-green-light:hover { - border-color: #51d88a; + .md\:hover\:font-medium:hover { + font-weight: 500; } - .md\:hover\:border-green-lighter:hover { - border-color: #a2f5bf; + .md\:hover\:font-semibold:hover { + font-weight: 600; } - .md\:hover\:border-green-lightest:hover { - border-color: #e3fcec; + .md\:hover\:font-bold:hover { + font-weight: 700; } - .md\:hover\:border-teal-darkest:hover { - border-color: #0d3331; + .md\:hover\:font-extrabold:hover { + font-weight: 800; } - .md\:hover\:border-teal-darker:hover { - border-color: #174e4b; + .md\:hover\:font-black:hover { + font-weight: 900; } - .md\:hover\:border-teal-dark:hover { - border-color: #38a89d; + .md\:h-1 { + height: 0.25rem; } - .md\:hover\:border-teal:hover { - border-color: #4dc0b5; + .md\:h-2 { + height: 0.5rem; } - .md\:hover\:border-teal-light:hover { - border-color: #64d5ca; + .md\:h-3 { + height: 0.75rem; } - .md\:hover\:border-teal-lighter:hover { - border-color: #a0f0ed; + .md\:h-4 { + height: 1rem; } - .md\:hover\:border-teal-lightest:hover { - border-color: #e8fffe; + .md\:h-6 { + height: 1.5rem; } - .md\:hover\:border-blue-darkest:hover { - border-color: #05233b; + .md\:h-8 { + height: 2rem; } - .md\:hover\:border-blue-darker:hover { - border-color: #103d60; + .md\:h-10 { + height: 2.5rem; } - .md\:hover\:border-blue-dark:hover { - border-color: #2779bd; + .md\:h-12 { + height: 3rem; } - .md\:hover\:border-blue:hover { - border-color: #3490dc; + .md\:h-16 { + height: 4rem; } - .md\:hover\:border-blue-light:hover { - border-color: #6cb2eb; + .md\:h-24 { + height: 6rem; } - .md\:hover\:border-blue-lighter:hover { - border-color: #bcdefa; + .md\:h-32 { + height: 8rem; } - .md\:hover\:border-blue-lightest:hover { - border-color: #eff8ff; + .md\:h-48 { + height: 12rem; } - .md\:hover\:border-indigo-darkest:hover { - border-color: #191e38; + .md\:h-64 { + height: 16rem; } - .md\:hover\:border-indigo-darker:hover { - border-color: #2f365f; + .md\:h-auto { + height: auto; } - .md\:hover\:border-indigo-dark:hover { - border-color: #5661b3; + .md\:h-px { + height: 1px; } - .md\:hover\:border-indigo:hover { - border-color: #6574cd; + .md\:h-full { + height: 100%; } - .md\:hover\:border-indigo-light:hover { - border-color: #7886d7; + .md\:h-screen { + height: 100vh; } - .md\:hover\:border-indigo-lighter:hover { - border-color: #b2b7ff; + .md\:leading-none { + line-height: 1; } - .md\:hover\:border-indigo-lightest:hover { - border-color: #e6e8ff; + .md\:leading-tight { + line-height: 1.25; } - .md\:hover\:border-purple-darkest:hover { - border-color: #1f133f; + .md\:leading-normal { + line-height: 1.5; } - .md\:hover\:border-purple-darker:hover { - border-color: #352465; + .md\:leading-loose { + line-height: 2; } - .md\:hover\:border-purple-dark:hover { - border-color: #794acf; + .md\:m-0 { + margin: 0; } - .md\:hover\:border-purple:hover { - border-color: #9561e2; + .md\:m-1 { + margin: 0.25rem; } - .md\:hover\:border-purple-light:hover { - border-color: #a779e9; + .md\:m-2 { + margin: 0.5rem; } - .md\:hover\:border-purple-lighter:hover { - border-color: #d6bbfc; + .md\:m-3 { + margin: 0.75rem; } - .md\:hover\:border-purple-lightest:hover { - border-color: #f3ebff; + .md\:m-4 { + margin: 1rem; } - .md\:hover\:border-pink-darkest:hover { - border-color: #45051e; + .md\:m-6 { + margin: 1.5rem; } - .md\:hover\:border-pink-darker:hover { - border-color: #72173a; + .md\:m-8 { + margin: 2rem; } - .md\:hover\:border-pink-dark:hover { - border-color: #eb5286; + .md\:m-auto { + margin: auto; } - .md\:hover\:border-pink:hover { - border-color: #f66d9b; + .md\:m-px { + margin: 1px; } - .md\:hover\:border-pink-light:hover { - border-color: #fa7ea8; + .md\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .md\:hover\:border-pink-lighter:hover { - border-color: #ffbbca; + .md\:mx-0 { + margin-left: 0; + margin-right: 0; } - .md\:hover\:border-pink-lightest:hover { - border-color: #ffebef; + .md\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .md\:border-solid { - border-style: solid; + .md\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .md\:border-dashed { - border-style: dashed; + .md\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .md\:border-dotted { - border-style: dotted; + .md\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .md\:border-none { - border-style: none; + .md\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .md\:rounded-none { - border-radius: 0; + .md\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .md\:rounded-sm { - border-radius: .125rem; + .md\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .md\:rounded { - border-radius: .25rem; + .md\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .md\:rounded-lg { - border-radius: .5rem; + .md\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .md\:rounded-full { - border-radius: 9999px; + .md\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .md\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .md\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .md\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .md\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .md\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .md\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .md\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .md\:mx-auto { + margin-left: auto; + margin-right: auto; } - .md\:rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; + .md\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .md\:rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; + .md\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .md\:rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; + .md\:mt-0 { + margin-top: 0; } - .md\:rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; + .md\:mr-0 { + margin-right: 0; } - .md\:rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + .md\:mb-0 { + margin-bottom: 0; } - .md\:rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + .md\:ml-0 { + margin-left: 0; } - .md\:rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + .md\:mt-1 { + margin-top: 0.25rem; } - .md\:rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + .md\:mr-1 { + margin-right: 0.25rem; } - .md\:rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; + .md\:mb-1 { + margin-bottom: 0.25rem; } - .md\:rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; + .md\:ml-1 { + margin-left: 0.25rem; } - .md\:rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; + .md\:mt-2 { + margin-top: 0.5rem; } - .md\:rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; + .md\:mr-2 { + margin-right: 0.5rem; } - .md\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .md\:mb-2 { + margin-bottom: 0.5rem; } - .md\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .md\:ml-2 { + margin-left: 0.5rem; } - .md\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:mt-3 { + margin-top: 0.75rem; } - .md\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:mr-3 { + margin-right: 0.75rem; } - .md\:rounded-tl-none { - border-top-left-radius: 0; + .md\:mb-3 { + margin-bottom: 0.75rem; } - .md\:rounded-tr-none { - border-top-right-radius: 0; + .md\:ml-3 { + margin-left: 0.75rem; } - .md\:rounded-br-none { - border-bottom-right-radius: 0; + .md\:mt-4 { + margin-top: 1rem; } - .md\:rounded-bl-none { - border-bottom-left-radius: 0; + .md\:mr-4 { + margin-right: 1rem; } - .md\:rounded-tl-sm { - border-top-left-radius: .125rem; + .md\:mb-4 { + margin-bottom: 1rem; } - .md\:rounded-tr-sm { - border-top-right-radius: .125rem; + .md\:ml-4 { + margin-left: 1rem; } - .md\:rounded-br-sm { - border-bottom-right-radius: .125rem; + .md\:mt-6 { + margin-top: 1.5rem; } - .md\:rounded-bl-sm { - border-bottom-left-radius: .125rem; + .md\:mr-6 { + margin-right: 1.5rem; } - .md\:rounded-tl { - border-top-left-radius: .25rem; + .md\:mb-6 { + margin-bottom: 1.5rem; } - .md\:rounded-tr { - border-top-right-radius: .25rem; + .md\:ml-6 { + margin-left: 1.5rem; } - .md\:rounded-br { - border-bottom-right-radius: .25rem; + .md\:mt-8 { + margin-top: 2rem; } - .md\:rounded-bl { - border-bottom-left-radius: .25rem; + .md\:mr-8 { + margin-right: 2rem; } - .md\:rounded-tl-lg { - border-top-left-radius: .5rem; + .md\:mb-8 { + margin-bottom: 2rem; } - .md\:rounded-tr-lg { - border-top-right-radius: .5rem; + .md\:ml-8 { + margin-left: 2rem; } - .md\:rounded-br-lg { - border-bottom-right-radius: .5rem; + .md\:mt-auto { + margin-top: auto; } - .md\:rounded-bl-lg { - border-bottom-left-radius: .5rem; + .md\:mr-auto { + margin-right: auto; } - .md\:rounded-tl-full { - border-top-left-radius: 9999px; + .md\:mb-auto { + margin-bottom: auto; } - .md\:rounded-tr-full { - border-top-right-radius: 9999px; + .md\:ml-auto { + margin-left: auto; } - .md\:rounded-br-full { - border-bottom-right-radius: 9999px; + .md\:mt-px { + margin-top: 1px; } - .md\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .md\:mr-px { + margin-right: 1px; } - .md\:block { - display: block; + .md\:mb-px { + margin-bottom: 1px; } - .md\:inline-block { - display: inline-block; + .md\:ml-px { + margin-left: 1px; } - .md\:inline { - display: inline; + .md\:max-h-full { + max-height: 100%; } - .md\:table { - display: table; + .md\:max-h-screen { + max-height: 100vh; } - .md\:table-row { - display: table-row; + .md\:max-w-xs { + max-width: 20rem; } - .md\:table-cell { - display: table-cell; + .md\:max-w-sm { + max-width: 30rem; } - .md\:hidden { - display: none; + .md\:max-w-md { + max-width: 40rem; } - .md\:static { - position: static; + .md\:max-w-lg { + max-width: 50rem; } - .md\:fixed { - position: fixed; + .md\:max-w-xl { + max-width: 60rem; } - .md\:absolute { - position: absolute; + .md\:max-w-2xl { + max-width: 70rem; } - .md\:relative { - position: relative; + .md\:max-w-3xl { + max-width: 80rem; } - .md\:pin-t { - top: 0; + .md\:max-w-4xl { + max-width: 90rem; } - .md\:pin-r { - right: 0; + .md\:max-w-5xl { + max-width: 100rem; } - .md\:pin-b { - bottom: 0; + .md\:max-w-full { + max-width: 100%; } - .md\:pin-l { - left: 0; + .md\:min-h-0 { + min-height: 0; } - .md\:pin-y { - top: 0; - bottom: 0; + .md\:min-h-full { + min-height: 100%; } - .md\:pin-x { - right: 0; - left: 0; + .md\:min-h-screen { + min-height: 100vh; } - .md\:pin { - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; + .md\:min-w-0 { + min-width: 0; } - .md\:overflow-auto { - overflow: auto; + .md\:min-w-full { + min-width: 100%; } - .md\:overflow-hidden { - overflow: hidden; + .md\:-m-0 { + margin: 0; } - .md\:overflow-visible { - overflow: visible; + .md\:-m-1 { + margin: -0.25rem; } - .md\:overflow-scroll { - overflow: scroll; + .md\:-m-2 { + margin: -0.5rem; } - .md\:overflow-x-scroll { - overflow-x: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; + .md\:-m-3 { + margin: -0.75rem; } - .md\:overflow-y-scroll { - overflow-y: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; + .md\:-m-4 { + margin: -1rem; } - .md\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .md\:-m-6 { + margin: -1.5rem; } - .md\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .md\:-m-8 { + margin: -2rem; } - .md\:w-1 { - width: 0.25rem; + .md\:-m-px { + margin: -1px; } - .md\:w-2 { - width: 0.5rem; + .md\:-my-0 { + margin-top: 0; + margin-bottom: 0; } - .md\:w-3 { - width: 0.75rem; + .md\:-mx-0 { + margin-left: 0; + margin-right: 0; } - .md\:w-4 { - width: 1rem; + .md\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .md\:w-6 { - width: 1.5rem; + .md\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .md\:w-8 { - width: 2rem; + .md\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .md\:w-10 { - width: 2.5rem; + .md\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .md\:w-12 { - width: 3rem; + .md\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .md\:w-16 { - width: 4rem; + .md\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .md\:w-24 { - width: 6rem; + .md\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .md\:w-32 { - width: 8rem; + .md\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .md\:w-48 { - width: 12rem; + .md\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .md\:w-64 { - width: 16rem; + .md\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .md\:w-auto { - width: auto; + .md\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .md\:w-px { - width: 1px; + .md\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .md\:w-1\/2 { - width: 50%; + .md\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .md\:w-1\/3 { - width: 33.33333%; + .md\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .md\:w-2\/3 { - width: 66.66667%; + .md\:-mt-0 { + margin-top: 0; } - .md\:w-1\/4 { - width: 25%; + .md\:-mr-0 { + margin-right: 0; } - .md\:w-3\/4 { - width: 75%; + .md\:-mb-0 { + margin-bottom: 0; } - .md\:w-1\/5 { - width: 20%; + .md\:-ml-0 { + margin-left: 0; } - .md\:w-2\/5 { - width: 40%; + .md\:-mt-1 { + margin-top: -0.25rem; } - .md\:w-3\/5 { - width: 60%; + .md\:-mr-1 { + margin-right: -0.25rem; } - .md\:w-4\/5 { - width: 80%; + .md\:-mb-1 { + margin-bottom: -0.25rem; } - .md\:w-1\/6 { - width: 16.66667%; + .md\:-ml-1 { + margin-left: -0.25rem; } - .md\:w-5\/6 { - width: 83.33333%; + .md\:-mt-2 { + margin-top: -0.5rem; } - .md\:w-full { - width: 100%; + .md\:-mr-2 { + margin-right: -0.5rem; } - .md\:w-screen { - width: 100vw; + .md\:-mb-2 { + margin-bottom: -0.5rem; } - .md\:min-w-0 { - min-width: 0; + .md\:-ml-2 { + margin-left: -0.5rem; } - .md\:min-w-full { - min-width: 100%; + .md\:-mt-3 { + margin-top: -0.75rem; } - .md\:max-w-xs { - max-width: 20rem; + .md\:-mr-3 { + margin-right: -0.75rem; } - .md\:max-w-sm { - max-width: 30rem; + .md\:-mb-3 { + margin-bottom: -0.75rem; } - .md\:max-w-md { - max-width: 40rem; + .md\:-ml-3 { + margin-left: -0.75rem; } - .md\:max-w-lg { - max-width: 50rem; + .md\:-mt-4 { + margin-top: -1rem; } - .md\:max-w-xl { - max-width: 60rem; + .md\:-mr-4 { + margin-right: -1rem; } - .md\:max-w-2xl { - max-width: 70rem; + .md\:-mb-4 { + margin-bottom: -1rem; } - .md\:max-w-3xl { - max-width: 80rem; + .md\:-ml-4 { + margin-left: -1rem; } - .md\:max-w-4xl { - max-width: 90rem; + .md\:-mt-6 { + margin-top: -1.5rem; } - .md\:max-w-5xl { - max-width: 100rem; + .md\:-mr-6 { + margin-right: -1.5rem; } - .md\:max-w-full { - max-width: 100%; + .md\:-mb-6 { + margin-bottom: -1.5rem; } - .md\:h-1 { - height: 0.25rem; + .md\:-ml-6 { + margin-left: -1.5rem; } - .md\:h-2 { - height: 0.5rem; + .md\:-mt-8 { + margin-top: -2rem; } - .md\:h-3 { - height: 0.75rem; + .md\:-mr-8 { + margin-right: -2rem; } - .md\:h-4 { - height: 1rem; + .md\:-mb-8 { + margin-bottom: -2rem; } - .md\:h-6 { - height: 1.5rem; + .md\:-ml-8 { + margin-left: -2rem; } - .md\:h-8 { - height: 2rem; + .md\:-mt-px { + margin-top: -1px; } - .md\:h-10 { - height: 2.5rem; + .md\:-mr-px { + margin-right: -1px; } - .md\:h-12 { - height: 3rem; + .md\:-mb-px { + margin-bottom: -1px; } - .md\:h-16 { - height: 4rem; + .md\:-ml-px { + margin-left: -1px; } - .md\:h-24 { - height: 6rem; + .md\:opacity-0 { + opacity: 0; } - .md\:h-32 { - height: 8rem; + .md\:opacity-25 { + opacity: .25; } - .md\:h-48 { - height: 12rem; + .md\:opacity-50 { + opacity: .5; } - .md\:h-64 { - height: 16rem; + .md\:opacity-75 { + opacity: .75; } - .md\:h-auto { - height: auto; + .md\:opacity-100 { + opacity: 1; } - .md\:h-px { - height: 1px; + .md\:overflow-auto { + overflow: auto; } - .md\:h-full { - height: 100%; + .md\:overflow-hidden { + overflow: hidden; } - .md\:h-screen { - height: 100vh; + .md\:overflow-visible { + overflow: visible; } - .md\:min-h-0 { - min-height: 0; + .md\:overflow-scroll { + overflow: scroll; } - .md\:min-h-full { - min-height: 100%; + .md\:overflow-x-scroll { + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; } - .md\:min-h-screen { - min-height: 100vh; + .md\:overflow-y-scroll { + overflow-y: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; } - .md\:max-h-full { - max-height: 100%; + .md\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .md\:max-h-screen { - max-height: 100vh; + .md\:scrolling-auto { + -webkit-overflow-scrolling: auto; } .md\:p-0 { @@ -11317,3604 +11068,3604 @@ button, padding-left: 1px; } - .md\:m-0 { - margin: 0; - } - - .md\:m-1 { - margin: 0.25rem; + .md\:pointer-events-none { + pointer-events: none; } - - .md\:m-2 { - margin: 0.5rem; + + .md\:pointer-events-auto { + pointer-events: auto; } - .md\:m-3 { - margin: 0.75rem; + .md\:static { + position: static; } - .md\:m-4 { - margin: 1rem; + .md\:fixed { + position: fixed; } - .md\:m-6 { - margin: 1.5rem; + .md\:absolute { + position: absolute; } - .md\:m-8 { - margin: 2rem; + .md\:relative { + position: relative; } - .md\:m-auto { - margin: auto; + .md\:pin-t { + top: 0; } - .md\:m-px { - margin: 1px; + .md\:pin-r { + right: 0; } - .md\:my-0 { - margin-top: 0; - margin-bottom: 0; + .md\:pin-b { + bottom: 0; } - .md\:mx-0 { - margin-left: 0; - margin-right: 0; + .md\:pin-l { + left: 0; } - .md\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .md\:pin-y { + top: 0; + bottom: 0; } - .md\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .md\:pin-x { + right: 0; + left: 0; } - .md\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .md\:pin { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; } - .md\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .md\:resize-none { + resize: none; } - .md\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .md\:resize-y { + resize: vertical; } - .md\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .md\:resize-x { + resize: horizontal; } - .md\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .md\:shadow { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); } - .md\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .md\:shadow-md { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); } - .md\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .md\:shadow-lg { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); } - .md\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .md\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .md\:shadow-none { + box-shadow: none; } - .md\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .md\:text-left { + text-align: left; } - .md\:my-auto { - margin-top: auto; - margin-bottom: auto; + .md\:text-center { + text-align: center; } - .md\:mx-auto { - margin-left: auto; - margin-right: auto; + .md\:text-right { + text-align: right; } - .md\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .md\:text-justify { + text-align: justify; } - .md\:mx-px { - margin-left: 1px; - margin-right: 1px; + .md\:text-transparent { + color: transparent; } - .md\:mt-0 { - margin-top: 0; + .md\:text-black { + color: #222b2f; } - .md\:mr-0 { - margin-right: 0; + .md\:text-grey-darkest { + color: #364349; } - .md\:mb-0 { - margin-bottom: 0; + .md\:text-grey-darker { + color: #596a73; } - .md\:ml-0 { - margin-left: 0; + .md\:text-grey-dark { + color: #70818a; } - .md\:mt-1 { - margin-top: 0.25rem; + .md\:text-grey { + color: #9babb4; } - .md\:mr-1 { - margin-right: 0.25rem; + .md\:text-grey-light { + color: #dae4e9; } - .md\:mb-1 { - margin-bottom: 0.25rem; + .md\:text-grey-lighter { + color: #f3f7f9; } - .md\:ml-1 { - margin-left: 0.25rem; + .md\:text-grey-lightest { + color: #fafcfc; } - .md\:mt-2 { - margin-top: 0.5rem; + .md\:text-white { + color: #ffffff; } - .md\:mr-2 { - margin-right: 0.5rem; + .md\:text-red-darkest { + color: #420806; } - .md\:mb-2 { - margin-bottom: 0.5rem; + .md\:text-red-darker { + color: #6a1b19; } - .md\:ml-2 { - margin-left: 0.5rem; + .md\:text-red-dark { + color: #cc1f1a; } - .md\:mt-3 { - margin-top: 0.75rem; + .md\:text-red { + color: #e3342f; } - .md\:mr-3 { - margin-right: 0.75rem; + .md\:text-red-light { + color: #ef5753; } - .md\:mb-3 { - margin-bottom: 0.75rem; + .md\:text-red-lighter { + color: #f9acaa; } - .md\:ml-3 { - margin-left: 0.75rem; + .md\:text-red-lightest { + color: #fcebea; } - .md\:mt-4 { - margin-top: 1rem; + .md\:text-orange-darkest { + color: #542605; } - .md\:mr-4 { - margin-right: 1rem; + .md\:text-orange-darker { + color: #7f4012; } - .md\:mb-4 { - margin-bottom: 1rem; + .md\:text-orange-dark { + color: #de751f; } - .md\:ml-4 { - margin-left: 1rem; + .md\:text-orange { + color: #f6993f; } - .md\:mt-6 { - margin-top: 1.5rem; + .md\:text-orange-light { + color: #faad63; } - .md\:mr-6 { - margin-right: 1.5rem; + .md\:text-orange-lighter { + color: #fcd9b6; } - .md\:mb-6 { - margin-bottom: 1.5rem; + .md\:text-orange-lightest { + color: #fff5eb; } - .md\:ml-6 { - margin-left: 1.5rem; + .md\:text-yellow-darkest { + color: #453411; } - .md\:mt-8 { - margin-top: 2rem; + .md\:text-yellow-darker { + color: #684f1d; } - .md\:mr-8 { - margin-right: 2rem; + .md\:text-yellow-dark { + color: #f2d024; } - .md\:mb-8 { - margin-bottom: 2rem; + .md\:text-yellow { + color: #ffed4a; } - .md\:ml-8 { - margin-left: 2rem; + .md\:text-yellow-light { + color: #fff382; } - .md\:mt-auto { - margin-top: auto; + .md\:text-yellow-lighter { + color: #fff9c2; } - .md\:mr-auto { - margin-right: auto; + .md\:text-yellow-lightest { + color: #fcfbeb; } - .md\:mb-auto { - margin-bottom: auto; + .md\:text-green-darkest { + color: #032d19; } - .md\:ml-auto { - margin-left: auto; + .md\:text-green-darker { + color: #0b4228; } - .md\:mt-px { - margin-top: 1px; + .md\:text-green-dark { + color: #1f9d55; } - .md\:mr-px { - margin-right: 1px; + .md\:text-green { + color: #38c172; } - .md\:mb-px { - margin-bottom: 1px; + .md\:text-green-light { + color: #51d88a; } - .md\:ml-px { - margin-left: 1px; + .md\:text-green-lighter { + color: #a2f5bf; } - .md\:-m-0 { - margin: 0; + .md\:text-green-lightest { + color: #e3fcec; } - .md\:-m-1 { - margin: -0.25rem; + .md\:text-teal-darkest { + color: #0d3331; } - .md\:-m-2 { - margin: -0.5rem; + .md\:text-teal-darker { + color: #174e4b; } - .md\:-m-3 { - margin: -0.75rem; + .md\:text-teal-dark { + color: #38a89d; } - .md\:-m-4 { - margin: -1rem; + .md\:text-teal { + color: #4dc0b5; } - .md\:-m-6 { - margin: -1.5rem; + .md\:text-teal-light { + color: #64d5ca; } - .md\:-m-8 { - margin: -2rem; + .md\:text-teal-lighter { + color: #a0f0ed; } - .md\:-m-px { - margin: -1px; + .md\:text-teal-lightest { + color: #e8fffe; } - .md\:-my-0 { - margin-top: 0; - margin-bottom: 0; + .md\:text-blue-darkest { + color: #05233b; } - .md\:-mx-0 { - margin-left: 0; - margin-right: 0; + .md\:text-blue-darker { + color: #103d60; } - .md\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .md\:text-blue-dark { + color: #2779bd; } - .md\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .md\:text-blue { + color: #3490dc; } - .md\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .md\:text-blue-light { + color: #6cb2eb; } - .md\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .md\:text-blue-lighter { + color: #bcdefa; } - .md\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .md\:text-blue-lightest { + color: #eff8ff; } - .md\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .md\:text-indigo-darkest { + color: #191e38; } - .md\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .md\:text-indigo-darker { + color: #2f365f; } - .md\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .md\:text-indigo-dark { + color: #5661b3; } - .md\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .md\:text-indigo { + color: #6574cd; } - .md\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .md\:text-indigo-light { + color: #7886d7; } - .md\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .md\:text-indigo-lighter { + color: #b2b7ff; } - .md\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .md\:text-indigo-lightest { + color: #e6e8ff; } - .md\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .md\:text-purple-darkest { + color: #1f133f; } - .md\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .md\:text-purple-darker { + color: #352465; } - .md\:-mt-0 { - margin-top: 0; + .md\:text-purple-dark { + color: #794acf; } - .md\:-mr-0 { - margin-right: 0; + .md\:text-purple { + color: #9561e2; } - .md\:-mb-0 { - margin-bottom: 0; + .md\:text-purple-light { + color: #a779e9; } - .md\:-ml-0 { - margin-left: 0; + .md\:text-purple-lighter { + color: #d6bbfc; } - .md\:-mt-1 { - margin-top: -0.25rem; + .md\:text-purple-lightest { + color: #f3ebff; } - .md\:-mr-1 { - margin-right: -0.25rem; + .md\:text-pink-darkest { + color: #45051e; } - .md\:-mb-1 { - margin-bottom: -0.25rem; + .md\:text-pink-darker { + color: #72173a; } - .md\:-ml-1 { - margin-left: -0.25rem; + .md\:text-pink-dark { + color: #eb5286; } - .md\:-mt-2 { - margin-top: -0.5rem; + .md\:text-pink { + color: #f66d9b; } - .md\:-mr-2 { - margin-right: -0.5rem; + .md\:text-pink-light { + color: #fa7ea8; } - .md\:-mb-2 { - margin-bottom: -0.5rem; + .md\:text-pink-lighter { + color: #ffbbca; } - .md\:-ml-2 { - margin-left: -0.5rem; + .md\:text-pink-lightest { + color: #ffebef; } - .md\:-mt-3 { - margin-top: -0.75rem; + .md\:hover\:text-transparent:hover { + color: transparent; } - .md\:-mr-3 { - margin-right: -0.75rem; + .md\:hover\:text-black:hover { + color: #222b2f; } - .md\:-mb-3 { - margin-bottom: -0.75rem; + .md\:hover\:text-grey-darkest:hover { + color: #364349; } - .md\:-ml-3 { - margin-left: -0.75rem; + .md\:hover\:text-grey-darker:hover { + color: #596a73; } - .md\:-mt-4 { - margin-top: -1rem; + .md\:hover\:text-grey-dark:hover { + color: #70818a; } - .md\:-mr-4 { - margin-right: -1rem; + .md\:hover\:text-grey:hover { + color: #9babb4; } - .md\:-mb-4 { - margin-bottom: -1rem; + .md\:hover\:text-grey-light:hover { + color: #dae4e9; } - .md\:-ml-4 { - margin-left: -1rem; + .md\:hover\:text-grey-lighter:hover { + color: #f3f7f9; } - .md\:-mt-6 { - margin-top: -1.5rem; + .md\:hover\:text-grey-lightest:hover { + color: #fafcfc; } - .md\:-mr-6 { - margin-right: -1.5rem; + .md\:hover\:text-white:hover { + color: #ffffff; } - .md\:-mb-6 { - margin-bottom: -1.5rem; + .md\:hover\:text-red-darkest:hover { + color: #420806; } - .md\:-ml-6 { - margin-left: -1.5rem; + .md\:hover\:text-red-darker:hover { + color: #6a1b19; } - .md\:-mt-8 { - margin-top: -2rem; + .md\:hover\:text-red-dark:hover { + color: #cc1f1a; } - .md\:-mr-8 { - margin-right: -2rem; + .md\:hover\:text-red:hover { + color: #e3342f; } - .md\:-mb-8 { - margin-bottom: -2rem; + .md\:hover\:text-red-light:hover { + color: #ef5753; } - .md\:-ml-8 { - margin-left: -2rem; + .md\:hover\:text-red-lighter:hover { + color: #f9acaa; } - .md\:-mt-px { - margin-top: -1px; + .md\:hover\:text-red-lightest:hover { + color: #fcebea; } - .md\:-mr-px { - margin-right: -1px; + .md\:hover\:text-orange-darkest:hover { + color: #542605; } - .md\:-mb-px { - margin-bottom: -1px; + .md\:hover\:text-orange-darker:hover { + color: #7f4012; } - .md\:-ml-px { - margin-left: -1px; + .md\:hover\:text-orange-dark:hover { + color: #de751f; } - .md\:shadow { - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); + .md\:hover\:text-orange:hover { + color: #f6993f; } - .md\:shadow-md { - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); + .md\:hover\:text-orange-light:hover { + color: #faad63; } - .md\:shadow-lg { - box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); + .md\:hover\:text-orange-lighter:hover { + color: #fcd9b6; } - .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .md\:hover\:text-orange-lightest:hover { + color: #fff5eb; } - .md\:shadow-none { - box-shadow: none; + .md\:hover\:text-yellow-darkest:hover { + color: #453411; } - .md\:flex { - display: flex; + .md\:hover\:text-yellow-darker:hover { + color: #684f1d; } - .md\:inline-flex { - display: inline-flex; + .md\:hover\:text-yellow-dark:hover { + color: #f2d024; } - .md\:flex-row { - flex-direction: row; + .md\:hover\:text-yellow:hover { + color: #ffed4a; } - .md\:flex-row-reverse { - flex-direction: row-reverse; + .md\:hover\:text-yellow-light:hover { + color: #fff382; } - .md\:flex-col { - flex-direction: column; + .md\:hover\:text-yellow-lighter:hover { + color: #fff9c2; } - .md\:flex-col-reverse { - flex-direction: column-reverse; + .md\:hover\:text-yellow-lightest:hover { + color: #fcfbeb; } - .md\:flex-wrap { - flex-wrap: wrap; + .md\:hover\:text-green-darkest:hover { + color: #032d19; } - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .md\:hover\:text-green-darker:hover { + color: #0b4228; } - .md\:flex-no-wrap { - flex-wrap: nowrap; + .md\:hover\:text-green-dark:hover { + color: #1f9d55; } - .md\:items-start { - align-items: flex-start; + .md\:hover\:text-green:hover { + color: #38c172; } - .md\:items-end { - align-items: flex-end; + .md\:hover\:text-green-light:hover { + color: #51d88a; } - .md\:items-center { - align-items: center; + .md\:hover\:text-green-lighter:hover { + color: #a2f5bf; } - .md\:items-baseline { - align-items: baseline; + .md\:hover\:text-green-lightest:hover { + color: #e3fcec; } - .md\:items-stretch { - align-items: stretch; + .md\:hover\:text-teal-darkest:hover { + color: #0d3331; } - .md\:self-auto { - align-self: auto; + .md\:hover\:text-teal-darker:hover { + color: #174e4b; } - .md\:self-start { - align-self: flex-start; + .md\:hover\:text-teal-dark:hover { + color: #38a89d; } - .md\:self-end { - align-self: flex-end; + .md\:hover\:text-teal:hover { + color: #4dc0b5; } - .md\:self-center { - align-self: center; + .md\:hover\:text-teal-light:hover { + color: #64d5ca; } - .md\:self-stretch { - align-self: stretch; + .md\:hover\:text-teal-lighter:hover { + color: #a0f0ed; } - .md\:justify-start { - justify-content: flex-start; + .md\:hover\:text-teal-lightest:hover { + color: #e8fffe; } - .md\:justify-end { - justify-content: flex-end; + .md\:hover\:text-blue-darkest:hover { + color: #05233b; } - .md\:justify-center { - justify-content: center; + .md\:hover\:text-blue-darker:hover { + color: #103d60; } - .md\:justify-between { - justify-content: space-between; + .md\:hover\:text-blue-dark:hover { + color: #2779bd; } - .md\:justify-around { - justify-content: space-around; + .md\:hover\:text-blue:hover { + color: #3490dc; } - .md\:content-center { - align-content: center; + .md\:hover\:text-blue-light:hover { + color: #6cb2eb; } - .md\:content-start { - align-content: flex-start; + .md\:hover\:text-blue-lighter:hover { + color: #bcdefa; } - .md\:content-end { - align-content: flex-end; + .md\:hover\:text-blue-lightest:hover { + color: #eff8ff; } - .md\:content-between { - align-content: space-between; + .md\:hover\:text-indigo-darkest:hover { + color: #191e38; } - .md\:content-around { - align-content: space-around; + .md\:hover\:text-indigo-darker:hover { + color: #2f365f; } - .md\:flex-1 { - flex: 1; + .md\:hover\:text-indigo-dark:hover { + color: #5661b3; } - .md\:flex-auto { - flex: auto; + .md\:hover\:text-indigo:hover { + color: #6574cd; } - .md\:flex-initial { - flex: initial; + .md\:hover\:text-indigo-light:hover { + color: #7886d7; } - .md\:flex-none { - flex: none; + .md\:hover\:text-indigo-lighter:hover { + color: #b2b7ff; } - .md\:flex-grow { - flex-grow: 1; + .md\:hover\:text-indigo-lightest:hover { + color: #e6e8ff; } - .md\:flex-shrink { - flex-shrink: 1; + .md\:hover\:text-purple-darkest:hover { + color: #1f133f; } - .md\:flex-no-grow { - flex-grow: 0; + .md\:hover\:text-purple-darker:hover { + color: #352465; } - .md\:flex-no-shrink { - flex-shrink: 0; + .md\:hover\:text-purple-dark:hover { + color: #794acf; } - .md\:float-right { - float: right; + .md\:hover\:text-purple:hover { + color: #9561e2; } - .md\:float-left { - float: left; + .md\:hover\:text-purple-light:hover { + color: #a779e9; } - .md\:float-none { - float: none; + .md\:hover\:text-purple-lighter:hover { + color: #d6bbfc; } - .md\:clearfix:after { - content: ""; - display: table; - clear: both; + .md\:hover\:text-purple-lightest:hover { + color: #f3ebff; } - .md\:visible { - visibility: visible; + .md\:hover\:text-pink-darkest:hover { + color: #45051e; } - .md\:invisible { - visibility: hidden; + .md\:hover\:text-pink-darker:hover { + color: #72173a; } - .md\:z-0 { - z-index: 0; + .md\:hover\:text-pink-dark:hover { + color: #eb5286; } - .md\:z-10 { - z-index: 10; + .md\:hover\:text-pink:hover { + color: #f66d9b; } - .md\:z-20 { - z-index: 20; + .md\:hover\:text-pink-light:hover { + color: #fa7ea8; } - .md\:z-30 { - z-index: 30; + .md\:hover\:text-pink-lighter:hover { + color: #ffbbca; } - .md\:z-40 { - z-index: 40; + .md\:hover\:text-pink-lightest:hover { + color: #ffebef; } - .md\:z-50 { - z-index: 50; + .md\:text-xs { + font-size: .75rem; } - .md\:z-auto { - z-index: auto; + .md\:text-sm { + font-size: .875rem; } - .md\:opacity-0 { - opacity: 0; + .md\:text-base { + font-size: 1rem; } - .md\:opacity-25 { - opacity: .25; + .md\:text-lg { + font-size: 1.125rem; } - .md\:opacity-50 { - opacity: .5; + .md\:text-xl { + font-size: 1.25rem; } - .md\:opacity-75 { - opacity: .75; + .md\:text-2xl { + font-size: 1.5rem; } - .md\:opacity-100 { - opacity: 1; + .md\:text-3xl { + font-size: 1.875rem; } - .md\:select-none { - user-select: none; + .md\:text-4xl { + font-size: 2.25rem; } - .md\:select-text { - user-select: text; + .md\:text-5xl { + font-size: 3rem; } - .md\:pointer-events-none { - pointer-events: none; + .md\:italic { + font-style: italic; } - .md\:pointer-events-auto { - pointer-events: auto; + .md\:roman { + font-style: normal; } - .md\:resize-none { - resize: none; + .md\:uppercase { + text-transform: uppercase; } - .md\:resize-y { - resize: vertical; + .md\:lowercase { + text-transform: lowercase; } - .md\:resize-x { - resize: horizontal; + .md\:capitalize { + text-transform: capitalize; } - .md\:cursor-auto { - cursor: auto; + .md\:normal-case { + text-transform: none; } - .md\:cursor-default { - cursor: default; + .md\:underline { + text-decoration: underline; } - .md\:cursor-pointer { - cursor: pointer; + .md\:line-through { + text-decoration: line-through; } - .md\:cursor-not-allowed { - cursor: not-allowed; + .md\:no-underline { + text-decoration: none; } - .md\:example { - font-weight: 700; - color: #e3342f; + .md\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -} -@media (min-width: 992px) { - .lg\:list-reset { - list-style: none; - margin: 0; - padding: 0; + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .lg\:appearance-none { - appearance: none; + .md\:hover\:italic:hover { + font-style: italic; } - .lg\:text-xs { - font-size: .75rem; + .md\:hover\:roman:hover { + font-style: normal; } - .lg\:text-sm { - font-size: .875rem; + .md\:hover\:uppercase:hover { + text-transform: uppercase; } - .lg\:text-base { - font-size: 1rem; + .md\:hover\:lowercase:hover { + text-transform: lowercase; } - .lg\:text-lg { - font-size: 1.125rem; + .md\:hover\:capitalize:hover { + text-transform: capitalize; } - .lg\:text-xl { - font-size: 1.25rem; + .md\:hover\:normal-case:hover { + text-transform: none; } - .lg\:text-2xl { - font-size: 1.5rem; + .md\:hover\:underline:hover { + text-decoration: underline; } - .lg\:text-3xl { - font-size: 1.875rem; + .md\:hover\:line-through:hover { + text-decoration: line-through; } - .lg\:text-4xl { - font-size: 2.25rem; + .md\:hover\:no-underline:hover { + text-decoration: none; } - .lg\:text-5xl { - font-size: 3rem; + .md\:hover\:antialiased:hover { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .lg\:font-hairline { - font-weight: 100; + .md\:hover\:subpixel-antialiased:hover { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .lg\:font-thin { - font-weight: 200; + .md\:tracking-tight { + letter-spacing: -0.05em; } - .lg\:font-light { - font-weight: 300; + .md\:tracking-normal { + letter-spacing: 0; } - .lg\:font-normal { - font-weight: 400; + .md\:tracking-wide { + letter-spacing: 0.05em; } - .lg\:font-medium { - font-weight: 500; + .md\:select-none { + user-select: none; } - .lg\:font-semibold { - font-weight: 600; + .md\:select-text { + user-select: text; } - .lg\:font-bold { - font-weight: 700; + .md\:align-baseline { + vertical-align: baseline; } - .lg\:font-extrabold { - font-weight: 800; + .md\:align-top { + vertical-align: top; } - .lg\:font-black { - font-weight: 900; + .md\:align-middle { + vertical-align: middle; } - .lg\:hover\:font-hairline:hover { - font-weight: 100; + .md\:align-bottom { + vertical-align: bottom; } - .lg\:hover\:font-thin:hover { - font-weight: 200; + .md\:align-text-top { + vertical-align: text-top; } - .lg\:hover\:font-light:hover { - font-weight: 300; + .md\:align-text-bottom { + vertical-align: text-bottom; } - .lg\:hover\:font-normal:hover { - font-weight: 400; + .md\:visible { + visibility: visible; } - .lg\:hover\:font-medium:hover { - font-weight: 500; + .md\:invisible { + visibility: hidden; } - .lg\:hover\:font-semibold:hover { - font-weight: 600; + .md\:whitespace-normal { + white-space: normal; } - .lg\:hover\:font-bold:hover { - font-weight: 700; + .md\:whitespace-no-wrap { + white-space: nowrap; } - .lg\:hover\:font-extrabold:hover { - font-weight: 800; + .md\:whitespace-pre { + white-space: pre; } - .lg\:hover\:font-black:hover { - font-weight: 900; + .md\:whitespace-pre-line { + white-space: pre-line; } - .lg\:font-sans { - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + .md\:whitespace-pre-wrap { + white-space: pre-wrap; } - .lg\:font-serif { - font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; + .md\:break-words { + word-wrap: break-word; } - .lg\:font-mono { - font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; + .md\:break-normal { + word-wrap: normal; } - .lg\:text-transparent { - color: transparent; + .md\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .lg\:text-black { - color: #222b2f; + .md\:w-1 { + width: 0.25rem; } - .lg\:text-grey-darkest { - color: #364349; + .md\:w-2 { + width: 0.5rem; } - .lg\:text-grey-darker { - color: #596a73; + .md\:w-3 { + width: 0.75rem; } - .lg\:text-grey-dark { - color: #70818a; + .md\:w-4 { + width: 1rem; } - .lg\:text-grey { - color: #9babb4; + .md\:w-6 { + width: 1.5rem; } - .lg\:text-grey-light { - color: #dae4e9; + .md\:w-8 { + width: 2rem; } - .lg\:text-grey-lighter { - color: #f3f7f9; + .md\:w-10 { + width: 2.5rem; } - .lg\:text-grey-lightest { - color: #fafcfc; + .md\:w-12 { + width: 3rem; } - .lg\:text-white { - color: #ffffff; + .md\:w-16 { + width: 4rem; } - .lg\:text-red-darkest { - color: #420806; + .md\:w-24 { + width: 6rem; } - .lg\:text-red-darker { - color: #6a1b19; + .md\:w-32 { + width: 8rem; } - .lg\:text-red-dark { - color: #cc1f1a; + .md\:w-48 { + width: 12rem; } - .lg\:text-red { - color: #e3342f; + .md\:w-64 { + width: 16rem; } - .lg\:text-red-light { - color: #ef5753; + .md\:w-auto { + width: auto; } - .lg\:text-red-lighter { - color: #f9acaa; + .md\:w-px { + width: 1px; } - .lg\:text-red-lightest { - color: #fcebea; + .md\:w-1\/2 { + width: 50%; } - .lg\:text-orange-darkest { - color: #542605; + .md\:w-1\/3 { + width: 33.33333%; } - .lg\:text-orange-darker { - color: #7f4012; + .md\:w-2\/3 { + width: 66.66667%; } - .lg\:text-orange-dark { - color: #de751f; + .md\:w-1\/4 { + width: 25%; } - .lg\:text-orange { - color: #f6993f; + .md\:w-3\/4 { + width: 75%; } - .lg\:text-orange-light { - color: #faad63; + .md\:w-1\/5 { + width: 20%; } - .lg\:text-orange-lighter { - color: #fcd9b6; + .md\:w-2\/5 { + width: 40%; } - .lg\:text-orange-lightest { - color: #fff5eb; + .md\:w-3\/5 { + width: 60%; } - .lg\:text-yellow-darkest { - color: #453411; + .md\:w-4\/5 { + width: 80%; } - .lg\:text-yellow-darker { - color: #684f1d; + .md\:w-1\/6 { + width: 16.66667%; } - .lg\:text-yellow-dark { - color: #f2d024; + .md\:w-5\/6 { + width: 83.33333%; } - .lg\:text-yellow { - color: #ffed4a; + .md\:w-full { + width: 100%; } - .lg\:text-yellow-light { - color: #fff382; + .md\:w-screen { + width: 100vw; } - .lg\:text-yellow-lighter { - color: #fff9c2; + .md\:z-0 { + z-index: 0; } - .lg\:text-yellow-lightest { - color: #fcfbeb; + .md\:z-10 { + z-index: 10; } - .lg\:text-green-darkest { - color: #032d19; + .md\:z-20 { + z-index: 20; } - .lg\:text-green-darker { - color: #0b4228; + .md\:z-30 { + z-index: 30; } - .lg\:text-green-dark { - color: #1f9d55; + .md\:z-40 { + z-index: 40; } - .lg\:text-green { - color: #38c172; + .md\:z-50 { + z-index: 50; } - .lg\:text-green-light { - color: #51d88a; + .md\:z-auto { + z-index: auto; } - .lg\:text-green-lighter { - color: #a2f5bf; + .md\:example { + font-weight: 700; + color: #e3342f; } +} - .lg\:text-green-lightest { - color: #e3fcec; +@media (min-width: 992px) { + .lg\:list-reset { + list-style: none; + margin: 0; + padding: 0; } - .lg\:text-teal-darkest { - color: #0d3331; + .lg\:appearance-none { + appearance: none; } - .lg\:text-teal-darker { - color: #174e4b; + .lg\:bg-transparent { + background-color: transparent; } - .lg\:text-teal-dark { - color: #38a89d; + .lg\:bg-black { + background-color: #222b2f; } - .lg\:text-teal { - color: #4dc0b5; + .lg\:bg-grey-darkest { + background-color: #364349; } - .lg\:text-teal-light { - color: #64d5ca; + .lg\:bg-grey-darker { + background-color: #596a73; } - .lg\:text-teal-lighter { - color: #a0f0ed; + .lg\:bg-grey-dark { + background-color: #70818a; } - .lg\:text-teal-lightest { - color: #e8fffe; + .lg\:bg-grey { + background-color: #9babb4; } - .lg\:text-blue-darkest { - color: #05233b; + .lg\:bg-grey-light { + background-color: #dae4e9; } - .lg\:text-blue-darker { - color: #103d60; + .lg\:bg-grey-lighter { + background-color: #f3f7f9; } - .lg\:text-blue-dark { - color: #2779bd; + .lg\:bg-grey-lightest { + background-color: #fafcfc; } - .lg\:text-blue { - color: #3490dc; + .lg\:bg-white { + background-color: #ffffff; } - .lg\:text-blue-light { - color: #6cb2eb; + .lg\:bg-red-darkest { + background-color: #420806; } - .lg\:text-blue-lighter { - color: #bcdefa; + .lg\:bg-red-darker { + background-color: #6a1b19; } - .lg\:text-blue-lightest { - color: #eff8ff; + .lg\:bg-red-dark { + background-color: #cc1f1a; } - .lg\:text-indigo-darkest { - color: #191e38; + .lg\:bg-red { + background-color: #e3342f; } - .lg\:text-indigo-darker { - color: #2f365f; + .lg\:bg-red-light { + background-color: #ef5753; } - .lg\:text-indigo-dark { - color: #5661b3; + .lg\:bg-red-lighter { + background-color: #f9acaa; } - .lg\:text-indigo { - color: #6574cd; + .lg\:bg-red-lightest { + background-color: #fcebea; } - .lg\:text-indigo-light { - color: #7886d7; + .lg\:bg-orange-darkest { + background-color: #542605; } - .lg\:text-indigo-lighter { - color: #b2b7ff; + .lg\:bg-orange-darker { + background-color: #7f4012; } - .lg\:text-indigo-lightest { - color: #e6e8ff; + .lg\:bg-orange-dark { + background-color: #de751f; } - .lg\:text-purple-darkest { - color: #1f133f; + .lg\:bg-orange { + background-color: #f6993f; } - .lg\:text-purple-darker { - color: #352465; + .lg\:bg-orange-light { + background-color: #faad63; } - .lg\:text-purple-dark { - color: #794acf; + .lg\:bg-orange-lighter { + background-color: #fcd9b6; } - .lg\:text-purple { - color: #9561e2; + .lg\:bg-orange-lightest { + background-color: #fff5eb; } - .lg\:text-purple-light { - color: #a779e9; + .lg\:bg-yellow-darkest { + background-color: #453411; } - .lg\:text-purple-lighter { - color: #d6bbfc; + .lg\:bg-yellow-darker { + background-color: #684f1d; } - .lg\:text-purple-lightest { - color: #f3ebff; + .lg\:bg-yellow-dark { + background-color: #f2d024; } - .lg\:text-pink-darkest { - color: #45051e; + .lg\:bg-yellow { + background-color: #ffed4a; } - .lg\:text-pink-darker { - color: #72173a; + .lg\:bg-yellow-light { + background-color: #fff382; } - .lg\:text-pink-dark { - color: #eb5286; + .lg\:bg-yellow-lighter { + background-color: #fff9c2; } - .lg\:text-pink { - color: #f66d9b; + .lg\:bg-yellow-lightest { + background-color: #fcfbeb; } - .lg\:text-pink-light { - color: #fa7ea8; + .lg\:bg-green-darkest { + background-color: #032d19; } - .lg\:text-pink-lighter { - color: #ffbbca; + .lg\:bg-green-darker { + background-color: #0b4228; } - .lg\:text-pink-lightest { - color: #ffebef; + .lg\:bg-green-dark { + background-color: #1f9d55; } - .lg\:hover\:text-transparent:hover { - color: transparent; + .lg\:bg-green { + background-color: #38c172; } - .lg\:hover\:text-black:hover { - color: #222b2f; + .lg\:bg-green-light { + background-color: #51d88a; } - .lg\:hover\:text-grey-darkest:hover { - color: #364349; + .lg\:bg-green-lighter { + background-color: #a2f5bf; } - .lg\:hover\:text-grey-darker:hover { - color: #596a73; + .lg\:bg-green-lightest { + background-color: #e3fcec; } - .lg\:hover\:text-grey-dark:hover { - color: #70818a; + .lg\:bg-teal-darkest { + background-color: #0d3331; } - .lg\:hover\:text-grey:hover { - color: #9babb4; + .lg\:bg-teal-darker { + background-color: #174e4b; } - .lg\:hover\:text-grey-light:hover { - color: #dae4e9; + .lg\:bg-teal-dark { + background-color: #38a89d; } - .lg\:hover\:text-grey-lighter:hover { - color: #f3f7f9; + .lg\:bg-teal { + background-color: #4dc0b5; } - .lg\:hover\:text-grey-lightest:hover { - color: #fafcfc; + .lg\:bg-teal-light { + background-color: #64d5ca; } - .lg\:hover\:text-white:hover { - color: #ffffff; + .lg\:bg-teal-lighter { + background-color: #a0f0ed; } - .lg\:hover\:text-red-darkest:hover { - color: #420806; + .lg\:bg-teal-lightest { + background-color: #e8fffe; } - .lg\:hover\:text-red-darker:hover { - color: #6a1b19; + .lg\:bg-blue-darkest { + background-color: #05233b; } - .lg\:hover\:text-red-dark:hover { - color: #cc1f1a; + .lg\:bg-blue-darker { + background-color: #103d60; } - .lg\:hover\:text-red:hover { - color: #e3342f; + .lg\:bg-blue-dark { + background-color: #2779bd; } - .lg\:hover\:text-red-light:hover { - color: #ef5753; + .lg\:bg-blue { + background-color: #3490dc; } - .lg\:hover\:text-red-lighter:hover { - color: #f9acaa; + .lg\:bg-blue-light { + background-color: #6cb2eb; } - .lg\:hover\:text-red-lightest:hover { - color: #fcebea; + .lg\:bg-blue-lighter { + background-color: #bcdefa; } - .lg\:hover\:text-orange-darkest:hover { - color: #542605; + .lg\:bg-blue-lightest { + background-color: #eff8ff; } - .lg\:hover\:text-orange-darker:hover { - color: #7f4012; + .lg\:bg-indigo-darkest { + background-color: #191e38; } - .lg\:hover\:text-orange-dark:hover { - color: #de751f; + .lg\:bg-indigo-darker { + background-color: #2f365f; } - .lg\:hover\:text-orange:hover { - color: #f6993f; + .lg\:bg-indigo-dark { + background-color: #5661b3; } - .lg\:hover\:text-orange-light:hover { - color: #faad63; + .lg\:bg-indigo { + background-color: #6574cd; } - .lg\:hover\:text-orange-lighter:hover { - color: #fcd9b6; + .lg\:bg-indigo-light { + background-color: #7886d7; } - .lg\:hover\:text-orange-lightest:hover { - color: #fff5eb; + .lg\:bg-indigo-lighter { + background-color: #b2b7ff; } - .lg\:hover\:text-yellow-darkest:hover { - color: #453411; + .lg\:bg-indigo-lightest { + background-color: #e6e8ff; } - .lg\:hover\:text-yellow-darker:hover { - color: #684f1d; + .lg\:bg-purple-darkest { + background-color: #1f133f; } - .lg\:hover\:text-yellow-dark:hover { - color: #f2d024; + .lg\:bg-purple-darker { + background-color: #352465; } - .lg\:hover\:text-yellow:hover { - color: #ffed4a; + .lg\:bg-purple-dark { + background-color: #794acf; } - .lg\:hover\:text-yellow-light:hover { - color: #fff382; + .lg\:bg-purple { + background-color: #9561e2; } - .lg\:hover\:text-yellow-lighter:hover { - color: #fff9c2; + .lg\:bg-purple-light { + background-color: #a779e9; } - .lg\:hover\:text-yellow-lightest:hover { - color: #fcfbeb; + .lg\:bg-purple-lighter { + background-color: #d6bbfc; } - .lg\:hover\:text-green-darkest:hover { - color: #032d19; + .lg\:bg-purple-lightest { + background-color: #f3ebff; } - .lg\:hover\:text-green-darker:hover { - color: #0b4228; + .lg\:bg-pink-darkest { + background-color: #45051e; } - .lg\:hover\:text-green-dark:hover { - color: #1f9d55; + .lg\:bg-pink-darker { + background-color: #72173a; } - .lg\:hover\:text-green:hover { - color: #38c172; + .lg\:bg-pink-dark { + background-color: #eb5286; } - .lg\:hover\:text-green-light:hover { - color: #51d88a; + .lg\:bg-pink { + background-color: #f66d9b; } - .lg\:hover\:text-green-lighter:hover { - color: #a2f5bf; + .lg\:bg-pink-light { + background-color: #fa7ea8; } - .lg\:hover\:text-green-lightest:hover { - color: #e3fcec; + .lg\:bg-pink-lighter { + background-color: #ffbbca; } - .lg\:hover\:text-teal-darkest:hover { - color: #0d3331; + .lg\:bg-pink-lightest { + background-color: #ffebef; } - .lg\:hover\:text-teal-darker:hover { - color: #174e4b; + .lg\:hover\:bg-transparent:hover { + background-color: transparent; } - .lg\:hover\:text-teal-dark:hover { - color: #38a89d; + .lg\:hover\:bg-black:hover { + background-color: #222b2f; } - .lg\:hover\:text-teal:hover { - color: #4dc0b5; + .lg\:hover\:bg-grey-darkest:hover { + background-color: #364349; } - .lg\:hover\:text-teal-light:hover { - color: #64d5ca; + .lg\:hover\:bg-grey-darker:hover { + background-color: #596a73; } - .lg\:hover\:text-teal-lighter:hover { - color: #a0f0ed; + .lg\:hover\:bg-grey-dark:hover { + background-color: #70818a; } - .lg\:hover\:text-teal-lightest:hover { - color: #e8fffe; + .lg\:hover\:bg-grey:hover { + background-color: #9babb4; } - .lg\:hover\:text-blue-darkest:hover { - color: #05233b; + .lg\:hover\:bg-grey-light:hover { + background-color: #dae4e9; } - .lg\:hover\:text-blue-darker:hover { - color: #103d60; + .lg\:hover\:bg-grey-lighter:hover { + background-color: #f3f7f9; } - .lg\:hover\:text-blue-dark:hover { - color: #2779bd; + .lg\:hover\:bg-grey-lightest:hover { + background-color: #fafcfc; } - .lg\:hover\:text-blue:hover { - color: #3490dc; + .lg\:hover\:bg-white:hover { + background-color: #ffffff; } - .lg\:hover\:text-blue-light:hover { - color: #6cb2eb; + .lg\:hover\:bg-red-darkest:hover { + background-color: #420806; } - .lg\:hover\:text-blue-lighter:hover { - color: #bcdefa; + .lg\:hover\:bg-red-darker:hover { + background-color: #6a1b19; } - .lg\:hover\:text-blue-lightest:hover { - color: #eff8ff; + .lg\:hover\:bg-red-dark:hover { + background-color: #cc1f1a; } - .lg\:hover\:text-indigo-darkest:hover { - color: #191e38; + .lg\:hover\:bg-red:hover { + background-color: #e3342f; } - .lg\:hover\:text-indigo-darker:hover { - color: #2f365f; + .lg\:hover\:bg-red-light:hover { + background-color: #ef5753; } - .lg\:hover\:text-indigo-dark:hover { - color: #5661b3; + .lg\:hover\:bg-red-lighter:hover { + background-color: #f9acaa; } - .lg\:hover\:text-indigo:hover { - color: #6574cd; + .lg\:hover\:bg-red-lightest:hover { + background-color: #fcebea; } - .lg\:hover\:text-indigo-light:hover { - color: #7886d7; + .lg\:hover\:bg-orange-darkest:hover { + background-color: #542605; } - .lg\:hover\:text-indigo-lighter:hover { - color: #b2b7ff; + .lg\:hover\:bg-orange-darker:hover { + background-color: #7f4012; } - .lg\:hover\:text-indigo-lightest:hover { - color: #e6e8ff; + .lg\:hover\:bg-orange-dark:hover { + background-color: #de751f; } - .lg\:hover\:text-purple-darkest:hover { - color: #1f133f; + .lg\:hover\:bg-orange:hover { + background-color: #f6993f; } - .lg\:hover\:text-purple-darker:hover { - color: #352465; + .lg\:hover\:bg-orange-light:hover { + background-color: #faad63; } - .lg\:hover\:text-purple-dark:hover { - color: #794acf; + .lg\:hover\:bg-orange-lighter:hover { + background-color: #fcd9b6; } - .lg\:hover\:text-purple:hover { - color: #9561e2; + .lg\:hover\:bg-orange-lightest:hover { + background-color: #fff5eb; } - .lg\:hover\:text-purple-light:hover { - color: #a779e9; + .lg\:hover\:bg-yellow-darkest:hover { + background-color: #453411; } - .lg\:hover\:text-purple-lighter:hover { - color: #d6bbfc; + .lg\:hover\:bg-yellow-darker:hover { + background-color: #684f1d; } - .lg\:hover\:text-purple-lightest:hover { - color: #f3ebff; + .lg\:hover\:bg-yellow-dark:hover { + background-color: #f2d024; } - .lg\:hover\:text-pink-darkest:hover { - color: #45051e; + .lg\:hover\:bg-yellow:hover { + background-color: #ffed4a; } - .lg\:hover\:text-pink-darker:hover { - color: #72173a; + .lg\:hover\:bg-yellow-light:hover { + background-color: #fff382; } - .lg\:hover\:text-pink-dark:hover { - color: #eb5286; + .lg\:hover\:bg-yellow-lighter:hover { + background-color: #fff9c2; } - .lg\:hover\:text-pink:hover { - color: #f66d9b; + .lg\:hover\:bg-yellow-lightest:hover { + background-color: #fcfbeb; } - .lg\:hover\:text-pink-light:hover { - color: #fa7ea8; + .lg\:hover\:bg-green-darkest:hover { + background-color: #032d19; } - .lg\:hover\:text-pink-lighter:hover { - color: #ffbbca; + .lg\:hover\:bg-green-darker:hover { + background-color: #0b4228; } - .lg\:hover\:text-pink-lightest:hover { - color: #ffebef; + .lg\:hover\:bg-green-dark:hover { + background-color: #1f9d55; } - .lg\:leading-none { - line-height: 1; + .lg\:hover\:bg-green:hover { + background-color: #38c172; } - .lg\:leading-tight { - line-height: 1.25; + .lg\:hover\:bg-green-light:hover { + background-color: #51d88a; } - .lg\:leading-normal { - line-height: 1.5; + .lg\:hover\:bg-green-lighter:hover { + background-color: #a2f5bf; } - .lg\:leading-loose { - line-height: 2; + .lg\:hover\:bg-green-lightest:hover { + background-color: #e3fcec; } - .lg\:tracking-tight { - letter-spacing: -0.05em; + .lg\:hover\:bg-teal-darkest:hover { + background-color: #0d3331; } - .lg\:tracking-normal { - letter-spacing: 0; + .lg\:hover\:bg-teal-darker:hover { + background-color: #174e4b; } - .lg\:tracking-wide { - letter-spacing: 0.05em; + .lg\:hover\:bg-teal-dark:hover { + background-color: #38a89d; } - .lg\:text-left { - text-align: left; + .lg\:hover\:bg-teal:hover { + background-color: #4dc0b5; } - .lg\:text-center { - text-align: center; + .lg\:hover\:bg-teal-light:hover { + background-color: #64d5ca; } - .lg\:text-right { - text-align: right; + .lg\:hover\:bg-teal-lighter:hover { + background-color: #a0f0ed; } - .lg\:text-justify { - text-align: justify; + .lg\:hover\:bg-teal-lightest:hover { + background-color: #e8fffe; } - .lg\:whitespace-normal { - white-space: normal; + .lg\:hover\:bg-blue-darkest:hover { + background-color: #05233b; } - .lg\:whitespace-no-wrap { - white-space: nowrap; + .lg\:hover\:bg-blue-darker:hover { + background-color: #103d60; } - .lg\:whitespace-pre { - white-space: pre; + .lg\:hover\:bg-blue-dark:hover { + background-color: #2779bd; } - .lg\:whitespace-pre-line { - white-space: pre-line; + .lg\:hover\:bg-blue:hover { + background-color: #3490dc; } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap; + .lg\:hover\:bg-blue-light:hover { + background-color: #6cb2eb; } - .lg\:break-words { - word-wrap: break-word; + .lg\:hover\:bg-blue-lighter:hover { + background-color: #bcdefa; } - .lg\:break-normal { - word-wrap: normal; + .lg\:hover\:bg-blue-lightest:hover { + background-color: #eff8ff; } - .lg\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .lg\:hover\:bg-indigo-darkest:hover { + background-color: #191e38; } - .lg\:italic { - font-style: italic; + .lg\:hover\:bg-indigo-darker:hover { + background-color: #2f365f; } - .lg\:roman { - font-style: normal; + .lg\:hover\:bg-indigo-dark:hover { + background-color: #5661b3; } - .lg\:uppercase { - text-transform: uppercase; + .lg\:hover\:bg-indigo:hover { + background-color: #6574cd; } - .lg\:lowercase { - text-transform: lowercase; + .lg\:hover\:bg-indigo-light:hover { + background-color: #7886d7; } - .lg\:capitalize { - text-transform: capitalize; + .lg\:hover\:bg-indigo-lighter:hover { + background-color: #b2b7ff; } - .lg\:normal-case { - text-transform: none; + .lg\:hover\:bg-indigo-lightest:hover { + background-color: #e6e8ff; } - .lg\:underline { - text-decoration: underline; + .lg\:hover\:bg-purple-darkest:hover { + background-color: #1f133f; } - .lg\:line-through { - text-decoration: line-through; + .lg\:hover\:bg-purple-darker:hover { + background-color: #352465; } - .lg\:no-underline { - text-decoration: none; + .lg\:hover\:bg-purple-dark:hover { + background-color: #794acf; } - .lg\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:hover\:bg-purple:hover { + background-color: #9561e2; } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:hover\:bg-purple-light:hover { + background-color: #a779e9; } - .lg\:hover\:italic:hover { - font-style: italic; + .lg\:hover\:bg-purple-lighter:hover { + background-color: #d6bbfc; } - .lg\:hover\:roman:hover { - font-style: normal; + .lg\:hover\:bg-purple-lightest:hover { + background-color: #f3ebff; } - .lg\:hover\:uppercase:hover { - text-transform: uppercase; + .lg\:hover\:bg-pink-darkest:hover { + background-color: #45051e; } - .lg\:hover\:lowercase:hover { - text-transform: lowercase; + .lg\:hover\:bg-pink-darker:hover { + background-color: #72173a; } - .lg\:hover\:capitalize:hover { - text-transform: capitalize; + .lg\:hover\:bg-pink-dark:hover { + background-color: #eb5286; } - .lg\:hover\:normal-case:hover { - text-transform: none; + .lg\:hover\:bg-pink:hover { + background-color: #f66d9b; } - .lg\:hover\:underline:hover { - text-decoration: underline; + .lg\:hover\:bg-pink-light:hover { + background-color: #fa7ea8; } - .lg\:hover\:line-through:hover { - text-decoration: line-through; + .lg\:hover\:bg-pink-lighter:hover { + background-color: #ffbbca; } - .lg\:hover\:no-underline:hover { - text-decoration: none; + .lg\:hover\:bg-pink-lightest:hover { + background-color: #ffebef; } - .lg\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:bg-bottom { + background-position: bottom; } - .lg\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:bg-center { + background-position: center; } - .lg\:align-baseline { - vertical-align: baseline; + .lg\:bg-left { + background-position: left; } - .lg\:align-top { - vertical-align: top; + .lg\:bg-left-bottom { + background-position: left bottom; } - .lg\:align-middle { - vertical-align: middle; + .lg\:bg-left-top { + background-position: left top; } - .lg\:align-bottom { - vertical-align: bottom; + .lg\:bg-right { + background-position: right; } - .lg\:align-text-top { - vertical-align: text-top; + .lg\:bg-right-bottom { + background-position: right bottom; } - .lg\:align-text-bottom { - vertical-align: text-bottom; + .lg\:bg-right-top { + background-position: right top; } - .lg\:bg-transparent { - background-color: transparent; + .lg\:bg-top { + background-position: top; } - .lg\:bg-black { - background-color: #222b2f; + .lg\:bg-cover { + background-size: cover; } - .lg\:bg-grey-darkest { - background-color: #364349; + .lg\:bg-contain { + background-size: contain; } - .lg\:bg-grey-darker { - background-color: #596a73; + .lg\:border-transparent { + border-color: transparent; } - .lg\:bg-grey-dark { - background-color: #70818a; + .lg\:border-black { + border-color: #222b2f; } - .lg\:bg-grey { - background-color: #9babb4; + .lg\:border-grey-darkest { + border-color: #364349; } - .lg\:bg-grey-light { - background-color: #dae4e9; + .lg\:border-grey-darker { + border-color: #596a73; } - .lg\:bg-grey-lighter { - background-color: #f3f7f9; + .lg\:border-grey-dark { + border-color: #70818a; } - .lg\:bg-grey-lightest { - background-color: #fafcfc; + .lg\:border-grey { + border-color: #9babb4; } - .lg\:bg-white { - background-color: #ffffff; + .lg\:border-grey-light { + border-color: #dae4e9; } - .lg\:bg-red-darkest { - background-color: #420806; + .lg\:border-grey-lighter { + border-color: #f3f7f9; } - .lg\:bg-red-darker { - background-color: #6a1b19; + .lg\:border-grey-lightest { + border-color: #fafcfc; } - .lg\:bg-red-dark { - background-color: #cc1f1a; + .lg\:border-white { + border-color: #ffffff; } - .lg\:bg-red { - background-color: #e3342f; + .lg\:border-red-darkest { + border-color: #420806; } - .lg\:bg-red-light { - background-color: #ef5753; + .lg\:border-red-darker { + border-color: #6a1b19; } - .lg\:bg-red-lighter { - background-color: #f9acaa; + .lg\:border-red-dark { + border-color: #cc1f1a; } - .lg\:bg-red-lightest { - background-color: #fcebea; + .lg\:border-red { + border-color: #e3342f; } - .lg\:bg-orange-darkest { - background-color: #542605; + .lg\:border-red-light { + border-color: #ef5753; } - .lg\:bg-orange-darker { - background-color: #7f4012; + .lg\:border-red-lighter { + border-color: #f9acaa; } - .lg\:bg-orange-dark { - background-color: #de751f; + .lg\:border-red-lightest { + border-color: #fcebea; } - .lg\:bg-orange { - background-color: #f6993f; + .lg\:border-orange-darkest { + border-color: #542605; } - .lg\:bg-orange-light { - background-color: #faad63; + .lg\:border-orange-darker { + border-color: #7f4012; } - .lg\:bg-orange-lighter { - background-color: #fcd9b6; + .lg\:border-orange-dark { + border-color: #de751f; } - .lg\:bg-orange-lightest { - background-color: #fff5eb; + .lg\:border-orange { + border-color: #f6993f; } - .lg\:bg-yellow-darkest { - background-color: #453411; + .lg\:border-orange-light { + border-color: #faad63; } - .lg\:bg-yellow-darker { - background-color: #684f1d; + .lg\:border-orange-lighter { + border-color: #fcd9b6; } - .lg\:bg-yellow-dark { - background-color: #f2d024; + .lg\:border-orange-lightest { + border-color: #fff5eb; } - .lg\:bg-yellow { - background-color: #ffed4a; + .lg\:border-yellow-darkest { + border-color: #453411; } - .lg\:bg-yellow-light { - background-color: #fff382; + .lg\:border-yellow-darker { + border-color: #684f1d; } - .lg\:bg-yellow-lighter { - background-color: #fff9c2; + .lg\:border-yellow-dark { + border-color: #f2d024; } - .lg\:bg-yellow-lightest { - background-color: #fcfbeb; + .lg\:border-yellow { + border-color: #ffed4a; } - .lg\:bg-green-darkest { - background-color: #032d19; + .lg\:border-yellow-light { + border-color: #fff382; } - .lg\:bg-green-darker { - background-color: #0b4228; + .lg\:border-yellow-lighter { + border-color: #fff9c2; } - .lg\:bg-green-dark { - background-color: #1f9d55; + .lg\:border-yellow-lightest { + border-color: #fcfbeb; } - .lg\:bg-green { - background-color: #38c172; + .lg\:border-green-darkest { + border-color: #032d19; } - .lg\:bg-green-light { - background-color: #51d88a; + .lg\:border-green-darker { + border-color: #0b4228; } - .lg\:bg-green-lighter { - background-color: #a2f5bf; + .lg\:border-green-dark { + border-color: #1f9d55; } - .lg\:bg-green-lightest { - background-color: #e3fcec; + .lg\:border-green { + border-color: #38c172; } - .lg\:bg-teal-darkest { - background-color: #0d3331; + .lg\:border-green-light { + border-color: #51d88a; } - .lg\:bg-teal-darker { - background-color: #174e4b; + .lg\:border-green-lighter { + border-color: #a2f5bf; } - .lg\:bg-teal-dark { - background-color: #38a89d; + .lg\:border-green-lightest { + border-color: #e3fcec; } - .lg\:bg-teal { - background-color: #4dc0b5; + .lg\:border-teal-darkest { + border-color: #0d3331; } - .lg\:bg-teal-light { - background-color: #64d5ca; + .lg\:border-teal-darker { + border-color: #174e4b; } - .lg\:bg-teal-lighter { - background-color: #a0f0ed; + .lg\:border-teal-dark { + border-color: #38a89d; } - .lg\:bg-teal-lightest { - background-color: #e8fffe; + .lg\:border-teal { + border-color: #4dc0b5; } - .lg\:bg-blue-darkest { - background-color: #05233b; + .lg\:border-teal-light { + border-color: #64d5ca; } - .lg\:bg-blue-darker { - background-color: #103d60; + .lg\:border-teal-lighter { + border-color: #a0f0ed; } - .lg\:bg-blue-dark { - background-color: #2779bd; + .lg\:border-teal-lightest { + border-color: #e8fffe; } - .lg\:bg-blue { - background-color: #3490dc; + .lg\:border-blue-darkest { + border-color: #05233b; } - .lg\:bg-blue-light { - background-color: #6cb2eb; + .lg\:border-blue-darker { + border-color: #103d60; } - .lg\:bg-blue-lighter { - background-color: #bcdefa; + .lg\:border-blue-dark { + border-color: #2779bd; } - .lg\:bg-blue-lightest { - background-color: #eff8ff; + .lg\:border-blue { + border-color: #3490dc; } - .lg\:bg-indigo-darkest { - background-color: #191e38; + .lg\:border-blue-light { + border-color: #6cb2eb; } - .lg\:bg-indigo-darker { - background-color: #2f365f; + .lg\:border-blue-lighter { + border-color: #bcdefa; } - .lg\:bg-indigo-dark { - background-color: #5661b3; + .lg\:border-blue-lightest { + border-color: #eff8ff; } - .lg\:bg-indigo { - background-color: #6574cd; + .lg\:border-indigo-darkest { + border-color: #191e38; } - .lg\:bg-indigo-light { - background-color: #7886d7; + .lg\:border-indigo-darker { + border-color: #2f365f; } - .lg\:bg-indigo-lighter { - background-color: #b2b7ff; + .lg\:border-indigo-dark { + border-color: #5661b3; } - .lg\:bg-indigo-lightest { - background-color: #e6e8ff; + .lg\:border-indigo { + border-color: #6574cd; } - .lg\:bg-purple-darkest { - background-color: #1f133f; + .lg\:border-indigo-light { + border-color: #7886d7; } - .lg\:bg-purple-darker { - background-color: #352465; + .lg\:border-indigo-lighter { + border-color: #b2b7ff; } - .lg\:bg-purple-dark { - background-color: #794acf; + .lg\:border-indigo-lightest { + border-color: #e6e8ff; } - .lg\:bg-purple { - background-color: #9561e2; + .lg\:border-purple-darkest { + border-color: #1f133f; } - .lg\:bg-purple-light { - background-color: #a779e9; + .lg\:border-purple-darker { + border-color: #352465; } - .lg\:bg-purple-lighter { - background-color: #d6bbfc; + .lg\:border-purple-dark { + border-color: #794acf; } - .lg\:bg-purple-lightest { - background-color: #f3ebff; + .lg\:border-purple { + border-color: #9561e2; } - .lg\:bg-pink-darkest { - background-color: #45051e; + .lg\:border-purple-light { + border-color: #a779e9; } - .lg\:bg-pink-darker { - background-color: #72173a; + .lg\:border-purple-lighter { + border-color: #d6bbfc; } - .lg\:bg-pink-dark { - background-color: #eb5286; + .lg\:border-purple-lightest { + border-color: #f3ebff; } - .lg\:bg-pink { - background-color: #f66d9b; + .lg\:border-pink-darkest { + border-color: #45051e; } - .lg\:bg-pink-light { - background-color: #fa7ea8; + .lg\:border-pink-darker { + border-color: #72173a; } - .lg\:bg-pink-lighter { - background-color: #ffbbca; + .lg\:border-pink-dark { + border-color: #eb5286; } - .lg\:bg-pink-lightest { - background-color: #ffebef; + .lg\:border-pink { + border-color: #f66d9b; } - .lg\:hover\:bg-transparent:hover { - background-color: transparent; + .lg\:border-pink-light { + border-color: #fa7ea8; } - .lg\:hover\:bg-black:hover { - background-color: #222b2f; + .lg\:border-pink-lighter { + border-color: #ffbbca; } - .lg\:hover\:bg-grey-darkest:hover { - background-color: #364349; + .lg\:border-pink-lightest { + border-color: #ffebef; } - .lg\:hover\:bg-grey-darker:hover { - background-color: #596a73; + .lg\:hover\:border-transparent:hover { + border-color: transparent; } - .lg\:hover\:bg-grey-dark:hover { - background-color: #70818a; + .lg\:hover\:border-black:hover { + border-color: #222b2f; } - .lg\:hover\:bg-grey:hover { - background-color: #9babb4; + .lg\:hover\:border-grey-darkest:hover { + border-color: #364349; } - .lg\:hover\:bg-grey-light:hover { - background-color: #dae4e9; + .lg\:hover\:border-grey-darker:hover { + border-color: #596a73; } - .lg\:hover\:bg-grey-lighter:hover { - background-color: #f3f7f9; + .lg\:hover\:border-grey-dark:hover { + border-color: #70818a; } - .lg\:hover\:bg-grey-lightest:hover { - background-color: #fafcfc; + .lg\:hover\:border-grey:hover { + border-color: #9babb4; } - .lg\:hover\:bg-white:hover { - background-color: #ffffff; + .lg\:hover\:border-grey-light:hover { + border-color: #dae4e9; } - .lg\:hover\:bg-red-darkest:hover { - background-color: #420806; + .lg\:hover\:border-grey-lighter:hover { + border-color: #f3f7f9; } - .lg\:hover\:bg-red-darker:hover { - background-color: #6a1b19; + .lg\:hover\:border-grey-lightest:hover { + border-color: #fafcfc; } - .lg\:hover\:bg-red-dark:hover { - background-color: #cc1f1a; + .lg\:hover\:border-white:hover { + border-color: #ffffff; } - .lg\:hover\:bg-red:hover { - background-color: #e3342f; + .lg\:hover\:border-red-darkest:hover { + border-color: #420806; } - .lg\:hover\:bg-red-light:hover { - background-color: #ef5753; + .lg\:hover\:border-red-darker:hover { + border-color: #6a1b19; } - .lg\:hover\:bg-red-lighter:hover { - background-color: #f9acaa; + .lg\:hover\:border-red-dark:hover { + border-color: #cc1f1a; } - .lg\:hover\:bg-red-lightest:hover { - background-color: #fcebea; + .lg\:hover\:border-red:hover { + border-color: #e3342f; } - .lg\:hover\:bg-orange-darkest:hover { - background-color: #542605; + .lg\:hover\:border-red-light:hover { + border-color: #ef5753; } - .lg\:hover\:bg-orange-darker:hover { - background-color: #7f4012; + .lg\:hover\:border-red-lighter:hover { + border-color: #f9acaa; } - .lg\:hover\:bg-orange-dark:hover { - background-color: #de751f; + .lg\:hover\:border-red-lightest:hover { + border-color: #fcebea; } - .lg\:hover\:bg-orange:hover { - background-color: #f6993f; + .lg\:hover\:border-orange-darkest:hover { + border-color: #542605; } - .lg\:hover\:bg-orange-light:hover { - background-color: #faad63; + .lg\:hover\:border-orange-darker:hover { + border-color: #7f4012; } - .lg\:hover\:bg-orange-lighter:hover { - background-color: #fcd9b6; + .lg\:hover\:border-orange-dark:hover { + border-color: #de751f; } - .lg\:hover\:bg-orange-lightest:hover { - background-color: #fff5eb; + .lg\:hover\:border-orange:hover { + border-color: #f6993f; } - .lg\:hover\:bg-yellow-darkest:hover { - background-color: #453411; + .lg\:hover\:border-orange-light:hover { + border-color: #faad63; } - .lg\:hover\:bg-yellow-darker:hover { - background-color: #684f1d; + .lg\:hover\:border-orange-lighter:hover { + border-color: #fcd9b6; } - .lg\:hover\:bg-yellow-dark:hover { - background-color: #f2d024; + .lg\:hover\:border-orange-lightest:hover { + border-color: #fff5eb; } - .lg\:hover\:bg-yellow:hover { - background-color: #ffed4a; + .lg\:hover\:border-yellow-darkest:hover { + border-color: #453411; } - .lg\:hover\:bg-yellow-light:hover { - background-color: #fff382; + .lg\:hover\:border-yellow-darker:hover { + border-color: #684f1d; } - .lg\:hover\:bg-yellow-lighter:hover { - background-color: #fff9c2; + .lg\:hover\:border-yellow-dark:hover { + border-color: #f2d024; } - .lg\:hover\:bg-yellow-lightest:hover { - background-color: #fcfbeb; + .lg\:hover\:border-yellow:hover { + border-color: #ffed4a; } - .lg\:hover\:bg-green-darkest:hover { - background-color: #032d19; + .lg\:hover\:border-yellow-light:hover { + border-color: #fff382; } - .lg\:hover\:bg-green-darker:hover { - background-color: #0b4228; + .lg\:hover\:border-yellow-lighter:hover { + border-color: #fff9c2; } - .lg\:hover\:bg-green-dark:hover { - background-color: #1f9d55; + .lg\:hover\:border-yellow-lightest:hover { + border-color: #fcfbeb; } - .lg\:hover\:bg-green:hover { - background-color: #38c172; + .lg\:hover\:border-green-darkest:hover { + border-color: #032d19; } - .lg\:hover\:bg-green-light:hover { - background-color: #51d88a; + .lg\:hover\:border-green-darker:hover { + border-color: #0b4228; } - .lg\:hover\:bg-green-lighter:hover { - background-color: #a2f5bf; + .lg\:hover\:border-green-dark:hover { + border-color: #1f9d55; } - .lg\:hover\:bg-green-lightest:hover { - background-color: #e3fcec; + .lg\:hover\:border-green:hover { + border-color: #38c172; } - .lg\:hover\:bg-teal-darkest:hover { - background-color: #0d3331; + .lg\:hover\:border-green-light:hover { + border-color: #51d88a; } - .lg\:hover\:bg-teal-darker:hover { - background-color: #174e4b; + .lg\:hover\:border-green-lighter:hover { + border-color: #a2f5bf; } - .lg\:hover\:bg-teal-dark:hover { - background-color: #38a89d; + .lg\:hover\:border-green-lightest:hover { + border-color: #e3fcec; } - .lg\:hover\:bg-teal:hover { - background-color: #4dc0b5; + .lg\:hover\:border-teal-darkest:hover { + border-color: #0d3331; } - .lg\:hover\:bg-teal-light:hover { - background-color: #64d5ca; + .lg\:hover\:border-teal-darker:hover { + border-color: #174e4b; } - .lg\:hover\:bg-teal-lighter:hover { - background-color: #a0f0ed; + .lg\:hover\:border-teal-dark:hover { + border-color: #38a89d; } - .lg\:hover\:bg-teal-lightest:hover { - background-color: #e8fffe; + .lg\:hover\:border-teal:hover { + border-color: #4dc0b5; } - .lg\:hover\:bg-blue-darkest:hover { - background-color: #05233b; + .lg\:hover\:border-teal-light:hover { + border-color: #64d5ca; } - .lg\:hover\:bg-blue-darker:hover { - background-color: #103d60; + .lg\:hover\:border-teal-lighter:hover { + border-color: #a0f0ed; } - .lg\:hover\:bg-blue-dark:hover { - background-color: #2779bd; + .lg\:hover\:border-teal-lightest:hover { + border-color: #e8fffe; } - .lg\:hover\:bg-blue:hover { - background-color: #3490dc; + .lg\:hover\:border-blue-darkest:hover { + border-color: #05233b; } - .lg\:hover\:bg-blue-light:hover { - background-color: #6cb2eb; + .lg\:hover\:border-blue-darker:hover { + border-color: #103d60; } - .lg\:hover\:bg-blue-lighter:hover { - background-color: #bcdefa; + .lg\:hover\:border-blue-dark:hover { + border-color: #2779bd; } - .lg\:hover\:bg-blue-lightest:hover { - background-color: #eff8ff; + .lg\:hover\:border-blue:hover { + border-color: #3490dc; } - .lg\:hover\:bg-indigo-darkest:hover { - background-color: #191e38; + .lg\:hover\:border-blue-light:hover { + border-color: #6cb2eb; } - .lg\:hover\:bg-indigo-darker:hover { - background-color: #2f365f; + .lg\:hover\:border-blue-lighter:hover { + border-color: #bcdefa; } - .lg\:hover\:bg-indigo-dark:hover { - background-color: #5661b3; + .lg\:hover\:border-blue-lightest:hover { + border-color: #eff8ff; } - .lg\:hover\:bg-indigo:hover { - background-color: #6574cd; + .lg\:hover\:border-indigo-darkest:hover { + border-color: #191e38; } - .lg\:hover\:bg-indigo-light:hover { - background-color: #7886d7; + .lg\:hover\:border-indigo-darker:hover { + border-color: #2f365f; } - .lg\:hover\:bg-indigo-lighter:hover { - background-color: #b2b7ff; + .lg\:hover\:border-indigo-dark:hover { + border-color: #5661b3; } - .lg\:hover\:bg-indigo-lightest:hover { - background-color: #e6e8ff; + .lg\:hover\:border-indigo:hover { + border-color: #6574cd; } - .lg\:hover\:bg-purple-darkest:hover { - background-color: #1f133f; + .lg\:hover\:border-indigo-light:hover { + border-color: #7886d7; } - .lg\:hover\:bg-purple-darker:hover { - background-color: #352465; + .lg\:hover\:border-indigo-lighter:hover { + border-color: #b2b7ff; } - .lg\:hover\:bg-purple-dark:hover { - background-color: #794acf; + .lg\:hover\:border-indigo-lightest:hover { + border-color: #e6e8ff; } - .lg\:hover\:bg-purple:hover { - background-color: #9561e2; + .lg\:hover\:border-purple-darkest:hover { + border-color: #1f133f; } - .lg\:hover\:bg-purple-light:hover { - background-color: #a779e9; + .lg\:hover\:border-purple-darker:hover { + border-color: #352465; } - .lg\:hover\:bg-purple-lighter:hover { - background-color: #d6bbfc; + .lg\:hover\:border-purple-dark:hover { + border-color: #794acf; } - .lg\:hover\:bg-purple-lightest:hover { - background-color: #f3ebff; + .lg\:hover\:border-purple:hover { + border-color: #9561e2; } - .lg\:hover\:bg-pink-darkest:hover { - background-color: #45051e; + .lg\:hover\:border-purple-light:hover { + border-color: #a779e9; } - .lg\:hover\:bg-pink-darker:hover { - background-color: #72173a; + .lg\:hover\:border-purple-lighter:hover { + border-color: #d6bbfc; } - .lg\:hover\:bg-pink-dark:hover { - background-color: #eb5286; + .lg\:hover\:border-purple-lightest:hover { + border-color: #f3ebff; } - .lg\:hover\:bg-pink:hover { - background-color: #f66d9b; + .lg\:hover\:border-pink-darkest:hover { + border-color: #45051e; } - .lg\:hover\:bg-pink-light:hover { - background-color: #fa7ea8; + .lg\:hover\:border-pink-darker:hover { + border-color: #72173a; } - .lg\:hover\:bg-pink-lighter:hover { - background-color: #ffbbca; + .lg\:hover\:border-pink-dark:hover { + border-color: #eb5286; } - .lg\:hover\:bg-pink-lightest:hover { - background-color: #ffebef; + .lg\:hover\:border-pink:hover { + border-color: #f66d9b; } - .lg\:bg-bottom { - background-position: bottom; + .lg\:hover\:border-pink-light:hover { + border-color: #fa7ea8; } - .lg\:bg-center { - background-position: center; + .lg\:hover\:border-pink-lighter:hover { + border-color: #ffbbca; } - .lg\:bg-left { - background-position: left; + .lg\:hover\:border-pink-lightest:hover { + border-color: #ffebef; } - .lg\:bg-left-bottom { - background-position: left bottom; + .lg\:rounded-none { + border-radius: 0; } - .lg\:bg-left-top { - background-position: left top; + .lg\:rounded-sm { + border-radius: .125rem; } - .lg\:bg-right { - background-position: right; + .lg\:rounded { + border-radius: .25rem; } - .lg\:bg-right-bottom { - background-position: right bottom; + .lg\:rounded-lg { + border-radius: .5rem; } - .lg\:bg-right-top { - background-position: right top; + .lg\:rounded-full { + border-radius: 9999px; } - .lg\:bg-top { - background-position: top; + .lg\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .lg\:bg-cover { - background-size: cover; + .lg\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .lg\:bg-contain { - background-size: contain; + .lg\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .lg\:border-0 { - border-width: 0; + .lg\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .lg\:border-2 { - border-width: 2px; + .lg\:rounded-t-sm { + border-top-left-radius: .125rem; + border-top-right-radius: .125rem; } - .lg\:border-4 { - border-width: 4px; + .lg\:rounded-r-sm { + border-top-right-radius: .125rem; + border-bottom-right-radius: .125rem; } - .lg\:border-8 { - border-width: 8px; + .lg\:rounded-b-sm { + border-bottom-right-radius: .125rem; + border-bottom-left-radius: .125rem; } - .lg\:border { - border-width: 1px; + .lg\:rounded-l-sm { + border-top-left-radius: .125rem; + border-bottom-left-radius: .125rem; } - .lg\:border-t-0 { - border-top-width: 0; + .lg\:rounded-t { + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; } - .lg\:border-r-0 { - border-right-width: 0; + .lg\:rounded-r { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; } - .lg\:border-b-0 { - border-bottom-width: 0; + .lg\:rounded-b { + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; } - .lg\:border-l-0 { - border-left-width: 0; + .lg\:rounded-l { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; } - .lg\:border-t-2 { - border-top-width: 2px; + .lg\:rounded-t-lg { + border-top-left-radius: .5rem; + border-top-right-radius: .5rem; } - .lg\:border-r-2 { - border-right-width: 2px; + .lg\:rounded-r-lg { + border-top-right-radius: .5rem; + border-bottom-right-radius: .5rem; } - .lg\:border-b-2 { - border-bottom-width: 2px; + .lg\:rounded-b-lg { + border-bottom-right-radius: .5rem; + border-bottom-left-radius: .5rem; } - .lg\:border-l-2 { - border-left-width: 2px; + .lg\:rounded-l-lg { + border-top-left-radius: .5rem; + border-bottom-left-radius: .5rem; } - .lg\:border-t-4 { - border-top-width: 4px; + .lg\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .lg\:border-r-4 { - border-right-width: 4px; + .lg\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .lg\:border-b-4 { - border-bottom-width: 4px; + .lg\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:border-l-4 { - border-left-width: 4px; + .lg\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:border-t-8 { - border-top-width: 8px; + .lg\:rounded-tl-none { + border-top-left-radius: 0; } - .lg\:border-r-8 { - border-right-width: 8px; + .lg\:rounded-tr-none { + border-top-right-radius: 0; } - .lg\:border-b-8 { - border-bottom-width: 8px; + .lg\:rounded-br-none { + border-bottom-right-radius: 0; } - .lg\:border-l-8 { - border-left-width: 8px; + .lg\:rounded-bl-none { + border-bottom-left-radius: 0; } - .lg\:border-t { - border-top-width: 1px; + .lg\:rounded-tl-sm { + border-top-left-radius: .125rem; } - .lg\:border-r { - border-right-width: 1px; + .lg\:rounded-tr-sm { + border-top-right-radius: .125rem; } - .lg\:border-b { - border-bottom-width: 1px; + .lg\:rounded-br-sm { + border-bottom-right-radius: .125rem; } - .lg\:border-l { - border-left-width: 1px; + .lg\:rounded-bl-sm { + border-bottom-left-radius: .125rem; } - .lg\:border-transparent { - border-color: transparent; + .lg\:rounded-tl { + border-top-left-radius: .25rem; } - .lg\:border-black { - border-color: #222b2f; + .lg\:rounded-tr { + border-top-right-radius: .25rem; } - .lg\:border-grey-darkest { - border-color: #364349; + .lg\:rounded-br { + border-bottom-right-radius: .25rem; } - .lg\:border-grey-darker { - border-color: #596a73; + .lg\:rounded-bl { + border-bottom-left-radius: .25rem; } - .lg\:border-grey-dark { - border-color: #70818a; + .lg\:rounded-tl-lg { + border-top-left-radius: .5rem; } - .lg\:border-grey { - border-color: #9babb4; + .lg\:rounded-tr-lg { + border-top-right-radius: .5rem; } - .lg\:border-grey-light { - border-color: #dae4e9; + .lg\:rounded-br-lg { + border-bottom-right-radius: .5rem; } - .lg\:border-grey-lighter { - border-color: #f3f7f9; + .lg\:rounded-bl-lg { + border-bottom-left-radius: .5rem; } - .lg\:border-grey-lightest { - border-color: #fafcfc; + .lg\:rounded-tl-full { + border-top-left-radius: 9999px; } - .lg\:border-white { - border-color: #ffffff; + .lg\:rounded-tr-full { + border-top-right-radius: 9999px; } - .lg\:border-red-darkest { - border-color: #420806; + .lg\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .lg\:border-red-darker { - border-color: #6a1b19; + .lg\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .lg\:border-red-dark { - border-color: #cc1f1a; + .lg\:border-solid { + border-style: solid; } - .lg\:border-red { - border-color: #e3342f; + .lg\:border-dashed { + border-style: dashed; } - .lg\:border-red-light { - border-color: #ef5753; + .lg\:border-dotted { + border-style: dotted; } - .lg\:border-red-lighter { - border-color: #f9acaa; + .lg\:border-none { + border-style: none; } - .lg\:border-red-lightest { - border-color: #fcebea; + .lg\:border-0 { + border-width: 0; } - .lg\:border-orange-darkest { - border-color: #542605; + .lg\:border-2 { + border-width: 2px; } - .lg\:border-orange-darker { - border-color: #7f4012; + .lg\:border-4 { + border-width: 4px; } - .lg\:border-orange-dark { - border-color: #de751f; + .lg\:border-8 { + border-width: 8px; } - .lg\:border-orange { - border-color: #f6993f; + .lg\:border { + border-width: 1px; } - .lg\:border-orange-light { - border-color: #faad63; + .lg\:border-t-0 { + border-top-width: 0; } - .lg\:border-orange-lighter { - border-color: #fcd9b6; + .lg\:border-r-0 { + border-right-width: 0; } - .lg\:border-orange-lightest { - border-color: #fff5eb; + .lg\:border-b-0 { + border-bottom-width: 0; } - .lg\:border-yellow-darkest { - border-color: #453411; + .lg\:border-l-0 { + border-left-width: 0; } - .lg\:border-yellow-darker { - border-color: #684f1d; + .lg\:border-t-2 { + border-top-width: 2px; } - .lg\:border-yellow-dark { - border-color: #f2d024; + .lg\:border-r-2 { + border-right-width: 2px; } - .lg\:border-yellow { - border-color: #ffed4a; + .lg\:border-b-2 { + border-bottom-width: 2px; } - .lg\:border-yellow-light { - border-color: #fff382; + .lg\:border-l-2 { + border-left-width: 2px; } - .lg\:border-yellow-lighter { - border-color: #fff9c2; + .lg\:border-t-4 { + border-top-width: 4px; } - .lg\:border-yellow-lightest { - border-color: #fcfbeb; + .lg\:border-r-4 { + border-right-width: 4px; } - .lg\:border-green-darkest { - border-color: #032d19; + .lg\:border-b-4 { + border-bottom-width: 4px; } - .lg\:border-green-darker { - border-color: #0b4228; + .lg\:border-l-4 { + border-left-width: 4px; } - .lg\:border-green-dark { - border-color: #1f9d55; + .lg\:border-t-8 { + border-top-width: 8px; } - .lg\:border-green { - border-color: #38c172; + .lg\:border-r-8 { + border-right-width: 8px; } - .lg\:border-green-light { - border-color: #51d88a; + .lg\:border-b-8 { + border-bottom-width: 8px; } - .lg\:border-green-lighter { - border-color: #a2f5bf; + .lg\:border-l-8 { + border-left-width: 8px; } - .lg\:border-green-lightest { - border-color: #e3fcec; + .lg\:border-t { + border-top-width: 1px; } - .lg\:border-teal-darkest { - border-color: #0d3331; + .lg\:border-r { + border-right-width: 1px; } - .lg\:border-teal-darker { - border-color: #174e4b; + .lg\:border-b { + border-bottom-width: 1px; } - .lg\:border-teal-dark { - border-color: #38a89d; + .lg\:border-l { + border-left-width: 1px; } - .lg\:border-teal { - border-color: #4dc0b5; + .lg\:cursor-auto { + cursor: auto; } - .lg\:border-teal-light { - border-color: #64d5ca; + .lg\:cursor-default { + cursor: default; } - .lg\:border-teal-lighter { - border-color: #a0f0ed; + .lg\:cursor-pointer { + cursor: pointer; } - .lg\:border-teal-lightest { - border-color: #e8fffe; + .lg\:cursor-not-allowed { + cursor: not-allowed; } - .lg\:border-blue-darkest { - border-color: #05233b; + .lg\:block { + display: block; } - .lg\:border-blue-darker { - border-color: #103d60; + .lg\:inline-block { + display: inline-block; } - .lg\:border-blue-dark { - border-color: #2779bd; + .lg\:inline { + display: inline; } - .lg\:border-blue { - border-color: #3490dc; + .lg\:table { + display: table; } - .lg\:border-blue-light { - border-color: #6cb2eb; + .lg\:table-row { + display: table-row; } - .lg\:border-blue-lighter { - border-color: #bcdefa; + .lg\:table-cell { + display: table-cell; } - .lg\:border-blue-lightest { - border-color: #eff8ff; + .lg\:hidden { + display: none; } - .lg\:border-indigo-darkest { - border-color: #191e38; + .lg\:flex { + display: flex; } - .lg\:border-indigo-darker { - border-color: #2f365f; + .lg\:inline-flex { + display: inline-flex; } - .lg\:border-indigo-dark { - border-color: #5661b3; + .lg\:flex-row { + flex-direction: row; } - .lg\:border-indigo { - border-color: #6574cd; + .lg\:flex-row-reverse { + flex-direction: row-reverse; } - .lg\:border-indigo-light { - border-color: #7886d7; + .lg\:flex-col { + flex-direction: column; } - .lg\:border-indigo-lighter { - border-color: #b2b7ff; + .lg\:flex-col-reverse { + flex-direction: column-reverse; } - .lg\:border-indigo-lightest { - border-color: #e6e8ff; + .lg\:flex-wrap { + flex-wrap: wrap; } - .lg\:border-purple-darkest { - border-color: #1f133f; + .lg\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .lg\:border-purple-darker { - border-color: #352465; + .lg\:flex-no-wrap { + flex-wrap: nowrap; } - .lg\:border-purple-dark { - border-color: #794acf; + .lg\:items-start { + align-items: flex-start; } - .lg\:border-purple { - border-color: #9561e2; + .lg\:items-end { + align-items: flex-end; } - .lg\:border-purple-light { - border-color: #a779e9; + .lg\:items-center { + align-items: center; } - .lg\:border-purple-lighter { - border-color: #d6bbfc; + .lg\:items-baseline { + align-items: baseline; } - .lg\:border-purple-lightest { - border-color: #f3ebff; + .lg\:items-stretch { + align-items: stretch; } - .lg\:border-pink-darkest { - border-color: #45051e; + .lg\:self-auto { + align-self: auto; } - .lg\:border-pink-darker { - border-color: #72173a; + .lg\:self-start { + align-self: flex-start; } - .lg\:border-pink-dark { - border-color: #eb5286; + .lg\:self-end { + align-self: flex-end; } - .lg\:border-pink { - border-color: #f66d9b; + .lg\:self-center { + align-self: center; } - .lg\:border-pink-light { - border-color: #fa7ea8; + .lg\:self-stretch { + align-self: stretch; } - .lg\:border-pink-lighter { - border-color: #ffbbca; + .lg\:justify-start { + justify-content: flex-start; } - .lg\:border-pink-lightest { - border-color: #ffebef; + .lg\:justify-end { + justify-content: flex-end; } - .lg\:hover\:border-transparent:hover { - border-color: transparent; + .lg\:justify-center { + justify-content: center; } - .lg\:hover\:border-black:hover { - border-color: #222b2f; + .lg\:justify-between { + justify-content: space-between; } - .lg\:hover\:border-grey-darkest:hover { - border-color: #364349; + .lg\:justify-around { + justify-content: space-around; } - .lg\:hover\:border-grey-darker:hover { - border-color: #596a73; + .lg\:content-center { + align-content: center; } - .lg\:hover\:border-grey-dark:hover { - border-color: #70818a; + .lg\:content-start { + align-content: flex-start; } - .lg\:hover\:border-grey:hover { - border-color: #9babb4; + .lg\:content-end { + align-content: flex-end; } - .lg\:hover\:border-grey-light:hover { - border-color: #dae4e9; + .lg\:content-between { + align-content: space-between; } - .lg\:hover\:border-grey-lighter:hover { - border-color: #f3f7f9; + .lg\:content-around { + align-content: space-around; } - .lg\:hover\:border-grey-lightest:hover { - border-color: #fafcfc; + .lg\:flex-1 { + flex: 1; } - .lg\:hover\:border-white:hover { - border-color: #ffffff; + .lg\:flex-auto { + flex: auto; } - .lg\:hover\:border-red-darkest:hover { - border-color: #420806; + .lg\:flex-initial { + flex: initial; } - .lg\:hover\:border-red-darker:hover { - border-color: #6a1b19; + .lg\:flex-none { + flex: none; } - .lg\:hover\:border-red-dark:hover { - border-color: #cc1f1a; + .lg\:flex-grow { + flex-grow: 1; } - .lg\:hover\:border-red:hover { - border-color: #e3342f; + .lg\:flex-shrink { + flex-shrink: 1; } - .lg\:hover\:border-red-light:hover { - border-color: #ef5753; + .lg\:flex-no-grow { + flex-grow: 0; } - .lg\:hover\:border-red-lighter:hover { - border-color: #f9acaa; + .lg\:flex-no-shrink { + flex-shrink: 0; } - .lg\:hover\:border-red-lightest:hover { - border-color: #fcebea; + .lg\:float-right { + float: right; } - .lg\:hover\:border-orange-darkest:hover { - border-color: #542605; + .lg\:float-left { + float: left; } - .lg\:hover\:border-orange-darker:hover { - border-color: #7f4012; + .lg\:float-none { + float: none; } - .lg\:hover\:border-orange-dark:hover { - border-color: #de751f; + .lg\:clearfix:after { + content: ""; + display: table; + clear: both; } - .lg\:hover\:border-orange:hover { - border-color: #f6993f; + .lg\:font-sans { + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } - .lg\:hover\:border-orange-light:hover { - border-color: #faad63; + .lg\:font-serif { + font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; } - .lg\:hover\:border-orange-lighter:hover { - border-color: #fcd9b6; + .lg\:font-mono { + font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } - .lg\:hover\:border-orange-lightest:hover { - border-color: #fff5eb; + .lg\:font-hairline { + font-weight: 100; } - .lg\:hover\:border-yellow-darkest:hover { - border-color: #453411; + .lg\:font-thin { + font-weight: 200; } - .lg\:hover\:border-yellow-darker:hover { - border-color: #684f1d; + .lg\:font-light { + font-weight: 300; } - .lg\:hover\:border-yellow-dark:hover { - border-color: #f2d024; + .lg\:font-normal { + font-weight: 400; } - .lg\:hover\:border-yellow:hover { - border-color: #ffed4a; + .lg\:font-medium { + font-weight: 500; } - .lg\:hover\:border-yellow-light:hover { - border-color: #fff382; + .lg\:font-semibold { + font-weight: 600; } - .lg\:hover\:border-yellow-lighter:hover { - border-color: #fff9c2; + .lg\:font-bold { + font-weight: 700; } - .lg\:hover\:border-yellow-lightest:hover { - border-color: #fcfbeb; + .lg\:font-extrabold { + font-weight: 800; } - .lg\:hover\:border-green-darkest:hover { - border-color: #032d19; + .lg\:font-black { + font-weight: 900; } - .lg\:hover\:border-green-darker:hover { - border-color: #0b4228; + .lg\:hover\:font-hairline:hover { + font-weight: 100; } - .lg\:hover\:border-green-dark:hover { - border-color: #1f9d55; + .lg\:hover\:font-thin:hover { + font-weight: 200; } - .lg\:hover\:border-green:hover { - border-color: #38c172; + .lg\:hover\:font-light:hover { + font-weight: 300; } - .lg\:hover\:border-green-light:hover { - border-color: #51d88a; + .lg\:hover\:font-normal:hover { + font-weight: 400; } - .lg\:hover\:border-green-lighter:hover { - border-color: #a2f5bf; + .lg\:hover\:font-medium:hover { + font-weight: 500; } - .lg\:hover\:border-green-lightest:hover { - border-color: #e3fcec; + .lg\:hover\:font-semibold:hover { + font-weight: 600; } - .lg\:hover\:border-teal-darkest:hover { - border-color: #0d3331; + .lg\:hover\:font-bold:hover { + font-weight: 700; } - .lg\:hover\:border-teal-darker:hover { - border-color: #174e4b; + .lg\:hover\:font-extrabold:hover { + font-weight: 800; } - .lg\:hover\:border-teal-dark:hover { - border-color: #38a89d; + .lg\:hover\:font-black:hover { + font-weight: 900; } - .lg\:hover\:border-teal:hover { - border-color: #4dc0b5; + .lg\:h-1 { + height: 0.25rem; } - .lg\:hover\:border-teal-light:hover { - border-color: #64d5ca; + .lg\:h-2 { + height: 0.5rem; } - .lg\:hover\:border-teal-lighter:hover { - border-color: #a0f0ed; + .lg\:h-3 { + height: 0.75rem; } - .lg\:hover\:border-teal-lightest:hover { - border-color: #e8fffe; + .lg\:h-4 { + height: 1rem; } - .lg\:hover\:border-blue-darkest:hover { - border-color: #05233b; + .lg\:h-6 { + height: 1.5rem; } - .lg\:hover\:border-blue-darker:hover { - border-color: #103d60; + .lg\:h-8 { + height: 2rem; } - .lg\:hover\:border-blue-dark:hover { - border-color: #2779bd; + .lg\:h-10 { + height: 2.5rem; } - .lg\:hover\:border-blue:hover { - border-color: #3490dc; + .lg\:h-12 { + height: 3rem; } - .lg\:hover\:border-blue-light:hover { - border-color: #6cb2eb; + .lg\:h-16 { + height: 4rem; } - .lg\:hover\:border-blue-lighter:hover { - border-color: #bcdefa; + .lg\:h-24 { + height: 6rem; } - .lg\:hover\:border-blue-lightest:hover { - border-color: #eff8ff; + .lg\:h-32 { + height: 8rem; } - .lg\:hover\:border-indigo-darkest:hover { - border-color: #191e38; + .lg\:h-48 { + height: 12rem; } - .lg\:hover\:border-indigo-darker:hover { - border-color: #2f365f; + .lg\:h-64 { + height: 16rem; } - .lg\:hover\:border-indigo-dark:hover { - border-color: #5661b3; + .lg\:h-auto { + height: auto; } - .lg\:hover\:border-indigo:hover { - border-color: #6574cd; + .lg\:h-px { + height: 1px; } - .lg\:hover\:border-indigo-light:hover { - border-color: #7886d7; + .lg\:h-full { + height: 100%; } - .lg\:hover\:border-indigo-lighter:hover { - border-color: #b2b7ff; + .lg\:h-screen { + height: 100vh; } - .lg\:hover\:border-indigo-lightest:hover { - border-color: #e6e8ff; + .lg\:leading-none { + line-height: 1; } - .lg\:hover\:border-purple-darkest:hover { - border-color: #1f133f; + .lg\:leading-tight { + line-height: 1.25; } - .lg\:hover\:border-purple-darker:hover { - border-color: #352465; + .lg\:leading-normal { + line-height: 1.5; } - .lg\:hover\:border-purple-dark:hover { - border-color: #794acf; + .lg\:leading-loose { + line-height: 2; } - .lg\:hover\:border-purple:hover { - border-color: #9561e2; + .lg\:m-0 { + margin: 0; } - .lg\:hover\:border-purple-light:hover { - border-color: #a779e9; + .lg\:m-1 { + margin: 0.25rem; } - .lg\:hover\:border-purple-lighter:hover { - border-color: #d6bbfc; + .lg\:m-2 { + margin: 0.5rem; } - .lg\:hover\:border-purple-lightest:hover { - border-color: #f3ebff; + .lg\:m-3 { + margin: 0.75rem; } - .lg\:hover\:border-pink-darkest:hover { - border-color: #45051e; + .lg\:m-4 { + margin: 1rem; } - .lg\:hover\:border-pink-darker:hover { - border-color: #72173a; + .lg\:m-6 { + margin: 1.5rem; } - .lg\:hover\:border-pink-dark:hover { - border-color: #eb5286; + .lg\:m-8 { + margin: 2rem; } - .lg\:hover\:border-pink:hover { - border-color: #f66d9b; + .lg\:m-auto { + margin: auto; } - .lg\:hover\:border-pink-light:hover { - border-color: #fa7ea8; + .lg\:m-px { + margin: 1px; } - .lg\:hover\:border-pink-lighter:hover { - border-color: #ffbbca; + .lg\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .lg\:hover\:border-pink-lightest:hover { - border-color: #ffebef; + .lg\:mx-0 { + margin-left: 0; + margin-right: 0; } - .lg\:border-solid { - border-style: solid; + .lg\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .lg\:border-dashed { - border-style: dashed; + .lg\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .lg\:border-dotted { - border-style: dotted; + .lg\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } + + .lg\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .lg\:border-none { - border-style: none; + .lg\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .lg\:rounded-none { - border-radius: 0; + .lg\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .lg\:rounded-sm { - border-radius: .125rem; + .lg\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .lg\:rounded { - border-radius: .25rem; + .lg\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .lg\:rounded-lg { - border-radius: .5rem; + .lg\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .lg\:rounded-full { - border-radius: 9999px; + .lg\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .lg\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .lg\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .lg\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .lg\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .lg\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .lg\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .lg\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; } - .lg\:rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; + .lg\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .lg\:rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; + .lg\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .lg\:rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; + .lg\:mt-0 { + margin-top: 0; } - .lg\:rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; + .lg\:mr-0 { + margin-right: 0; } - .lg\:rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + .lg\:mb-0 { + margin-bottom: 0; } - .lg\:rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + .lg\:ml-0 { + margin-left: 0; } - .lg\:rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + .lg\:mt-1 { + margin-top: 0.25rem; } - .lg\:rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + .lg\:mr-1 { + margin-right: 0.25rem; } - .lg\:rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; + .lg\:mb-1 { + margin-bottom: 0.25rem; } - .lg\:rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; + .lg\:ml-1 { + margin-left: 0.25rem; } - .lg\:rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; + .lg\:mt-2 { + margin-top: 0.5rem; } - .lg\:rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; + .lg\:mr-2 { + margin-right: 0.5rem; } - .lg\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .lg\:mb-2 { + margin-bottom: 0.5rem; } - .lg\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .lg\:ml-2 { + margin-left: 0.5rem; } - .lg\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:mt-3 { + margin-top: 0.75rem; } - .lg\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:mr-3 { + margin-right: 0.75rem; } - .lg\:rounded-tl-none { - border-top-left-radius: 0; + .lg\:mb-3 { + margin-bottom: 0.75rem; } - .lg\:rounded-tr-none { - border-top-right-radius: 0; + .lg\:ml-3 { + margin-left: 0.75rem; } - .lg\:rounded-br-none { - border-bottom-right-radius: 0; + .lg\:mt-4 { + margin-top: 1rem; } - .lg\:rounded-bl-none { - border-bottom-left-radius: 0; + .lg\:mr-4 { + margin-right: 1rem; } - .lg\:rounded-tl-sm { - border-top-left-radius: .125rem; + .lg\:mb-4 { + margin-bottom: 1rem; } - .lg\:rounded-tr-sm { - border-top-right-radius: .125rem; + .lg\:ml-4 { + margin-left: 1rem; } - .lg\:rounded-br-sm { - border-bottom-right-radius: .125rem; + .lg\:mt-6 { + margin-top: 1.5rem; } - .lg\:rounded-bl-sm { - border-bottom-left-radius: .125rem; + .lg\:mr-6 { + margin-right: 1.5rem; } - .lg\:rounded-tl { - border-top-left-radius: .25rem; + .lg\:mb-6 { + margin-bottom: 1.5rem; } - .lg\:rounded-tr { - border-top-right-radius: .25rem; + .lg\:ml-6 { + margin-left: 1.5rem; } - .lg\:rounded-br { - border-bottom-right-radius: .25rem; + .lg\:mt-8 { + margin-top: 2rem; } - .lg\:rounded-bl { - border-bottom-left-radius: .25rem; + .lg\:mr-8 { + margin-right: 2rem; } - .lg\:rounded-tl-lg { - border-top-left-radius: .5rem; + .lg\:mb-8 { + margin-bottom: 2rem; } - .lg\:rounded-tr-lg { - border-top-right-radius: .5rem; + .lg\:ml-8 { + margin-left: 2rem; } - .lg\:rounded-br-lg { - border-bottom-right-radius: .5rem; + .lg\:mt-auto { + margin-top: auto; } - .lg\:rounded-bl-lg { - border-bottom-left-radius: .5rem; + .lg\:mr-auto { + margin-right: auto; } - .lg\:rounded-tl-full { - border-top-left-radius: 9999px; + .lg\:mb-auto { + margin-bottom: auto; } - .lg\:rounded-tr-full { - border-top-right-radius: 9999px; + .lg\:ml-auto { + margin-left: auto; } - .lg\:rounded-br-full { - border-bottom-right-radius: 9999px; + .lg\:mt-px { + margin-top: 1px; } - .lg\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .lg\:mr-px { + margin-right: 1px; } - .lg\:block { - display: block; + .lg\:mb-px { + margin-bottom: 1px; } - .lg\:inline-block { - display: inline-block; + .lg\:ml-px { + margin-left: 1px; } - .lg\:inline { - display: inline; + .lg\:max-h-full { + max-height: 100%; } - .lg\:table { - display: table; + .lg\:max-h-screen { + max-height: 100vh; } - .lg\:table-row { - display: table-row; + .lg\:max-w-xs { + max-width: 20rem; } - .lg\:table-cell { - display: table-cell; + .lg\:max-w-sm { + max-width: 30rem; } - .lg\:hidden { - display: none; + .lg\:max-w-md { + max-width: 40rem; } - .lg\:static { - position: static; + .lg\:max-w-lg { + max-width: 50rem; } - .lg\:fixed { - position: fixed; + .lg\:max-w-xl { + max-width: 60rem; } - .lg\:absolute { - position: absolute; + .lg\:max-w-2xl { + max-width: 70rem; } - .lg\:relative { - position: relative; + .lg\:max-w-3xl { + max-width: 80rem; } - .lg\:pin-t { - top: 0; + .lg\:max-w-4xl { + max-width: 90rem; } - .lg\:pin-r { - right: 0; + .lg\:max-w-5xl { + max-width: 100rem; } - .lg\:pin-b { - bottom: 0; + .lg\:max-w-full { + max-width: 100%; } - .lg\:pin-l { - left: 0; + .lg\:min-h-0 { + min-height: 0; } - .lg\:pin-y { - top: 0; - bottom: 0; + .lg\:min-h-full { + min-height: 100%; } - .lg\:pin-x { - right: 0; - left: 0; + .lg\:min-h-screen { + min-height: 100vh; } - .lg\:pin { - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; + .lg\:min-w-0 { + min-width: 0; } - .lg\:overflow-auto { - overflow: auto; + .lg\:min-w-full { + min-width: 100%; } - .lg\:overflow-hidden { - overflow: hidden; + .lg\:-m-0 { + margin: 0; } - .lg\:overflow-visible { - overflow: visible; + .lg\:-m-1 { + margin: -0.25rem; } - .lg\:overflow-scroll { - overflow: scroll; + .lg\:-m-2 { + margin: -0.5rem; } - .lg\:overflow-x-scroll { - overflow-x: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; + .lg\:-m-3 { + margin: -0.75rem; } - .lg\:overflow-y-scroll { - overflow-y: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; + .lg\:-m-4 { + margin: -1rem; } - .lg\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .lg\:-m-6 { + margin: -1.5rem; } - .lg\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .lg\:-m-8 { + margin: -2rem; } - .lg\:w-1 { - width: 0.25rem; + .lg\:-m-px { + margin: -1px; } - .lg\:w-2 { - width: 0.5rem; + .lg\:-my-0 { + margin-top: 0; + margin-bottom: 0; } - .lg\:w-3 { - width: 0.75rem; + .lg\:-mx-0 { + margin-left: 0; + margin-right: 0; } - .lg\:w-4 { - width: 1rem; + .lg\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .lg\:w-6 { - width: 1.5rem; + .lg\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .lg\:w-8 { - width: 2rem; + .lg\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .lg\:w-10 { - width: 2.5rem; + .lg\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .lg\:w-12 { - width: 3rem; + .lg\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .lg\:w-16 { - width: 4rem; + .lg\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .lg\:w-24 { - width: 6rem; + .lg\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .lg\:w-32 { - width: 8rem; + .lg\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .lg\:w-48 { - width: 12rem; + .lg\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .lg\:w-64 { - width: 16rem; + .lg\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .lg\:w-auto { - width: auto; + .lg\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .lg\:w-px { - width: 1px; + .lg\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .lg\:w-1\/2 { - width: 50%; + .lg\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .lg\:w-1\/3 { - width: 33.33333%; + .lg\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .lg\:w-2\/3 { - width: 66.66667%; + .lg\:-mt-0 { + margin-top: 0; } - .lg\:w-1\/4 { - width: 25%; + .lg\:-mr-0 { + margin-right: 0; } - .lg\:w-3\/4 { - width: 75%; + .lg\:-mb-0 { + margin-bottom: 0; } - .lg\:w-1\/5 { - width: 20%; + .lg\:-ml-0 { + margin-left: 0; } - .lg\:w-2\/5 { - width: 40%; + .lg\:-mt-1 { + margin-top: -0.25rem; } - .lg\:w-3\/5 { - width: 60%; + .lg\:-mr-1 { + margin-right: -0.25rem; } - .lg\:w-4\/5 { - width: 80%; + .lg\:-mb-1 { + margin-bottom: -0.25rem; } - .lg\:w-1\/6 { - width: 16.66667%; + .lg\:-ml-1 { + margin-left: -0.25rem; } - .lg\:w-5\/6 { - width: 83.33333%; + .lg\:-mt-2 { + margin-top: -0.5rem; } - .lg\:w-full { - width: 100%; + .lg\:-mr-2 { + margin-right: -0.5rem; } - .lg\:w-screen { - width: 100vw; + .lg\:-mb-2 { + margin-bottom: -0.5rem; } - .lg\:min-w-0 { - min-width: 0; + .lg\:-ml-2 { + margin-left: -0.5rem; } - .lg\:min-w-full { - min-width: 100%; + .lg\:-mt-3 { + margin-top: -0.75rem; } - .lg\:max-w-xs { - max-width: 20rem; + .lg\:-mr-3 { + margin-right: -0.75rem; } - .lg\:max-w-sm { - max-width: 30rem; + .lg\:-mb-3 { + margin-bottom: -0.75rem; } - .lg\:max-w-md { - max-width: 40rem; + .lg\:-ml-3 { + margin-left: -0.75rem; } - .lg\:max-w-lg { - max-width: 50rem; + .lg\:-mt-4 { + margin-top: -1rem; } - .lg\:max-w-xl { - max-width: 60rem; + .lg\:-mr-4 { + margin-right: -1rem; } - .lg\:max-w-2xl { - max-width: 70rem; + .lg\:-mb-4 { + margin-bottom: -1rem; } - .lg\:max-w-3xl { - max-width: 80rem; + .lg\:-ml-4 { + margin-left: -1rem; } - .lg\:max-w-4xl { - max-width: 90rem; + .lg\:-mt-6 { + margin-top: -1.5rem; } - .lg\:max-w-5xl { - max-width: 100rem; + .lg\:-mr-6 { + margin-right: -1.5rem; } - .lg\:max-w-full { - max-width: 100%; + .lg\:-mb-6 { + margin-bottom: -1.5rem; } - - .lg\:h-1 { - height: 0.25rem; + + .lg\:-ml-6 { + margin-left: -1.5rem; } - .lg\:h-2 { - height: 0.5rem; + .lg\:-mt-8 { + margin-top: -2rem; } - .lg\:h-3 { - height: 0.75rem; + .lg\:-mr-8 { + margin-right: -2rem; } - .lg\:h-4 { - height: 1rem; + .lg\:-mb-8 { + margin-bottom: -2rem; } - .lg\:h-6 { - height: 1.5rem; + .lg\:-ml-8 { + margin-left: -2rem; } - .lg\:h-8 { - height: 2rem; + .lg\:-mt-px { + margin-top: -1px; } - .lg\:h-10 { - height: 2.5rem; + .lg\:-mr-px { + margin-right: -1px; } - .lg\:h-12 { - height: 3rem; + .lg\:-mb-px { + margin-bottom: -1px; } - .lg\:h-16 { - height: 4rem; + .lg\:-ml-px { + margin-left: -1px; } - .lg\:h-24 { - height: 6rem; + .lg\:opacity-0 { + opacity: 0; } - .lg\:h-32 { - height: 8rem; + .lg\:opacity-25 { + opacity: .25; } - .lg\:h-48 { - height: 12rem; + .lg\:opacity-50 { + opacity: .5; } - .lg\:h-64 { - height: 16rem; + .lg\:opacity-75 { + opacity: .75; } - .lg\:h-auto { - height: auto; + .lg\:opacity-100 { + opacity: 1; } - .lg\:h-px { - height: 1px; + .lg\:overflow-auto { + overflow: auto; } - .lg\:h-full { - height: 100%; + .lg\:overflow-hidden { + overflow: hidden; } - .lg\:h-screen { - height: 100vh; + .lg\:overflow-visible { + overflow: visible; } - .lg\:min-h-0 { - min-height: 0; + .lg\:overflow-scroll { + overflow: scroll; } - .lg\:min-h-full { - min-height: 100%; + .lg\:overflow-x-scroll { + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; } - .lg\:min-h-screen { - min-height: 100vh; + .lg\:overflow-y-scroll { + overflow-y: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; } - .lg\:max-h-full { - max-height: 100%; + .lg\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .lg\:max-h-screen { - max-height: 100vh; + .lg\:scrolling-auto { + -webkit-overflow-scrolling: auto; } .lg\:p-0 { @@ -15057,2443 +14808,2594 @@ button, padding-bottom: 0.25rem; } - .lg\:pl-1 { - padding-left: 0.25rem; + .lg\:pl-1 { + padding-left: 0.25rem; + } + + .lg\:pt-2 { + padding-top: 0.5rem; + } + + .lg\:pr-2 { + padding-right: 0.5rem; + } + + .lg\:pb-2 { + padding-bottom: 0.5rem; + } + + .lg\:pl-2 { + padding-left: 0.5rem; + } + + .lg\:pt-3 { + padding-top: 0.75rem; + } + + .lg\:pr-3 { + padding-right: 0.75rem; + } + + .lg\:pb-3 { + padding-bottom: 0.75rem; + } + + .lg\:pl-3 { + padding-left: 0.75rem; + } + + .lg\:pt-4 { + padding-top: 1rem; + } + + .lg\:pr-4 { + padding-right: 1rem; + } + + .lg\:pb-4 { + padding-bottom: 1rem; + } + + .lg\:pl-4 { + padding-left: 1rem; + } + + .lg\:pt-6 { + padding-top: 1.5rem; + } + + .lg\:pr-6 { + padding-right: 1.5rem; + } + + .lg\:pb-6 { + padding-bottom: 1.5rem; + } + + .lg\:pl-6 { + padding-left: 1.5rem; + } + + .lg\:pt-8 { + padding-top: 2rem; + } + + .lg\:pr-8 { + padding-right: 2rem; + } + + .lg\:pb-8 { + padding-bottom: 2rem; + } + + .lg\:pl-8 { + padding-left: 2rem; + } + + .lg\:pt-px { + padding-top: 1px; + } + + .lg\:pr-px { + padding-right: 1px; + } + + .lg\:pb-px { + padding-bottom: 1px; + } + + .lg\:pl-px { + padding-left: 1px; + } + + .lg\:pointer-events-none { + pointer-events: none; + } + + .lg\:pointer-events-auto { + pointer-events: auto; + } + + .lg\:static { + position: static; + } + + .lg\:fixed { + position: fixed; + } + + .lg\:absolute { + position: absolute; + } + + .lg\:relative { + position: relative; + } + + .lg\:pin-t { + top: 0; + } + + .lg\:pin-r { + right: 0; + } + + .lg\:pin-b { + bottom: 0; + } + + .lg\:pin-l { + left: 0; + } + + .lg\:pin-y { + top: 0; + bottom: 0; + } + + .lg\:pin-x { + right: 0; + left: 0; + } + + .lg\:pin { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + } + + .lg\:resize-none { + resize: none; + } + + .lg\:resize-y { + resize: vertical; + } + + .lg\:resize-x { + resize: horizontal; } - .lg\:pt-2 { - padding-top: 0.5rem; + .lg\:shadow { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); } - .lg\:pr-2 { - padding-right: 0.5rem; + .lg\:shadow-md { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); } - .lg\:pb-2 { - padding-bottom: 0.5rem; + .lg\:shadow-lg { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); } - .lg\:pl-2 { - padding-left: 0.5rem; + .lg\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:pt-3 { - padding-top: 0.75rem; + .lg\:shadow-none { + box-shadow: none; } - .lg\:pr-3 { - padding-right: 0.75rem; + .lg\:text-left { + text-align: left; } - .lg\:pb-3 { - padding-bottom: 0.75rem; + .lg\:text-center { + text-align: center; } - .lg\:pl-3 { - padding-left: 0.75rem; + .lg\:text-right { + text-align: right; } - .lg\:pt-4 { - padding-top: 1rem; + .lg\:text-justify { + text-align: justify; } - .lg\:pr-4 { - padding-right: 1rem; + .lg\:text-transparent { + color: transparent; } - .lg\:pb-4 { - padding-bottom: 1rem; + .lg\:text-black { + color: #222b2f; } - .lg\:pl-4 { - padding-left: 1rem; + .lg\:text-grey-darkest { + color: #364349; } - .lg\:pt-6 { - padding-top: 1.5rem; + .lg\:text-grey-darker { + color: #596a73; } - .lg\:pr-6 { - padding-right: 1.5rem; + .lg\:text-grey-dark { + color: #70818a; } - .lg\:pb-6 { - padding-bottom: 1.5rem; + .lg\:text-grey { + color: #9babb4; } - .lg\:pl-6 { - padding-left: 1.5rem; + .lg\:text-grey-light { + color: #dae4e9; } - .lg\:pt-8 { - padding-top: 2rem; + .lg\:text-grey-lighter { + color: #f3f7f9; } - .lg\:pr-8 { - padding-right: 2rem; + .lg\:text-grey-lightest { + color: #fafcfc; } - .lg\:pb-8 { - padding-bottom: 2rem; + .lg\:text-white { + color: #ffffff; } - .lg\:pl-8 { - padding-left: 2rem; + .lg\:text-red-darkest { + color: #420806; } - .lg\:pt-px { - padding-top: 1px; + .lg\:text-red-darker { + color: #6a1b19; } - .lg\:pr-px { - padding-right: 1px; + .lg\:text-red-dark { + color: #cc1f1a; } - .lg\:pb-px { - padding-bottom: 1px; + .lg\:text-red { + color: #e3342f; } - .lg\:pl-px { - padding-left: 1px; + .lg\:text-red-light { + color: #ef5753; } - .lg\:m-0 { - margin: 0; + .lg\:text-red-lighter { + color: #f9acaa; } - .lg\:m-1 { - margin: 0.25rem; + .lg\:text-red-lightest { + color: #fcebea; } - .lg\:m-2 { - margin: 0.5rem; + .lg\:text-orange-darkest { + color: #542605; } - .lg\:m-3 { - margin: 0.75rem; + .lg\:text-orange-darker { + color: #7f4012; } - .lg\:m-4 { - margin: 1rem; + .lg\:text-orange-dark { + color: #de751f; } - .lg\:m-6 { - margin: 1.5rem; + .lg\:text-orange { + color: #f6993f; } - .lg\:m-8 { - margin: 2rem; + .lg\:text-orange-light { + color: #faad63; } - .lg\:m-auto { - margin: auto; + .lg\:text-orange-lighter { + color: #fcd9b6; } - .lg\:m-px { - margin: 1px; + .lg\:text-orange-lightest { + color: #fff5eb; } - .lg\:my-0 { - margin-top: 0; - margin-bottom: 0; + .lg\:text-yellow-darkest { + color: #453411; } - .lg\:mx-0 { - margin-left: 0; - margin-right: 0; + .lg\:text-yellow-darker { + color: #684f1d; } - .lg\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .lg\:text-yellow-dark { + color: #f2d024; } - .lg\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .lg\:text-yellow { + color: #ffed4a; } - .lg\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .lg\:text-yellow-light { + color: #fff382; } - .lg\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .lg\:text-yellow-lighter { + color: #fff9c2; } - .lg\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .lg\:text-yellow-lightest { + color: #fcfbeb; } - .lg\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .lg\:text-green-darkest { + color: #032d19; } - .lg\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .lg\:text-green-darker { + color: #0b4228; } - .lg\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .lg\:text-green-dark { + color: #1f9d55; } - .lg\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .lg\:text-green { + color: #38c172; } - .lg\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .lg\:text-green-light { + color: #51d88a; } - .lg\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .lg\:text-green-lighter { + color: #a2f5bf; } - .lg\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .lg\:text-green-lightest { + color: #e3fcec; } - .lg\:my-auto { - margin-top: auto; - margin-bottom: auto; + .lg\:text-teal-darkest { + color: #0d3331; } - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; + .lg\:text-teal-darker { + color: #174e4b; } - .lg\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .lg\:text-teal-dark { + color: #38a89d; } - .lg\:mx-px { - margin-left: 1px; - margin-right: 1px; + .lg\:text-teal { + color: #4dc0b5; } - .lg\:mt-0 { - margin-top: 0; + .lg\:text-teal-light { + color: #64d5ca; } - .lg\:mr-0 { - margin-right: 0; + .lg\:text-teal-lighter { + color: #a0f0ed; } - .lg\:mb-0 { - margin-bottom: 0; + .lg\:text-teal-lightest { + color: #e8fffe; } - .lg\:ml-0 { - margin-left: 0; + .lg\:text-blue-darkest { + color: #05233b; } - .lg\:mt-1 { - margin-top: 0.25rem; + .lg\:text-blue-darker { + color: #103d60; } - .lg\:mr-1 { - margin-right: 0.25rem; + .lg\:text-blue-dark { + color: #2779bd; } - .lg\:mb-1 { - margin-bottom: 0.25rem; + .lg\:text-blue { + color: #3490dc; } - .lg\:ml-1 { - margin-left: 0.25rem; + .lg\:text-blue-light { + color: #6cb2eb; } - .lg\:mt-2 { - margin-top: 0.5rem; + .lg\:text-blue-lighter { + color: #bcdefa; } - .lg\:mr-2 { - margin-right: 0.5rem; + .lg\:text-blue-lightest { + color: #eff8ff; } - .lg\:mb-2 { - margin-bottom: 0.5rem; + .lg\:text-indigo-darkest { + color: #191e38; } - .lg\:ml-2 { - margin-left: 0.5rem; + .lg\:text-indigo-darker { + color: #2f365f; } - .lg\:mt-3 { - margin-top: 0.75rem; + .lg\:text-indigo-dark { + color: #5661b3; } - .lg\:mr-3 { - margin-right: 0.75rem; + .lg\:text-indigo { + color: #6574cd; } - .lg\:mb-3 { - margin-bottom: 0.75rem; + .lg\:text-indigo-light { + color: #7886d7; } - .lg\:ml-3 { - margin-left: 0.75rem; + .lg\:text-indigo-lighter { + color: #b2b7ff; } - .lg\:mt-4 { - margin-top: 1rem; + .lg\:text-indigo-lightest { + color: #e6e8ff; } - .lg\:mr-4 { - margin-right: 1rem; + .lg\:text-purple-darkest { + color: #1f133f; } - .lg\:mb-4 { - margin-bottom: 1rem; + .lg\:text-purple-darker { + color: #352465; } - .lg\:ml-4 { - margin-left: 1rem; + .lg\:text-purple-dark { + color: #794acf; } - .lg\:mt-6 { - margin-top: 1.5rem; + .lg\:text-purple { + color: #9561e2; } - .lg\:mr-6 { - margin-right: 1.5rem; + .lg\:text-purple-light { + color: #a779e9; } - .lg\:mb-6 { - margin-bottom: 1.5rem; + .lg\:text-purple-lighter { + color: #d6bbfc; } - .lg\:ml-6 { - margin-left: 1.5rem; + .lg\:text-purple-lightest { + color: #f3ebff; } - .lg\:mt-8 { - margin-top: 2rem; + .lg\:text-pink-darkest { + color: #45051e; } - .lg\:mr-8 { - margin-right: 2rem; + .lg\:text-pink-darker { + color: #72173a; } - .lg\:mb-8 { - margin-bottom: 2rem; + .lg\:text-pink-dark { + color: #eb5286; } - .lg\:ml-8 { - margin-left: 2rem; + .lg\:text-pink { + color: #f66d9b; } - .lg\:mt-auto { - margin-top: auto; + .lg\:text-pink-light { + color: #fa7ea8; } - .lg\:mr-auto { - margin-right: auto; + .lg\:text-pink-lighter { + color: #ffbbca; } - .lg\:mb-auto { - margin-bottom: auto; + .lg\:text-pink-lightest { + color: #ffebef; } - .lg\:ml-auto { - margin-left: auto; + .lg\:hover\:text-transparent:hover { + color: transparent; } - .lg\:mt-px { - margin-top: 1px; + .lg\:hover\:text-black:hover { + color: #222b2f; } - .lg\:mr-px { - margin-right: 1px; + .lg\:hover\:text-grey-darkest:hover { + color: #364349; } - .lg\:mb-px { - margin-bottom: 1px; + .lg\:hover\:text-grey-darker:hover { + color: #596a73; } - .lg\:ml-px { - margin-left: 1px; + .lg\:hover\:text-grey-dark:hover { + color: #70818a; } - .lg\:-m-0 { - margin: 0; + .lg\:hover\:text-grey:hover { + color: #9babb4; } - .lg\:-m-1 { - margin: -0.25rem; + .lg\:hover\:text-grey-light:hover { + color: #dae4e9; } - .lg\:-m-2 { - margin: -0.5rem; + .lg\:hover\:text-grey-lighter:hover { + color: #f3f7f9; } - .lg\:-m-3 { - margin: -0.75rem; + .lg\:hover\:text-grey-lightest:hover { + color: #fafcfc; } - .lg\:-m-4 { - margin: -1rem; + .lg\:hover\:text-white:hover { + color: #ffffff; } - .lg\:-m-6 { - margin: -1.5rem; + .lg\:hover\:text-red-darkest:hover { + color: #420806; } - .lg\:-m-8 { - margin: -2rem; + .lg\:hover\:text-red-darker:hover { + color: #6a1b19; } - .lg\:-m-px { - margin: -1px; + .lg\:hover\:text-red-dark:hover { + color: #cc1f1a; } - .lg\:-my-0 { - margin-top: 0; - margin-bottom: 0; + .lg\:hover\:text-red:hover { + color: #e3342f; } - .lg\:-mx-0 { - margin-left: 0; - margin-right: 0; + .lg\:hover\:text-red-light:hover { + color: #ef5753; } - .lg\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .lg\:hover\:text-red-lighter:hover { + color: #f9acaa; } - .lg\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .lg\:hover\:text-red-lightest:hover { + color: #fcebea; } - .lg\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .lg\:hover\:text-orange-darkest:hover { + color: #542605; } - .lg\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .lg\:hover\:text-orange-darker:hover { + color: #7f4012; } - .lg\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .lg\:hover\:text-orange-dark:hover { + color: #de751f; } - .lg\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .lg\:hover\:text-orange:hover { + color: #f6993f; } - .lg\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .lg\:hover\:text-orange-light:hover { + color: #faad63; } - .lg\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .lg\:hover\:text-orange-lighter:hover { + color: #fcd9b6; } - .lg\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .lg\:hover\:text-orange-lightest:hover { + color: #fff5eb; } - .lg\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .lg\:hover\:text-yellow-darkest:hover { + color: #453411; } - .lg\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .lg\:hover\:text-yellow-darker:hover { + color: #684f1d; } - .lg\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .lg\:hover\:text-yellow-dark:hover { + color: #f2d024; } - .lg\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .lg\:hover\:text-yellow:hover { + color: #ffed4a; } - .lg\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .lg\:hover\:text-yellow-light:hover { + color: #fff382; } - .lg\:-mt-0 { - margin-top: 0; + .lg\:hover\:text-yellow-lighter:hover { + color: #fff9c2; } - .lg\:-mr-0 { - margin-right: 0; + .lg\:hover\:text-yellow-lightest:hover { + color: #fcfbeb; } - .lg\:-mb-0 { - margin-bottom: 0; + .lg\:hover\:text-green-darkest:hover { + color: #032d19; } - .lg\:-ml-0 { - margin-left: 0; + .lg\:hover\:text-green-darker:hover { + color: #0b4228; } - .lg\:-mt-1 { - margin-top: -0.25rem; + .lg\:hover\:text-green-dark:hover { + color: #1f9d55; } - .lg\:-mr-1 { - margin-right: -0.25rem; + .lg\:hover\:text-green:hover { + color: #38c172; } - .lg\:-mb-1 { - margin-bottom: -0.25rem; + .lg\:hover\:text-green-light:hover { + color: #51d88a; } - .lg\:-ml-1 { - margin-left: -0.25rem; + .lg\:hover\:text-green-lighter:hover { + color: #a2f5bf; } - .lg\:-mt-2 { - margin-top: -0.5rem; + .lg\:hover\:text-green-lightest:hover { + color: #e3fcec; } - .lg\:-mr-2 { - margin-right: -0.5rem; + .lg\:hover\:text-teal-darkest:hover { + color: #0d3331; } - .lg\:-mb-2 { - margin-bottom: -0.5rem; + .lg\:hover\:text-teal-darker:hover { + color: #174e4b; } - .lg\:-ml-2 { - margin-left: -0.5rem; + .lg\:hover\:text-teal-dark:hover { + color: #38a89d; } - .lg\:-mt-3 { - margin-top: -0.75rem; + .lg\:hover\:text-teal:hover { + color: #4dc0b5; } - .lg\:-mr-3 { - margin-right: -0.75rem; + .lg\:hover\:text-teal-light:hover { + color: #64d5ca; } - .lg\:-mb-3 { - margin-bottom: -0.75rem; + .lg\:hover\:text-teal-lighter:hover { + color: #a0f0ed; } - .lg\:-ml-3 { - margin-left: -0.75rem; + .lg\:hover\:text-teal-lightest:hover { + color: #e8fffe; } - .lg\:-mt-4 { - margin-top: -1rem; + .lg\:hover\:text-blue-darkest:hover { + color: #05233b; } - .lg\:-mr-4 { - margin-right: -1rem; + .lg\:hover\:text-blue-darker:hover { + color: #103d60; } - .lg\:-mb-4 { - margin-bottom: -1rem; + .lg\:hover\:text-blue-dark:hover { + color: #2779bd; } - .lg\:-ml-4 { - margin-left: -1rem; + .lg\:hover\:text-blue:hover { + color: #3490dc; } - .lg\:-mt-6 { - margin-top: -1.5rem; + .lg\:hover\:text-blue-light:hover { + color: #6cb2eb; } - .lg\:-mr-6 { - margin-right: -1.5rem; + .lg\:hover\:text-blue-lighter:hover { + color: #bcdefa; } - .lg\:-mb-6 { - margin-bottom: -1.5rem; + .lg\:hover\:text-blue-lightest:hover { + color: #eff8ff; } - .lg\:-ml-6 { - margin-left: -1.5rem; + .lg\:hover\:text-indigo-darkest:hover { + color: #191e38; } - .lg\:-mt-8 { - margin-top: -2rem; + .lg\:hover\:text-indigo-darker:hover { + color: #2f365f; } - .lg\:-mr-8 { - margin-right: -2rem; + .lg\:hover\:text-indigo-dark:hover { + color: #5661b3; } - .lg\:-mb-8 { - margin-bottom: -2rem; + .lg\:hover\:text-indigo:hover { + color: #6574cd; } - .lg\:-ml-8 { - margin-left: -2rem; + .lg\:hover\:text-indigo-light:hover { + color: #7886d7; } - .lg\:-mt-px { - margin-top: -1px; + .lg\:hover\:text-indigo-lighter:hover { + color: #b2b7ff; } - .lg\:-mr-px { - margin-right: -1px; + .lg\:hover\:text-indigo-lightest:hover { + color: #e6e8ff; } - .lg\:-mb-px { - margin-bottom: -1px; + .lg\:hover\:text-purple-darkest:hover { + color: #1f133f; } - .lg\:-ml-px { - margin-left: -1px; + .lg\:hover\:text-purple-darker:hover { + color: #352465; } - .lg\:shadow { - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); + .lg\:hover\:text-purple-dark:hover { + color: #794acf; } - .lg\:shadow-md { - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); + .lg\:hover\:text-purple:hover { + color: #9561e2; } - .lg\:shadow-lg { - box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); + .lg\:hover\:text-purple-light:hover { + color: #a779e9; } - .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:hover\:text-purple-lighter:hover { + color: #d6bbfc; } - .lg\:shadow-none { - box-shadow: none; + .lg\:hover\:text-purple-lightest:hover { + color: #f3ebff; } - .lg\:flex { - display: flex; + .lg\:hover\:text-pink-darkest:hover { + color: #45051e; } - .lg\:inline-flex { - display: inline-flex; + .lg\:hover\:text-pink-darker:hover { + color: #72173a; } - .lg\:flex-row { - flex-direction: row; + .lg\:hover\:text-pink-dark:hover { + color: #eb5286; } - .lg\:flex-row-reverse { - flex-direction: row-reverse; + .lg\:hover\:text-pink:hover { + color: #f66d9b; } - .lg\:flex-col { - flex-direction: column; + .lg\:hover\:text-pink-light:hover { + color: #fa7ea8; } - .lg\:flex-col-reverse { - flex-direction: column-reverse; + .lg\:hover\:text-pink-lighter:hover { + color: #ffbbca; } - .lg\:flex-wrap { - flex-wrap: wrap; + .lg\:hover\:text-pink-lightest:hover { + color: #ffebef; } - .lg\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .lg\:text-xs { + font-size: .75rem; } - .lg\:flex-no-wrap { - flex-wrap: nowrap; + .lg\:text-sm { + font-size: .875rem; } - .lg\:items-start { - align-items: flex-start; + .lg\:text-base { + font-size: 1rem; } - .lg\:items-end { - align-items: flex-end; + .lg\:text-lg { + font-size: 1.125rem; } - .lg\:items-center { - align-items: center; + .lg\:text-xl { + font-size: 1.25rem; } - .lg\:items-baseline { - align-items: baseline; + .lg\:text-2xl { + font-size: 1.5rem; } - .lg\:items-stretch { - align-items: stretch; + .lg\:text-3xl { + font-size: 1.875rem; } - .lg\:self-auto { - align-self: auto; + .lg\:text-4xl { + font-size: 2.25rem; } - .lg\:self-start { - align-self: flex-start; + .lg\:text-5xl { + font-size: 3rem; } - .lg\:self-end { - align-self: flex-end; + .lg\:italic { + font-style: italic; } - .lg\:self-center { - align-self: center; + .lg\:roman { + font-style: normal; } - .lg\:self-stretch { - align-self: stretch; + .lg\:uppercase { + text-transform: uppercase; } - .lg\:justify-start { - justify-content: flex-start; + .lg\:lowercase { + text-transform: lowercase; } - .lg\:justify-end { - justify-content: flex-end; + .lg\:capitalize { + text-transform: capitalize; } - .lg\:justify-center { - justify-content: center; + .lg\:normal-case { + text-transform: none; } - .lg\:justify-between { - justify-content: space-between; + .lg\:underline { + text-decoration: underline; } - .lg\:justify-around { - justify-content: space-around; + .lg\:line-through { + text-decoration: line-through; } - .lg\:content-center { - align-content: center; + .lg\:no-underline { + text-decoration: none; } - .lg\:content-start { - align-content: flex-start; + .lg\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .lg\:content-end { - align-content: flex-end; + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .lg\:content-between { - align-content: space-between; + .lg\:hover\:italic:hover { + font-style: italic; } - .lg\:content-around { - align-content: space-around; + .lg\:hover\:roman:hover { + font-style: normal; } - .lg\:flex-1 { - flex: 1; + .lg\:hover\:uppercase:hover { + text-transform: uppercase; } - .lg\:flex-auto { - flex: auto; + .lg\:hover\:lowercase:hover { + text-transform: lowercase; } - .lg\:flex-initial { - flex: initial; + .lg\:hover\:capitalize:hover { + text-transform: capitalize; } - .lg\:flex-none { - flex: none; + .lg\:hover\:normal-case:hover { + text-transform: none; } - .lg\:flex-grow { - flex-grow: 1; + .lg\:hover\:underline:hover { + text-decoration: underline; } - .lg\:flex-shrink { - flex-shrink: 1; + .lg\:hover\:line-through:hover { + text-decoration: line-through; } - .lg\:flex-no-grow { - flex-grow: 0; + .lg\:hover\:no-underline:hover { + text-decoration: none; } - .lg\:flex-no-shrink { - flex-shrink: 0; + .lg\:hover\:antialiased:hover { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .lg\:float-right { - float: right; + .lg\:hover\:subpixel-antialiased:hover { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .lg\:float-left { - float: left; + .lg\:tracking-tight { + letter-spacing: -0.05em; } - .lg\:float-none { - float: none; + .lg\:tracking-normal { + letter-spacing: 0; } - .lg\:clearfix:after { - content: ""; - display: table; - clear: both; + .lg\:tracking-wide { + letter-spacing: 0.05em; } - .lg\:visible { - visibility: visible; + .lg\:select-none { + user-select: none; } - .lg\:invisible { - visibility: hidden; + .lg\:select-text { + user-select: text; } - .lg\:z-0 { - z-index: 0; + .lg\:align-baseline { + vertical-align: baseline; } - .lg\:z-10 { - z-index: 10; + .lg\:align-top { + vertical-align: top; } - .lg\:z-20 { - z-index: 20; + .lg\:align-middle { + vertical-align: middle; } - .lg\:z-30 { - z-index: 30; + .lg\:align-bottom { + vertical-align: bottom; } - .lg\:z-40 { - z-index: 40; + .lg\:align-text-top { + vertical-align: text-top; } - .lg\:z-50 { - z-index: 50; + .lg\:align-text-bottom { + vertical-align: text-bottom; } - .lg\:z-auto { - z-index: auto; + .lg\:visible { + visibility: visible; } - .lg\:opacity-0 { - opacity: 0; + .lg\:invisible { + visibility: hidden; } - .lg\:opacity-25 { - opacity: .25; + .lg\:whitespace-normal { + white-space: normal; } - .lg\:opacity-50 { - opacity: .5; + .lg\:whitespace-no-wrap { + white-space: nowrap; } - .lg\:opacity-75 { - opacity: .75; + .lg\:whitespace-pre { + white-space: pre; } - .lg\:opacity-100 { - opacity: 1; + .lg\:whitespace-pre-line { + white-space: pre-line; } - .lg\:select-none { - user-select: none; + .lg\:whitespace-pre-wrap { + white-space: pre-wrap; } - .lg\:select-text { - user-select: text; + .lg\:break-words { + word-wrap: break-word; } - .lg\:pointer-events-none { - pointer-events: none; + .lg\:break-normal { + word-wrap: normal; } - .lg\:pointer-events-auto { - pointer-events: auto; + .lg\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .lg\:resize-none { - resize: none; + .lg\:w-1 { + width: 0.25rem; } - .lg\:resize-y { - resize: vertical; + .lg\:w-2 { + width: 0.5rem; } - .lg\:resize-x { - resize: horizontal; + .lg\:w-3 { + width: 0.75rem; } - .lg\:cursor-auto { - cursor: auto; + .lg\:w-4 { + width: 1rem; } - .lg\:cursor-default { - cursor: default; + .lg\:w-6 { + width: 1.5rem; } - .lg\:cursor-pointer { - cursor: pointer; + .lg\:w-8 { + width: 2rem; } - .lg\:cursor-not-allowed { - cursor: not-allowed; + .lg\:w-10 { + width: 2.5rem; } - .lg\:example { - font-weight: 700; - color: #e3342f; + .lg\:w-12 { + width: 3rem; } -} -@media (min-width: 1200px) { - .xl\:list-reset { - list-style: none; - margin: 0; - padding: 0; + .lg\:w-16 { + width: 4rem; } - .xl\:appearance-none { - appearance: none; + .lg\:w-24 { + width: 6rem; } - .xl\:text-xs { - font-size: .75rem; + .lg\:w-32 { + width: 8rem; } - .xl\:text-sm { - font-size: .875rem; + .lg\:w-48 { + width: 12rem; } - .xl\:text-base { - font-size: 1rem; + .lg\:w-64 { + width: 16rem; } - .xl\:text-lg { - font-size: 1.125rem; + .lg\:w-auto { + width: auto; } - .xl\:text-xl { - font-size: 1.25rem; + .lg\:w-px { + width: 1px; } - .xl\:text-2xl { - font-size: 1.5rem; + .lg\:w-1\/2 { + width: 50%; } - .xl\:text-3xl { - font-size: 1.875rem; + .lg\:w-1\/3 { + width: 33.33333%; } - .xl\:text-4xl { - font-size: 2.25rem; + .lg\:w-2\/3 { + width: 66.66667%; } - .xl\:text-5xl { - font-size: 3rem; + .lg\:w-1\/4 { + width: 25%; } - .xl\:font-hairline { - font-weight: 100; + .lg\:w-3\/4 { + width: 75%; } - .xl\:font-thin { - font-weight: 200; + .lg\:w-1\/5 { + width: 20%; } - .xl\:font-light { - font-weight: 300; + .lg\:w-2\/5 { + width: 40%; } - .xl\:font-normal { - font-weight: 400; + .lg\:w-3\/5 { + width: 60%; } - .xl\:font-medium { - font-weight: 500; + .lg\:w-4\/5 { + width: 80%; } - .xl\:font-semibold { - font-weight: 600; + .lg\:w-1\/6 { + width: 16.66667%; } - .xl\:font-bold { - font-weight: 700; + .lg\:w-5\/6 { + width: 83.33333%; } - .xl\:font-extrabold { - font-weight: 800; + .lg\:w-full { + width: 100%; } - .xl\:font-black { - font-weight: 900; + .lg\:w-screen { + width: 100vw; } - .xl\:hover\:font-hairline:hover { - font-weight: 100; + .lg\:z-0 { + z-index: 0; } - .xl\:hover\:font-thin:hover { - font-weight: 200; + .lg\:z-10 { + z-index: 10; } - .xl\:hover\:font-light:hover { - font-weight: 300; + .lg\:z-20 { + z-index: 20; } - .xl\:hover\:font-normal:hover { - font-weight: 400; + .lg\:z-30 { + z-index: 30; } - .xl\:hover\:font-medium:hover { - font-weight: 500; + .lg\:z-40 { + z-index: 40; } - .xl\:hover\:font-semibold:hover { - font-weight: 600; + .lg\:z-50 { + z-index: 50; } - .xl\:hover\:font-bold:hover { - font-weight: 700; + .lg\:z-auto { + z-index: auto; } - .xl\:hover\:font-extrabold:hover { - font-weight: 800; + .lg\:example { + font-weight: 700; + color: #e3342f; } +} - .xl\:hover\:font-black:hover { - font-weight: 900; +@media (min-width: 1200px) { + .xl\:list-reset { + list-style: none; + margin: 0; + padding: 0; } - .xl\:font-sans { - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; + .xl\:appearance-none { + appearance: none; } - .xl\:font-serif { - font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; + .xl\:bg-transparent { + background-color: transparent; } - .xl\:font-mono { - font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; + .xl\:bg-black { + background-color: #222b2f; } - .xl\:text-transparent { - color: transparent; + .xl\:bg-grey-darkest { + background-color: #364349; } - .xl\:text-black { - color: #222b2f; + .xl\:bg-grey-darker { + background-color: #596a73; } - .xl\:text-grey-darkest { - color: #364349; + .xl\:bg-grey-dark { + background-color: #70818a; } - .xl\:text-grey-darker { - color: #596a73; + .xl\:bg-grey { + background-color: #9babb4; } - .xl\:text-grey-dark { - color: #70818a; + .xl\:bg-grey-light { + background-color: #dae4e9; } - .xl\:text-grey { - color: #9babb4; + .xl\:bg-grey-lighter { + background-color: #f3f7f9; } - .xl\:text-grey-light { - color: #dae4e9; + .xl\:bg-grey-lightest { + background-color: #fafcfc; } - .xl\:text-grey-lighter { - color: #f3f7f9; + .xl\:bg-white { + background-color: #ffffff; } - .xl\:text-grey-lightest { - color: #fafcfc; + .xl\:bg-red-darkest { + background-color: #420806; } - .xl\:text-white { - color: #ffffff; + .xl\:bg-red-darker { + background-color: #6a1b19; } - .xl\:text-red-darkest { - color: #420806; + .xl\:bg-red-dark { + background-color: #cc1f1a; } - .xl\:text-red-darker { - color: #6a1b19; + .xl\:bg-red { + background-color: #e3342f; } - .xl\:text-red-dark { - color: #cc1f1a; + .xl\:bg-red-light { + background-color: #ef5753; } - .xl\:text-red { - color: #e3342f; + .xl\:bg-red-lighter { + background-color: #f9acaa; } - .xl\:text-red-light { - color: #ef5753; + .xl\:bg-red-lightest { + background-color: #fcebea; } - .xl\:text-red-lighter { - color: #f9acaa; + .xl\:bg-orange-darkest { + background-color: #542605; } - .xl\:text-red-lightest { - color: #fcebea; + .xl\:bg-orange-darker { + background-color: #7f4012; } - .xl\:text-orange-darkest { - color: #542605; + .xl\:bg-orange-dark { + background-color: #de751f; } - .xl\:text-orange-darker { - color: #7f4012; + .xl\:bg-orange { + background-color: #f6993f; } - .xl\:text-orange-dark { - color: #de751f; + .xl\:bg-orange-light { + background-color: #faad63; } - .xl\:text-orange { - color: #f6993f; + .xl\:bg-orange-lighter { + background-color: #fcd9b6; } - .xl\:text-orange-light { - color: #faad63; + .xl\:bg-orange-lightest { + background-color: #fff5eb; } - .xl\:text-orange-lighter { - color: #fcd9b6; + .xl\:bg-yellow-darkest { + background-color: #453411; } - .xl\:text-orange-lightest { - color: #fff5eb; + .xl\:bg-yellow-darker { + background-color: #684f1d; } - .xl\:text-yellow-darkest { - color: #453411; + .xl\:bg-yellow-dark { + background-color: #f2d024; } - .xl\:text-yellow-darker { - color: #684f1d; + .xl\:bg-yellow { + background-color: #ffed4a; } - .xl\:text-yellow-dark { - color: #f2d024; + .xl\:bg-yellow-light { + background-color: #fff382; } - .xl\:text-yellow { - color: #ffed4a; + .xl\:bg-yellow-lighter { + background-color: #fff9c2; } - .xl\:text-yellow-light { - color: #fff382; + .xl\:bg-yellow-lightest { + background-color: #fcfbeb; } - .xl\:text-yellow-lighter { - color: #fff9c2; + .xl\:bg-green-darkest { + background-color: #032d19; } - .xl\:text-yellow-lightest { - color: #fcfbeb; + .xl\:bg-green-darker { + background-color: #0b4228; } - .xl\:text-green-darkest { - color: #032d19; + .xl\:bg-green-dark { + background-color: #1f9d55; } - .xl\:text-green-darker { - color: #0b4228; + .xl\:bg-green { + background-color: #38c172; } - .xl\:text-green-dark { - color: #1f9d55; + .xl\:bg-green-light { + background-color: #51d88a; } - .xl\:text-green { - color: #38c172; + .xl\:bg-green-lighter { + background-color: #a2f5bf; } - .xl\:text-green-light { - color: #51d88a; + .xl\:bg-green-lightest { + background-color: #e3fcec; } - .xl\:text-green-lighter { - color: #a2f5bf; + .xl\:bg-teal-darkest { + background-color: #0d3331; } - .xl\:text-green-lightest { - color: #e3fcec; + .xl\:bg-teal-darker { + background-color: #174e4b; } - .xl\:text-teal-darkest { - color: #0d3331; + .xl\:bg-teal-dark { + background-color: #38a89d; } - .xl\:text-teal-darker { - color: #174e4b; + .xl\:bg-teal { + background-color: #4dc0b5; } - .xl\:text-teal-dark { - color: #38a89d; + .xl\:bg-teal-light { + background-color: #64d5ca; } - .xl\:text-teal { - color: #4dc0b5; + .xl\:bg-teal-lighter { + background-color: #a0f0ed; } - .xl\:text-teal-light { - color: #64d5ca; + .xl\:bg-teal-lightest { + background-color: #e8fffe; } - .xl\:text-teal-lighter { - color: #a0f0ed; + .xl\:bg-blue-darkest { + background-color: #05233b; } - .xl\:text-teal-lightest { - color: #e8fffe; + .xl\:bg-blue-darker { + background-color: #103d60; } - .xl\:text-blue-darkest { - color: #05233b; + .xl\:bg-blue-dark { + background-color: #2779bd; } - .xl\:text-blue-darker { - color: #103d60; + .xl\:bg-blue { + background-color: #3490dc; } - .xl\:text-blue-dark { - color: #2779bd; + .xl\:bg-blue-light { + background-color: #6cb2eb; } - .xl\:text-blue { - color: #3490dc; + .xl\:bg-blue-lighter { + background-color: #bcdefa; } - .xl\:text-blue-light { - color: #6cb2eb; + .xl\:bg-blue-lightest { + background-color: #eff8ff; } - .xl\:text-blue-lighter { - color: #bcdefa; + .xl\:bg-indigo-darkest { + background-color: #191e38; } - .xl\:text-blue-lightest { - color: #eff8ff; + .xl\:bg-indigo-darker { + background-color: #2f365f; } - .xl\:text-indigo-darkest { - color: #191e38; + .xl\:bg-indigo-dark { + background-color: #5661b3; } - .xl\:text-indigo-darker { - color: #2f365f; + .xl\:bg-indigo { + background-color: #6574cd; } - .xl\:text-indigo-dark { - color: #5661b3; + .xl\:bg-indigo-light { + background-color: #7886d7; } - .xl\:text-indigo { - color: #6574cd; + .xl\:bg-indigo-lighter { + background-color: #b2b7ff; } - .xl\:text-indigo-light { - color: #7886d7; + .xl\:bg-indigo-lightest { + background-color: #e6e8ff; } - .xl\:text-indigo-lighter { - color: #b2b7ff; + .xl\:bg-purple-darkest { + background-color: #1f133f; } - .xl\:text-indigo-lightest { - color: #e6e8ff; + .xl\:bg-purple-darker { + background-color: #352465; } - .xl\:text-purple-darkest { - color: #1f133f; + .xl\:bg-purple-dark { + background-color: #794acf; } - .xl\:text-purple-darker { - color: #352465; + .xl\:bg-purple { + background-color: #9561e2; } - .xl\:text-purple-dark { - color: #794acf; + .xl\:bg-purple-light { + background-color: #a779e9; } - .xl\:text-purple { - color: #9561e2; + .xl\:bg-purple-lighter { + background-color: #d6bbfc; } - .xl\:text-purple-light { - color: #a779e9; + .xl\:bg-purple-lightest { + background-color: #f3ebff; } - .xl\:text-purple-lighter { - color: #d6bbfc; + .xl\:bg-pink-darkest { + background-color: #45051e; } - .xl\:text-purple-lightest { - color: #f3ebff; + .xl\:bg-pink-darker { + background-color: #72173a; } - .xl\:text-pink-darkest { - color: #45051e; + .xl\:bg-pink-dark { + background-color: #eb5286; } - .xl\:text-pink-darker { - color: #72173a; + .xl\:bg-pink { + background-color: #f66d9b; } - .xl\:text-pink-dark { - color: #eb5286; + .xl\:bg-pink-light { + background-color: #fa7ea8; } - .xl\:text-pink { - color: #f66d9b; + .xl\:bg-pink-lighter { + background-color: #ffbbca; } - .xl\:text-pink-light { - color: #fa7ea8; + .xl\:bg-pink-lightest { + background-color: #ffebef; } - .xl\:text-pink-lighter { - color: #ffbbca; + .xl\:hover\:bg-transparent:hover { + background-color: transparent; } - .xl\:text-pink-lightest { - color: #ffebef; + .xl\:hover\:bg-black:hover { + background-color: #222b2f; } - .xl\:hover\:text-transparent:hover { - color: transparent; + .xl\:hover\:bg-grey-darkest:hover { + background-color: #364349; } - .xl\:hover\:text-black:hover { - color: #222b2f; + .xl\:hover\:bg-grey-darker:hover { + background-color: #596a73; } - .xl\:hover\:text-grey-darkest:hover { - color: #364349; + .xl\:hover\:bg-grey-dark:hover { + background-color: #70818a; } - .xl\:hover\:text-grey-darker:hover { - color: #596a73; + .xl\:hover\:bg-grey:hover { + background-color: #9babb4; } - .xl\:hover\:text-grey-dark:hover { - color: #70818a; + .xl\:hover\:bg-grey-light:hover { + background-color: #dae4e9; } - .xl\:hover\:text-grey:hover { - color: #9babb4; + .xl\:hover\:bg-grey-lighter:hover { + background-color: #f3f7f9; } - .xl\:hover\:text-grey-light:hover { - color: #dae4e9; + .xl\:hover\:bg-grey-lightest:hover { + background-color: #fafcfc; } - .xl\:hover\:text-grey-lighter:hover { - color: #f3f7f9; + .xl\:hover\:bg-white:hover { + background-color: #ffffff; } - .xl\:hover\:text-grey-lightest:hover { - color: #fafcfc; + .xl\:hover\:bg-red-darkest:hover { + background-color: #420806; } - .xl\:hover\:text-white:hover { - color: #ffffff; + .xl\:hover\:bg-red-darker:hover { + background-color: #6a1b19; } - .xl\:hover\:text-red-darkest:hover { - color: #420806; + .xl\:hover\:bg-red-dark:hover { + background-color: #cc1f1a; } - .xl\:hover\:text-red-darker:hover { - color: #6a1b19; + .xl\:hover\:bg-red:hover { + background-color: #e3342f; } - .xl\:hover\:text-red-dark:hover { - color: #cc1f1a; + .xl\:hover\:bg-red-light:hover { + background-color: #ef5753; } - .xl\:hover\:text-red:hover { - color: #e3342f; + .xl\:hover\:bg-red-lighter:hover { + background-color: #f9acaa; } - .xl\:hover\:text-red-light:hover { - color: #ef5753; + .xl\:hover\:bg-red-lightest:hover { + background-color: #fcebea; } - .xl\:hover\:text-red-lighter:hover { - color: #f9acaa; + .xl\:hover\:bg-orange-darkest:hover { + background-color: #542605; } - .xl\:hover\:text-red-lightest:hover { - color: #fcebea; + .xl\:hover\:bg-orange-darker:hover { + background-color: #7f4012; } - .xl\:hover\:text-orange-darkest:hover { - color: #542605; + .xl\:hover\:bg-orange-dark:hover { + background-color: #de751f; } - .xl\:hover\:text-orange-darker:hover { - color: #7f4012; + .xl\:hover\:bg-orange:hover { + background-color: #f6993f; } - .xl\:hover\:text-orange-dark:hover { - color: #de751f; + .xl\:hover\:bg-orange-light:hover { + background-color: #faad63; } - .xl\:hover\:text-orange:hover { - color: #f6993f; + .xl\:hover\:bg-orange-lighter:hover { + background-color: #fcd9b6; } - .xl\:hover\:text-orange-light:hover { - color: #faad63; + .xl\:hover\:bg-orange-lightest:hover { + background-color: #fff5eb; } - .xl\:hover\:text-orange-lighter:hover { - color: #fcd9b6; + .xl\:hover\:bg-yellow-darkest:hover { + background-color: #453411; } - .xl\:hover\:text-orange-lightest:hover { - color: #fff5eb; + .xl\:hover\:bg-yellow-darker:hover { + background-color: #684f1d; } - .xl\:hover\:text-yellow-darkest:hover { - color: #453411; + .xl\:hover\:bg-yellow-dark:hover { + background-color: #f2d024; } - .xl\:hover\:text-yellow-darker:hover { - color: #684f1d; + .xl\:hover\:bg-yellow:hover { + background-color: #ffed4a; } - .xl\:hover\:text-yellow-dark:hover { - color: #f2d024; + .xl\:hover\:bg-yellow-light:hover { + background-color: #fff382; } - .xl\:hover\:text-yellow:hover { - color: #ffed4a; + .xl\:hover\:bg-yellow-lighter:hover { + background-color: #fff9c2; } - .xl\:hover\:text-yellow-light:hover { - color: #fff382; + .xl\:hover\:bg-yellow-lightest:hover { + background-color: #fcfbeb; } - .xl\:hover\:text-yellow-lighter:hover { - color: #fff9c2; + .xl\:hover\:bg-green-darkest:hover { + background-color: #032d19; } - .xl\:hover\:text-yellow-lightest:hover { - color: #fcfbeb; + .xl\:hover\:bg-green-darker:hover { + background-color: #0b4228; } - .xl\:hover\:text-green-darkest:hover { - color: #032d19; + .xl\:hover\:bg-green-dark:hover { + background-color: #1f9d55; } - .xl\:hover\:text-green-darker:hover { - color: #0b4228; + .xl\:hover\:bg-green:hover { + background-color: #38c172; } - .xl\:hover\:text-green-dark:hover { - color: #1f9d55; + .xl\:hover\:bg-green-light:hover { + background-color: #51d88a; } - .xl\:hover\:text-green:hover { - color: #38c172; + .xl\:hover\:bg-green-lighter:hover { + background-color: #a2f5bf; } - .xl\:hover\:text-green-light:hover { - color: #51d88a; + .xl\:hover\:bg-green-lightest:hover { + background-color: #e3fcec; } - .xl\:hover\:text-green-lighter:hover { - color: #a2f5bf; + .xl\:hover\:bg-teal-darkest:hover { + background-color: #0d3331; } - .xl\:hover\:text-green-lightest:hover { - color: #e3fcec; + .xl\:hover\:bg-teal-darker:hover { + background-color: #174e4b; } - .xl\:hover\:text-teal-darkest:hover { - color: #0d3331; + .xl\:hover\:bg-teal-dark:hover { + background-color: #38a89d; } - .xl\:hover\:text-teal-darker:hover { - color: #174e4b; + .xl\:hover\:bg-teal:hover { + background-color: #4dc0b5; } - .xl\:hover\:text-teal-dark:hover { - color: #38a89d; + .xl\:hover\:bg-teal-light:hover { + background-color: #64d5ca; } - .xl\:hover\:text-teal:hover { - color: #4dc0b5; + .xl\:hover\:bg-teal-lighter:hover { + background-color: #a0f0ed; } - .xl\:hover\:text-teal-light:hover { - color: #64d5ca; + .xl\:hover\:bg-teal-lightest:hover { + background-color: #e8fffe; } - .xl\:hover\:text-teal-lighter:hover { - color: #a0f0ed; + .xl\:hover\:bg-blue-darkest:hover { + background-color: #05233b; } - .xl\:hover\:text-teal-lightest:hover { - color: #e8fffe; + .xl\:hover\:bg-blue-darker:hover { + background-color: #103d60; } - .xl\:hover\:text-blue-darkest:hover { - color: #05233b; + .xl\:hover\:bg-blue-dark:hover { + background-color: #2779bd; } - .xl\:hover\:text-blue-darker:hover { - color: #103d60; + .xl\:hover\:bg-blue:hover { + background-color: #3490dc; } - .xl\:hover\:text-blue-dark:hover { - color: #2779bd; + .xl\:hover\:bg-blue-light:hover { + background-color: #6cb2eb; } - .xl\:hover\:text-blue:hover { - color: #3490dc; + .xl\:hover\:bg-blue-lighter:hover { + background-color: #bcdefa; } - .xl\:hover\:text-blue-light:hover { - color: #6cb2eb; + .xl\:hover\:bg-blue-lightest:hover { + background-color: #eff8ff; } - .xl\:hover\:text-blue-lighter:hover { - color: #bcdefa; + .xl\:hover\:bg-indigo-darkest:hover { + background-color: #191e38; } - .xl\:hover\:text-blue-lightest:hover { - color: #eff8ff; + .xl\:hover\:bg-indigo-darker:hover { + background-color: #2f365f; } - .xl\:hover\:text-indigo-darkest:hover { - color: #191e38; + .xl\:hover\:bg-indigo-dark:hover { + background-color: #5661b3; } - .xl\:hover\:text-indigo-darker:hover { - color: #2f365f; + .xl\:hover\:bg-indigo:hover { + background-color: #6574cd; } - .xl\:hover\:text-indigo-dark:hover { - color: #5661b3; + .xl\:hover\:bg-indigo-light:hover { + background-color: #7886d7; } - .xl\:hover\:text-indigo:hover { - color: #6574cd; + .xl\:hover\:bg-indigo-lighter:hover { + background-color: #b2b7ff; } - .xl\:hover\:text-indigo-light:hover { - color: #7886d7; + .xl\:hover\:bg-indigo-lightest:hover { + background-color: #e6e8ff; } - .xl\:hover\:text-indigo-lighter:hover { - color: #b2b7ff; + .xl\:hover\:bg-purple-darkest:hover { + background-color: #1f133f; } - .xl\:hover\:text-indigo-lightest:hover { - color: #e6e8ff; + .xl\:hover\:bg-purple-darker:hover { + background-color: #352465; } - .xl\:hover\:text-purple-darkest:hover { - color: #1f133f; + .xl\:hover\:bg-purple-dark:hover { + background-color: #794acf; } - .xl\:hover\:text-purple-darker:hover { - color: #352465; + .xl\:hover\:bg-purple:hover { + background-color: #9561e2; } - .xl\:hover\:text-purple-dark:hover { - color: #794acf; + .xl\:hover\:bg-purple-light:hover { + background-color: #a779e9; } - .xl\:hover\:text-purple:hover { - color: #9561e2; + .xl\:hover\:bg-purple-lighter:hover { + background-color: #d6bbfc; } - .xl\:hover\:text-purple-light:hover { - color: #a779e9; + .xl\:hover\:bg-purple-lightest:hover { + background-color: #f3ebff; } - .xl\:hover\:text-purple-lighter:hover { - color: #d6bbfc; + .xl\:hover\:bg-pink-darkest:hover { + background-color: #45051e; } - .xl\:hover\:text-purple-lightest:hover { - color: #f3ebff; + .xl\:hover\:bg-pink-darker:hover { + background-color: #72173a; } - .xl\:hover\:text-pink-darkest:hover { - color: #45051e; + .xl\:hover\:bg-pink-dark:hover { + background-color: #eb5286; } - .xl\:hover\:text-pink-darker:hover { - color: #72173a; + .xl\:hover\:bg-pink:hover { + background-color: #f66d9b; } - .xl\:hover\:text-pink-dark:hover { - color: #eb5286; + .xl\:hover\:bg-pink-light:hover { + background-color: #fa7ea8; } - .xl\:hover\:text-pink:hover { - color: #f66d9b; + .xl\:hover\:bg-pink-lighter:hover { + background-color: #ffbbca; } - .xl\:hover\:text-pink-light:hover { - color: #fa7ea8; + .xl\:hover\:bg-pink-lightest:hover { + background-color: #ffebef; } - .xl\:hover\:text-pink-lighter:hover { - color: #ffbbca; + .xl\:bg-bottom { + background-position: bottom; } - .xl\:hover\:text-pink-lightest:hover { - color: #ffebef; + .xl\:bg-center { + background-position: center; } - .xl\:leading-none { - line-height: 1; + .xl\:bg-left { + background-position: left; } - .xl\:leading-tight { - line-height: 1.25; + .xl\:bg-left-bottom { + background-position: left bottom; } - .xl\:leading-normal { - line-height: 1.5; + .xl\:bg-left-top { + background-position: left top; } - .xl\:leading-loose { - line-height: 2; + .xl\:bg-right { + background-position: right; } - .xl\:tracking-tight { - letter-spacing: -0.05em; + .xl\:bg-right-bottom { + background-position: right bottom; } - .xl\:tracking-normal { - letter-spacing: 0; + .xl\:bg-right-top { + background-position: right top; } - .xl\:tracking-wide { - letter-spacing: 0.05em; + .xl\:bg-top { + background-position: top; } - .xl\:text-left { - text-align: left; + .xl\:bg-cover { + background-size: cover; } - .xl\:text-center { - text-align: center; + .xl\:bg-contain { + background-size: contain; } - .xl\:text-right { - text-align: right; + .xl\:border-transparent { + border-color: transparent; } - .xl\:text-justify { - text-align: justify; + .xl\:border-black { + border-color: #222b2f; } - .xl\:whitespace-normal { - white-space: normal; + .xl\:border-grey-darkest { + border-color: #364349; } - .xl\:whitespace-no-wrap { - white-space: nowrap; + .xl\:border-grey-darker { + border-color: #596a73; } - .xl\:whitespace-pre { - white-space: pre; + .xl\:border-grey-dark { + border-color: #70818a; } - .xl\:whitespace-pre-line { - white-space: pre-line; + .xl\:border-grey { + border-color: #9babb4; } - .xl\:whitespace-pre-wrap { - white-space: pre-wrap; + .xl\:border-grey-light { + border-color: #dae4e9; } - .xl\:break-words { - word-wrap: break-word; + .xl\:border-grey-lighter { + border-color: #f3f7f9; } - .xl\:break-normal { - word-wrap: normal; + .xl\:border-grey-lightest { + border-color: #fafcfc; } - .xl\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .xl\:border-white { + border-color: #ffffff; } - .xl\:italic { - font-style: italic; + .xl\:border-red-darkest { + border-color: #420806; } - .xl\:roman { - font-style: normal; + .xl\:border-red-darker { + border-color: #6a1b19; } - .xl\:uppercase { - text-transform: uppercase; + .xl\:border-red-dark { + border-color: #cc1f1a; } - .xl\:lowercase { - text-transform: lowercase; + .xl\:border-red { + border-color: #e3342f; } - .xl\:capitalize { - text-transform: capitalize; + .xl\:border-red-light { + border-color: #ef5753; } - .xl\:normal-case { - text-transform: none; + .xl\:border-red-lighter { + border-color: #f9acaa; } - .xl\:underline { - text-decoration: underline; + .xl\:border-red-lightest { + border-color: #fcebea; } - .xl\:line-through { - text-decoration: line-through; + .xl\:border-orange-darkest { + border-color: #542605; } - .xl\:no-underline { - text-decoration: none; + .xl\:border-orange-darker { + border-color: #7f4012; } - .xl\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .xl\:border-orange-dark { + border-color: #de751f; } - .xl\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .xl\:border-orange { + border-color: #f6993f; } - .xl\:hover\:italic:hover { - font-style: italic; + .xl\:border-orange-light { + border-color: #faad63; } - .xl\:hover\:roman:hover { - font-style: normal; + .xl\:border-orange-lighter { + border-color: #fcd9b6; } - .xl\:hover\:uppercase:hover { - text-transform: uppercase; + .xl\:border-orange-lightest { + border-color: #fff5eb; } - .xl\:hover\:lowercase:hover { - text-transform: lowercase; + .xl\:border-yellow-darkest { + border-color: #453411; } - .xl\:hover\:capitalize:hover { - text-transform: capitalize; + .xl\:border-yellow-darker { + border-color: #684f1d; } - .xl\:hover\:normal-case:hover { - text-transform: none; + .xl\:border-yellow-dark { + border-color: #f2d024; } - .xl\:hover\:underline:hover { - text-decoration: underline; + .xl\:border-yellow { + border-color: #ffed4a; } - .xl\:hover\:line-through:hover { - text-decoration: line-through; + .xl\:border-yellow-light { + border-color: #fff382; } - .xl\:hover\:no-underline:hover { - text-decoration: none; + .xl\:border-yellow-lighter { + border-color: #fff9c2; } - - .xl\:hover\:antialiased:hover { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + + .xl\:border-yellow-lightest { + border-color: #fcfbeb; } - .xl\:hover\:subpixel-antialiased:hover { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .xl\:border-green-darkest { + border-color: #032d19; } - .xl\:align-baseline { - vertical-align: baseline; + .xl\:border-green-darker { + border-color: #0b4228; } - .xl\:align-top { - vertical-align: top; + .xl\:border-green-dark { + border-color: #1f9d55; } - .xl\:align-middle { - vertical-align: middle; + .xl\:border-green { + border-color: #38c172; } - .xl\:align-bottom { - vertical-align: bottom; + .xl\:border-green-light { + border-color: #51d88a; } - .xl\:align-text-top { - vertical-align: text-top; + .xl\:border-green-lighter { + border-color: #a2f5bf; } - .xl\:align-text-bottom { - vertical-align: text-bottom; + .xl\:border-green-lightest { + border-color: #e3fcec; } - .xl\:bg-transparent { - background-color: transparent; + .xl\:border-teal-darkest { + border-color: #0d3331; } - .xl\:bg-black { - background-color: #222b2f; + .xl\:border-teal-darker { + border-color: #174e4b; } - .xl\:bg-grey-darkest { - background-color: #364349; + .xl\:border-teal-dark { + border-color: #38a89d; } - .xl\:bg-grey-darker { - background-color: #596a73; + .xl\:border-teal { + border-color: #4dc0b5; } - .xl\:bg-grey-dark { - background-color: #70818a; + .xl\:border-teal-light { + border-color: #64d5ca; } - .xl\:bg-grey { - background-color: #9babb4; + .xl\:border-teal-lighter { + border-color: #a0f0ed; } - .xl\:bg-grey-light { - background-color: #dae4e9; + .xl\:border-teal-lightest { + border-color: #e8fffe; } - .xl\:bg-grey-lighter { - background-color: #f3f7f9; + .xl\:border-blue-darkest { + border-color: #05233b; } - .xl\:bg-grey-lightest { - background-color: #fafcfc; + .xl\:border-blue-darker { + border-color: #103d60; } - .xl\:bg-white { - background-color: #ffffff; + .xl\:border-blue-dark { + border-color: #2779bd; } - .xl\:bg-red-darkest { - background-color: #420806; + .xl\:border-blue { + border-color: #3490dc; } - .xl\:bg-red-darker { - background-color: #6a1b19; + .xl\:border-blue-light { + border-color: #6cb2eb; } - .xl\:bg-red-dark { - background-color: #cc1f1a; + .xl\:border-blue-lighter { + border-color: #bcdefa; } - .xl\:bg-red { - background-color: #e3342f; + .xl\:border-blue-lightest { + border-color: #eff8ff; } - .xl\:bg-red-light { - background-color: #ef5753; + .xl\:border-indigo-darkest { + border-color: #191e38; } - .xl\:bg-red-lighter { - background-color: #f9acaa; + .xl\:border-indigo-darker { + border-color: #2f365f; } - .xl\:bg-red-lightest { - background-color: #fcebea; + .xl\:border-indigo-dark { + border-color: #5661b3; } - .xl\:bg-orange-darkest { - background-color: #542605; + .xl\:border-indigo { + border-color: #6574cd; } - .xl\:bg-orange-darker { - background-color: #7f4012; + .xl\:border-indigo-light { + border-color: #7886d7; } - .xl\:bg-orange-dark { - background-color: #de751f; + .xl\:border-indigo-lighter { + border-color: #b2b7ff; } - .xl\:bg-orange { - background-color: #f6993f; + .xl\:border-indigo-lightest { + border-color: #e6e8ff; } - .xl\:bg-orange-light { - background-color: #faad63; + .xl\:border-purple-darkest { + border-color: #1f133f; } - .xl\:bg-orange-lighter { - background-color: #fcd9b6; + .xl\:border-purple-darker { + border-color: #352465; } - .xl\:bg-orange-lightest { - background-color: #fff5eb; + .xl\:border-purple-dark { + border-color: #794acf; } - .xl\:bg-yellow-darkest { - background-color: #453411; + .xl\:border-purple { + border-color: #9561e2; } - .xl\:bg-yellow-darker { - background-color: #684f1d; + .xl\:border-purple-light { + border-color: #a779e9; } - .xl\:bg-yellow-dark { - background-color: #f2d024; + .xl\:border-purple-lighter { + border-color: #d6bbfc; } - .xl\:bg-yellow { - background-color: #ffed4a; + .xl\:border-purple-lightest { + border-color: #f3ebff; } - .xl\:bg-yellow-light { - background-color: #fff382; + .xl\:border-pink-darkest { + border-color: #45051e; } - .xl\:bg-yellow-lighter { - background-color: #fff9c2; + .xl\:border-pink-darker { + border-color: #72173a; } - .xl\:bg-yellow-lightest { - background-color: #fcfbeb; + .xl\:border-pink-dark { + border-color: #eb5286; } - .xl\:bg-green-darkest { - background-color: #032d19; + .xl\:border-pink { + border-color: #f66d9b; } - .xl\:bg-green-darker { - background-color: #0b4228; + .xl\:border-pink-light { + border-color: #fa7ea8; } - .xl\:bg-green-dark { - background-color: #1f9d55; + .xl\:border-pink-lighter { + border-color: #ffbbca; } - .xl\:bg-green { - background-color: #38c172; + .xl\:border-pink-lightest { + border-color: #ffebef; } - .xl\:bg-green-light { - background-color: #51d88a; + .xl\:hover\:border-transparent:hover { + border-color: transparent; } - .xl\:bg-green-lighter { - background-color: #a2f5bf; + .xl\:hover\:border-black:hover { + border-color: #222b2f; } - .xl\:bg-green-lightest { - background-color: #e3fcec; + .xl\:hover\:border-grey-darkest:hover { + border-color: #364349; } - .xl\:bg-teal-darkest { - background-color: #0d3331; + .xl\:hover\:border-grey-darker:hover { + border-color: #596a73; } - .xl\:bg-teal-darker { - background-color: #174e4b; + .xl\:hover\:border-grey-dark:hover { + border-color: #70818a; } - .xl\:bg-teal-dark { - background-color: #38a89d; + .xl\:hover\:border-grey:hover { + border-color: #9babb4; } - .xl\:bg-teal { - background-color: #4dc0b5; + .xl\:hover\:border-grey-light:hover { + border-color: #dae4e9; } - .xl\:bg-teal-light { - background-color: #64d5ca; + .xl\:hover\:border-grey-lighter:hover { + border-color: #f3f7f9; } - .xl\:bg-teal-lighter { - background-color: #a0f0ed; + .xl\:hover\:border-grey-lightest:hover { + border-color: #fafcfc; } - .xl\:bg-teal-lightest { - background-color: #e8fffe; + .xl\:hover\:border-white:hover { + border-color: #ffffff; } - .xl\:bg-blue-darkest { - background-color: #05233b; + .xl\:hover\:border-red-darkest:hover { + border-color: #420806; } - .xl\:bg-blue-darker { - background-color: #103d60; + .xl\:hover\:border-red-darker:hover { + border-color: #6a1b19; } - .xl\:bg-blue-dark { - background-color: #2779bd; + .xl\:hover\:border-red-dark:hover { + border-color: #cc1f1a; } - .xl\:bg-blue { - background-color: #3490dc; + .xl\:hover\:border-red:hover { + border-color: #e3342f; } - .xl\:bg-blue-light { - background-color: #6cb2eb; + .xl\:hover\:border-red-light:hover { + border-color: #ef5753; } - .xl\:bg-blue-lighter { - background-color: #bcdefa; + .xl\:hover\:border-red-lighter:hover { + border-color: #f9acaa; } - .xl\:bg-blue-lightest { - background-color: #eff8ff; + .xl\:hover\:border-red-lightest:hover { + border-color: #fcebea; } - .xl\:bg-indigo-darkest { - background-color: #191e38; + .xl\:hover\:border-orange-darkest:hover { + border-color: #542605; } - .xl\:bg-indigo-darker { - background-color: #2f365f; + .xl\:hover\:border-orange-darker:hover { + border-color: #7f4012; } - .xl\:bg-indigo-dark { - background-color: #5661b3; + .xl\:hover\:border-orange-dark:hover { + border-color: #de751f; } - .xl\:bg-indigo { - background-color: #6574cd; + .xl\:hover\:border-orange:hover { + border-color: #f6993f; } - .xl\:bg-indigo-light { - background-color: #7886d7; + .xl\:hover\:border-orange-light:hover { + border-color: #faad63; } - .xl\:bg-indigo-lighter { - background-color: #b2b7ff; + .xl\:hover\:border-orange-lighter:hover { + border-color: #fcd9b6; } - .xl\:bg-indigo-lightest { - background-color: #e6e8ff; + .xl\:hover\:border-orange-lightest:hover { + border-color: #fff5eb; } - .xl\:bg-purple-darkest { - background-color: #1f133f; + .xl\:hover\:border-yellow-darkest:hover { + border-color: #453411; } - .xl\:bg-purple-darker { - background-color: #352465; + .xl\:hover\:border-yellow-darker:hover { + border-color: #684f1d; } - .xl\:bg-purple-dark { - background-color: #794acf; + .xl\:hover\:border-yellow-dark:hover { + border-color: #f2d024; } - .xl\:bg-purple { - background-color: #9561e2; + .xl\:hover\:border-yellow:hover { + border-color: #ffed4a; } - .xl\:bg-purple-light { - background-color: #a779e9; + .xl\:hover\:border-yellow-light:hover { + border-color: #fff382; } - .xl\:bg-purple-lighter { - background-color: #d6bbfc; + .xl\:hover\:border-yellow-lighter:hover { + border-color: #fff9c2; } - .xl\:bg-purple-lightest { - background-color: #f3ebff; + .xl\:hover\:border-yellow-lightest:hover { + border-color: #fcfbeb; } - .xl\:bg-pink-darkest { - background-color: #45051e; + .xl\:hover\:border-green-darkest:hover { + border-color: #032d19; } - .xl\:bg-pink-darker { - background-color: #72173a; + .xl\:hover\:border-green-darker:hover { + border-color: #0b4228; } - .xl\:bg-pink-dark { - background-color: #eb5286; + .xl\:hover\:border-green-dark:hover { + border-color: #1f9d55; } - .xl\:bg-pink { - background-color: #f66d9b; + .xl\:hover\:border-green:hover { + border-color: #38c172; } - .xl\:bg-pink-light { - background-color: #fa7ea8; + .xl\:hover\:border-green-light:hover { + border-color: #51d88a; } - .xl\:bg-pink-lighter { - background-color: #ffbbca; + .xl\:hover\:border-green-lighter:hover { + border-color: #a2f5bf; } - .xl\:bg-pink-lightest { - background-color: #ffebef; + .xl\:hover\:border-green-lightest:hover { + border-color: #e3fcec; } - .xl\:hover\:bg-transparent:hover { - background-color: transparent; + .xl\:hover\:border-teal-darkest:hover { + border-color: #0d3331; } - .xl\:hover\:bg-black:hover { - background-color: #222b2f; + .xl\:hover\:border-teal-darker:hover { + border-color: #174e4b; } - .xl\:hover\:bg-grey-darkest:hover { - background-color: #364349; + .xl\:hover\:border-teal-dark:hover { + border-color: #38a89d; } - .xl\:hover\:bg-grey-darker:hover { - background-color: #596a73; + .xl\:hover\:border-teal:hover { + border-color: #4dc0b5; } - .xl\:hover\:bg-grey-dark:hover { - background-color: #70818a; + .xl\:hover\:border-teal-light:hover { + border-color: #64d5ca; } - .xl\:hover\:bg-grey:hover { - background-color: #9babb4; + .xl\:hover\:border-teal-lighter:hover { + border-color: #a0f0ed; } - .xl\:hover\:bg-grey-light:hover { - background-color: #dae4e9; + .xl\:hover\:border-teal-lightest:hover { + border-color: #e8fffe; } - .xl\:hover\:bg-grey-lighter:hover { - background-color: #f3f7f9; + .xl\:hover\:border-blue-darkest:hover { + border-color: #05233b; } - .xl\:hover\:bg-grey-lightest:hover { - background-color: #fafcfc; + .xl\:hover\:border-blue-darker:hover { + border-color: #103d60; } - .xl\:hover\:bg-white:hover { - background-color: #ffffff; + .xl\:hover\:border-blue-dark:hover { + border-color: #2779bd; } - .xl\:hover\:bg-red-darkest:hover { - background-color: #420806; + .xl\:hover\:border-blue:hover { + border-color: #3490dc; } - .xl\:hover\:bg-red-darker:hover { - background-color: #6a1b19; + .xl\:hover\:border-blue-light:hover { + border-color: #6cb2eb; } - .xl\:hover\:bg-red-dark:hover { - background-color: #cc1f1a; + .xl\:hover\:border-blue-lighter:hover { + border-color: #bcdefa; } - .xl\:hover\:bg-red:hover { - background-color: #e3342f; + .xl\:hover\:border-blue-lightest:hover { + border-color: #eff8ff; } - .xl\:hover\:bg-red-light:hover { - background-color: #ef5753; + .xl\:hover\:border-indigo-darkest:hover { + border-color: #191e38; } - .xl\:hover\:bg-red-lighter:hover { - background-color: #f9acaa; + .xl\:hover\:border-indigo-darker:hover { + border-color: #2f365f; } - .xl\:hover\:bg-red-lightest:hover { - background-color: #fcebea; + .xl\:hover\:border-indigo-dark:hover { + border-color: #5661b3; } - .xl\:hover\:bg-orange-darkest:hover { - background-color: #542605; + .xl\:hover\:border-indigo:hover { + border-color: #6574cd; } - .xl\:hover\:bg-orange-darker:hover { - background-color: #7f4012; + .xl\:hover\:border-indigo-light:hover { + border-color: #7886d7; } - .xl\:hover\:bg-orange-dark:hover { - background-color: #de751f; + .xl\:hover\:border-indigo-lighter:hover { + border-color: #b2b7ff; } - .xl\:hover\:bg-orange:hover { - background-color: #f6993f; + .xl\:hover\:border-indigo-lightest:hover { + border-color: #e6e8ff; } - .xl\:hover\:bg-orange-light:hover { - background-color: #faad63; + .xl\:hover\:border-purple-darkest:hover { + border-color: #1f133f; } - .xl\:hover\:bg-orange-lighter:hover { - background-color: #fcd9b6; + .xl\:hover\:border-purple-darker:hover { + border-color: #352465; } - .xl\:hover\:bg-orange-lightest:hover { - background-color: #fff5eb; + .xl\:hover\:border-purple-dark:hover { + border-color: #794acf; } - .xl\:hover\:bg-yellow-darkest:hover { - background-color: #453411; + .xl\:hover\:border-purple:hover { + border-color: #9561e2; } - .xl\:hover\:bg-yellow-darker:hover { - background-color: #684f1d; + .xl\:hover\:border-purple-light:hover { + border-color: #a779e9; } - .xl\:hover\:bg-yellow-dark:hover { - background-color: #f2d024; + .xl\:hover\:border-purple-lighter:hover { + border-color: #d6bbfc; } - .xl\:hover\:bg-yellow:hover { - background-color: #ffed4a; + .xl\:hover\:border-purple-lightest:hover { + border-color: #f3ebff; } - .xl\:hover\:bg-yellow-light:hover { - background-color: #fff382; + .xl\:hover\:border-pink-darkest:hover { + border-color: #45051e; } - .xl\:hover\:bg-yellow-lighter:hover { - background-color: #fff9c2; + .xl\:hover\:border-pink-darker:hover { + border-color: #72173a; } - .xl\:hover\:bg-yellow-lightest:hover { - background-color: #fcfbeb; + .xl\:hover\:border-pink-dark:hover { + border-color: #eb5286; } - .xl\:hover\:bg-green-darkest:hover { - background-color: #032d19; + .xl\:hover\:border-pink:hover { + border-color: #f66d9b; } - .xl\:hover\:bg-green-darker:hover { - background-color: #0b4228; + .xl\:hover\:border-pink-light:hover { + border-color: #fa7ea8; } - .xl\:hover\:bg-green-dark:hover { - background-color: #1f9d55; + .xl\:hover\:border-pink-lighter:hover { + border-color: #ffbbca; } - .xl\:hover\:bg-green:hover { - background-color: #38c172; + .xl\:hover\:border-pink-lightest:hover { + border-color: #ffebef; } - .xl\:hover\:bg-green-light:hover { - background-color: #51d88a; + .xl\:rounded-none { + border-radius: 0; } - .xl\:hover\:bg-green-lighter:hover { - background-color: #a2f5bf; + .xl\:rounded-sm { + border-radius: .125rem; } - .xl\:hover\:bg-green-lightest:hover { - background-color: #e3fcec; + .xl\:rounded { + border-radius: .25rem; } - .xl\:hover\:bg-teal-darkest:hover { - background-color: #0d3331; + .xl\:rounded-lg { + border-radius: .5rem; } - .xl\:hover\:bg-teal-darker:hover { - background-color: #174e4b; + .xl\:rounded-full { + border-radius: 9999px; } - .xl\:hover\:bg-teal-dark:hover { - background-color: #38a89d; + .xl\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .xl\:hover\:bg-teal:hover { - background-color: #4dc0b5; + .xl\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .xl\:hover\:bg-teal-light:hover { - background-color: #64d5ca; + .xl\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .xl\:hover\:bg-teal-lighter:hover { - background-color: #a0f0ed; + .xl\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .xl\:hover\:bg-teal-lightest:hover { - background-color: #e8fffe; + .xl\:rounded-t-sm { + border-top-left-radius: .125rem; + border-top-right-radius: .125rem; } - .xl\:hover\:bg-blue-darkest:hover { - background-color: #05233b; + .xl\:rounded-r-sm { + border-top-right-radius: .125rem; + border-bottom-right-radius: .125rem; } - .xl\:hover\:bg-blue-darker:hover { - background-color: #103d60; + .xl\:rounded-b-sm { + border-bottom-right-radius: .125rem; + border-bottom-left-radius: .125rem; } - .xl\:hover\:bg-blue-dark:hover { - background-color: #2779bd; + .xl\:rounded-l-sm { + border-top-left-radius: .125rem; + border-bottom-left-radius: .125rem; } - .xl\:hover\:bg-blue:hover { - background-color: #3490dc; + .xl\:rounded-t { + border-top-left-radius: .25rem; + border-top-right-radius: .25rem; } - .xl\:hover\:bg-blue-light:hover { - background-color: #6cb2eb; + .xl\:rounded-r { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; } - .xl\:hover\:bg-blue-lighter:hover { - background-color: #bcdefa; + .xl\:rounded-b { + border-bottom-right-radius: .25rem; + border-bottom-left-radius: .25rem; } - .xl\:hover\:bg-blue-lightest:hover { - background-color: #eff8ff; + .xl\:rounded-l { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; } - .xl\:hover\:bg-indigo-darkest:hover { - background-color: #191e38; + .xl\:rounded-t-lg { + border-top-left-radius: .5rem; + border-top-right-radius: .5rem; } - .xl\:hover\:bg-indigo-darker:hover { - background-color: #2f365f; + .xl\:rounded-r-lg { + border-top-right-radius: .5rem; + border-bottom-right-radius: .5rem; } - .xl\:hover\:bg-indigo-dark:hover { - background-color: #5661b3; + .xl\:rounded-b-lg { + border-bottom-right-radius: .5rem; + border-bottom-left-radius: .5rem; } - .xl\:hover\:bg-indigo:hover { - background-color: #6574cd; + .xl\:rounded-l-lg { + border-top-left-radius: .5rem; + border-bottom-left-radius: .5rem; } - .xl\:hover\:bg-indigo-light:hover { - background-color: #7886d7; + .xl\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .xl\:hover\:bg-indigo-lighter:hover { - background-color: #b2b7ff; + .xl\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .xl\:hover\:bg-indigo-lightest:hover { - background-color: #e6e8ff; + .xl\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:hover\:bg-purple-darkest:hover { - background-color: #1f133f; + .xl\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:hover\:bg-purple-darker:hover { - background-color: #352465; + .xl\:rounded-tl-none { + border-top-left-radius: 0; } - .xl\:hover\:bg-purple-dark:hover { - background-color: #794acf; + .xl\:rounded-tr-none { + border-top-right-radius: 0; } - .xl\:hover\:bg-purple:hover { - background-color: #9561e2; + .xl\:rounded-br-none { + border-bottom-right-radius: 0; } - .xl\:hover\:bg-purple-light:hover { - background-color: #a779e9; + .xl\:rounded-bl-none { + border-bottom-left-radius: 0; } - .xl\:hover\:bg-purple-lighter:hover { - background-color: #d6bbfc; + .xl\:rounded-tl-sm { + border-top-left-radius: .125rem; } - .xl\:hover\:bg-purple-lightest:hover { - background-color: #f3ebff; + .xl\:rounded-tr-sm { + border-top-right-radius: .125rem; } - .xl\:hover\:bg-pink-darkest:hover { - background-color: #45051e; + .xl\:rounded-br-sm { + border-bottom-right-radius: .125rem; } - .xl\:hover\:bg-pink-darker:hover { - background-color: #72173a; + .xl\:rounded-bl-sm { + border-bottom-left-radius: .125rem; } - .xl\:hover\:bg-pink-dark:hover { - background-color: #eb5286; + .xl\:rounded-tl { + border-top-left-radius: .25rem; } - .xl\:hover\:bg-pink:hover { - background-color: #f66d9b; + .xl\:rounded-tr { + border-top-right-radius: .25rem; } - .xl\:hover\:bg-pink-light:hover { - background-color: #fa7ea8; + .xl\:rounded-br { + border-bottom-right-radius: .25rem; } - .xl\:hover\:bg-pink-lighter:hover { - background-color: #ffbbca; + .xl\:rounded-bl { + border-bottom-left-radius: .25rem; } - .xl\:hover\:bg-pink-lightest:hover { - background-color: #ffebef; + .xl\:rounded-tl-lg { + border-top-left-radius: .5rem; } - .xl\:bg-bottom { - background-position: bottom; + .xl\:rounded-tr-lg { + border-top-right-radius: .5rem; } - .xl\:bg-center { - background-position: center; + .xl\:rounded-br-lg { + border-bottom-right-radius: .5rem; } - .xl\:bg-left { - background-position: left; + .xl\:rounded-bl-lg { + border-bottom-left-radius: .5rem; } - .xl\:bg-left-bottom { - background-position: left bottom; + .xl\:rounded-tl-full { + border-top-left-radius: 9999px; } - .xl\:bg-left-top { - background-position: left top; + .xl\:rounded-tr-full { + border-top-right-radius: 9999px; } - .xl\:bg-right { - background-position: right; + .xl\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .xl\:bg-right-bottom { - background-position: right bottom; + .xl\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .xl\:bg-right-top { - background-position: right top; + .xl\:border-solid { + border-style: solid; } - .xl\:bg-top { - background-position: top; + .xl\:border-dashed { + border-style: dashed; } - .xl\:bg-cover { - background-size: cover; + .xl\:border-dotted { + border-style: dotted; } - .xl\:bg-contain { - background-size: contain; + .xl\:border-none { + border-style: none; } .xl\:border-0 { @@ -17544,935 +17446,1032 @@ button, border-bottom-width: 2px; } - .xl\:border-l-2 { - border-left-width: 2px; + .xl\:border-l-2 { + border-left-width: 2px; + } + + .xl\:border-t-4 { + border-top-width: 4px; + } + + .xl\:border-r-4 { + border-right-width: 4px; + } + + .xl\:border-b-4 { + border-bottom-width: 4px; + } + + .xl\:border-l-4 { + border-left-width: 4px; + } + + .xl\:border-t-8 { + border-top-width: 8px; + } + + .xl\:border-r-8 { + border-right-width: 8px; + } + + .xl\:border-b-8 { + border-bottom-width: 8px; + } + + .xl\:border-l-8 { + border-left-width: 8px; + } + + .xl\:border-t { + border-top-width: 1px; + } + + .xl\:border-r { + border-right-width: 1px; + } + + .xl\:border-b { + border-bottom-width: 1px; + } + + .xl\:border-l { + border-left-width: 1px; + } + + .xl\:cursor-auto { + cursor: auto; + } + + .xl\:cursor-default { + cursor: default; + } + + .xl\:cursor-pointer { + cursor: pointer; + } + + .xl\:cursor-not-allowed { + cursor: not-allowed; + } + + .xl\:block { + display: block; + } + + .xl\:inline-block { + display: inline-block; + } + + .xl\:inline { + display: inline; + } + + .xl\:table { + display: table; + } + + .xl\:table-row { + display: table-row; + } + + .xl\:table-cell { + display: table-cell; } - .xl\:border-t-4 { - border-top-width: 4px; + .xl\:hidden { + display: none; } - .xl\:border-r-4 { - border-right-width: 4px; + .xl\:flex { + display: flex; } - .xl\:border-b-4 { - border-bottom-width: 4px; + .xl\:inline-flex { + display: inline-flex; } - .xl\:border-l-4 { - border-left-width: 4px; + .xl\:flex-row { + flex-direction: row; } - .xl\:border-t-8 { - border-top-width: 8px; + .xl\:flex-row-reverse { + flex-direction: row-reverse; } - .xl\:border-r-8 { - border-right-width: 8px; + .xl\:flex-col { + flex-direction: column; } - .xl\:border-b-8 { - border-bottom-width: 8px; + .xl\:flex-col-reverse { + flex-direction: column-reverse; } - .xl\:border-l-8 { - border-left-width: 8px; + .xl\:flex-wrap { + flex-wrap: wrap; } - .xl\:border-t { - border-top-width: 1px; + .xl\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .xl\:border-r { - border-right-width: 1px; + .xl\:flex-no-wrap { + flex-wrap: nowrap; } - .xl\:border-b { - border-bottom-width: 1px; + .xl\:items-start { + align-items: flex-start; } - .xl\:border-l { - border-left-width: 1px; + .xl\:items-end { + align-items: flex-end; } - .xl\:border-transparent { - border-color: transparent; + .xl\:items-center { + align-items: center; } - .xl\:border-black { - border-color: #222b2f; + .xl\:items-baseline { + align-items: baseline; } - .xl\:border-grey-darkest { - border-color: #364349; + .xl\:items-stretch { + align-items: stretch; } - .xl\:border-grey-darker { - border-color: #596a73; + .xl\:self-auto { + align-self: auto; } - .xl\:border-grey-dark { - border-color: #70818a; + .xl\:self-start { + align-self: flex-start; } - .xl\:border-grey { - border-color: #9babb4; + .xl\:self-end { + align-self: flex-end; } - .xl\:border-grey-light { - border-color: #dae4e9; + .xl\:self-center { + align-self: center; } - .xl\:border-grey-lighter { - border-color: #f3f7f9; + .xl\:self-stretch { + align-self: stretch; } - .xl\:border-grey-lightest { - border-color: #fafcfc; + .xl\:justify-start { + justify-content: flex-start; } - .xl\:border-white { - border-color: #ffffff; + .xl\:justify-end { + justify-content: flex-end; } - .xl\:border-red-darkest { - border-color: #420806; + .xl\:justify-center { + justify-content: center; } - .xl\:border-red-darker { - border-color: #6a1b19; + .xl\:justify-between { + justify-content: space-between; } - .xl\:border-red-dark { - border-color: #cc1f1a; + .xl\:justify-around { + justify-content: space-around; } - .xl\:border-red { - border-color: #e3342f; + .xl\:content-center { + align-content: center; } - .xl\:border-red-light { - border-color: #ef5753; + .xl\:content-start { + align-content: flex-start; } - .xl\:border-red-lighter { - border-color: #f9acaa; + .xl\:content-end { + align-content: flex-end; } - .xl\:border-red-lightest { - border-color: #fcebea; + .xl\:content-between { + align-content: space-between; } - .xl\:border-orange-darkest { - border-color: #542605; + .xl\:content-around { + align-content: space-around; } - .xl\:border-orange-darker { - border-color: #7f4012; + .xl\:flex-1 { + flex: 1; } - .xl\:border-orange-dark { - border-color: #de751f; + .xl\:flex-auto { + flex: auto; } - .xl\:border-orange { - border-color: #f6993f; + .xl\:flex-initial { + flex: initial; } - .xl\:border-orange-light { - border-color: #faad63; + .xl\:flex-none { + flex: none; } - .xl\:border-orange-lighter { - border-color: #fcd9b6; + .xl\:flex-grow { + flex-grow: 1; } - .xl\:border-orange-lightest { - border-color: #fff5eb; + .xl\:flex-shrink { + flex-shrink: 1; } - .xl\:border-yellow-darkest { - border-color: #453411; + .xl\:flex-no-grow { + flex-grow: 0; } - .xl\:border-yellow-darker { - border-color: #684f1d; + .xl\:flex-no-shrink { + flex-shrink: 0; } - .xl\:border-yellow-dark { - border-color: #f2d024; + .xl\:float-right { + float: right; } - .xl\:border-yellow { - border-color: #ffed4a; + .xl\:float-left { + float: left; } - .xl\:border-yellow-light { - border-color: #fff382; + .xl\:float-none { + float: none; } - .xl\:border-yellow-lighter { - border-color: #fff9c2; + .xl\:clearfix:after { + content: ""; + display: table; + clear: both; } - .xl\:border-yellow-lightest { - border-color: #fcfbeb; + .xl\:font-sans { + font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; } - .xl\:border-green-darkest { - border-color: #032d19; + .xl\:font-serif { + font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif; } - .xl\:border-green-darker { - border-color: #0b4228; + .xl\:font-mono { + font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } - .xl\:border-green-dark { - border-color: #1f9d55; + .xl\:font-hairline { + font-weight: 100; } - .xl\:border-green { - border-color: #38c172; + .xl\:font-thin { + font-weight: 200; } - .xl\:border-green-light { - border-color: #51d88a; + .xl\:font-light { + font-weight: 300; } - .xl\:border-green-lighter { - border-color: #a2f5bf; + .xl\:font-normal { + font-weight: 400; } - .xl\:border-green-lightest { - border-color: #e3fcec; + .xl\:font-medium { + font-weight: 500; } - .xl\:border-teal-darkest { - border-color: #0d3331; + .xl\:font-semibold { + font-weight: 600; } - .xl\:border-teal-darker { - border-color: #174e4b; + .xl\:font-bold { + font-weight: 700; } - .xl\:border-teal-dark { - border-color: #38a89d; + .xl\:font-extrabold { + font-weight: 800; } - .xl\:border-teal { - border-color: #4dc0b5; + .xl\:font-black { + font-weight: 900; } - .xl\:border-teal-light { - border-color: #64d5ca; + .xl\:hover\:font-hairline:hover { + font-weight: 100; } - .xl\:border-teal-lighter { - border-color: #a0f0ed; + .xl\:hover\:font-thin:hover { + font-weight: 200; } - .xl\:border-teal-lightest { - border-color: #e8fffe; + .xl\:hover\:font-light:hover { + font-weight: 300; } - .xl\:border-blue-darkest { - border-color: #05233b; + .xl\:hover\:font-normal:hover { + font-weight: 400; } - .xl\:border-blue-darker { - border-color: #103d60; + .xl\:hover\:font-medium:hover { + font-weight: 500; } - .xl\:border-blue-dark { - border-color: #2779bd; + .xl\:hover\:font-semibold:hover { + font-weight: 600; } - .xl\:border-blue { - border-color: #3490dc; + .xl\:hover\:font-bold:hover { + font-weight: 700; } - .xl\:border-blue-light { - border-color: #6cb2eb; + .xl\:hover\:font-extrabold:hover { + font-weight: 800; } - .xl\:border-blue-lighter { - border-color: #bcdefa; + .xl\:hover\:font-black:hover { + font-weight: 900; } - .xl\:border-blue-lightest { - border-color: #eff8ff; + .xl\:h-1 { + height: 0.25rem; } - .xl\:border-indigo-darkest { - border-color: #191e38; + .xl\:h-2 { + height: 0.5rem; } - .xl\:border-indigo-darker { - border-color: #2f365f; + .xl\:h-3 { + height: 0.75rem; } - .xl\:border-indigo-dark { - border-color: #5661b3; + .xl\:h-4 { + height: 1rem; } - .xl\:border-indigo { - border-color: #6574cd; + .xl\:h-6 { + height: 1.5rem; } - .xl\:border-indigo-light { - border-color: #7886d7; + .xl\:h-8 { + height: 2rem; } - .xl\:border-indigo-lighter { - border-color: #b2b7ff; + .xl\:h-10 { + height: 2.5rem; } - .xl\:border-indigo-lightest { - border-color: #e6e8ff; + .xl\:h-12 { + height: 3rem; } - .xl\:border-purple-darkest { - border-color: #1f133f; + .xl\:h-16 { + height: 4rem; } - .xl\:border-purple-darker { - border-color: #352465; + .xl\:h-24 { + height: 6rem; } - .xl\:border-purple-dark { - border-color: #794acf; + .xl\:h-32 { + height: 8rem; } - .xl\:border-purple { - border-color: #9561e2; + .xl\:h-48 { + height: 12rem; } - .xl\:border-purple-light { - border-color: #a779e9; + .xl\:h-64 { + height: 16rem; } - .xl\:border-purple-lighter { - border-color: #d6bbfc; + .xl\:h-auto { + height: auto; } - .xl\:border-purple-lightest { - border-color: #f3ebff; + .xl\:h-px { + height: 1px; } - .xl\:border-pink-darkest { - border-color: #45051e; + .xl\:h-full { + height: 100%; } - .xl\:border-pink-darker { - border-color: #72173a; + .xl\:h-screen { + height: 100vh; } - .xl\:border-pink-dark { - border-color: #eb5286; + .xl\:leading-none { + line-height: 1; } - .xl\:border-pink { - border-color: #f66d9b; + .xl\:leading-tight { + line-height: 1.25; } - .xl\:border-pink-light { - border-color: #fa7ea8; + .xl\:leading-normal { + line-height: 1.5; } - .xl\:border-pink-lighter { - border-color: #ffbbca; + .xl\:leading-loose { + line-height: 2; } - .xl\:border-pink-lightest { - border-color: #ffebef; + .xl\:m-0 { + margin: 0; } - .xl\:hover\:border-transparent:hover { - border-color: transparent; + .xl\:m-1 { + margin: 0.25rem; } - .xl\:hover\:border-black:hover { - border-color: #222b2f; + .xl\:m-2 { + margin: 0.5rem; } - .xl\:hover\:border-grey-darkest:hover { - border-color: #364349; + .xl\:m-3 { + margin: 0.75rem; } - .xl\:hover\:border-grey-darker:hover { - border-color: #596a73; + .xl\:m-4 { + margin: 1rem; } - .xl\:hover\:border-grey-dark:hover { - border-color: #70818a; + .xl\:m-6 { + margin: 1.5rem; } - .xl\:hover\:border-grey:hover { - border-color: #9babb4; + .xl\:m-8 { + margin: 2rem; } - .xl\:hover\:border-grey-light:hover { - border-color: #dae4e9; + .xl\:m-auto { + margin: auto; } - .xl\:hover\:border-grey-lighter:hover { - border-color: #f3f7f9; + .xl\:m-px { + margin: 1px; } - .xl\:hover\:border-grey-lightest:hover { - border-color: #fafcfc; + .xl\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .xl\:hover\:border-white:hover { - border-color: #ffffff; + .xl\:mx-0 { + margin-left: 0; + margin-right: 0; } - .xl\:hover\:border-red-darkest:hover { - border-color: #420806; + .xl\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .xl\:hover\:border-red-darker:hover { - border-color: #6a1b19; + .xl\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .xl\:hover\:border-red-dark:hover { - border-color: #cc1f1a; + .xl\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .xl\:hover\:border-red:hover { - border-color: #e3342f; + .xl\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .xl\:hover\:border-red-light:hover { - border-color: #ef5753; + .xl\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .xl\:hover\:border-red-lighter:hover { - border-color: #f9acaa; + .xl\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .xl\:hover\:border-red-lightest:hover { - border-color: #fcebea; + .xl\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .xl\:hover\:border-orange-darkest:hover { - border-color: #542605; + .xl\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .xl\:hover\:border-orange-darker:hover { - border-color: #7f4012; + .xl\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .xl\:hover\:border-orange-dark:hover { - border-color: #de751f; + .xl\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .xl\:hover\:border-orange:hover { - border-color: #f6993f; + .xl\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .xl\:hover\:border-orange-light:hover { - border-color: #faad63; + .xl\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .xl\:hover\:border-orange-lighter:hover { - border-color: #fcd9b6; + .xl\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .xl\:hover\:border-orange-lightest:hover { - border-color: #fff5eb; + .xl\:mx-auto { + margin-left: auto; + margin-right: auto; } - .xl\:hover\:border-yellow-darkest:hover { - border-color: #453411; + .xl\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .xl\:hover\:border-yellow-darker:hover { - border-color: #684f1d; + .xl\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .xl\:hover\:border-yellow-dark:hover { - border-color: #f2d024; + .xl\:mt-0 { + margin-top: 0; } - .xl\:hover\:border-yellow:hover { - border-color: #ffed4a; + .xl\:mr-0 { + margin-right: 0; } - .xl\:hover\:border-yellow-light:hover { - border-color: #fff382; + .xl\:mb-0 { + margin-bottom: 0; } - .xl\:hover\:border-yellow-lighter:hover { - border-color: #fff9c2; + .xl\:ml-0 { + margin-left: 0; } - .xl\:hover\:border-yellow-lightest:hover { - border-color: #fcfbeb; + .xl\:mt-1 { + margin-top: 0.25rem; } - .xl\:hover\:border-green-darkest:hover { - border-color: #032d19; + .xl\:mr-1 { + margin-right: 0.25rem; } - .xl\:hover\:border-green-darker:hover { - border-color: #0b4228; + .xl\:mb-1 { + margin-bottom: 0.25rem; } - .xl\:hover\:border-green-dark:hover { - border-color: #1f9d55; + .xl\:ml-1 { + margin-left: 0.25rem; } - .xl\:hover\:border-green:hover { - border-color: #38c172; + .xl\:mt-2 { + margin-top: 0.5rem; } - .xl\:hover\:border-green-light:hover { - border-color: #51d88a; + .xl\:mr-2 { + margin-right: 0.5rem; } - .xl\:hover\:border-green-lighter:hover { - border-color: #a2f5bf; + .xl\:mb-2 { + margin-bottom: 0.5rem; } - .xl\:hover\:border-green-lightest:hover { - border-color: #e3fcec; + .xl\:ml-2 { + margin-left: 0.5rem; } - .xl\:hover\:border-teal-darkest:hover { - border-color: #0d3331; + .xl\:mt-3 { + margin-top: 0.75rem; } - .xl\:hover\:border-teal-darker:hover { - border-color: #174e4b; + .xl\:mr-3 { + margin-right: 0.75rem; } - .xl\:hover\:border-teal-dark:hover { - border-color: #38a89d; + .xl\:mb-3 { + margin-bottom: 0.75rem; } - .xl\:hover\:border-teal:hover { - border-color: #4dc0b5; + .xl\:ml-3 { + margin-left: 0.75rem; } - .xl\:hover\:border-teal-light:hover { - border-color: #64d5ca; + .xl\:mt-4 { + margin-top: 1rem; } - .xl\:hover\:border-teal-lighter:hover { - border-color: #a0f0ed; + .xl\:mr-4 { + margin-right: 1rem; } - .xl\:hover\:border-teal-lightest:hover { - border-color: #e8fffe; + .xl\:mb-4 { + margin-bottom: 1rem; } - .xl\:hover\:border-blue-darkest:hover { - border-color: #05233b; + .xl\:ml-4 { + margin-left: 1rem; } - .xl\:hover\:border-blue-darker:hover { - border-color: #103d60; + .xl\:mt-6 { + margin-top: 1.5rem; } - .xl\:hover\:border-blue-dark:hover { - border-color: #2779bd; + .xl\:mr-6 { + margin-right: 1.5rem; } - .xl\:hover\:border-blue:hover { - border-color: #3490dc; + .xl\:mb-6 { + margin-bottom: 1.5rem; } - .xl\:hover\:border-blue-light:hover { - border-color: #6cb2eb; + .xl\:ml-6 { + margin-left: 1.5rem; } - .xl\:hover\:border-blue-lighter:hover { - border-color: #bcdefa; + .xl\:mt-8 { + margin-top: 2rem; } - .xl\:hover\:border-blue-lightest:hover { - border-color: #eff8ff; + .xl\:mr-8 { + margin-right: 2rem; } - .xl\:hover\:border-indigo-darkest:hover { - border-color: #191e38; + .xl\:mb-8 { + margin-bottom: 2rem; } - .xl\:hover\:border-indigo-darker:hover { - border-color: #2f365f; + .xl\:ml-8 { + margin-left: 2rem; } - .xl\:hover\:border-indigo-dark:hover { - border-color: #5661b3; + .xl\:mt-auto { + margin-top: auto; } - .xl\:hover\:border-indigo:hover { - border-color: #6574cd; + .xl\:mr-auto { + margin-right: auto; } - .xl\:hover\:border-indigo-light:hover { - border-color: #7886d7; + .xl\:mb-auto { + margin-bottom: auto; } - .xl\:hover\:border-indigo-lighter:hover { - border-color: #b2b7ff; + .xl\:ml-auto { + margin-left: auto; } - .xl\:hover\:border-indigo-lightest:hover { - border-color: #e6e8ff; + .xl\:mt-px { + margin-top: 1px; } - .xl\:hover\:border-purple-darkest:hover { - border-color: #1f133f; + .xl\:mr-px { + margin-right: 1px; } - .xl\:hover\:border-purple-darker:hover { - border-color: #352465; + .xl\:mb-px { + margin-bottom: 1px; } - .xl\:hover\:border-purple-dark:hover { - border-color: #794acf; + .xl\:ml-px { + margin-left: 1px; } - .xl\:hover\:border-purple:hover { - border-color: #9561e2; + .xl\:max-h-full { + max-height: 100%; } - .xl\:hover\:border-purple-light:hover { - border-color: #a779e9; + .xl\:max-h-screen { + max-height: 100vh; } - .xl\:hover\:border-purple-lighter:hover { - border-color: #d6bbfc; + .xl\:max-w-xs { + max-width: 20rem; } - .xl\:hover\:border-purple-lightest:hover { - border-color: #f3ebff; + .xl\:max-w-sm { + max-width: 30rem; } - .xl\:hover\:border-pink-darkest:hover { - border-color: #45051e; + .xl\:max-w-md { + max-width: 40rem; } - .xl\:hover\:border-pink-darker:hover { - border-color: #72173a; + .xl\:max-w-lg { + max-width: 50rem; } - .xl\:hover\:border-pink-dark:hover { - border-color: #eb5286; + .xl\:max-w-xl { + max-width: 60rem; } - .xl\:hover\:border-pink:hover { - border-color: #f66d9b; + .xl\:max-w-2xl { + max-width: 70rem; } - .xl\:hover\:border-pink-light:hover { - border-color: #fa7ea8; + .xl\:max-w-3xl { + max-width: 80rem; } - .xl\:hover\:border-pink-lighter:hover { - border-color: #ffbbca; + .xl\:max-w-4xl { + max-width: 90rem; } - .xl\:hover\:border-pink-lightest:hover { - border-color: #ffebef; + .xl\:max-w-5xl { + max-width: 100rem; } - .xl\:border-solid { - border-style: solid; + .xl\:max-w-full { + max-width: 100%; } - .xl\:border-dashed { - border-style: dashed; + .xl\:min-h-0 { + min-height: 0; } - .xl\:border-dotted { - border-style: dotted; + .xl\:min-h-full { + min-height: 100%; } - .xl\:border-none { - border-style: none; + .xl\:min-h-screen { + min-height: 100vh; } - .xl\:rounded-none { - border-radius: 0; + .xl\:min-w-0 { + min-width: 0; } - .xl\:rounded-sm { - border-radius: .125rem; + .xl\:min-w-full { + min-width: 100%; } - .xl\:rounded { - border-radius: .25rem; + .xl\:-m-0 { + margin: 0; } - .xl\:rounded-lg { - border-radius: .5rem; + .xl\:-m-1 { + margin: -0.25rem; } - .xl\:rounded-full { - border-radius: 9999px; + .xl\:-m-2 { + margin: -0.5rem; } - .xl\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .xl\:-m-3 { + margin: -0.75rem; } - .xl\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .xl\:-m-4 { + margin: -1rem; } - .xl\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .xl\:-m-6 { + margin: -1.5rem; } - .xl\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .xl\:-m-8 { + margin: -2rem; } - .xl\:rounded-t-sm { - border-top-left-radius: .125rem; - border-top-right-radius: .125rem; + .xl\:-m-px { + margin: -1px; } - .xl\:rounded-r-sm { - border-top-right-radius: .125rem; - border-bottom-right-radius: .125rem; + .xl\:-my-0 { + margin-top: 0; + margin-bottom: 0; } - .xl\:rounded-b-sm { - border-bottom-right-radius: .125rem; - border-bottom-left-radius: .125rem; + .xl\:-mx-0 { + margin-left: 0; + margin-right: 0; } - .xl\:rounded-l-sm { - border-top-left-radius: .125rem; - border-bottom-left-radius: .125rem; + .xl\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .xl\:rounded-t { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + .xl\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .xl\:rounded-r { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; + .xl\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .xl\:rounded-b { - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; + .xl\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .xl\:rounded-l { - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; + .xl\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .xl\:rounded-t-lg { - border-top-left-radius: .5rem; - border-top-right-radius: .5rem; + .xl\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .xl\:rounded-r-lg { - border-top-right-radius: .5rem; - border-bottom-right-radius: .5rem; + .xl\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .xl\:rounded-b-lg { - border-bottom-right-radius: .5rem; - border-bottom-left-radius: .5rem; + .xl\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .xl\:rounded-l-lg { - border-top-left-radius: .5rem; - border-bottom-left-radius: .5rem; + .xl\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .xl\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .xl\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .xl\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .xl\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .xl\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .xl\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .xl\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .xl\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .xl\:rounded-tl-none { - border-top-left-radius: 0; + .xl\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .xl\:rounded-tr-none { - border-top-right-radius: 0; + .xl\:-mt-0 { + margin-top: 0; } - .xl\:rounded-br-none { - border-bottom-right-radius: 0; + .xl\:-mr-0 { + margin-right: 0; } - .xl\:rounded-bl-none { - border-bottom-left-radius: 0; + .xl\:-mb-0 { + margin-bottom: 0; } - .xl\:rounded-tl-sm { - border-top-left-radius: .125rem; + .xl\:-ml-0 { + margin-left: 0; } - .xl\:rounded-tr-sm { - border-top-right-radius: .125rem; + .xl\:-mt-1 { + margin-top: -0.25rem; } - .xl\:rounded-br-sm { - border-bottom-right-radius: .125rem; + .xl\:-mr-1 { + margin-right: -0.25rem; } - .xl\:rounded-bl-sm { - border-bottom-left-radius: .125rem; + .xl\:-mb-1 { + margin-bottom: -0.25rem; } - .xl\:rounded-tl { - border-top-left-radius: .25rem; + .xl\:-ml-1 { + margin-left: -0.25rem; } - .xl\:rounded-tr { - border-top-right-radius: .25rem; + .xl\:-mt-2 { + margin-top: -0.5rem; } - .xl\:rounded-br { - border-bottom-right-radius: .25rem; + .xl\:-mr-2 { + margin-right: -0.5rem; } - .xl\:rounded-bl { - border-bottom-left-radius: .25rem; + .xl\:-mb-2 { + margin-bottom: -0.5rem; } - .xl\:rounded-tl-lg { - border-top-left-radius: .5rem; + .xl\:-ml-2 { + margin-left: -0.5rem; } - .xl\:rounded-tr-lg { - border-top-right-radius: .5rem; + .xl\:-mt-3 { + margin-top: -0.75rem; } - .xl\:rounded-br-lg { - border-bottom-right-radius: .5rem; + .xl\:-mr-3 { + margin-right: -0.75rem; } - .xl\:rounded-bl-lg { - border-bottom-left-radius: .5rem; + .xl\:-mb-3 { + margin-bottom: -0.75rem; } - .xl\:rounded-tl-full { - border-top-left-radius: 9999px; + .xl\:-ml-3 { + margin-left: -0.75rem; } - .xl\:rounded-tr-full { - border-top-right-radius: 9999px; + .xl\:-mt-4 { + margin-top: -1rem; } - .xl\:rounded-br-full { - border-bottom-right-radius: 9999px; + .xl\:-mr-4 { + margin-right: -1rem; } - .xl\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .xl\:-mb-4 { + margin-bottom: -1rem; } - .xl\:block { - display: block; + .xl\:-ml-4 { + margin-left: -1rem; } - .xl\:inline-block { - display: inline-block; + .xl\:-mt-6 { + margin-top: -1.5rem; } - .xl\:inline { - display: inline; + .xl\:-mr-6 { + margin-right: -1.5rem; } - .xl\:table { - display: table; + .xl\:-mb-6 { + margin-bottom: -1.5rem; } - .xl\:table-row { - display: table-row; + .xl\:-ml-6 { + margin-left: -1.5rem; } - .xl\:table-cell { - display: table-cell; + .xl\:-mt-8 { + margin-top: -2rem; } - .xl\:hidden { - display: none; + .xl\:-mr-8 { + margin-right: -2rem; } - .xl\:static { - position: static; + .xl\:-mb-8 { + margin-bottom: -2rem; } - .xl\:fixed { - position: fixed; + .xl\:-ml-8 { + margin-left: -2rem; } - .xl\:absolute { - position: absolute; + .xl\:-mt-px { + margin-top: -1px; } - .xl\:relative { - position: relative; + .xl\:-mr-px { + margin-right: -1px; } - .xl\:pin-t { - top: 0; + .xl\:-mb-px { + margin-bottom: -1px; } - .xl\:pin-r { - right: 0; + .xl\:-ml-px { + margin-left: -1px; } - .xl\:pin-b { - bottom: 0; + .xl\:opacity-0 { + opacity: 0; } - .xl\:pin-l { - left: 0; + .xl\:opacity-25 { + opacity: .25; } - .xl\:pin-y { - top: 0; - bottom: 0; + .xl\:opacity-50 { + opacity: .5; } - .xl\:pin-x { - right: 0; - left: 0; + .xl\:opacity-75 { + opacity: .75; } - .xl\:pin { - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; + .xl\:opacity-100 { + opacity: 1; } .xl\:overflow-auto { @@ -18509,1288 +18508,1289 @@ button, -webkit-overflow-scrolling: auto; } - .xl\:w-1 { - width: 0.25rem; + .xl\:p-0 { + padding: 0; } - .xl\:w-2 { - width: 0.5rem; + .xl\:p-1 { + padding: 0.25rem; } - .xl\:w-3 { - width: 0.75rem; + .xl\:p-2 { + padding: 0.5rem; } - .xl\:w-4 { - width: 1rem; + .xl\:p-3 { + padding: 0.75rem; } - .xl\:w-6 { - width: 1.5rem; + .xl\:p-4 { + padding: 1rem; } - .xl\:w-8 { - width: 2rem; + .xl\:p-6 { + padding: 1.5rem; } - .xl\:w-10 { - width: 2.5rem; + .xl\:p-8 { + padding: 2rem; + } + + .xl\:p-px { + padding: 1px; + } + + .xl\:py-0 { + padding-top: 0; + padding-bottom: 0; + } + + .xl\:px-0 { + padding-left: 0; + padding-right: 0; + } + + .xl\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + + .xl\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; + } + + .xl\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .xl\:w-12 { - width: 3rem; + .xl\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .xl\:w-16 { - width: 4rem; + .xl\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .xl\:w-24 { - width: 6rem; + .xl\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .xl\:w-32 { - width: 8rem; + .xl\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .xl\:w-48 { - width: 12rem; + .xl\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .xl\:w-64 { - width: 16rem; + .xl\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .xl\:w-auto { - width: auto; + .xl\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .xl\:w-px { - width: 1px; + .xl\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .xl\:w-1\/2 { - width: 50%; + .xl\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .xl\:w-1\/3 { - width: 33.33333%; + .xl\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .xl\:w-2\/3 { - width: 66.66667%; + .xl\:px-px { + padding-left: 1px; + padding-right: 1px; } - .xl\:w-1\/4 { - width: 25%; + .xl\:pt-0 { + padding-top: 0; } - .xl\:w-3\/4 { - width: 75%; + .xl\:pr-0 { + padding-right: 0; } - .xl\:w-1\/5 { - width: 20%; + .xl\:pb-0 { + padding-bottom: 0; } - .xl\:w-2\/5 { - width: 40%; + .xl\:pl-0 { + padding-left: 0; } - .xl\:w-3\/5 { - width: 60%; + .xl\:pt-1 { + padding-top: 0.25rem; } - .xl\:w-4\/5 { - width: 80%; + .xl\:pr-1 { + padding-right: 0.25rem; } - .xl\:w-1\/6 { - width: 16.66667%; + .xl\:pb-1 { + padding-bottom: 0.25rem; } - .xl\:w-5\/6 { - width: 83.33333%; + .xl\:pl-1 { + padding-left: 0.25rem; } - .xl\:w-full { - width: 100%; + .xl\:pt-2 { + padding-top: 0.5rem; } - .xl\:w-screen { - width: 100vw; + .xl\:pr-2 { + padding-right: 0.5rem; } - .xl\:min-w-0 { - min-width: 0; + .xl\:pb-2 { + padding-bottom: 0.5rem; } - .xl\:min-w-full { - min-width: 100%; + .xl\:pl-2 { + padding-left: 0.5rem; } - .xl\:max-w-xs { - max-width: 20rem; + .xl\:pt-3 { + padding-top: 0.75rem; } - .xl\:max-w-sm { - max-width: 30rem; + .xl\:pr-3 { + padding-right: 0.75rem; } - .xl\:max-w-md { - max-width: 40rem; + .xl\:pb-3 { + padding-bottom: 0.75rem; } - .xl\:max-w-lg { - max-width: 50rem; + .xl\:pl-3 { + padding-left: 0.75rem; } - .xl\:max-w-xl { - max-width: 60rem; + .xl\:pt-4 { + padding-top: 1rem; } - .xl\:max-w-2xl { - max-width: 70rem; + .xl\:pr-4 { + padding-right: 1rem; } - .xl\:max-w-3xl { - max-width: 80rem; + .xl\:pb-4 { + padding-bottom: 1rem; } - .xl\:max-w-4xl { - max-width: 90rem; + .xl\:pl-4 { + padding-left: 1rem; } - .xl\:max-w-5xl { - max-width: 100rem; + .xl\:pt-6 { + padding-top: 1.5rem; } - .xl\:max-w-full { - max-width: 100%; + .xl\:pr-6 { + padding-right: 1.5rem; } - .xl\:h-1 { - height: 0.25rem; + .xl\:pb-6 { + padding-bottom: 1.5rem; } - .xl\:h-2 { - height: 0.5rem; + .xl\:pl-6 { + padding-left: 1.5rem; } - .xl\:h-3 { - height: 0.75rem; + .xl\:pt-8 { + padding-top: 2rem; } - .xl\:h-4 { - height: 1rem; + .xl\:pr-8 { + padding-right: 2rem; } - .xl\:h-6 { - height: 1.5rem; + .xl\:pb-8 { + padding-bottom: 2rem; } - .xl\:h-8 { - height: 2rem; + .xl\:pl-8 { + padding-left: 2rem; } - .xl\:h-10 { - height: 2.5rem; + .xl\:pt-px { + padding-top: 1px; } - .xl\:h-12 { - height: 3rem; + .xl\:pr-px { + padding-right: 1px; } - .xl\:h-16 { - height: 4rem; + .xl\:pb-px { + padding-bottom: 1px; } - .xl\:h-24 { - height: 6rem; + .xl\:pl-px { + padding-left: 1px; } - .xl\:h-32 { - height: 8rem; + .xl\:pointer-events-none { + pointer-events: none; } - .xl\:h-48 { - height: 12rem; + .xl\:pointer-events-auto { + pointer-events: auto; } - .xl\:h-64 { - height: 16rem; + .xl\:static { + position: static; } - .xl\:h-auto { - height: auto; + .xl\:fixed { + position: fixed; } - .xl\:h-px { - height: 1px; + .xl\:absolute { + position: absolute; } - .xl\:h-full { - height: 100%; + .xl\:relative { + position: relative; } - .xl\:h-screen { - height: 100vh; + .xl\:pin-t { + top: 0; } - .xl\:min-h-0 { - min-height: 0; + .xl\:pin-r { + right: 0; } - .xl\:min-h-full { - min-height: 100%; + .xl\:pin-b { + bottom: 0; } - .xl\:min-h-screen { - min-height: 100vh; + .xl\:pin-l { + left: 0; } - .xl\:max-h-full { - max-height: 100%; + .xl\:pin-y { + top: 0; + bottom: 0; } - .xl\:max-h-screen { - max-height: 100vh; + .xl\:pin-x { + right: 0; + left: 0; } - .xl\:p-0 { - padding: 0; + .xl\:pin { + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; } - .xl\:p-1 { - padding: 0.25rem; + .xl\:resize-none { + resize: none; } - .xl\:p-2 { - padding: 0.5rem; + .xl\:resize-y { + resize: vertical; } - .xl\:p-3 { - padding: 0.75rem; + .xl\:resize-x { + resize: horizontal; } - .xl\:p-4 { - padding: 1rem; + .xl\:shadow { + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); } - .xl\:p-6 { - padding: 1.5rem; + .xl\:shadow-md { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); } - .xl\:p-8 { - padding: 2rem; + .xl\:shadow-lg { + box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); } - .xl\:p-px { - padding: 1px; + .xl\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:py-0 { - padding-top: 0; - padding-bottom: 0; + .xl\:shadow-none { + box-shadow: none; } - .xl\:px-0 { - padding-left: 0; - padding-right: 0; + .xl\:text-left { + text-align: left; } - .xl\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .xl\:text-center { + text-align: center; } - .xl\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .xl\:text-right { + text-align: right; } - .xl\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .xl\:text-justify { + text-align: justify; } - .xl\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .xl\:text-transparent { + color: transparent; } - .xl\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .xl\:text-black { + color: #222b2f; } - .xl\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .xl\:text-grey-darkest { + color: #364349; } - .xl\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .xl\:text-grey-darker { + color: #596a73; } - .xl\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .xl\:text-grey-dark { + color: #70818a; } - .xl\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .xl\:text-grey { + color: #9babb4; } - .xl\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .xl\:text-grey-light { + color: #dae4e9; } - .xl\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .xl\:text-grey-lighter { + color: #f3f7f9; } - .xl\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .xl\:text-grey-lightest { + color: #fafcfc; } - .xl\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .xl\:text-white { + color: #ffffff; } - .xl\:px-px { - padding-left: 1px; - padding-right: 1px; + .xl\:text-red-darkest { + color: #420806; } - .xl\:pt-0 { - padding-top: 0; + .xl\:text-red-darker { + color: #6a1b19; } - .xl\:pr-0 { - padding-right: 0; + .xl\:text-red-dark { + color: #cc1f1a; } - .xl\:pb-0 { - padding-bottom: 0; + .xl\:text-red { + color: #e3342f; } - .xl\:pl-0 { - padding-left: 0; + .xl\:text-red-light { + color: #ef5753; } - .xl\:pt-1 { - padding-top: 0.25rem; + .xl\:text-red-lighter { + color: #f9acaa; } - .xl\:pr-1 { - padding-right: 0.25rem; + .xl\:text-red-lightest { + color: #fcebea; } - .xl\:pb-1 { - padding-bottom: 0.25rem; + .xl\:text-orange-darkest { + color: #542605; } - .xl\:pl-1 { - padding-left: 0.25rem; + .xl\:text-orange-darker { + color: #7f4012; } - .xl\:pt-2 { - padding-top: 0.5rem; + .xl\:text-orange-dark { + color: #de751f; } - .xl\:pr-2 { - padding-right: 0.5rem; + .xl\:text-orange { + color: #f6993f; } - .xl\:pb-2 { - padding-bottom: 0.5rem; + .xl\:text-orange-light { + color: #faad63; } - .xl\:pl-2 { - padding-left: 0.5rem; + .xl\:text-orange-lighter { + color: #fcd9b6; } - .xl\:pt-3 { - padding-top: 0.75rem; + .xl\:text-orange-lightest { + color: #fff5eb; } - .xl\:pr-3 { - padding-right: 0.75rem; + .xl\:text-yellow-darkest { + color: #453411; } - .xl\:pb-3 { - padding-bottom: 0.75rem; + .xl\:text-yellow-darker { + color: #684f1d; } - .xl\:pl-3 { - padding-left: 0.75rem; + .xl\:text-yellow-dark { + color: #f2d024; } - .xl\:pt-4 { - padding-top: 1rem; + .xl\:text-yellow { + color: #ffed4a; } - .xl\:pr-4 { - padding-right: 1rem; + .xl\:text-yellow-light { + color: #fff382; } - .xl\:pb-4 { - padding-bottom: 1rem; + .xl\:text-yellow-lighter { + color: #fff9c2; } - .xl\:pl-4 { - padding-left: 1rem; + .xl\:text-yellow-lightest { + color: #fcfbeb; } - .xl\:pt-6 { - padding-top: 1.5rem; + .xl\:text-green-darkest { + color: #032d19; } - .xl\:pr-6 { - padding-right: 1.5rem; + .xl\:text-green-darker { + color: #0b4228; } - .xl\:pb-6 { - padding-bottom: 1.5rem; + .xl\:text-green-dark { + color: #1f9d55; } - .xl\:pl-6 { - padding-left: 1.5rem; + .xl\:text-green { + color: #38c172; } - .xl\:pt-8 { - padding-top: 2rem; + .xl\:text-green-light { + color: #51d88a; } - .xl\:pr-8 { - padding-right: 2rem; + .xl\:text-green-lighter { + color: #a2f5bf; } - .xl\:pb-8 { - padding-bottom: 2rem; + .xl\:text-green-lightest { + color: #e3fcec; } - .xl\:pl-8 { - padding-left: 2rem; + .xl\:text-teal-darkest { + color: #0d3331; } - .xl\:pt-px { - padding-top: 1px; + .xl\:text-teal-darker { + color: #174e4b; } - .xl\:pr-px { - padding-right: 1px; + .xl\:text-teal-dark { + color: #38a89d; } - .xl\:pb-px { - padding-bottom: 1px; + .xl\:text-teal { + color: #4dc0b5; } - .xl\:pl-px { - padding-left: 1px; + .xl\:text-teal-light { + color: #64d5ca; } - .xl\:m-0 { - margin: 0; + .xl\:text-teal-lighter { + color: #a0f0ed; } - .xl\:m-1 { - margin: 0.25rem; + .xl\:text-teal-lightest { + color: #e8fffe; } - .xl\:m-2 { - margin: 0.5rem; + .xl\:text-blue-darkest { + color: #05233b; } - .xl\:m-3 { - margin: 0.75rem; + .xl\:text-blue-darker { + color: #103d60; } - .xl\:m-4 { - margin: 1rem; + .xl\:text-blue-dark { + color: #2779bd; } - .xl\:m-6 { - margin: 1.5rem; + .xl\:text-blue { + color: #3490dc; } - .xl\:m-8 { - margin: 2rem; + .xl\:text-blue-light { + color: #6cb2eb; } - .xl\:m-auto { - margin: auto; + .xl\:text-blue-lighter { + color: #bcdefa; } - .xl\:m-px { - margin: 1px; + .xl\:text-blue-lightest { + color: #eff8ff; } - .xl\:my-0 { - margin-top: 0; - margin-bottom: 0; + .xl\:text-indigo-darkest { + color: #191e38; } - .xl\:mx-0 { - margin-left: 0; - margin-right: 0; + .xl\:text-indigo-darker { + color: #2f365f; } - .xl\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .xl\:text-indigo-dark { + color: #5661b3; } - .xl\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .xl\:text-indigo { + color: #6574cd; } - .xl\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .xl\:text-indigo-light { + color: #7886d7; } - .xl\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .xl\:text-indigo-lighter { + color: #b2b7ff; } - .xl\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .xl\:text-indigo-lightest { + color: #e6e8ff; } - .xl\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .xl\:text-purple-darkest { + color: #1f133f; } - .xl\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .xl\:text-purple-darker { + color: #352465; } - .xl\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .xl\:text-purple-dark { + color: #794acf; } - .xl\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .xl\:text-purple { + color: #9561e2; } - .xl\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .xl\:text-purple-light { + color: #a779e9; } - .xl\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .xl\:text-purple-lighter { + color: #d6bbfc; } - .xl\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .xl\:text-purple-lightest { + color: #f3ebff; } - .xl\:my-auto { - margin-top: auto; - margin-bottom: auto; + .xl\:text-pink-darkest { + color: #45051e; } - .xl\:mx-auto { - margin-left: auto; - margin-right: auto; + .xl\:text-pink-darker { + color: #72173a; } - .xl\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .xl\:text-pink-dark { + color: #eb5286; } - .xl\:mx-px { - margin-left: 1px; - margin-right: 1px; + .xl\:text-pink { + color: #f66d9b; } - .xl\:mt-0 { - margin-top: 0; + .xl\:text-pink-light { + color: #fa7ea8; } - .xl\:mr-0 { - margin-right: 0; + .xl\:text-pink-lighter { + color: #ffbbca; } - .xl\:mb-0 { - margin-bottom: 0; + .xl\:text-pink-lightest { + color: #ffebef; } - .xl\:ml-0 { - margin-left: 0; + .xl\:hover\:text-transparent:hover { + color: transparent; } - .xl\:mt-1 { - margin-top: 0.25rem; + .xl\:hover\:text-black:hover { + color: #222b2f; } - .xl\:mr-1 { - margin-right: 0.25rem; + .xl\:hover\:text-grey-darkest:hover { + color: #364349; } - .xl\:mb-1 { - margin-bottom: 0.25rem; + .xl\:hover\:text-grey-darker:hover { + color: #596a73; } - .xl\:ml-1 { - margin-left: 0.25rem; + .xl\:hover\:text-grey-dark:hover { + color: #70818a; } - .xl\:mt-2 { - margin-top: 0.5rem; + .xl\:hover\:text-grey:hover { + color: #9babb4; } - .xl\:mr-2 { - margin-right: 0.5rem; + .xl\:hover\:text-grey-light:hover { + color: #dae4e9; } - .xl\:mb-2 { - margin-bottom: 0.5rem; + .xl\:hover\:text-grey-lighter:hover { + color: #f3f7f9; } - .xl\:ml-2 { - margin-left: 0.5rem; + .xl\:hover\:text-grey-lightest:hover { + color: #fafcfc; } - .xl\:mt-3 { - margin-top: 0.75rem; + .xl\:hover\:text-white:hover { + color: #ffffff; } - .xl\:mr-3 { - margin-right: 0.75rem; + .xl\:hover\:text-red-darkest:hover { + color: #420806; } - .xl\:mb-3 { - margin-bottom: 0.75rem; + .xl\:hover\:text-red-darker:hover { + color: #6a1b19; } - .xl\:ml-3 { - margin-left: 0.75rem; + .xl\:hover\:text-red-dark:hover { + color: #cc1f1a; } - .xl\:mt-4 { - margin-top: 1rem; + .xl\:hover\:text-red:hover { + color: #e3342f; } - .xl\:mr-4 { - margin-right: 1rem; + .xl\:hover\:text-red-light:hover { + color: #ef5753; } - .xl\:mb-4 { - margin-bottom: 1rem; + .xl\:hover\:text-red-lighter:hover { + color: #f9acaa; } - .xl\:ml-4 { - margin-left: 1rem; + .xl\:hover\:text-red-lightest:hover { + color: #fcebea; } - .xl\:mt-6 { - margin-top: 1.5rem; + .xl\:hover\:text-orange-darkest:hover { + color: #542605; } - .xl\:mr-6 { - margin-right: 1.5rem; + .xl\:hover\:text-orange-darker:hover { + color: #7f4012; } - .xl\:mb-6 { - margin-bottom: 1.5rem; + .xl\:hover\:text-orange-dark:hover { + color: #de751f; } - .xl\:ml-6 { - margin-left: 1.5rem; + .xl\:hover\:text-orange:hover { + color: #f6993f; } - .xl\:mt-8 { - margin-top: 2rem; + .xl\:hover\:text-orange-light:hover { + color: #faad63; } - .xl\:mr-8 { - margin-right: 2rem; + .xl\:hover\:text-orange-lighter:hover { + color: #fcd9b6; } - .xl\:mb-8 { - margin-bottom: 2rem; + .xl\:hover\:text-orange-lightest:hover { + color: #fff5eb; } - .xl\:ml-8 { - margin-left: 2rem; + .xl\:hover\:text-yellow-darkest:hover { + color: #453411; } - .xl\:mt-auto { - margin-top: auto; + .xl\:hover\:text-yellow-darker:hover { + color: #684f1d; } - .xl\:mr-auto { - margin-right: auto; + .xl\:hover\:text-yellow-dark:hover { + color: #f2d024; } - .xl\:mb-auto { - margin-bottom: auto; + .xl\:hover\:text-yellow:hover { + color: #ffed4a; } - .xl\:ml-auto { - margin-left: auto; + .xl\:hover\:text-yellow-light:hover { + color: #fff382; } - .xl\:mt-px { - margin-top: 1px; + .xl\:hover\:text-yellow-lighter:hover { + color: #fff9c2; } - .xl\:mr-px { - margin-right: 1px; + .xl\:hover\:text-yellow-lightest:hover { + color: #fcfbeb; } - .xl\:mb-px { - margin-bottom: 1px; + .xl\:hover\:text-green-darkest:hover { + color: #032d19; } - .xl\:ml-px { - margin-left: 1px; + .xl\:hover\:text-green-darker:hover { + color: #0b4228; } - .xl\:-m-0 { - margin: 0; + .xl\:hover\:text-green-dark:hover { + color: #1f9d55; } - .xl\:-m-1 { - margin: -0.25rem; + .xl\:hover\:text-green:hover { + color: #38c172; } - .xl\:-m-2 { - margin: -0.5rem; + .xl\:hover\:text-green-light:hover { + color: #51d88a; } - .xl\:-m-3 { - margin: -0.75rem; + .xl\:hover\:text-green-lighter:hover { + color: #a2f5bf; } - .xl\:-m-4 { - margin: -1rem; + .xl\:hover\:text-green-lightest:hover { + color: #e3fcec; } - .xl\:-m-6 { - margin: -1.5rem; + .xl\:hover\:text-teal-darkest:hover { + color: #0d3331; } - .xl\:-m-8 { - margin: -2rem; + .xl\:hover\:text-teal-darker:hover { + color: #174e4b; } - .xl\:-m-px { - margin: -1px; + .xl\:hover\:text-teal-dark:hover { + color: #38a89d; } - .xl\:-my-0 { - margin-top: 0; - margin-bottom: 0; + .xl\:hover\:text-teal:hover { + color: #4dc0b5; } - .xl\:-mx-0 { - margin-left: 0; - margin-right: 0; + .xl\:hover\:text-teal-light:hover { + color: #64d5ca; } - .xl\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .xl\:hover\:text-teal-lighter:hover { + color: #a0f0ed; } - .xl\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .xl\:hover\:text-teal-lightest:hover { + color: #e8fffe; } - .xl\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .xl\:hover\:text-blue-darkest:hover { + color: #05233b; } - .xl\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .xl\:hover\:text-blue-darker:hover { + color: #103d60; } - .xl\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .xl\:hover\:text-blue-dark:hover { + color: #2779bd; } - .xl\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .xl\:hover\:text-blue:hover { + color: #3490dc; } - .xl\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .xl\:hover\:text-blue-light:hover { + color: #6cb2eb; } - .xl\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .xl\:hover\:text-blue-lighter:hover { + color: #bcdefa; } - .xl\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .xl\:hover\:text-blue-lightest:hover { + color: #eff8ff; } - .xl\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .xl\:hover\:text-indigo-darkest:hover { + color: #191e38; } - .xl\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .xl\:hover\:text-indigo-darker:hover { + color: #2f365f; } - .xl\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .xl\:hover\:text-indigo-dark:hover { + color: #5661b3; } - .xl\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .xl\:hover\:text-indigo:hover { + color: #6574cd; } - .xl\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .xl\:hover\:text-indigo-light:hover { + color: #7886d7; } - .xl\:-mt-0 { - margin-top: 0; + .xl\:hover\:text-indigo-lighter:hover { + color: #b2b7ff; } - .xl\:-mr-0 { - margin-right: 0; + .xl\:hover\:text-indigo-lightest:hover { + color: #e6e8ff; } - .xl\:-mb-0 { - margin-bottom: 0; + .xl\:hover\:text-purple-darkest:hover { + color: #1f133f; } - .xl\:-ml-0 { - margin-left: 0; + .xl\:hover\:text-purple-darker:hover { + color: #352465; } - .xl\:-mt-1 { - margin-top: -0.25rem; + .xl\:hover\:text-purple-dark:hover { + color: #794acf; } - .xl\:-mr-1 { - margin-right: -0.25rem; + .xl\:hover\:text-purple:hover { + color: #9561e2; } - .xl\:-mb-1 { - margin-bottom: -0.25rem; + .xl\:hover\:text-purple-light:hover { + color: #a779e9; } - .xl\:-ml-1 { - margin-left: -0.25rem; + .xl\:hover\:text-purple-lighter:hover { + color: #d6bbfc; } - .xl\:-mt-2 { - margin-top: -0.5rem; + .xl\:hover\:text-purple-lightest:hover { + color: #f3ebff; } - .xl\:-mr-2 { - margin-right: -0.5rem; + .xl\:hover\:text-pink-darkest:hover { + color: #45051e; } - .xl\:-mb-2 { - margin-bottom: -0.5rem; + .xl\:hover\:text-pink-darker:hover { + color: #72173a; } - .xl\:-ml-2 { - margin-left: -0.5rem; + .xl\:hover\:text-pink-dark:hover { + color: #eb5286; } - .xl\:-mt-3 { - margin-top: -0.75rem; + .xl\:hover\:text-pink:hover { + color: #f66d9b; } - .xl\:-mr-3 { - margin-right: -0.75rem; + .xl\:hover\:text-pink-light:hover { + color: #fa7ea8; } - .xl\:-mb-3 { - margin-bottom: -0.75rem; + .xl\:hover\:text-pink-lighter:hover { + color: #ffbbca; } - .xl\:-ml-3 { - margin-left: -0.75rem; + .xl\:hover\:text-pink-lightest:hover { + color: #ffebef; } - .xl\:-mt-4 { - margin-top: -1rem; + .xl\:text-xs { + font-size: .75rem; } - .xl\:-mr-4 { - margin-right: -1rem; + .xl\:text-sm { + font-size: .875rem; } - .xl\:-mb-4 { - margin-bottom: -1rem; + .xl\:text-base { + font-size: 1rem; } - .xl\:-ml-4 { - margin-left: -1rem; + .xl\:text-lg { + font-size: 1.125rem; } - .xl\:-mt-6 { - margin-top: -1.5rem; + .xl\:text-xl { + font-size: 1.25rem; } - .xl\:-mr-6 { - margin-right: -1.5rem; + .xl\:text-2xl { + font-size: 1.5rem; } - .xl\:-mb-6 { - margin-bottom: -1.5rem; + .xl\:text-3xl { + font-size: 1.875rem; } - .xl\:-ml-6 { - margin-left: -1.5rem; + .xl\:text-4xl { + font-size: 2.25rem; } - .xl\:-mt-8 { - margin-top: -2rem; + .xl\:text-5xl { + font-size: 3rem; } - .xl\:-mr-8 { - margin-right: -2rem; + .xl\:italic { + font-style: italic; } - .xl\:-mb-8 { - margin-bottom: -2rem; + .xl\:roman { + font-style: normal; } - .xl\:-ml-8 { - margin-left: -2rem; + .xl\:uppercase { + text-transform: uppercase; } - .xl\:-mt-px { - margin-top: -1px; + .xl\:lowercase { + text-transform: lowercase; } - .xl\:-mr-px { - margin-right: -1px; + .xl\:capitalize { + text-transform: capitalize; } - .xl\:-mb-px { - margin-bottom: -1px; + .xl\:normal-case { + text-transform: none; } - .xl\:-ml-px { - margin-left: -1px; + .xl\:underline { + text-decoration: underline; } - .xl\:shadow { - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10); + .xl\:line-through { + text-decoration: line-through; } - .xl\:shadow-md { - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08); + .xl\:no-underline { + text-decoration: none; } - .xl\:shadow-lg { - box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08); + .xl\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .xl\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .xl\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .xl\:shadow-none { - box-shadow: none; + .xl\:hover\:italic:hover { + font-style: italic; } - .xl\:flex { - display: flex; + .xl\:hover\:roman:hover { + font-style: normal; } - .xl\:inline-flex { - display: inline-flex; + .xl\:hover\:uppercase:hover { + text-transform: uppercase; } - .xl\:flex-row { - flex-direction: row; + .xl\:hover\:lowercase:hover { + text-transform: lowercase; } - .xl\:flex-row-reverse { - flex-direction: row-reverse; + .xl\:hover\:capitalize:hover { + text-transform: capitalize; } - .xl\:flex-col { - flex-direction: column; + .xl\:hover\:normal-case:hover { + text-transform: none; } - .xl\:flex-col-reverse { - flex-direction: column-reverse; + .xl\:hover\:underline:hover { + text-decoration: underline; } - .xl\:flex-wrap { - flex-wrap: wrap; + .xl\:hover\:line-through:hover { + text-decoration: line-through; } - .xl\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .xl\:hover\:no-underline:hover { + text-decoration: none; } - .xl\:flex-no-wrap { - flex-wrap: nowrap; + .xl\:hover\:antialiased:hover { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .xl\:items-start { - align-items: flex-start; + .xl\:hover\:subpixel-antialiased:hover { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .xl\:items-end { - align-items: flex-end; + .xl\:tracking-tight { + letter-spacing: -0.05em; } - .xl\:items-center { - align-items: center; + .xl\:tracking-normal { + letter-spacing: 0; } - .xl\:items-baseline { - align-items: baseline; + .xl\:tracking-wide { + letter-spacing: 0.05em; } - .xl\:items-stretch { - align-items: stretch; + .xl\:select-none { + user-select: none; } - .xl\:self-auto { - align-self: auto; + .xl\:select-text { + user-select: text; } - .xl\:self-start { - align-self: flex-start; + .xl\:align-baseline { + vertical-align: baseline; } - .xl\:self-end { - align-self: flex-end; + .xl\:align-top { + vertical-align: top; } - .xl\:self-center { - align-self: center; + .xl\:align-middle { + vertical-align: middle; } - .xl\:self-stretch { - align-self: stretch; + .xl\:align-bottom { + vertical-align: bottom; } - .xl\:justify-start { - justify-content: flex-start; + .xl\:align-text-top { + vertical-align: text-top; } - .xl\:justify-end { - justify-content: flex-end; + .xl\:align-text-bottom { + vertical-align: text-bottom; } - .xl\:justify-center { - justify-content: center; + .xl\:visible { + visibility: visible; } - .xl\:justify-between { - justify-content: space-between; + .xl\:invisible { + visibility: hidden; } - .xl\:justify-around { - justify-content: space-around; + .xl\:whitespace-normal { + white-space: normal; } - .xl\:content-center { - align-content: center; + .xl\:whitespace-no-wrap { + white-space: nowrap; } - .xl\:content-start { - align-content: flex-start; + .xl\:whitespace-pre { + white-space: pre; } - .xl\:content-end { - align-content: flex-end; + .xl\:whitespace-pre-line { + white-space: pre-line; } - .xl\:content-between { - align-content: space-between; + .xl\:whitespace-pre-wrap { + white-space: pre-wrap; } - .xl\:content-around { - align-content: space-around; + .xl\:break-words { + word-wrap: break-word; } - .xl\:flex-1 { - flex: 1; + .xl\:break-normal { + word-wrap: normal; } - .xl\:flex-auto { - flex: auto; + .xl\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .xl\:flex-initial { - flex: initial; + .xl\:w-1 { + width: 0.25rem; } - .xl\:flex-none { - flex: none; + .xl\:w-2 { + width: 0.5rem; } - .xl\:flex-grow { - flex-grow: 1; + .xl\:w-3 { + width: 0.75rem; } - .xl\:flex-shrink { - flex-shrink: 1; + .xl\:w-4 { + width: 1rem; } - .xl\:flex-no-grow { - flex-grow: 0; + .xl\:w-6 { + width: 1.5rem; } - .xl\:flex-no-shrink { - flex-shrink: 0; + .xl\:w-8 { + width: 2rem; } - .xl\:float-right { - float: right; + .xl\:w-10 { + width: 2.5rem; } - .xl\:float-left { - float: left; + .xl\:w-12 { + width: 3rem; } - .xl\:float-none { - float: none; + .xl\:w-16 { + width: 4rem; } - .xl\:clearfix:after { - content: ""; - display: table; - clear: both; + .xl\:w-24 { + width: 6rem; } - .xl\:visible { - visibility: visible; + .xl\:w-32 { + width: 8rem; } - .xl\:invisible { - visibility: hidden; + .xl\:w-48 { + width: 12rem; } - .xl\:z-0 { - z-index: 0; + .xl\:w-64 { + width: 16rem; } - .xl\:z-10 { - z-index: 10; + .xl\:w-auto { + width: auto; } - .xl\:z-20 { - z-index: 20; + .xl\:w-px { + width: 1px; } - .xl\:z-30 { - z-index: 30; + .xl\:w-1\/2 { + width: 50%; } - .xl\:z-40 { - z-index: 40; + .xl\:w-1\/3 { + width: 33.33333%; } - .xl\:z-50 { - z-index: 50; + .xl\:w-2\/3 { + width: 66.66667%; } - .xl\:z-auto { - z-index: auto; + .xl\:w-1\/4 { + width: 25%; } - .xl\:opacity-0 { - opacity: 0; + .xl\:w-3\/4 { + width: 75%; } - .xl\:opacity-25 { - opacity: .25; + .xl\:w-1\/5 { + width: 20%; } - .xl\:opacity-50 { - opacity: .5; + .xl\:w-2\/5 { + width: 40%; } - .xl\:opacity-75 { - opacity: .75; + .xl\:w-3\/5 { + width: 60%; } - .xl\:opacity-100 { - opacity: 1; + .xl\:w-4\/5 { + width: 80%; } - .xl\:select-none { - user-select: none; + .xl\:w-1\/6 { + width: 16.66667%; } - .xl\:select-text { - user-select: text; + .xl\:w-5\/6 { + width: 83.33333%; } - .xl\:pointer-events-none { - pointer-events: none; + .xl\:w-full { + width: 100%; } - .xl\:pointer-events-auto { - pointer-events: auto; + .xl\:w-screen { + width: 100vw; } - .xl\:resize-none { - resize: none; + .xl\:z-0 { + z-index: 0; } - .xl\:resize-y { - resize: vertical; + .xl\:z-10 { + z-index: 10; } - .xl\:resize-x { - resize: horizontal; + .xl\:z-20 { + z-index: 20; } - .xl\:cursor-auto { - cursor: auto; + .xl\:z-30 { + z-index: 30; } - .xl\:cursor-default { - cursor: default; + .xl\:z-40 { + z-index: 40; } - .xl\:cursor-pointer { - cursor: pointer; + .xl\:z-50 { + z-index: 50; } - .xl\:cursor-not-allowed { - cursor: not-allowed; + .xl\:z-auto { + z-index: auto; } .xl\:example { diff --git a/src/generators/forms.js b/src/generators/appearance.js similarity index 100% rename from src/generators/forms.js rename to src/generators/appearance.js diff --git a/src/generators/backgroundPositions.js b/src/generators/backgroundPosition.js similarity index 100% rename from src/generators/backgroundPositions.js rename to src/generators/backgroundPosition.js diff --git a/src/generators/rounded.js b/src/generators/borderRadius.js similarity index 100% rename from src/generators/rounded.js rename to src/generators/borderRadius.js diff --git a/src/generators/borderStyles.js b/src/generators/borderStyle.js similarity index 100% rename from src/generators/borderStyles.js rename to src/generators/borderStyle.js diff --git a/src/generators/flex.js b/src/generators/flexbox.js similarity index 100% rename from src/generators/flex.js rename to src/generators/flexbox.js diff --git a/src/generators/floats.js b/src/generators/float.js similarity index 100% rename from src/generators/floats.js rename to src/generators/float.js diff --git a/src/generators/textWeights.js b/src/generators/fontWeights.js similarity index 100% rename from src/generators/textWeights.js rename to src/generators/fontWeights.js diff --git a/src/generators/textFonts.js b/src/generators/fonts.js similarity index 100% rename from src/generators/textFonts.js rename to src/generators/fonts.js diff --git a/src/generators/height.js b/src/generators/height.js new file mode 100644 index 000000000000..8ba099ca1cd8 --- /dev/null +++ b/src/generators/height.js @@ -0,0 +1,14 @@ +import _ from 'lodash' +import defineClass from '../util/defineClass' + +function defineHeights(heights) { + return _.map(heights, (size, modifer) => { + return defineClass(`h-${modifer}`, { + height: `${size}`, + }) + }) +} + +export default function(config) { + return _.flatten([defineHeights(config.height)]) +} diff --git a/src/generators/textLeading.js b/src/generators/leading.js similarity index 100% rename from src/generators/textLeading.js rename to src/generators/leading.js diff --git a/src/generators/margin.js b/src/generators/margin.js new file mode 100644 index 000000000000..9fe3c4bb048c --- /dev/null +++ b/src/generators/margin.js @@ -0,0 +1,31 @@ +import _ from 'lodash' +import defineClasses from '../util/defineClasses' + +function defineMargin(margin) { + const generators = [ + (size, modifier) => + defineClasses({ + [`m-${modifier}`]: { margin: `${size}` }, + }), + (size, modifier) => + defineClasses({ + [`my-${modifier}`]: { 'margin-top': `${size}`, 'margin-bottom': `${size}` }, + [`mx-${modifier}`]: { 'margin-left': `${size}`, 'margin-right': `${size}` }, + }), + (size, modifier) => + defineClasses({ + [`mt-${modifier}`]: { 'margin-top': `${size}` }, + [`mr-${modifier}`]: { 'margin-right': `${size}` }, + [`mb-${modifier}`]: { 'margin-bottom': `${size}` }, + [`ml-${modifier}`]: { 'margin-left': `${size}` }, + }), + ] + + return _.flatMap(generators, generator => { + return _.flatMap(margin, generator) + }) +} + +export default function({ margin }) { + return _.flatten([defineMargin(margin)]) +} diff --git a/src/generators/maxHeight.js b/src/generators/maxHeight.js new file mode 100644 index 000000000000..ae42ba6fb563 --- /dev/null +++ b/src/generators/maxHeight.js @@ -0,0 +1,14 @@ +import _ from 'lodash' +import defineClass from '../util/defineClass' + +function defineMaxHeights(heights) { + return _.map(heights, (size, modifer) => { + return defineClass(`max-h-${modifer}`, { + 'max-height': `${size}`, + }) + }) +} + +export default function(config) { + return _.flatten([defineMaxHeights(config.maxHeight)]) +} diff --git a/src/generators/maxWidth.js b/src/generators/maxWidth.js new file mode 100644 index 000000000000..9daa4d270b83 --- /dev/null +++ b/src/generators/maxWidth.js @@ -0,0 +1,14 @@ +import _ from 'lodash' +import defineClass from '../util/defineClass' + +function defineMaxWidths(widths) { + return _.map(widths, (size, modifer) => { + return defineClass(`max-w-${modifer}`, { + 'max-width': `${size}`, + }) + }) +} + +export default function(config) { + return _.flatten([defineMaxWidths(config.maxWidth)]) +} diff --git a/src/generators/minHeight.js b/src/generators/minHeight.js new file mode 100644 index 000000000000..4d6233efffb5 --- /dev/null +++ b/src/generators/minHeight.js @@ -0,0 +1,14 @@ +import _ from 'lodash' +import defineClass from '../util/defineClass' + +function defineMinHeights(heights) { + return _.map(heights, (size, modifer) => { + return defineClass(`min-h-${modifer}`, { + 'min-height': `${size}`, + }) + }) +} + +export default function(config) { + return _.flatten([defineMinHeights(config.minHeight)]) +} diff --git a/src/generators/minWidth.js b/src/generators/minWidth.js new file mode 100644 index 000000000000..d8fa8dce6e3e --- /dev/null +++ b/src/generators/minWidth.js @@ -0,0 +1,14 @@ +import _ from 'lodash' +import defineClass from '../util/defineClass' + +function defineMinWidths(widths) { + return _.map(widths, (size, modifer) => { + return defineClass(`min-w-${modifer}`, { + 'min-width': `${size}`, + }) + }) +} + +export default function(config) { + return _.flatten([defineMinWidths(config.minWidth)]) +} diff --git a/src/generators/negativeMargin.js b/src/generators/negativeMargin.js new file mode 100644 index 000000000000..8a818b121fdf --- /dev/null +++ b/src/generators/negativeMargin.js @@ -0,0 +1,33 @@ +import _ from 'lodash' +import defineClasses from '../util/defineClasses' + +function defineNegativeMargin(negativeMargin) { + const generators = [ + (size, modifier) => + defineClasses({ + [`-m-${modifier}`]: { margin: `${size}` }, + }), + (size, modifier) => + defineClasses({ + [`-my-${modifier}`]: { 'margin-top': `${size}`, 'margin-bottom': `${size}` }, + [`-mx-${modifier}`]: { 'margin-left': `${size}`, 'margin-right': `${size}` }, + }), + (size, modifier) => + defineClasses({ + [`-mt-${modifier}`]: { 'margin-top': `${size}` }, + [`-mr-${modifier}`]: { 'margin-right': `${size}` }, + [`-mb-${modifier}`]: { 'margin-bottom': `${size}` }, + [`-ml-${modifier}`]: { 'margin-left': `${size}` }, + }), + ] + + return _.flatMap(generators, generator => { + return _.flatMap(negativeMargin, (size, modifier) => { + return generator(`${size}` === '0' ? `${size}` : `-${size}`, modifier) + }) + }) +} + +export default function({ negativeMargin }) { + return _.flatten([defineNegativeMargin(negativeMargin)]) +} diff --git a/src/generators/padding.js b/src/generators/padding.js new file mode 100644 index 000000000000..82a5ac679c06 --- /dev/null +++ b/src/generators/padding.js @@ -0,0 +1,31 @@ +import _ from 'lodash' +import defineClasses from '../util/defineClasses' + +function definePadding(padding) { + const generators = [ + (size, modifier) => + defineClasses({ + [`p-${modifier}`]: { padding: `${size}` }, + }), + (size, modifier) => + defineClasses({ + [`py-${modifier}`]: { 'padding-top': `${size}`, 'padding-bottom': `${size}` }, + [`px-${modifier}`]: { 'padding-left': `${size}`, 'padding-right': `${size}` }, + }), + (size, modifier) => + defineClasses({ + [`pt-${modifier}`]: { 'padding-top': `${size}` }, + [`pr-${modifier}`]: { 'padding-right': `${size}` }, + [`pb-${modifier}`]: { 'padding-bottom': `${size}` }, + [`pl-${modifier}`]: { 'padding-left': `${size}` }, + }), + ] + + return _.flatMap(generators, generator => { + return _.flatMap(padding, generator) + }) +} + +export default function({ padding }) { + return _.flatten([definePadding(padding)]) +} diff --git a/src/generators/sizing.js b/src/generators/sizing.js deleted file mode 100644 index 16c83d86d291..000000000000 --- a/src/generators/sizing.js +++ /dev/null @@ -1,61 +0,0 @@ -import _ from 'lodash' -import defineClass from '../util/defineClass' - -function defineWidths(widths) { - return _.map(widths, (size, modifer) => { - return defineClass(`w-${modifer}`, { - width: `${size}`, - }) - }) -} - -function defineMinWidths(widths) { - return _.map(widths, (size, modifer) => { - return defineClass(`min-w-${modifer}`, { - 'min-width': `${size}`, - }) - }) -} - -function defineMaxWidths(widths) { - return _.map(widths, (size, modifer) => { - return defineClass(`max-w-${modifer}`, { - 'max-width': `${size}`, - }) - }) -} - -function defineHeights(heights) { - return _.map(heights, (size, modifer) => { - return defineClass(`h-${modifer}`, { - height: `${size}`, - }) - }) -} - -function defineMinHeights(heights) { - return _.map(heights, (size, modifer) => { - return defineClass(`min-h-${modifer}`, { - 'min-height': `${size}`, - }) - }) -} - -function defineMaxHeights(heights) { - return _.map(heights, (size, modifer) => { - return defineClass(`max-h-${modifer}`, { - 'max-height': `${size}`, - }) - }) -} - -export default function(config) { - return _.flatten([ - defineWidths(config.width), - defineMinWidths(config.minWidth), - defineMaxWidths(config.maxWidth), - defineHeights(config.height), - defineMinHeights(config.minHeight), - defineMaxHeights(config.maxHeight), - ]) -} diff --git a/src/generators/spacing.js b/src/generators/spacing.js deleted file mode 100644 index 613d869f0384..000000000000 --- a/src/generators/spacing.js +++ /dev/null @@ -1,87 +0,0 @@ -import _ from 'lodash' -import defineClasses from '../util/defineClasses' - -function definePadding(padding) { - const generators = [ - (size, modifier) => - defineClasses({ - [`p-${modifier}`]: { padding: `${size}` }, - }), - (size, modifier) => - defineClasses({ - [`py-${modifier}`]: { 'padding-top': `${size}`, 'padding-bottom': `${size}` }, - [`px-${modifier}`]: { 'padding-left': `${size}`, 'padding-right': `${size}` }, - }), - (size, modifier) => - defineClasses({ - [`pt-${modifier}`]: { 'padding-top': `${size}` }, - [`pr-${modifier}`]: { 'padding-right': `${size}` }, - [`pb-${modifier}`]: { 'padding-bottom': `${size}` }, - [`pl-${modifier}`]: { 'padding-left': `${size}` }, - }), - ] - - return _.flatMap(generators, generator => { - return _.flatMap(padding, generator) - }) -} - -function defineMargin(margin) { - const generators = [ - (size, modifier) => - defineClasses({ - [`m-${modifier}`]: { margin: `${size}` }, - }), - (size, modifier) => - defineClasses({ - [`my-${modifier}`]: { 'margin-top': `${size}`, 'margin-bottom': `${size}` }, - [`mx-${modifier}`]: { 'margin-left': `${size}`, 'margin-right': `${size}` }, - }), - (size, modifier) => - defineClasses({ - [`mt-${modifier}`]: { 'margin-top': `${size}` }, - [`mr-${modifier}`]: { 'margin-right': `${size}` }, - [`mb-${modifier}`]: { 'margin-bottom': `${size}` }, - [`ml-${modifier}`]: { 'margin-left': `${size}` }, - }), - ] - - return _.flatMap(generators, generator => { - return _.flatMap(margin, generator) - }) -} - -function defineNegativeMargin(negativeMargin) { - const generators = [ - (size, modifier) => - defineClasses({ - [`-m-${modifier}`]: { margin: `${size}` }, - }), - (size, modifier) => - defineClasses({ - [`-my-${modifier}`]: { 'margin-top': `${size}`, 'margin-bottom': `${size}` }, - [`-mx-${modifier}`]: { 'margin-left': `${size}`, 'margin-right': `${size}` }, - }), - (size, modifier) => - defineClasses({ - [`-mt-${modifier}`]: { 'margin-top': `${size}` }, - [`-mr-${modifier}`]: { 'margin-right': `${size}` }, - [`-mb-${modifier}`]: { 'margin-bottom': `${size}` }, - [`-ml-${modifier}`]: { 'margin-left': `${size}` }, - }), - ] - - return _.flatMap(generators, generator => { - return _.flatMap(negativeMargin, (size, modifier) => { - return generator(`${size}` === '0' ? `${size}` : `-${size}`, modifier) - }) - }) -} - -export default function({ padding, margin, negativeMargin }) { - return _.flatten([ - definePadding(padding), - defineMargin(margin), - defineNegativeMargin(negativeMargin), - ]) -} diff --git a/src/generators/textTracking.js b/src/generators/tracking.js similarity index 100% rename from src/generators/textTracking.js rename to src/generators/tracking.js diff --git a/src/generators/textWrap.js b/src/generators/whitespace.js similarity index 100% rename from src/generators/textWrap.js rename to src/generators/whitespace.js diff --git a/src/generators/width.js b/src/generators/width.js new file mode 100644 index 000000000000..111fa9c760f9 --- /dev/null +++ b/src/generators/width.js @@ -0,0 +1,14 @@ +import _ from 'lodash' +import defineClass from '../util/defineClass' + +function defineWidths(widths) { + return _.map(widths, (size, modifer) => { + return defineClass(`w-${modifer}`, { + width: `${size}`, + }) + }) +} + +export default function(config) { + return _.flatten([defineWidths(config.width)]) +} diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js index 94b0fa7f05bf..7c03386a2aad 100644 --- a/src/lib/generateUtilities.js +++ b/src/lib/generateUtilities.js @@ -1,41 +1,49 @@ import _ from 'lodash' import postcss from 'postcss' import applyClassPrefix from '../util/applyClassPrefix' +import responsive from '../util/responsive' + +import lists from '../generators/lists' +import appearance from '../generators/appearance' import backgroundColors from '../generators/backgroundColors' -import backgroundPositions from '../generators/backgroundPositions' +import backgroundPosition from '../generators/backgroundPosition' import backgroundSize from '../generators/backgroundSize' import borderColors from '../generators/borderColors' -import borderStyles from '../generators/borderStyles' +import borderRadius from '../generators/borderRadius' +import borderStyle from '../generators/borderStyle' import borderWidths from '../generators/borderWidths' import container from '../generators/container' import cursor from '../generators/cursor' import display from '../generators/display' -import flex from '../generators/flex' -import floats from '../generators/floats' -import forms from '../generators/forms' -import lists from '../generators/lists' +import flexbox from '../generators/flexbox' +import float from '../generators/float' +import fonts from '../generators/fonts' +import fontWeights from '../generators/fontWeights' +import height from '../generators/height' +import leading from '../generators/leading' +import margin from '../generators/margin' +import maxHeight from '../generators/maxHeight' +import maxWidth from '../generators/maxWidth' +import minHeight from '../generators/minHeight' +import minWidth from '../generators/minWidth' +import negativeMargin from '../generators/negativeMargin' import opacity from '../generators/opacity' import overflow from '../generators/overflow' +import padding from '../generators/padding' import pointerEvents from '../generators/pointerEvents' import position from '../generators/position' import resize from '../generators/resize' -import responsive from '../util/responsive' -import rounded from '../generators/rounded' import shadows from '../generators/shadows' -import sizing from '../generators/sizing' -import spacing from '../generators/spacing' import textAlign from '../generators/textAlign' import textColors from '../generators/textColors' -import textFonts from '../generators/textFonts' -import textLeading from '../generators/textLeading' import textSizes from '../generators/textSizes' import textStyle from '../generators/textStyle' -import textTracking from '../generators/textTracking' -import textWeights from '../generators/textWeights' -import textWrap from '../generators/textWrap' +import tracking from '../generators/tracking' import userSelect from '../generators/userSelect' import verticalAlign from '../generators/verticalAlign' import visibility from '../generators/visibility' +import whitespace from '../generators/whitespace' +import width from '../generators/width' import zIndex from '../generators/zIndex' export default function(config) { @@ -46,40 +54,49 @@ export default function(config) { if (atRule.params === 'utilities') { const utilities = postcss.root({ nodes: _.flatten([ + // The `lists` module needs to be first to allow overriding the margin and + // padding values that it sets with other utilities. lists(unwrappedConfig), - forms(unwrappedConfig), - textSizes(unwrappedConfig), - textWeights(unwrappedConfig), - textFonts(unwrappedConfig), - textColors(unwrappedConfig), - textLeading(unwrappedConfig), - textTracking(unwrappedConfig), - textAlign(unwrappedConfig), - textWrap(unwrappedConfig), - textStyle(unwrappedConfig), - verticalAlign(unwrappedConfig), + appearance(unwrappedConfig), backgroundColors(unwrappedConfig), - backgroundPositions(unwrappedConfig), + backgroundPosition(unwrappedConfig), backgroundSize(unwrappedConfig), - borderWidths(unwrappedConfig), borderColors(unwrappedConfig), - borderStyles(unwrappedConfig), - rounded(unwrappedConfig), + borderRadius(unwrappedConfig), + borderStyle(unwrappedConfig), + borderWidths(unwrappedConfig), + cursor(unwrappedConfig), display(unwrappedConfig), - position(unwrappedConfig), + flexbox(unwrappedConfig), + float(unwrappedConfig), + fonts(unwrappedConfig), + fontWeights(unwrappedConfig), + height(unwrappedConfig), + leading(unwrappedConfig), + margin(unwrappedConfig), + maxHeight(unwrappedConfig), + maxWidth(unwrappedConfig), + minHeight(unwrappedConfig), + minWidth(unwrappedConfig), + negativeMargin(unwrappedConfig), + opacity(unwrappedConfig), overflow(unwrappedConfig), - sizing(unwrappedConfig), - spacing(unwrappedConfig), + padding(unwrappedConfig), + pointerEvents(unwrappedConfig), + position(unwrappedConfig), + resize(unwrappedConfig), shadows(unwrappedConfig), - flex(unwrappedConfig), - floats(unwrappedConfig), + textAlign(unwrappedConfig), + textColors(unwrappedConfig), + textSizes(unwrappedConfig), + textStyle(unwrappedConfig), + tracking(unwrappedConfig), + userSelect(unwrappedConfig), + verticalAlign(unwrappedConfig), visibility(unwrappedConfig), + whitespace(unwrappedConfig), + width(unwrappedConfig), zIndex(unwrappedConfig), - opacity(unwrappedConfig), - userSelect(unwrappedConfig), - pointerEvents(unwrappedConfig), - resize(unwrappedConfig), - cursor(unwrappedConfig), ]), }) From 98d5a55c476d470cda6b2b044c79a858f99aa9d7 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 22 Nov 2017 12:10:15 -0500 Subject: [PATCH 02/13] Apply responsive and hover at the per-module level, in the main generator --- src/generators/backgroundColors.js | 11 ++-- src/generators/borderColors.js | 11 ++-- src/generators/fontWeights.js | 11 ++-- src/generators/textColors.js | 11 ++-- src/generators/textStyle.js | 41 +++++++------- src/lib/generateUtilities.js | 85 +++++++++++++++--------------- src/util/responsive.js | 2 +- 7 files changed, 79 insertions(+), 93 deletions(-) diff --git a/src/generators/backgroundColors.js b/src/generators/backgroundColors.js index 9e8cef23cbee..955a072be6c7 100644 --- a/src/generators/backgroundColors.js +++ b/src/generators/backgroundColors.js @@ -1,13 +1,10 @@ import _ from 'lodash' import defineClass from '../util/defineClass' -import hoverable from '../util/hoverable' export default function({ backgroundColors }) { - return hoverable( - _.map(backgroundColors, (color, className) => { - return defineClass(`bg-${className}`, { - 'background-color': color, - }) + return _.map(backgroundColors, (color, className) => { + return defineClass(`bg-${className}`, { + 'background-color': color, }) - ) + }) } diff --git a/src/generators/borderColors.js b/src/generators/borderColors.js index 5f1d72b98dc8..7ea0f0ab281a 100644 --- a/src/generators/borderColors.js +++ b/src/generators/borderColors.js @@ -1,13 +1,10 @@ import _ from 'lodash' import defineClass from '../util/defineClass' -import hoverable from '../util/hoverable' export default function({ borderColors }) { - return hoverable( - _.map(_.omit(borderColors, 'default'), (color, className) => { - return defineClass(`border-${className}`, { - 'border-color': color, - }) + return _.map(_.omit(borderColors, 'default'), (color, className) => { + return defineClass(`border-${className}`, { + 'border-color': color, }) - ) + }) } diff --git a/src/generators/fontWeights.js b/src/generators/fontWeights.js index b00489777457..d959b8161af2 100644 --- a/src/generators/fontWeights.js +++ b/src/generators/fontWeights.js @@ -1,13 +1,10 @@ import _ from 'lodash' import defineClass from '../util/defineClass' -import hoverable from '../util/hoverable' export default function({ fontWeights }) { - return hoverable( - _.map(fontWeights, (weight, modifier) => { - return defineClass(`font-${modifier}`, { - 'font-weight': `${weight}`, - }) + return _.map(fontWeights, (weight, modifier) => { + return defineClass(`font-${modifier}`, { + 'font-weight': `${weight}`, }) - ) + }) } diff --git a/src/generators/textColors.js b/src/generators/textColors.js index 05443d7efdc3..8e9d8540e1bc 100644 --- a/src/generators/textColors.js +++ b/src/generators/textColors.js @@ -1,13 +1,10 @@ import _ from 'lodash' import defineClass from '../util/defineClass' -import hoverable from '../util/hoverable' export default function({ textColors }) { - return hoverable( - _.map(textColors, (color, modifier) => { - return defineClass(`text-${modifier}`, { - color, - }) + return _.map(textColors, (color, modifier) => { + return defineClass(`text-${modifier}`, { + color, }) - ) + }) } diff --git a/src/generators/textStyle.js b/src/generators/textStyle.js index 39658d3a258c..f411e84abe14 100644 --- a/src/generators/textStyle.js +++ b/src/generators/textStyle.js @@ -1,29 +1,26 @@ import defineClasses from '../util/defineClasses' -import hoverable from '../util/hoverable' export default function() { - return hoverable( - defineClasses({ - italic: { 'font-style': 'italic' }, - roman: { 'font-style': 'normal' }, + return defineClasses({ + italic: { 'font-style': 'italic' }, + roman: { 'font-style': 'normal' }, - uppercase: { 'text-transform': 'uppercase' }, - lowercase: { 'text-transform': 'lowercase' }, - capitalize: { 'text-transform': 'capitalize' }, - 'normal-case': { 'text-transform': 'none' }, + uppercase: { 'text-transform': 'uppercase' }, + lowercase: { 'text-transform': 'lowercase' }, + capitalize: { 'text-transform': 'capitalize' }, + 'normal-case': { 'text-transform': 'none' }, - underline: { 'text-decoration': 'underline' }, - 'line-through': { 'text-decoration': 'line-through' }, - 'no-underline': { 'text-decoration': 'none' }, + underline: { 'text-decoration': 'underline' }, + 'line-through': { 'text-decoration': 'line-through' }, + 'no-underline': { 'text-decoration': 'none' }, - antialiased: { - '-webkit-font-smoothing': 'antialiased', - '-moz-osx-font-smoothing': 'grayscale', - }, - 'subpixel-antialiased': { - '-webkit-font-smoothing': 'auto', - '-moz-osx-font-smoothing': 'auto', - }, - }) - ) + antialiased: { + '-webkit-font-smoothing': 'antialiased', + '-moz-osx-font-smoothing': 'grayscale', + }, + 'subpixel-antialiased': { + '-webkit-font-smoothing': 'auto', + '-moz-osx-font-smoothing': 'auto', + }, + }) } diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js index 7c03386a2aad..bf78d7a9b94c 100644 --- a/src/lib/generateUtilities.js +++ b/src/lib/generateUtilities.js @@ -2,6 +2,7 @@ import _ from 'lodash' import postcss from 'postcss' import applyClassPrefix from '../util/applyClassPrefix' import responsive from '../util/responsive' +import hoverable from '../util/hoverable' import lists from '../generators/lists' import appearance from '../generators/appearance' @@ -56,47 +57,47 @@ export default function(config) { nodes: _.flatten([ // The `lists` module needs to be first to allow overriding the margin and // padding values that it sets with other utilities. - lists(unwrappedConfig), - appearance(unwrappedConfig), - backgroundColors(unwrappedConfig), - backgroundPosition(unwrappedConfig), - backgroundSize(unwrappedConfig), - borderColors(unwrappedConfig), - borderRadius(unwrappedConfig), - borderStyle(unwrappedConfig), - borderWidths(unwrappedConfig), - cursor(unwrappedConfig), - display(unwrappedConfig), - flexbox(unwrappedConfig), - float(unwrappedConfig), - fonts(unwrappedConfig), - fontWeights(unwrappedConfig), - height(unwrappedConfig), - leading(unwrappedConfig), - margin(unwrappedConfig), - maxHeight(unwrappedConfig), - maxWidth(unwrappedConfig), - minHeight(unwrappedConfig), - minWidth(unwrappedConfig), - negativeMargin(unwrappedConfig), - opacity(unwrappedConfig), - overflow(unwrappedConfig), - padding(unwrappedConfig), - pointerEvents(unwrappedConfig), - position(unwrappedConfig), - resize(unwrappedConfig), - shadows(unwrappedConfig), - textAlign(unwrappedConfig), - textColors(unwrappedConfig), - textSizes(unwrappedConfig), - textStyle(unwrappedConfig), - tracking(unwrappedConfig), - userSelect(unwrappedConfig), - verticalAlign(unwrappedConfig), - visibility(unwrappedConfig), - whitespace(unwrappedConfig), - width(unwrappedConfig), - zIndex(unwrappedConfig), + responsive(lists(unwrappedConfig)), + responsive(appearance(unwrappedConfig)), + responsive(hoverable(backgroundColors(unwrappedConfig))), + responsive(backgroundPosition(unwrappedConfig)), + responsive(backgroundSize(unwrappedConfig)), + responsive(hoverable(borderColors(unwrappedConfig))), + responsive(borderRadius(unwrappedConfig)), + responsive(borderStyle(unwrappedConfig)), + responsive(borderWidths(unwrappedConfig)), + responsive(cursor(unwrappedConfig)), + responsive(display(unwrappedConfig)), + responsive(flexbox(unwrappedConfig)), + responsive(float(unwrappedConfig)), + responsive(fonts(unwrappedConfig)), + responsive(hoverable(fontWeights(unwrappedConfig))), + responsive(height(unwrappedConfig)), + responsive(leading(unwrappedConfig)), + responsive(margin(unwrappedConfig)), + responsive(maxHeight(unwrappedConfig)), + responsive(maxWidth(unwrappedConfig)), + responsive(minHeight(unwrappedConfig)), + responsive(minWidth(unwrappedConfig)), + responsive(negativeMargin(unwrappedConfig)), + responsive(opacity(unwrappedConfig)), + responsive(overflow(unwrappedConfig)), + responsive(padding(unwrappedConfig)), + responsive(pointerEvents(unwrappedConfig)), + responsive(position(unwrappedConfig)), + responsive(resize(unwrappedConfig)), + responsive(shadows(unwrappedConfig)), + responsive(textAlign(unwrappedConfig)), + responsive(hoverable(textColors(unwrappedConfig))), + responsive(textSizes(unwrappedConfig)), + responsive(hoverable(textStyle(unwrappedConfig))), + responsive(tracking(unwrappedConfig)), + responsive(userSelect(unwrappedConfig)), + responsive(verticalAlign(unwrappedConfig)), + responsive(visibility(unwrappedConfig)), + responsive(whitespace(unwrappedConfig)), + responsive(width(unwrappedConfig)), + responsive(zIndex(unwrappedConfig)), ]), }) @@ -105,7 +106,7 @@ export default function(config) { } const tailwindClasses = postcss.root({ - nodes: [...container(unwrappedConfig), responsive(utilities)], + nodes: [...container(unwrappedConfig), ...utilities.nodes], }) applyClassPrefix(tailwindClasses, _.get(unwrappedConfig, 'options.prefix', '')) diff --git a/src/util/responsive.js b/src/util/responsive.js index 2d0a90636320..fabe43a21c29 100644 --- a/src/util/responsive.js +++ b/src/util/responsive.js @@ -7,5 +7,5 @@ export default function responsive(rules) { .atRule({ name: 'responsive', }) - .append(cloneNodes(_.isArray(rules) ? rules : rules.nodes)) + .append(cloneNodes(_.isArray(rules) ? rules : [rules])) } From ea8915bef2ba850084c0ab7a9423011f5651ab4e Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 22 Nov 2017 12:33:49 -0500 Subject: [PATCH 03/13] Generate responsive/hover variants based on config instead of hard-coded --- defaultConfig.stub.js | 43 +++++++++++++++++ src/lib/generateUtilities.js | 91 ++++++++++++++++++++---------------- src/util/hoverable.js | 3 +- 3 files changed, 95 insertions(+), 42 deletions(-) diff --git a/defaultConfig.stub.js b/defaultConfig.stub.js index 3731eb80879d..6917451275a1 100644 --- a/defaultConfig.stub.js +++ b/defaultConfig.stub.js @@ -770,6 +770,49 @@ module.exports = { options: { prefix: '', important: false, + modules: { + appearance: ['responsive'], + backgroundColors: ['responsive', 'hover'], + backgroundPosition: ['responsive'], + backgroundSize: ['responsive'], + borderColors: ['responsive', 'hover'], + borderRadius: ['responsive'], + borderStyle: ['responsive'], + borderWidths: ['responsive'], + cursor: ['responsive'], + display: ['responsive'], + flexbox: ['responsive'], + float: ['responsive'], + fonts: ['responsive'], + fontWeights: ['responsive', 'hover'], + height: ['responsive'], + leading: ['responsive'], + lists: ['responsive'], + margin: ['responsive'], + maxHeight: ['responsive'], + maxWidth: ['responsive'], + minHeight: ['responsive'], + minWidth: ['responsive'], + negativeMargin: ['responsive'], + opacity: ['responsive'], + overflow: ['responsive'], + padding: ['responsive'], + pointerEvents: ['responsive'], + position: ['responsive'], + resize: ['responsive'], + shadows: ['responsive'], + textAlign: ['responsive'], + textColors: ['responsive', 'hover'], + textSizes: ['responsive'], + textStyle: ['responsive', 'hover'], + tracking: ['responsive'], + userSelect: ['responsive'], + verticalAlign: ['responsive'], + visibility: ['responsive'], + whitespace: ['responsive'], + width: ['responsive'], + zIndex: ['responsive'], + } }, } diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js index bf78d7a9b94c..766a50393f0d 100644 --- a/src/lib/generateUtilities.js +++ b/src/lib/generateUtilities.js @@ -47,6 +47,15 @@ import whitespace from '../generators/whitespace' import width from '../generators/width' import zIndex from '../generators/zIndex' +function withVariants(module, variants) { + return _.reduce(variants, (module, variant) => { + return { + responsive: responsive, + hover: hoverable, + }[variant](module) + }, module) +} + export default function(config) { return function(css) { const unwrappedConfig = config() @@ -57,47 +66,47 @@ export default function(config) { nodes: _.flatten([ // The `lists` module needs to be first to allow overriding the margin and // padding values that it sets with other utilities. - responsive(lists(unwrappedConfig)), - responsive(appearance(unwrappedConfig)), - responsive(hoverable(backgroundColors(unwrappedConfig))), - responsive(backgroundPosition(unwrappedConfig)), - responsive(backgroundSize(unwrappedConfig)), - responsive(hoverable(borderColors(unwrappedConfig))), - responsive(borderRadius(unwrappedConfig)), - responsive(borderStyle(unwrappedConfig)), - responsive(borderWidths(unwrappedConfig)), - responsive(cursor(unwrappedConfig)), - responsive(display(unwrappedConfig)), - responsive(flexbox(unwrappedConfig)), - responsive(float(unwrappedConfig)), - responsive(fonts(unwrappedConfig)), - responsive(hoverable(fontWeights(unwrappedConfig))), - responsive(height(unwrappedConfig)), - responsive(leading(unwrappedConfig)), - responsive(margin(unwrappedConfig)), - responsive(maxHeight(unwrappedConfig)), - responsive(maxWidth(unwrappedConfig)), - responsive(minHeight(unwrappedConfig)), - responsive(minWidth(unwrappedConfig)), - responsive(negativeMargin(unwrappedConfig)), - responsive(opacity(unwrappedConfig)), - responsive(overflow(unwrappedConfig)), - responsive(padding(unwrappedConfig)), - responsive(pointerEvents(unwrappedConfig)), - responsive(position(unwrappedConfig)), - responsive(resize(unwrappedConfig)), - responsive(shadows(unwrappedConfig)), - responsive(textAlign(unwrappedConfig)), - responsive(hoverable(textColors(unwrappedConfig))), - responsive(textSizes(unwrappedConfig)), - responsive(hoverable(textStyle(unwrappedConfig))), - responsive(tracking(unwrappedConfig)), - responsive(userSelect(unwrappedConfig)), - responsive(verticalAlign(unwrappedConfig)), - responsive(visibility(unwrappedConfig)), - responsive(whitespace(unwrappedConfig)), - responsive(width(unwrappedConfig)), - responsive(zIndex(unwrappedConfig)), + withVariants(lists(unwrappedConfig), unwrappedConfig.options.modules.lists), + withVariants(appearance(unwrappedConfig), unwrappedConfig.options.modules.appearance), + withVariants(backgroundColors(unwrappedConfig), unwrappedConfig.options.modules.backgroundColors), + withVariants(backgroundPosition(unwrappedConfig), unwrappedConfig.options.modules.backgroundPosition), + withVariants(backgroundSize(unwrappedConfig), unwrappedConfig.options.modules.backgroundSize), + withVariants(borderColors(unwrappedConfig), unwrappedConfig.options.modules.borderColors), + withVariants(borderRadius(unwrappedConfig), unwrappedConfig.options.modules.borderRadius), + withVariants(borderStyle(unwrappedConfig), unwrappedConfig.options.modules.borderStyle), + withVariants(borderWidths(unwrappedConfig), unwrappedConfig.options.modules.borderWidths), + withVariants(cursor(unwrappedConfig), unwrappedConfig.options.modules.cursor), + withVariants(display(unwrappedConfig), unwrappedConfig.options.modules.display), + withVariants(flexbox(unwrappedConfig), unwrappedConfig.options.modules.flexbox), + withVariants(float(unwrappedConfig), unwrappedConfig.options.modules.float), + withVariants(fonts(unwrappedConfig), unwrappedConfig.options.modules.fonts), + withVariants(fontWeights(unwrappedConfig), unwrappedConfig.options.modules.fontWeights), + withVariants(height(unwrappedConfig), unwrappedConfig.options.modules.height), + withVariants(leading(unwrappedConfig), unwrappedConfig.options.modules.leading), + withVariants(margin(unwrappedConfig), unwrappedConfig.options.modules.margin), + withVariants(maxHeight(unwrappedConfig), unwrappedConfig.options.modules.maxHeight), + withVariants(maxWidth(unwrappedConfig), unwrappedConfig.options.modules.maxWidth), + withVariants(minHeight(unwrappedConfig), unwrappedConfig.options.modules.minHeight), + withVariants(minWidth(unwrappedConfig), unwrappedConfig.options.modules.minWidth), + withVariants(negativeMargin(unwrappedConfig), unwrappedConfig.options.modules.negativeMargin), + withVariants(opacity(unwrappedConfig), unwrappedConfig.options.modules.opacity), + withVariants(overflow(unwrappedConfig), unwrappedConfig.options.modules.overflow), + withVariants(padding(unwrappedConfig), unwrappedConfig.options.modules.padding), + withVariants(pointerEvents(unwrappedConfig), unwrappedConfig.options.modules.pointerEvents), + withVariants(position(unwrappedConfig), unwrappedConfig.options.modules.position), + withVariants(resize(unwrappedConfig), unwrappedConfig.options.modules.resize), + withVariants(shadows(unwrappedConfig), unwrappedConfig.options.modules.shadows), + withVariants(textAlign(unwrappedConfig), unwrappedConfig.options.modules.textAlign), + withVariants(textColors(unwrappedConfig), unwrappedConfig.options.modules.textColors), + withVariants(textSizes(unwrappedConfig), unwrappedConfig.options.modules.textSizes), + withVariants(textStyle(unwrappedConfig), unwrappedConfig.options.modules.textStyle), + withVariants(tracking(unwrappedConfig), unwrappedConfig.options.modules.tracking), + withVariants(userSelect(unwrappedConfig), unwrappedConfig.options.modules.userSelect), + withVariants(verticalAlign(unwrappedConfig), unwrappedConfig.options.modules.verticalAlign), + withVariants(visibility(unwrappedConfig), unwrappedConfig.options.modules.visibility), + withVariants(whitespace(unwrappedConfig), unwrappedConfig.options.modules.whitespace), + withVariants(width(unwrappedConfig), unwrappedConfig.options.modules.width), + withVariants(zIndex(unwrappedConfig), unwrappedConfig.options.modules.zIndex), ]), }) diff --git a/src/util/hoverable.js b/src/util/hoverable.js index ad76b8a35865..ffda63d01fda 100644 --- a/src/util/hoverable.js +++ b/src/util/hoverable.js @@ -1,3 +1,4 @@ +import _ from 'lodash' import postcss from 'postcss' import cloneNodes from './cloneNodes' @@ -6,5 +7,5 @@ export default function hoverable(rules) { .atRule({ name: 'hoverable', }) - .append(cloneNodes(rules)) + .append(cloneNodes(_.isArray(rules) ? rules : [rules])) } From 89300a60db9f87d4d87906d681450fb271def774 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 22 Nov 2017 12:48:52 -0500 Subject: [PATCH 04/13] Remove some duplication in favor of voodoo array wizardry --- src/lib/generateUtilities.js | 116 +++++++++++++++++++---------------- 1 file changed, 64 insertions(+), 52 deletions(-) diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js index 766a50393f0d..945fe25966ce 100644 --- a/src/lib/generateUtilities.js +++ b/src/lib/generateUtilities.js @@ -4,6 +4,8 @@ import applyClassPrefix from '../util/applyClassPrefix' import responsive from '../util/responsive' import hoverable from '../util/hoverable' +import container from '../generators/container' + import lists from '../generators/lists' import appearance from '../generators/appearance' import backgroundColors from '../generators/backgroundColors' @@ -13,7 +15,6 @@ import borderColors from '../generators/borderColors' import borderRadius from '../generators/borderRadius' import borderStyle from '../generators/borderStyle' import borderWidths from '../generators/borderWidths' -import container from '../generators/container' import cursor from '../generators/cursor' import display from '../generators/display' import flexbox from '../generators/flexbox' @@ -47,13 +48,63 @@ import whitespace from '../generators/whitespace' import width from '../generators/width' import zIndex from '../generators/zIndex' +function modules() { + return [ + { name: 'lists', generator: lists }, + { name: 'appearance', generator: appearance }, + { name: 'backgroundColors', generator: backgroundColors }, + { name: 'backgroundPosition', generator: backgroundPosition }, + { name: 'backgroundSize', generator: backgroundSize }, + { name: 'borderColors', generator: borderColors }, + { name: 'borderRadius', generator: borderRadius }, + { name: 'borderStyle', generator: borderStyle }, + { name: 'borderWidths', generator: borderWidths }, + { name: 'cursor', generator: cursor }, + { name: 'display', generator: display }, + { name: 'flexbox', generator: flexbox }, + { name: 'float', generator: float }, + { name: 'fonts', generator: fonts }, + { name: 'fontWeights', generator: fontWeights }, + { name: 'height', generator: height }, + { name: 'leading', generator: leading }, + { name: 'margin', generator: margin }, + { name: 'maxHeight', generator: maxHeight }, + { name: 'maxWidth', generator: maxWidth }, + { name: 'minHeight', generator: minHeight }, + { name: 'minWidth', generator: minWidth }, + { name: 'negativeMargin', generator: negativeMargin }, + { name: 'opacity', generator: opacity }, + { name: 'overflow', generator: overflow }, + { name: 'padding', generator: padding }, + { name: 'pointerEvents', generator: pointerEvents }, + { name: 'position', generator: position }, + { name: 'resize', generator: resize }, + { name: 'shadows', generator: shadows }, + { name: 'textAlign', generator: textAlign }, + { name: 'textColors', generator: textColors }, + { name: 'textSizes', generator: textSizes }, + { name: 'textStyle', generator: textStyle }, + { name: 'tracking', generator: tracking }, + { name: 'userSelect', generator: userSelect }, + { name: 'verticalAlign', generator: verticalAlign }, + { name: 'visibility', generator: visibility }, + { name: 'whitespace', generator: whitespace }, + { name: 'width', generator: width }, + { name: 'zIndex', generator: zIndex }, + ] +} + function withVariants(module, variants) { - return _.reduce(variants, (module, variant) => { - return { - responsive: responsive, - hover: hoverable, - }[variant](module) - }, module) + return _.reduce( + variants, + (result, variant) => { + return { + responsive, + hover: hoverable, + }[variant](result) + }, + module + ) } export default function(config) { @@ -63,51 +114,12 @@ export default function(config) { css.walkAtRules('tailwind', atRule => { if (atRule.params === 'utilities') { const utilities = postcss.root({ - nodes: _.flatten([ - // The `lists` module needs to be first to allow overriding the margin and - // padding values that it sets with other utilities. - withVariants(lists(unwrappedConfig), unwrappedConfig.options.modules.lists), - withVariants(appearance(unwrappedConfig), unwrappedConfig.options.modules.appearance), - withVariants(backgroundColors(unwrappedConfig), unwrappedConfig.options.modules.backgroundColors), - withVariants(backgroundPosition(unwrappedConfig), unwrappedConfig.options.modules.backgroundPosition), - withVariants(backgroundSize(unwrappedConfig), unwrappedConfig.options.modules.backgroundSize), - withVariants(borderColors(unwrappedConfig), unwrappedConfig.options.modules.borderColors), - withVariants(borderRadius(unwrappedConfig), unwrappedConfig.options.modules.borderRadius), - withVariants(borderStyle(unwrappedConfig), unwrappedConfig.options.modules.borderStyle), - withVariants(borderWidths(unwrappedConfig), unwrappedConfig.options.modules.borderWidths), - withVariants(cursor(unwrappedConfig), unwrappedConfig.options.modules.cursor), - withVariants(display(unwrappedConfig), unwrappedConfig.options.modules.display), - withVariants(flexbox(unwrappedConfig), unwrappedConfig.options.modules.flexbox), - withVariants(float(unwrappedConfig), unwrappedConfig.options.modules.float), - withVariants(fonts(unwrappedConfig), unwrappedConfig.options.modules.fonts), - withVariants(fontWeights(unwrappedConfig), unwrappedConfig.options.modules.fontWeights), - withVariants(height(unwrappedConfig), unwrappedConfig.options.modules.height), - withVariants(leading(unwrappedConfig), unwrappedConfig.options.modules.leading), - withVariants(margin(unwrappedConfig), unwrappedConfig.options.modules.margin), - withVariants(maxHeight(unwrappedConfig), unwrappedConfig.options.modules.maxHeight), - withVariants(maxWidth(unwrappedConfig), unwrappedConfig.options.modules.maxWidth), - withVariants(minHeight(unwrappedConfig), unwrappedConfig.options.modules.minHeight), - withVariants(minWidth(unwrappedConfig), unwrappedConfig.options.modules.minWidth), - withVariants(negativeMargin(unwrappedConfig), unwrappedConfig.options.modules.negativeMargin), - withVariants(opacity(unwrappedConfig), unwrappedConfig.options.modules.opacity), - withVariants(overflow(unwrappedConfig), unwrappedConfig.options.modules.overflow), - withVariants(padding(unwrappedConfig), unwrappedConfig.options.modules.padding), - withVariants(pointerEvents(unwrappedConfig), unwrappedConfig.options.modules.pointerEvents), - withVariants(position(unwrappedConfig), unwrappedConfig.options.modules.position), - withVariants(resize(unwrappedConfig), unwrappedConfig.options.modules.resize), - withVariants(shadows(unwrappedConfig), unwrappedConfig.options.modules.shadows), - withVariants(textAlign(unwrappedConfig), unwrappedConfig.options.modules.textAlign), - withVariants(textColors(unwrappedConfig), unwrappedConfig.options.modules.textColors), - withVariants(textSizes(unwrappedConfig), unwrappedConfig.options.modules.textSizes), - withVariants(textStyle(unwrappedConfig), unwrappedConfig.options.modules.textStyle), - withVariants(tracking(unwrappedConfig), unwrappedConfig.options.modules.tracking), - withVariants(userSelect(unwrappedConfig), unwrappedConfig.options.modules.userSelect), - withVariants(verticalAlign(unwrappedConfig), unwrappedConfig.options.modules.verticalAlign), - withVariants(visibility(unwrappedConfig), unwrappedConfig.options.modules.visibility), - withVariants(whitespace(unwrappedConfig), unwrappedConfig.options.modules.whitespace), - withVariants(width(unwrappedConfig), unwrappedConfig.options.modules.width), - withVariants(zIndex(unwrappedConfig), unwrappedConfig.options.modules.zIndex), - ]), + nodes: _.flatMap(modules(), module => + withVariants( + module.generator(unwrappedConfig), + unwrappedConfig.options.modules[module.name] + ) + ), }) if (_.get(unwrappedConfig, 'options.important', false)) { From 9202ecf1047482816c3f594f58df3e50b2027593 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 22 Nov 2017 13:26:18 -0500 Subject: [PATCH 05/13] Merge user config with default config Not recursively so values won't get combined, but missing keys will get their default values which makes upgrading a non-breaking change if we add new options. --- src/index.js | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/index.js b/src/index.js index 9ab46f830620..303f5916886c 100644 --- a/src/index.js +++ b/src/index.js @@ -14,6 +14,14 @@ import substituteResponsiveAtRules from './lib/substituteResponsiveAtRules' import substituteScreenAtRules from './lib/substituteScreenAtRules' import substituteClassApplyAtRules from './lib/substituteClassApplyAtRules' +function mergeConfigWithDefaults(config) { + const defaultConfig = require('../defaultConfig')() + _.defaults(config, defaultConfig) + config.options = _.defaults(config.options, defaultConfig.options) + config.options.modules = _.defaults(config.options.modules, defaultConfig.options.modules) + return config +} + const plugin = postcss.plugin('tailwind', config => { const plugins = [] @@ -27,7 +35,7 @@ const plugin = postcss.plugin('tailwind', config => { } delete require.cache[require.resolve(path.resolve(config))] - return require(path.resolve(config)) + return mergeConfigWithDefaults(require(path.resolve(config))) } return postcss( From 5870489f3816f2bb9a69fc106bf48a52eb4fa32a Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Wed, 22 Nov 2017 13:51:59 -0500 Subject: [PATCH 06/13] Don't include module if explicitly disabled in config --- src/lib/generateUtilities.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js index 945fe25966ce..99093f84272a 100644 --- a/src/lib/generateUtilities.js +++ b/src/lib/generateUtilities.js @@ -95,6 +95,10 @@ function modules() { } function withVariants(module, variants) { + if (variants === false) { + return [] + } + return _.reduce( variants, (result, variant) => { From 0a6c4cc5c619f4789f9dc264ce44b5c25b8344f9 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Thu, 23 Nov 2017 12:01:04 -0500 Subject: [PATCH 07/13] Use `@variants` to generate variants specified in config ...instead of using variant generators directly. --- src/index.js | 2 ++ src/lib/generateUtilities.js | 22 ++-------------------- src/util/wrapWithVariants.js | 12 ++++++++++++ 3 files changed, 16 insertions(+), 20 deletions(-) create mode 100644 src/util/wrapWithVariants.js diff --git a/src/index.js b/src/index.js index 303f5916886c..55b6440d560b 100644 --- a/src/index.js +++ b/src/index.js @@ -10,6 +10,7 @@ import evaluateTailwindFunctions from './lib/evaluateTailwindFunctions' import generateUtilities from './lib/generateUtilities' import substituteHoverableAtRules from './lib/substituteHoverableAtRules' import substituteFocusableAtRules from './lib/substituteFocusableAtRules' +import substituteVariantsAtRules from './lib/substituteVariantsAtRules' import substituteResponsiveAtRules from './lib/substituteResponsiveAtRules' import substituteScreenAtRules from './lib/substituteScreenAtRules' import substituteClassApplyAtRules from './lib/substituteClassApplyAtRules' @@ -46,6 +47,7 @@ const plugin = postcss.plugin('tailwind', config => { generateUtilities(lazyConfig), substituteHoverableAtRules(lazyConfig), substituteFocusableAtRules(lazyConfig), + substituteVariantsAtRules(lazyConfig), substituteResponsiveAtRules(lazyConfig), substituteScreenAtRules(lazyConfig), substituteClassApplyAtRules(lazyConfig), diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js index 99093f84272a..094d04bed253 100644 --- a/src/lib/generateUtilities.js +++ b/src/lib/generateUtilities.js @@ -1,8 +1,7 @@ import _ from 'lodash' import postcss from 'postcss' import applyClassPrefix from '../util/applyClassPrefix' -import responsive from '../util/responsive' -import hoverable from '../util/hoverable' +import wrapWithVariants from '../util/wrapWithVariants' import container from '../generators/container' @@ -94,23 +93,6 @@ function modules() { ] } -function withVariants(module, variants) { - if (variants === false) { - return [] - } - - return _.reduce( - variants, - (result, variant) => { - return { - responsive, - hover: hoverable, - }[variant](result) - }, - module - ) -} - export default function(config) { return function(css) { const unwrappedConfig = config() @@ -119,7 +101,7 @@ export default function(config) { if (atRule.params === 'utilities') { const utilities = postcss.root({ nodes: _.flatMap(modules(), module => - withVariants( + wrapWithVariants( module.generator(unwrappedConfig), unwrappedConfig.options.modules[module.name] ) diff --git a/src/util/wrapWithVariants.js b/src/util/wrapWithVariants.js new file mode 100644 index 000000000000..fd616c16b61a --- /dev/null +++ b/src/util/wrapWithVariants.js @@ -0,0 +1,12 @@ +import _ from 'lodash' +import postcss from 'postcss' +import cloneNodes from './cloneNodes' + +export default function wrapWithVariants(rules, variants) { + return postcss + .atRule({ + name: 'variants', + params: variants.join(', '), + }) + .append(cloneNodes(_.isArray(rules) ? rules : [rules])) +} From 936a4eeefd9d0acd2eee4094499a5ca5a1c12a81 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Thu, 23 Nov 2017 15:00:52 -0500 Subject: [PATCH 08/13] Extract function for generating modules Fully parameterized, makes it easy to test module options behavior without testing against the entire default module list. --- __tests__/generateModules.test.js | 130 ++++++++++++++++++++++++++++++ src/util/generateModules.js | 18 +++++ 2 files changed, 148 insertions(+) create mode 100644 __tests__/generateModules.test.js create mode 100644 src/util/generateModules.js diff --git a/__tests__/generateModules.test.js b/__tests__/generateModules.test.js new file mode 100644 index 000000000000..e8cdc4b7d36a --- /dev/null +++ b/__tests__/generateModules.test.js @@ -0,0 +1,130 @@ +import generateModules from '../src/util/generateModules' +import defineClasses from '../src/util/defineClasses' + +function textAlign() { + return defineClasses({ + 'text-left': { 'text-align': 'left' }, + 'text-right': { 'text-align': 'right' }, + 'text-center': { 'text-align': 'center' }, + }) +} + +function display() { + return defineClasses({ + 'block': { 'display': 'block' }, + 'inline': { 'display': 'inline' }, + 'inline-block': { 'display': 'inline-block' }, + }) +} + +function borderStyle() { + return defineClasses({ + 'border-solid': { 'border-style': 'solid' }, + 'border-dashed': { 'border-style': 'dashed' }, + 'border-dotted': { 'border-style': 'dotted' }, + }) +} + +test('an empty variants list generates a @variants at-rule with no parameters', () => { + const result = generateModules([ + { name: 'textAlign', generator: textAlign }, + ], { + textAlign: [], + }) + + const expected = ` + @variants { + .text-left { text-align: left } + .text-right { text-align: right } + .text-center { text-align: center } + } + ` + expect(result.toString()).toMatchCss(expected) +}) + +test('a `false` variants list generates no output', () => { + const result = generateModules([ + { name: 'textAlign', generator: textAlign }, + ], { + textAlign: false, + }) + + expect(result.toString()).toMatchCss('') +}) + +test('specified variants are included in the @variants at-rule', () => { + const result = generateModules([ + { name: 'textAlign', generator: textAlign }, + ], { + textAlign: ['responsive', 'hover'], + }) + + const expected = ` + @variants responsive, hover { + .text-left { text-align: left } + .text-right { text-align: right } + .text-center { text-align: center } + } + ` + expect(result.toString()).toMatchCss(expected) +}) + +test('options must provide variants for every module', () => { + expect(() => { + generateModules([ + { name: 'textAlign', generator: textAlign }, + { name: 'display', generator: display }, + ], { + textAlign: [], + }) + }).toThrow() +}) + +test('variants can be different for each module', () => { + const result = generateModules([ + { name: 'textAlign', generator: textAlign }, + { name: 'display', generator: display }, + { name: 'borderStyle', generator: borderStyle }, + ], { + textAlign: [], + display: false, + borderStyle: ['responsive', 'hover', 'focus'] + }) + + const expected = ` + @variants { + .text-left { text-align: left } + .text-right { text-align: right } + .text-center { text-align: center } + } + + @variants responsive, hover, focus { + .border-solid { border-style: solid } + .border-dashed { border-style: dashed } + .border-dotted { border-style: dotted } + } + ` + expect(result.toString()).toMatchCss(expected) +}) + +test('generators can reference the generatorOptions object', () => { + const result = generateModules([{ + name: 'parameterized', + generator: (generatorParams) => { + return defineClasses({ + 'foo': { 'color': generatorParams.color }, + }) + } + }], { + parameterized: [], + }, { + color: 'blue' + }) + + const expected = ` + @variants { + .foo { color: blue } + } + ` + expect(result.toString()).toMatchCss(expected) +}) diff --git a/src/util/generateModules.js b/src/util/generateModules.js new file mode 100644 index 000000000000..f8609d8038d5 --- /dev/null +++ b/src/util/generateModules.js @@ -0,0 +1,18 @@ +import _ from 'lodash' +import postcss from 'postcss' +import wrapWithVariants from '../util/wrapWithVariants' + +export default function(modules, moduleOptions, generatorOptions = {}) { + modules.forEach(module => { + if (! _.has(moduleOptions, module.name)) { + throw new Error(`Module \`${module.name}\` is missing from moduleOptions.`) + } + }) + + return postcss.root({ + nodes: _(modules) + .reject(module => moduleOptions[module.name] === false) + .flatMap(module => wrapWithVariants(module.generator(generatorOptions), moduleOptions[module.name])) + .value() + }) +} From b586c6d8ede21baf6e0aa263e6d08d434b14ffea Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Thu, 23 Nov 2017 15:01:22 -0500 Subject: [PATCH 09/13] Refactor generateUtilities to use generateModules --- src/lib/generateUtilities.js | 125 +++++------------------------------ src/utilityModules.js | 85 ++++++++++++++++++++++++ 2 files changed, 101 insertions(+), 109 deletions(-) create mode 100644 src/utilityModules.js diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js index 094d04bed253..2c4d817b8044 100644 --- a/src/lib/generateUtilities.js +++ b/src/lib/generateUtilities.js @@ -1,126 +1,33 @@ import _ from 'lodash' import postcss from 'postcss' import applyClassPrefix from '../util/applyClassPrefix' -import wrapWithVariants from '../util/wrapWithVariants' - +import generateModules from '../util/generateModules' import container from '../generators/container' - -import lists from '../generators/lists' -import appearance from '../generators/appearance' -import backgroundColors from '../generators/backgroundColors' -import backgroundPosition from '../generators/backgroundPosition' -import backgroundSize from '../generators/backgroundSize' -import borderColors from '../generators/borderColors' -import borderRadius from '../generators/borderRadius' -import borderStyle from '../generators/borderStyle' -import borderWidths from '../generators/borderWidths' -import cursor from '../generators/cursor' -import display from '../generators/display' -import flexbox from '../generators/flexbox' -import float from '../generators/float' -import fonts from '../generators/fonts' -import fontWeights from '../generators/fontWeights' -import height from '../generators/height' -import leading from '../generators/leading' -import margin from '../generators/margin' -import maxHeight from '../generators/maxHeight' -import maxWidth from '../generators/maxWidth' -import minHeight from '../generators/minHeight' -import minWidth from '../generators/minWidth' -import negativeMargin from '../generators/negativeMargin' -import opacity from '../generators/opacity' -import overflow from '../generators/overflow' -import padding from '../generators/padding' -import pointerEvents from '../generators/pointerEvents' -import position from '../generators/position' -import resize from '../generators/resize' -import shadows from '../generators/shadows' -import textAlign from '../generators/textAlign' -import textColors from '../generators/textColors' -import textSizes from '../generators/textSizes' -import textStyle from '../generators/textStyle' -import tracking from '../generators/tracking' -import userSelect from '../generators/userSelect' -import verticalAlign from '../generators/verticalAlign' -import visibility from '../generators/visibility' -import whitespace from '../generators/whitespace' -import width from '../generators/width' -import zIndex from '../generators/zIndex' - -function modules() { - return [ - { name: 'lists', generator: lists }, - { name: 'appearance', generator: appearance }, - { name: 'backgroundColors', generator: backgroundColors }, - { name: 'backgroundPosition', generator: backgroundPosition }, - { name: 'backgroundSize', generator: backgroundSize }, - { name: 'borderColors', generator: borderColors }, - { name: 'borderRadius', generator: borderRadius }, - { name: 'borderStyle', generator: borderStyle }, - { name: 'borderWidths', generator: borderWidths }, - { name: 'cursor', generator: cursor }, - { name: 'display', generator: display }, - { name: 'flexbox', generator: flexbox }, - { name: 'float', generator: float }, - { name: 'fonts', generator: fonts }, - { name: 'fontWeights', generator: fontWeights }, - { name: 'height', generator: height }, - { name: 'leading', generator: leading }, - { name: 'margin', generator: margin }, - { name: 'maxHeight', generator: maxHeight }, - { name: 'maxWidth', generator: maxWidth }, - { name: 'minHeight', generator: minHeight }, - { name: 'minWidth', generator: minWidth }, - { name: 'negativeMargin', generator: negativeMargin }, - { name: 'opacity', generator: opacity }, - { name: 'overflow', generator: overflow }, - { name: 'padding', generator: padding }, - { name: 'pointerEvents', generator: pointerEvents }, - { name: 'position', generator: position }, - { name: 'resize', generator: resize }, - { name: 'shadows', generator: shadows }, - { name: 'textAlign', generator: textAlign }, - { name: 'textColors', generator: textColors }, - { name: 'textSizes', generator: textSizes }, - { name: 'textStyle', generator: textStyle }, - { name: 'tracking', generator: tracking }, - { name: 'userSelect', generator: userSelect }, - { name: 'verticalAlign', generator: verticalAlign }, - { name: 'visibility', generator: visibility }, - { name: 'whitespace', generator: whitespace }, - { name: 'width', generator: width }, - { name: 'zIndex', generator: zIndex }, - ] -} +import utilityModules from '../utilityModules' export default function(config) { return function(css) { const unwrappedConfig = config() css.walkAtRules('tailwind', atRule => { - if (atRule.params === 'utilities') { - const utilities = postcss.root({ - nodes: _.flatMap(modules(), module => - wrapWithVariants( - module.generator(unwrappedConfig), - unwrappedConfig.options.modules[module.name] - ) - ), - }) + if (atRule.params !== 'utilities') { + return + } + + const utilities = generateModules(utilityModules, unwrappedConfig.options.modules, unwrappedConfig) - if (_.get(unwrappedConfig, 'options.important', false)) { - utilities.walkDecls(decl => (decl.important = true)) - } + if (_.get(unwrappedConfig, 'options.important', false)) { + utilities.walkDecls(decl => (decl.important = true)) + } - const tailwindClasses = postcss.root({ - nodes: [...container(unwrappedConfig), ...utilities.nodes], - }) + const tailwindClasses = postcss.root({ + nodes: [...container(unwrappedConfig), ...utilities.nodes], + }) - applyClassPrefix(tailwindClasses, _.get(unwrappedConfig, 'options.prefix', '')) + applyClassPrefix(tailwindClasses, _.get(unwrappedConfig, 'options.prefix', '')) - atRule.before(tailwindClasses) - atRule.remove() - } + atRule.before(tailwindClasses) + atRule.remove() }) } } diff --git a/src/utilityModules.js b/src/utilityModules.js new file mode 100644 index 000000000000..d064d7d2201a --- /dev/null +++ b/src/utilityModules.js @@ -0,0 +1,85 @@ +import lists from './generators/lists' +import appearance from './generators/appearance' +import backgroundColors from './generators/backgroundColors' +import backgroundPosition from './generators/backgroundPosition' +import backgroundSize from './generators/backgroundSize' +import borderColors from './generators/borderColors' +import borderRadius from './generators/borderRadius' +import borderStyle from './generators/borderStyle' +import borderWidths from './generators/borderWidths' +import cursor from './generators/cursor' +import display from './generators/display' +import flexbox from './generators/flexbox' +import float from './generators/float' +import fonts from './generators/fonts' +import fontWeights from './generators/fontWeights' +import height from './generators/height' +import leading from './generators/leading' +import margin from './generators/margin' +import maxHeight from './generators/maxHeight' +import maxWidth from './generators/maxWidth' +import minHeight from './generators/minHeight' +import minWidth from './generators/minWidth' +import negativeMargin from './generators/negativeMargin' +import opacity from './generators/opacity' +import overflow from './generators/overflow' +import padding from './generators/padding' +import pointerEvents from './generators/pointerEvents' +import position from './generators/position' +import resize from './generators/resize' +import shadows from './generators/shadows' +import textAlign from './generators/textAlign' +import textColors from './generators/textColors' +import textSizes from './generators/textSizes' +import textStyle from './generators/textStyle' +import tracking from './generators/tracking' +import userSelect from './generators/userSelect' +import verticalAlign from './generators/verticalAlign' +import visibility from './generators/visibility' +import whitespace from './generators/whitespace' +import width from './generators/width' +import zIndex from './generators/zIndex' + +export default [ + { name: 'lists', generator: lists }, + { name: 'appearance', generator: appearance }, + { name: 'backgroundColors', generator: backgroundColors }, + { name: 'backgroundPosition', generator: backgroundPosition }, + { name: 'backgroundSize', generator: backgroundSize }, + { name: 'borderColors', generator: borderColors }, + { name: 'borderRadius', generator: borderRadius }, + { name: 'borderStyle', generator: borderStyle }, + { name: 'borderWidths', generator: borderWidths }, + { name: 'cursor', generator: cursor }, + { name: 'display', generator: display }, + { name: 'flexbox', generator: flexbox }, + { name: 'float', generator: float }, + { name: 'fonts', generator: fonts }, + { name: 'fontWeights', generator: fontWeights }, + { name: 'height', generator: height }, + { name: 'leading', generator: leading }, + { name: 'margin', generator: margin }, + { name: 'maxHeight', generator: maxHeight }, + { name: 'maxWidth', generator: maxWidth }, + { name: 'minHeight', generator: minHeight }, + { name: 'minWidth', generator: minWidth }, + { name: 'negativeMargin', generator: negativeMargin }, + { name: 'opacity', generator: opacity }, + { name: 'overflow', generator: overflow }, + { name: 'padding', generator: padding }, + { name: 'pointerEvents', generator: pointerEvents }, + { name: 'position', generator: position }, + { name: 'resize', generator: resize }, + { name: 'shadows', generator: shadows }, + { name: 'textAlign', generator: textAlign }, + { name: 'textColors', generator: textColors }, + { name: 'textSizes', generator: textSizes }, + { name: 'textStyle', generator: textStyle }, + { name: 'tracking', generator: tracking }, + { name: 'userSelect', generator: userSelect }, + { name: 'verticalAlign', generator: verticalAlign }, + { name: 'visibility', generator: visibility }, + { name: 'whitespace', generator: whitespace }, + { name: 'width', generator: width }, + { name: 'zIndex', generator: zIndex }, +] From 62a9894a535c2867564d224ca2469547d997749f Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Thu, 23 Nov 2017 15:02:55 -0500 Subject: [PATCH 10/13] Rename generateUtilities to substituteTailwindUtilitiesAtRules --- src/index.js | 4 ++-- ...rateUtilities.js => substituteTailwindUtilitiesAtRules.js} | 0 2 files changed, 2 insertions(+), 2 deletions(-) rename src/lib/{generateUtilities.js => substituteTailwindUtilitiesAtRules.js} (100%) diff --git a/src/index.js b/src/index.js index 55b6440d560b..45e15a6a1835 100644 --- a/src/index.js +++ b/src/index.js @@ -7,7 +7,7 @@ import stylefmt from 'stylefmt' import registerConfigAsDependency from './lib/registerConfigAsDependency' import substitutePreflightAtRule from './lib/substitutePreflightAtRule' import evaluateTailwindFunctions from './lib/evaluateTailwindFunctions' -import generateUtilities from './lib/generateUtilities' +import substituteTailwindUtilitiesAtRules from './lib/substituteTailwindUtilitiesAtRules' import substituteHoverableAtRules from './lib/substituteHoverableAtRules' import substituteFocusableAtRules from './lib/substituteFocusableAtRules' import substituteVariantsAtRules from './lib/substituteVariantsAtRules' @@ -44,7 +44,7 @@ const plugin = postcss.plugin('tailwind', config => { ...[ substitutePreflightAtRule(lazyConfig), evaluateTailwindFunctions(lazyConfig), - generateUtilities(lazyConfig), + substituteTailwindUtilitiesAtRules(lazyConfig), substituteHoverableAtRules(lazyConfig), substituteFocusableAtRules(lazyConfig), substituteVariantsAtRules(lazyConfig), diff --git a/src/lib/generateUtilities.js b/src/lib/substituteTailwindUtilitiesAtRules.js similarity index 100% rename from src/lib/generateUtilities.js rename to src/lib/substituteTailwindUtilitiesAtRules.js From 1a5c09c14df2f4561d428b64928d65c1d70811e1 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Thu, 23 Nov 2017 15:03:34 -0500 Subject: [PATCH 11/13] Fix style --- __tests__/generateModules.test.js | 79 ++++++++++--------- src/lib/substituteTailwindUtilitiesAtRules.js | 6 +- src/util/generateModules.js | 8 +- 3 files changed, 51 insertions(+), 42 deletions(-) diff --git a/__tests__/generateModules.test.js b/__tests__/generateModules.test.js index e8cdc4b7d36a..d9fdb1dff0f0 100644 --- a/__tests__/generateModules.test.js +++ b/__tests__/generateModules.test.js @@ -11,9 +11,9 @@ function textAlign() { function display() { return defineClasses({ - 'block': { 'display': 'block' }, - 'inline': { 'display': 'inline' }, - 'inline-block': { 'display': 'inline-block' }, + block: { display: 'block' }, + inline: { display: 'inline' }, + 'inline-block': { display: 'inline-block' }, }) } @@ -26,9 +26,7 @@ function borderStyle() { } test('an empty variants list generates a @variants at-rule with no parameters', () => { - const result = generateModules([ - { name: 'textAlign', generator: textAlign }, - ], { + const result = generateModules([{ name: 'textAlign', generator: textAlign }], { textAlign: [], }) @@ -43,9 +41,7 @@ test('an empty variants list generates a @variants at-rule with no parameters', }) test('a `false` variants list generates no output', () => { - const result = generateModules([ - { name: 'textAlign', generator: textAlign }, - ], { + const result = generateModules([{ name: 'textAlign', generator: textAlign }], { textAlign: false, }) @@ -53,9 +49,7 @@ test('a `false` variants list generates no output', () => { }) test('specified variants are included in the @variants at-rule', () => { - const result = generateModules([ - { name: 'textAlign', generator: textAlign }, - ], { + const result = generateModules([{ name: 'textAlign', generator: textAlign }], { textAlign: ['responsive', 'hover'], }) @@ -71,25 +65,28 @@ test('specified variants are included in the @variants at-rule', () => { test('options must provide variants for every module', () => { expect(() => { - generateModules([ - { name: 'textAlign', generator: textAlign }, - { name: 'display', generator: display }, - ], { - textAlign: [], - }) + generateModules( + [{ name: 'textAlign', generator: textAlign }, { name: 'display', generator: display }], + { + textAlign: [], + } + ) }).toThrow() }) test('variants can be different for each module', () => { - const result = generateModules([ - { name: 'textAlign', generator: textAlign }, - { name: 'display', generator: display }, - { name: 'borderStyle', generator: borderStyle }, - ], { - textAlign: [], - display: false, - borderStyle: ['responsive', 'hover', 'focus'] - }) + const result = generateModules( + [ + { name: 'textAlign', generator: textAlign }, + { name: 'display', generator: display }, + { name: 'borderStyle', generator: borderStyle }, + ], + { + textAlign: [], + display: false, + borderStyle: ['responsive', 'hover', 'focus'], + } + ) const expected = ` @variants { @@ -108,18 +105,24 @@ test('variants can be different for each module', () => { }) test('generators can reference the generatorOptions object', () => { - const result = generateModules([{ - name: 'parameterized', - generator: (generatorParams) => { - return defineClasses({ - 'foo': { 'color': generatorParams.color }, - }) + const result = generateModules( + [ + { + name: 'parameterized', + generator: generatorParams => { + return defineClasses({ + foo: { color: generatorParams.color }, + }) + }, + }, + ], + { + parameterized: [], + }, + { + color: 'blue', } - }], { - parameterized: [], - }, { - color: 'blue' - }) + ) const expected = ` @variants { diff --git a/src/lib/substituteTailwindUtilitiesAtRules.js b/src/lib/substituteTailwindUtilitiesAtRules.js index 2c4d817b8044..67207a188c74 100644 --- a/src/lib/substituteTailwindUtilitiesAtRules.js +++ b/src/lib/substituteTailwindUtilitiesAtRules.js @@ -14,7 +14,11 @@ export default function(config) { return } - const utilities = generateModules(utilityModules, unwrappedConfig.options.modules, unwrappedConfig) + const utilities = generateModules( + utilityModules, + unwrappedConfig.options.modules, + unwrappedConfig + ) if (_.get(unwrappedConfig, 'options.important', false)) { utilities.walkDecls(decl => (decl.important = true)) diff --git a/src/util/generateModules.js b/src/util/generateModules.js index f8609d8038d5..060f12943b6a 100644 --- a/src/util/generateModules.js +++ b/src/util/generateModules.js @@ -4,7 +4,7 @@ import wrapWithVariants from '../util/wrapWithVariants' export default function(modules, moduleOptions, generatorOptions = {}) { modules.forEach(module => { - if (! _.has(moduleOptions, module.name)) { + if (!_.has(moduleOptions, module.name)) { throw new Error(`Module \`${module.name}\` is missing from moduleOptions.`) } }) @@ -12,7 +12,9 @@ export default function(modules, moduleOptions, generatorOptions = {}) { return postcss.root({ nodes: _(modules) .reject(module => moduleOptions[module.name] === false) - .flatMap(module => wrapWithVariants(module.generator(generatorOptions), moduleOptions[module.name])) - .value() + .flatMap(module => + wrapWithVariants(module.generator(generatorOptions), moduleOptions[module.name]) + ) + .value(), }) } From 8171ca79ffb9c119528c203eb289dd3657ee2250 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Thu, 23 Nov 2017 15:04:21 -0500 Subject: [PATCH 12/13] Rename substitutePreflight to substituteTailwindPreflight --- src/index.js | 4 ++-- ...reflightAtRule.js => substituteTailwindPreflightAtRule.js} | 0 2 files changed, 2 insertions(+), 2 deletions(-) rename src/lib/{substitutePreflightAtRule.js => substituteTailwindPreflightAtRule.js} (100%) diff --git a/src/index.js b/src/index.js index 45e15a6a1835..7dee9f57ec62 100644 --- a/src/index.js +++ b/src/index.js @@ -5,7 +5,7 @@ import postcss from 'postcss' import stylefmt from 'stylefmt' import registerConfigAsDependency from './lib/registerConfigAsDependency' -import substitutePreflightAtRule from './lib/substitutePreflightAtRule' +import substituteTailwindPreflightAtRule from './lib/substituteTailwindPreflightAtRule' import evaluateTailwindFunctions from './lib/evaluateTailwindFunctions' import substituteTailwindUtilitiesAtRules from './lib/substituteTailwindUtilitiesAtRules' import substituteHoverableAtRules from './lib/substituteHoverableAtRules' @@ -42,7 +42,7 @@ const plugin = postcss.plugin('tailwind', config => { return postcss( ...plugins, ...[ - substitutePreflightAtRule(lazyConfig), + substituteTailwindPreflightAtRule(lazyConfig), evaluateTailwindFunctions(lazyConfig), substituteTailwindUtilitiesAtRules(lazyConfig), substituteHoverableAtRules(lazyConfig), diff --git a/src/lib/substitutePreflightAtRule.js b/src/lib/substituteTailwindPreflightAtRule.js similarity index 100% rename from src/lib/substitutePreflightAtRule.js rename to src/lib/substituteTailwindPreflightAtRule.js From e603a22f5ed6915fb520eaf2885ade25cdd66129 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Thu, 23 Nov 2017 15:36:01 -0500 Subject: [PATCH 13/13] Invert conditional to guard clause --- src/lib/substituteTailwindPreflightAtRule.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/lib/substituteTailwindPreflightAtRule.js b/src/lib/substituteTailwindPreflightAtRule.js index 24060c3b8b35..a6a1c59313f1 100644 --- a/src/lib/substituteTailwindPreflightAtRule.js +++ b/src/lib/substituteTailwindPreflightAtRule.js @@ -4,12 +4,12 @@ import postcss from 'postcss' export default function() { return function(css) { css.walkAtRules('tailwind', atRule => { - if (atRule.params === 'preflight') { - atRule.before( - postcss.parse(fs.readFileSync(`${__dirname}/../../css/preflight.css`, 'utf8')) - ) - atRule.remove() + if (atRule.params !== 'preflight') { + return } + + atRule.before(postcss.parse(fs.readFileSync(`${__dirname}/../../css/preflight.css`, 'utf8'))) + atRule.remove() }) } }