diff --git a/.gitignore b/.gitignore index 2ab7f0c..056e0f0 100644 --- a/.gitignore +++ b/.gitignore @@ -2,4 +2,5 @@ node_modules dist test/src -elm-stuff \ No newline at end of file +demo/src +elm-stuff diff --git a/README.md b/README.md index c25ca71..2f6c09c 100644 --- a/README.md +++ b/README.md @@ -52,6 +52,12 @@ This now becomes our reusable style that is comprised of all the base Tailwind u npm install -D tailwindcss postcss-cli postcss-elm-css-tailwind ``` +### Install `elm/regex` into you Elm dependencies +The generated Breakpoint helpers (see below) have a dependency on `elm/regex` Perhaps a companion Elm package would be more appropriate, but for now you manually have to install this dependency. +```shell +elm install elm/regex +``` + ### Create a base `tailwind.css` file ```css @tailwind base; @@ -121,7 +127,35 @@ Tailwind operates and generates a built in [normalize.css](https://github.com/ne ### Use your utilities! -You can now import your `TW` module and use all the utilities. Remember that these are elm-css utilities, so you must be using the `Html.Styled` module instead of the standard `Html` module. +postcss-elm-css-tailwind generates a couple things for you: + +#### `TW/Utilities.elm` +These are all of your base Tailwind utility classes. Their naming convention is changed to work with Elm as follows: + +* The '`-`' is replaced with '`_`' (e.g. `mb_4`, `bg_blue_400`) +* Negative margins are prefixed with `neg` (e.g. `neg_m_4`) +* Focus and active variants, separated with '`:`' in Tailwind, are now separated by a `__` (e.g. `focus__bg_green_200`) + + +#### `TW/Breakpoints.elm` +Media-query/breakpoint definitions are not generated as discrete funtions. Instead, a new module `TW/Breakpoints.elm` is generated with a new opaque `Breakpoint`type and a contruction function for each of your breakpoint names. (e.g. `sm`, `md`, `lg`, `xl`) along with the following utility function: + +```elm +atBreakpoint : List ( Breakpoint, Css.Style ) -> Css.Style +atBreakpoint styles = +``` + +Because of the way elm-css processes the rules, this function guarantees that if you have multiple breakpoint definitions, that they will be applied in the correct order to not be overwritten by each other: + +```elm +view : Model -> Html Msg +view model = + div [ css [ TW.bg_purple_200, atBreakpoint [ ( sm, TW.bg_red_800 ), ( lg, TW.bg_green_200 ) ] ] ] + [ div [] + [ text "Hello World!" + ] + ] +``` ## Developing Coming Soon! @@ -139,11 +173,10 @@ Coming Soon! ## Future enhancements * Add auto prefixer support. Adding it now causes duplicate function definitions that I need to determine how to group. * Include the normalize CSS stylesheet as part of the package. Tailwind assumes you leverage the CSS reset -* Work with custom Tailwind configuraitons. Right now everything is being worked on with a default Tailwind config -* Extract media query and reuse instead of duplicating `withMediaQuery` raw constructor +* Work with custom Tailwind configuration. Right now everything is developed with a default Tailwind config * Extract color palette definitions into exported values or maybe opaque types -**Shout out to [postcss-elm-tailwind](https://github.com/monty5811/postcss-elm-tailwind)**: They did some great foundational work that I leveraged. I attempted to fit my new code in with theirs, but the data structures I needed were a little more complex/nested and would require a full refactor of their code. You will still see some remnants of their code lingering around. \ No newline at end of file +**Shout out to [monty5811/postcss-elm-tailwind](https://github.com/monty5811/postcss-elm-tailwind)**: They did some great foundational work that I leveraged. I attempted to fit my new code in with theirs, but the data structures I needed were a little more complex/nested and would require a full refactor of their code. You will still see some remnants of their code lingering around. \ No newline at end of file diff --git a/code-generators/Functions.elm b/code-generators/Functions.elm new file mode 100644 index 0000000..e7c631b --- /dev/null +++ b/code-generators/Functions.elm @@ -0,0 +1,9 @@ +-- scratch pad for function definition ideas so I don't lose them + + +-- For a given breakpoint, apply a list of styles. +atBreakpoint : Breakpoint -> List Css.Style -> Css.Style +atBreakpoint bp styles = + case bp of + Breakpoint mediaQueryString -> + Css.batch [ Css.Media.withMediaQuery [ mediaQueryString ] styles ] \ No newline at end of file diff --git a/code-generators/breakpoints.js b/code-generators/breakpoints.js new file mode 100644 index 0000000..206ca51 --- /dev/null +++ b/code-generators/breakpoints.js @@ -0,0 +1,98 @@ +function elmFileGenerator(elmModuleName, breakpoints) { + return elmHeader(elmModuleName, breakpoints) + elmBody(breakpoints); +} + +function elmHeader(elmModuleName, breakpoints) { + l = elmHeaderExports(breakpoints); + + return `module ${elmModuleName} exposing + ( atBreakpoint + , ${l} + ) + +import Css +import Css.Media +import Regex + +`; +} +function elmHeaderExports(breakpoints) { + let tmp = Array.from(breakpoints.keys()); + + tmp.sort(); + return tmp.join("\n , "); +} + +function elmBody(breakpoints) { + const staticDefinitions = ` +type Breakpoint = + Breakpoint String + + +-- Guarantees that the list of styles gets applied in "ascending " breakpoing order, so no styles get covered up by the order +-- in which they are defined in the elm-css generated stylesheet +atBreakpoint : List ( Breakpoint, Css.Style ) -> Css.Style +atBreakpoint styles = + let + numberRegex : Regex.Regex + numberRegex = + Maybe.withDefault Regex.never <| Regex.fromString "\\\\d+" + in + styles + |> List.sortWith + (\\( Breakpoint mq1, _ ) ( Breakpoint mq2, _ ) -> + ( List.head (Regex.find numberRegex mq1) |> Maybe.map .match |> Maybe.andThen String.toInt |> Maybe.withDefault 0 + , List.head (Regex.find numberRegex mq2) |> Maybe.map .match |> Maybe.andThen String.toInt |> Maybe.withDefault 0 + ) + |> (\\( size1, size2 ) -> compare size1 size2) + ) + |> List.reverse + |> List.map (\\( Breakpoint mq, s ) -> Css.batch [ Css.Media.withMediaQuery [ mq ] [ s ] ]) + |> Css.batch + + `; + return staticDefinitions + breakpointConstructors(breakpoints); +} + +function breakpointConstructors(breakpoints) { + let body = ""; + for (let [name, mediaQueryString] of breakpoints) { + body = + body + + ` +${name} : Breakpoint +${name} = + Breakpoint "${mediaQueryString}" + `; + } + return body; +} + +const defaultOpts = { + elmFile: "src/TW/Breakpoints.elm", + elmModuleName: "TW.Breakpoints", + prefix: "", + nameStyle: "snake", +}; + +function cleanOpts(opts) { + opts = { ...defaultOpts, ...opts }; + opts.formats = { ...opts.formats }; + + return opts; +} + +function formats(opts) { + return [cleanFormat(opts, elmFileGenerator)]; +} + +function cleanFormat({ elmFile, elmModuleName }, elmBodyFn) { + if (!elmFile) return false; + if (!elmModuleName) return false; + + return { elmFile, elmModuleName, elmBodyFn }; +} + +exports.cleanOpts = cleanOpts; +exports.defaultOpts = defaultOpts; +exports.formats = formats; diff --git a/code-generators/tailwind-utilities.js b/code-generators/tailwind-utilities.js new file mode 100644 index 0000000..72d0a0e --- /dev/null +++ b/code-generators/tailwind-utilities.js @@ -0,0 +1,351 @@ +const { fixClass, toElmName } = require("../helpers"); +// code gen stuff + +// this is a map of declarations and values that either aren't supported by elm-css, +// or there is not a super straight-forward conversion, or I'm too lazy. Keep this list as small as possible +const notSupported = { + appearance: "*", + display: ["flow-root", "inline-grid", "grid"], + "box-shadow": "*", // the values in Tailwind don't easily map to the mult-param version in elm + "background-position": "*", + clip: "*", // rect looks more complicated at the moment than I want to deal with + flex: "*", //the order of flex3 doesn't match directly. Will need better parsing + "align-content": "*", // couldn't see an align-content. Punting + "align-self": ["auto"], // not supported https://package.elm-lang.org/packages/rtfeldman/elm-css/latest/Css#alignSelf + "justify-content": ["space-evenly"], // didn't see a value + "font-family": "*", //font family was easier just to take the string + content: "*", // no support from what I can tell + "object-fit": "*", + "object-position": "*", + cursor: ["text"], + clear: "*", + "stroke-width": "*", + stroke: "*", + "transform-origin": "*", + "word-break": "*", + "user-select": "*", + float: "*", // getting lazy + outline: ["0"], // I think needs an explicit 'none' type + // "grid-row": "*", + // "grid-row-start": "*", + // "grid-template-rows": "*", + // "grid-template-columns": "*", + // "grid-column": "*", + "-webkit-overflow-scrolling": "*", + "-webkit-font-smoothing": "*", + "-moz-osx-font-smoothing": "*", +}; + +function elmBodyCss(elmModuleName, classes) { + return ( + elmHeaderCss(elmModuleName, classes) + + elmBody({ type: "Css.Style" }, classes) + ); +} + +function elmHeaderExports(classes) { + let tmp = Array.from(classes.values()).map((v) => v.elmName); + + tmp.sort(); + return tmp.join("\n , "); +} + +function elmHeaderCss(elmModuleName, classes) { + l = elmHeaderExports(classes); + + return `module ${elmModuleName} exposing + ( ${l} + ) + +import Css +import Css.Media + +`; +} + +function elmBody(config, classes) { + let body = ""; + for (let [cls, elm] of classes) { + body = body + elmFunction(config, { cls, elm }); + } + return body; +} + +function elmFunction(config, { cls, elm }) { + return ` + +${elm.elmName} : ${config.type} +${elm.elmName} = + Css.batch [ + ${mediaQueryContainer( + elm.mediaQuery, + pseudoSelectorContainer( + elm.pseudoSelector, + elm.declarations.map((d) => convertDeclaration(d)).join(", \n ") + ) + )} + ] +`; +} + +/** + * wrap a Css declaration with a media query wrapper + */ +function mediaQueryContainer(mediaQuery, declarationString) { + if (mediaQuery) { + return `Css.Media.withMediaQuery ["${mediaQuery}"] [ + ${declarationString} + ]`; + } else { + return declarationString; + } +} + +/** + * wrap a CSS declaration with a pseudo selector (e.g. focus) + */ +function pseudoSelectorContainer(pseudoSelector, declarationString) { + if (pseudoSelector) { + return `Css.${pseudoSelector} [ + ${declarationString} + ]`; + } else { + return declarationString; + } +} + +function convertDeclaration(declaration) { + let elmCssFunctionName; + let elmCssFunctionUnit; + // console.log("convertDeclaration -> declaration", declaration); + const isCustomProperty = declaration.prop.startsWith("--"); + + const valueSeparateUnits = declaration.value.split(" "); + + // filtering these out in index.js for now, but the start of support + if (isCustomProperty) { + return `Css.property "${declaration.prop}" "${declaration.value}"`; + } else if ( + notSupported[declaration.prop] && + (notSupported[declaration.prop] === "*" || + notSupported[declaration.prop].includes(declaration.value)) + ) { + // if one or all of the declarations are not supported, drop back to Css.property + return `Css.property "${declaration.prop}" "${declaration.value.replace( + /"/g, + '\\"' + )}"`; + } else { + if (isCamelizable(declaration.prop)) { + elmCssFunctionName = camelize(declaration.prop); + } + + // display: flex so far is the only one that needs to do this. Any more and we will extract + if (declaration.prop === "display" && declaration.value === "flex") { + return "Css.displayFlex"; + } + + // if a declaration value had multi word, we need to convert it to a + // elm function with like backgroundPosition2 + elmCssFunctionName += + valueSeparateUnits.length > 1 ? valueSeparateUnits.length.toString() : ""; + + elmCssFunctionUnit = valueSeparateUnits + .map((w) => convertDeclarationValue(declaration.prop, w)) + .join(" "); + + return `Css.${elmCssFunctionName} ${elmCssFunctionUnit}`; + } +} +function convertDeclarationValue(declarationProp, declarationValue) { + let numericalVal; + let unit; + // 1rem, 1px + let numberPlusUnit = declarationValue.match(/(-?[\d\.]+)([a-z]*)/); + + // percent + let percentValue = declarationValue.match(/([-]?[0-9]*\.?[0-9]+)\%/); + + // font-weight: 100 + let intValue = declarationValue.match(/([-]?[0-9]+)$/); + + //opacity: 0.25 + let numValue = declarationValue.match(/([-]?[0-9]*\.[0-9]+)$/); + + // #123455 + let hexValue = declarationValue.match(/#[a-z0-9]*/); + + // careful mucking with the order. There is fall through logic like 0 is an int, but we need it as a px + if (hexValue) { + return `(Css.hex "${declarationValue}")`; + } else if ( + declarationValue === "0" && + ![ + "opacity", + "flex-shrink", + "flex-grow", + "flex", + "order", + "outline", + "z-index", + ].includes(declarationProp) + ) { + // plain 0 needs a unit in Elm, so set it to px + return `(Css.px 0)`; + } else if (numValue) { + return `(Css.num ${numValue[1]})`; + } else if (intValue) { + return `(Css.int ${intValue[1]})`; + } else if (!numberPlusUnit) { + // if a single word value like 'auto' then just use that directly + return `Css.${camelize(declarationValue)}`; + } else if (percentValue) { + return `(Css.pct ${percentValue[1]})`; + } else { + numericalVal = numberPlusUnit[1]; + unit = numberPlusUnit[2]; + + // quick dirty way to force decimal values to have leading 0 + return `(Css.${unit} ${Number(numericalVal).toString()})`; + } +} +// parse, clean up stuff + +function camelize(s) { + // a value that has a direct replacement in elm-css. eg: flex-wrap: nowrap needs noWrap + const overrideList = { nowrap: "noWrap" }; + let camelized = s.replace(/-./g, (x) => x.toUpperCase()[1]); + + return overrideList[s] || camelized; +} + +function isCamelizable(prop) { + // went in thinking the list of camel casing would be small in comparison to the one off. Smarter to + // change this to an opt-out list instead of an opt-in. Do this after we get passing tests + const camelizable = [ + "margin", + "margin-top", + "margin-bottom", + "margin-left", + "margin-right", + "padding", + "padding-top", + "padding-bottom", + "padding-left", + "padding-right", + "background-attachment", + "background-color", + "background-position", + "background-repeat", + "background-size", + "text-decoration", + "border-color", + "font-weight", + "color", + "opacity", + "border-bottom-right-radius", + "border-bottom-left-radius", + "border-top-left-radius", + "border-top-right-radius", + "border-radius", + "height", + "width", + "font-size", + "text-align", + "display", + "max-width", + "overflow", + "border-width", + "position", + "table-layout", + "table-fixed", + "flex", + "flex-direction", + "flex-wrap", + "flex-grow", + "flex-shrink", + "align-items", + "align-content", + "align-self", + "justify-content", + "order", + "clear", + "line-height", + "white-space", + "appearance", + "border-collapse", + "border-style", + "border-bottom", + "border-top-width", + "border-right-width", + "border-bottom-width", + "border-left-width", + "box-sizing", + "cursor", + "float", + "list-style-position", + "list-style-type", + "max-height", + "min-height", + "min-width", + "outline", + "overflow", + "overflow-x", + "overflow-y", + "pointer-events", + "top", + "bottom", + "left", + "right", + "resize", + "stroke", + "fill", + "text-transform", + "transform", + "stroke", + "font-style", + "letter-spacing", + "visibility", + "vertical-align", + "overflow-wrap", + "word-break", + "text-overflow", + "z-index", + ]; + + return camelizable.indexOf(prop) > -1; +} + +// options stuff + +const defaultOpts = { + elmFile: "src/TW/Utilities.elm", + elmModuleName: "TW.Utilities", + prefix: "", + nameStyle: "snake", +}; + +function cleanOpts(opts) { + opts = { ...defaultOpts, ...opts }; + opts.formats = { ...opts.formats }; + + return opts; +} + +function formats(opts) { + return [cleanFormat(opts, elmBodyCss)]; +} + +function cleanFormat({ elmFile, elmModuleName }, elmBodyFn) { + if (!elmFile) return false; + if (!elmModuleName) return false; + + return { elmFile, elmModuleName, elmBodyFn }; +} + +exports.cleanOpts = cleanOpts; +exports.defaultOpts = defaultOpts; +exports.elmFunction = elmFunction; +exports.fixClass = fixClass; +exports.formats = formats; +exports.toElmName = toElmName; diff --git a/demo/elm.json b/demo/elm.json index 2c14d2d..c5c040f 100644 --- a/demo/elm.json +++ b/demo/elm.json @@ -9,6 +9,7 @@ "elm/browser": "1.0.2", "elm/core": "1.0.4", "elm/html": "1.0.0", + "elm/regex": "1.0.0", "rtfeldman/elm-css": "16.0.1" }, "indirect": { diff --git a/demo/package.json b/demo/package.json index 9461a3f..70332ab 100644 --- a/demo/package.json +++ b/demo/package.json @@ -7,7 +7,7 @@ "test": "tests" }, "scripts": { - "start": "postcss -o dist/main.css tailwind.css && elm make src/TW.elm && elm-app start" + "start": "postcss -o dist/main.css tailwind.css && elm-app start" }, "keywords": [], "author": "", diff --git a/demo/src/Main.elm b/demo/src/Main.elm index 37d8955..cb8c505 100644 --- a/demo/src/Main.elm +++ b/demo/src/Main.elm @@ -1,10 +1,12 @@ module Main exposing (..) import Browser -import Html.Styled exposing (Html, div, h1, img, text, button) -import Html.Styled.Attributes exposing (css, src) -import TW import Css +import Html.Styled exposing (Html, button, div, h1, img, text) +import Html.Styled.Attributes exposing (css, src) +import TW.Breakpoints exposing (atBreakpoint, lg, sm) +import TW.Utilities as TW + ---- MODEL ---- @@ -32,21 +34,29 @@ update msg model = ( model, Cmd.none ) +buttonStyle : Css.Style +buttonStyle = + Css.batch + [ TW.bg_blue_500 + , TW.hover__bg_blue_700 + , TW.text_white + , TW.font_bold + , TW.py_2 + , TW.px_4 + , TW.rounded + ] + + -buttonStyle: Css.Style -buttonStyle = - Css.batch[TW.bg_blue_500, TW.hover__bg_blue_700, TW.text_white, TW.font_bold, TW.py_2,TW.px_4, TW.rounded] ---- VIEW ---- view : Model -> Html Msg view model = - div [ css [ TW.bg_blue_100, TW.bg_red_100 ] ] - [ - div[][ - button [css [buttonStyle]][text "Button"] + div [ css [ TW.bg_purple_200, atBreakpoint [ ( sm, TW.bg_red_800 ), ( lg, TW.bg_green_200 ) ] ] ] + [ div [] + [ button [ css [ buttonStyle ] ] [ text "Button" ] ] - ] diff --git a/demo/src/TW.elm b/demo/src/TW.elm deleted file mode 100644 index f13d7ce..0000000 --- a/demo/src/TW.elm +++ /dev/null @@ -1,106500 +0,0 @@ -module TW exposing - ( absolute - , align_baseline - , align_bottom - , align_middle - , align_text_bottom - , align_text_top - , align_top - , antialiased - , appearance_none - , bg_auto - , bg_black - , bg_blue_100 - , bg_blue_200 - , bg_blue_300 - , bg_blue_400 - , bg_blue_500 - , bg_blue_600 - , bg_blue_700 - , bg_blue_800 - , bg_blue_900 - , bg_bottom - , bg_center - , bg_contain - , bg_cover - , bg_current - , bg_fixed - , bg_gray_100 - , bg_gray_200 - , bg_gray_300 - , bg_gray_400 - , bg_gray_500 - , bg_gray_600 - , bg_gray_700 - , bg_gray_800 - , bg_gray_900 - , bg_green_100 - , bg_green_200 - , bg_green_300 - , bg_green_400 - , bg_green_500 - , bg_green_600 - , bg_green_700 - , bg_green_800 - , bg_green_900 - , bg_indigo_100 - , bg_indigo_200 - , bg_indigo_300 - , bg_indigo_400 - , bg_indigo_500 - , bg_indigo_600 - , bg_indigo_700 - , bg_indigo_800 - , bg_indigo_900 - , bg_left - , bg_left_bottom - , bg_left_top - , bg_local - , bg_no_repeat - , bg_orange_100 - , bg_orange_200 - , bg_orange_300 - , bg_orange_400 - , bg_orange_500 - , bg_orange_600 - , bg_orange_700 - , bg_orange_800 - , bg_orange_900 - , bg_pink_100 - , bg_pink_200 - , bg_pink_300 - , bg_pink_400 - , bg_pink_500 - , bg_pink_600 - , bg_pink_700 - , bg_pink_800 - , bg_pink_900 - , bg_purple_100 - , bg_purple_200 - , bg_purple_300 - , bg_purple_400 - , bg_purple_500 - , bg_purple_600 - , bg_purple_700 - , bg_purple_800 - , bg_purple_900 - , bg_red_100 - , bg_red_200 - , bg_red_300 - , bg_red_400 - , bg_red_500 - , bg_red_600 - , bg_red_700 - , bg_red_800 - , bg_red_900 - , bg_repeat - , bg_repeat_round - , bg_repeat_space - , bg_repeat_x - , bg_repeat_y - , bg_right - , bg_right_bottom - , bg_right_top - , bg_scroll - , bg_teal_100 - , bg_teal_200 - , bg_teal_300 - , bg_teal_400 - , bg_teal_500 - , bg_teal_600 - , bg_teal_700 - , bg_teal_800 - , bg_teal_900 - , bg_top - , bg_transparent - , bg_white - , bg_yellow_100 - , bg_yellow_200 - , bg_yellow_300 - , bg_yellow_400 - , bg_yellow_500 - , bg_yellow_600 - , bg_yellow_700 - , bg_yellow_800 - , bg_yellow_900 - , block - , border - , border_0 - , border_2 - , border_4 - , border_8 - , border_b - , border_b_0 - , border_b_2 - , border_b_4 - , border_b_8 - , border_black - , border_blue_100 - , border_blue_200 - , border_blue_300 - , border_blue_400 - , border_blue_500 - , border_blue_600 - , border_blue_700 - , border_blue_800 - , border_blue_900 - , border_collapse - , border_current - , border_dashed - , border_dotted - , border_double - , border_gray_100 - , border_gray_200 - , border_gray_300 - , border_gray_400 - , border_gray_500 - , border_gray_600 - , border_gray_700 - , border_gray_800 - , border_gray_900 - , border_green_100 - , border_green_200 - , border_green_300 - , border_green_400 - , border_green_500 - , border_green_600 - , border_green_700 - , border_green_800 - , border_green_900 - , border_indigo_100 - , border_indigo_200 - , border_indigo_300 - , border_indigo_400 - , border_indigo_500 - , border_indigo_600 - , border_indigo_700 - , border_indigo_800 - , border_indigo_900 - , border_l - , border_l_0 - , border_l_2 - , border_l_4 - , border_l_8 - , border_none - , border_orange_100 - , border_orange_200 - , border_orange_300 - , border_orange_400 - , border_orange_500 - , border_orange_600 - , border_orange_700 - , border_orange_800 - , border_orange_900 - , border_pink_100 - , border_pink_200 - , border_pink_300 - , border_pink_400 - , border_pink_500 - , border_pink_600 - , border_pink_700 - , border_pink_800 - , border_pink_900 - , border_purple_100 - , border_purple_200 - , border_purple_300 - , border_purple_400 - , border_purple_500 - , border_purple_600 - , border_purple_700 - , border_purple_800 - , border_purple_900 - , border_r - , border_r_0 - , border_r_2 - , border_r_4 - , border_r_8 - , border_red_100 - , border_red_200 - , border_red_300 - , border_red_400 - , border_red_500 - , border_red_600 - , border_red_700 - , border_red_800 - , border_red_900 - , border_separate - , border_solid - , border_t - , border_t_0 - , border_t_2 - , border_t_4 - , border_t_8 - , border_teal_100 - , border_teal_200 - , border_teal_300 - , border_teal_400 - , border_teal_500 - , border_teal_600 - , border_teal_700 - , border_teal_800 - , border_teal_900 - , border_transparent - , border_white - , border_yellow_100 - , border_yellow_200 - , border_yellow_300 - , border_yellow_400 - , border_yellow_500 - , border_yellow_600 - , border_yellow_700 - , border_yellow_800 - , border_yellow_900 - , bottom_0 - , bottom_auto - , box_border - , box_content - , break_all - , break_normal - , break_words - , capitalize - , clear_both - , clear_left - , clear_none - , clear_right - , clearfix - , container - , content_around - , content_between - , content_center - , content_end - , content_start - , cursor_auto - , cursor_default - , cursor_move - , cursor_not_allowed - , cursor_pointer - , cursor_text - , cursor_wait - , divide_black - , divide_blue_100 - , divide_blue_200 - , divide_blue_300 - , divide_blue_400 - , divide_blue_500 - , divide_blue_600 - , divide_blue_700 - , divide_blue_800 - , divide_blue_900 - , divide_current - , divide_gray_100 - , divide_gray_200 - , divide_gray_300 - , divide_gray_400 - , divide_gray_500 - , divide_gray_600 - , divide_gray_700 - , divide_gray_800 - , divide_gray_900 - , divide_green_100 - , divide_green_200 - , divide_green_300 - , divide_green_400 - , divide_green_500 - , divide_green_600 - , divide_green_700 - , divide_green_800 - , divide_green_900 - , divide_indigo_100 - , divide_indigo_200 - , divide_indigo_300 - , divide_indigo_400 - , divide_indigo_500 - , divide_indigo_600 - , divide_indigo_700 - , divide_indigo_800 - , divide_indigo_900 - , divide_orange_100 - , divide_orange_200 - , divide_orange_300 - , divide_orange_400 - , divide_orange_500 - , divide_orange_600 - , divide_orange_700 - , divide_orange_800 - , divide_orange_900 - , divide_pink_100 - , divide_pink_200 - , divide_pink_300 - , divide_pink_400 - , divide_pink_500 - , divide_pink_600 - , divide_pink_700 - , divide_pink_800 - , divide_pink_900 - , divide_purple_100 - , divide_purple_200 - , divide_purple_300 - , divide_purple_400 - , divide_purple_500 - , divide_purple_600 - , divide_purple_700 - , divide_purple_800 - , divide_purple_900 - , divide_red_100 - , divide_red_200 - , divide_red_300 - , divide_red_400 - , divide_red_500 - , divide_red_600 - , divide_red_700 - , divide_red_800 - , divide_red_900 - , divide_teal_100 - , divide_teal_200 - , divide_teal_300 - , divide_teal_400 - , divide_teal_500 - , divide_teal_600 - , divide_teal_700 - , divide_teal_800 - , divide_teal_900 - , divide_transparent - , divide_white - , divide_yellow_100 - , divide_yellow_200 - , divide_yellow_300 - , divide_yellow_400 - , divide_yellow_500 - , divide_yellow_600 - , divide_yellow_700 - , divide_yellow_800 - , divide_yellow_900 - , fill_current - , fixed - , flex - , flex_1 - , flex_auto - , flex_col - , flex_col_reverse - , flex_grow - , flex_grow_0 - , flex_initial - , flex_no_wrap - , flex_none - , flex_row - , flex_row_reverse - , flex_shrink - , flex_shrink_0 - , flex_wrap - , flex_wrap_reverse - , float_left - , float_none - , float_right - , flow_root - , focus__bg_black - , focus__bg_blue_100 - , focus__bg_blue_200 - , focus__bg_blue_300 - , focus__bg_blue_400 - , focus__bg_blue_500 - , focus__bg_blue_600 - , focus__bg_blue_700 - , focus__bg_blue_800 - , focus__bg_blue_900 - , focus__bg_current - , focus__bg_gray_100 - , focus__bg_gray_200 - , focus__bg_gray_300 - , focus__bg_gray_400 - , focus__bg_gray_500 - , focus__bg_gray_600 - , focus__bg_gray_700 - , focus__bg_gray_800 - , focus__bg_gray_900 - , focus__bg_green_100 - , focus__bg_green_200 - , focus__bg_green_300 - , focus__bg_green_400 - , focus__bg_green_500 - , focus__bg_green_600 - , focus__bg_green_700 - , focus__bg_green_800 - , focus__bg_green_900 - , focus__bg_indigo_100 - , focus__bg_indigo_200 - , focus__bg_indigo_300 - , focus__bg_indigo_400 - , focus__bg_indigo_500 - , focus__bg_indigo_600 - , focus__bg_indigo_700 - , focus__bg_indigo_800 - , focus__bg_indigo_900 - , focus__bg_orange_100 - , focus__bg_orange_200 - , focus__bg_orange_300 - , focus__bg_orange_400 - , focus__bg_orange_500 - , focus__bg_orange_600 - , focus__bg_orange_700 - , focus__bg_orange_800 - , focus__bg_orange_900 - , focus__bg_pink_100 - , focus__bg_pink_200 - , focus__bg_pink_300 - , focus__bg_pink_400 - , focus__bg_pink_500 - , focus__bg_pink_600 - , focus__bg_pink_700 - , focus__bg_pink_800 - , focus__bg_pink_900 - , focus__bg_purple_100 - , focus__bg_purple_200 - , focus__bg_purple_300 - , focus__bg_purple_400 - , focus__bg_purple_500 - , focus__bg_purple_600 - , focus__bg_purple_700 - , focus__bg_purple_800 - , focus__bg_purple_900 - , focus__bg_red_100 - , focus__bg_red_200 - , focus__bg_red_300 - , focus__bg_red_400 - , focus__bg_red_500 - , focus__bg_red_600 - , focus__bg_red_700 - , focus__bg_red_800 - , focus__bg_red_900 - , focus__bg_teal_100 - , focus__bg_teal_200 - , focus__bg_teal_300 - , focus__bg_teal_400 - , focus__bg_teal_500 - , focus__bg_teal_600 - , focus__bg_teal_700 - , focus__bg_teal_800 - , focus__bg_teal_900 - , focus__bg_transparent - , focus__bg_white - , focus__bg_yellow_100 - , focus__bg_yellow_200 - , focus__bg_yellow_300 - , focus__bg_yellow_400 - , focus__bg_yellow_500 - , focus__bg_yellow_600 - , focus__bg_yellow_700 - , focus__bg_yellow_800 - , focus__bg_yellow_900 - , focus__border_black - , focus__border_blue_100 - , focus__border_blue_200 - , focus__border_blue_300 - , focus__border_blue_400 - , focus__border_blue_500 - , focus__border_blue_600 - , focus__border_blue_700 - , focus__border_blue_800 - , focus__border_blue_900 - , focus__border_current - , focus__border_gray_100 - , focus__border_gray_200 - , focus__border_gray_300 - , focus__border_gray_400 - , focus__border_gray_500 - , focus__border_gray_600 - , focus__border_gray_700 - , focus__border_gray_800 - , focus__border_gray_900 - , focus__border_green_100 - , focus__border_green_200 - , focus__border_green_300 - , focus__border_green_400 - , focus__border_green_500 - , focus__border_green_600 - , focus__border_green_700 - , focus__border_green_800 - , focus__border_green_900 - , focus__border_indigo_100 - , focus__border_indigo_200 - , focus__border_indigo_300 - , focus__border_indigo_400 - , focus__border_indigo_500 - , focus__border_indigo_600 - , focus__border_indigo_700 - , focus__border_indigo_800 - , focus__border_indigo_900 - , focus__border_orange_100 - , focus__border_orange_200 - , focus__border_orange_300 - , focus__border_orange_400 - , focus__border_orange_500 - , focus__border_orange_600 - , focus__border_orange_700 - , focus__border_orange_800 - , focus__border_orange_900 - , focus__border_pink_100 - , focus__border_pink_200 - , focus__border_pink_300 - , focus__border_pink_400 - , focus__border_pink_500 - , focus__border_pink_600 - , focus__border_pink_700 - , focus__border_pink_800 - , focus__border_pink_900 - , focus__border_purple_100 - , focus__border_purple_200 - , focus__border_purple_300 - , focus__border_purple_400 - , focus__border_purple_500 - , focus__border_purple_600 - , focus__border_purple_700 - , focus__border_purple_800 - , focus__border_purple_900 - , focus__border_red_100 - , focus__border_red_200 - , focus__border_red_300 - , focus__border_red_400 - , focus__border_red_500 - , focus__border_red_600 - , focus__border_red_700 - , focus__border_red_800 - , focus__border_red_900 - , focus__border_teal_100 - , focus__border_teal_200 - , focus__border_teal_300 - , focus__border_teal_400 - , focus__border_teal_500 - , focus__border_teal_600 - , focus__border_teal_700 - , focus__border_teal_800 - , focus__border_teal_900 - , focus__border_transparent - , focus__border_white - , focus__border_yellow_100 - , focus__border_yellow_200 - , focus__border_yellow_300 - , focus__border_yellow_400 - , focus__border_yellow_500 - , focus__border_yellow_600 - , focus__border_yellow_700 - , focus__border_yellow_800 - , focus__border_yellow_900 - , focus__font_black - , focus__font_bold - , focus__font_extrabold - , focus__font_hairline - , focus__font_light - , focus__font_medium - , focus__font_normal - , focus__font_semibold - , focus__font_thin - , focus__line_through - , focus__no_underline - , focus__not_sr_only - , focus__opacity_0 - , focus__opacity_100 - , focus__opacity_25 - , focus__opacity_50 - , focus__opacity_75 - , focus__outline_none - , focus__placeholder_black - , focus__placeholder_blue_100 - , focus__placeholder_blue_200 - , focus__placeholder_blue_300 - , focus__placeholder_blue_400 - , focus__placeholder_blue_500 - , focus__placeholder_blue_600 - , focus__placeholder_blue_700 - , focus__placeholder_blue_800 - , focus__placeholder_blue_900 - , focus__placeholder_current - , focus__placeholder_gray_100 - , focus__placeholder_gray_200 - , focus__placeholder_gray_300 - , focus__placeholder_gray_400 - , focus__placeholder_gray_500 - , focus__placeholder_gray_600 - , focus__placeholder_gray_700 - , focus__placeholder_gray_800 - , focus__placeholder_gray_900 - , focus__placeholder_green_100 - , focus__placeholder_green_200 - , focus__placeholder_green_300 - , focus__placeholder_green_400 - , focus__placeholder_green_500 - , focus__placeholder_green_600 - , focus__placeholder_green_700 - , focus__placeholder_green_800 - , focus__placeholder_green_900 - , focus__placeholder_indigo_100 - , focus__placeholder_indigo_200 - , focus__placeholder_indigo_300 - , focus__placeholder_indigo_400 - , focus__placeholder_indigo_500 - , focus__placeholder_indigo_600 - , focus__placeholder_indigo_700 - , focus__placeholder_indigo_800 - , focus__placeholder_indigo_900 - , focus__placeholder_orange_100 - , focus__placeholder_orange_200 - , focus__placeholder_orange_300 - , focus__placeholder_orange_400 - , focus__placeholder_orange_500 - , focus__placeholder_orange_600 - , focus__placeholder_orange_700 - , focus__placeholder_orange_800 - , focus__placeholder_orange_900 - , focus__placeholder_pink_100 - , focus__placeholder_pink_200 - , focus__placeholder_pink_300 - , focus__placeholder_pink_400 - , focus__placeholder_pink_500 - , focus__placeholder_pink_600 - , focus__placeholder_pink_700 - , focus__placeholder_pink_800 - , focus__placeholder_pink_900 - , focus__placeholder_purple_100 - , focus__placeholder_purple_200 - , focus__placeholder_purple_300 - , focus__placeholder_purple_400 - , focus__placeholder_purple_500 - , focus__placeholder_purple_600 - , focus__placeholder_purple_700 - , focus__placeholder_purple_800 - , focus__placeholder_purple_900 - , focus__placeholder_red_100 - , focus__placeholder_red_200 - , focus__placeholder_red_300 - , focus__placeholder_red_400 - , focus__placeholder_red_500 - , focus__placeholder_red_600 - , focus__placeholder_red_700 - , focus__placeholder_red_800 - , focus__placeholder_red_900 - , focus__placeholder_teal_100 - , focus__placeholder_teal_200 - , focus__placeholder_teal_300 - , focus__placeholder_teal_400 - , focus__placeholder_teal_500 - , focus__placeholder_teal_600 - , focus__placeholder_teal_700 - , focus__placeholder_teal_800 - , focus__placeholder_teal_900 - , focus__placeholder_transparent - , focus__placeholder_white - , focus__placeholder_yellow_100 - , focus__placeholder_yellow_200 - , focus__placeholder_yellow_300 - , focus__placeholder_yellow_400 - , focus__placeholder_yellow_500 - , focus__placeholder_yellow_600 - , focus__placeholder_yellow_700 - , focus__placeholder_yellow_800 - , focus__placeholder_yellow_900 - , focus__shadow - , focus__shadow_2xl - , focus__shadow_inner - , focus__shadow_lg - , focus__shadow_md - , focus__shadow_none - , focus__shadow_outline - , focus__shadow_sm - , focus__shadow_xl - , focus__shadow_xs - , focus__sr_only - , focus__text_black - , focus__text_blue_100 - , focus__text_blue_200 - , focus__text_blue_300 - , focus__text_blue_400 - , focus__text_blue_500 - , focus__text_blue_600 - , focus__text_blue_700 - , focus__text_blue_800 - , focus__text_blue_900 - , focus__text_current - , focus__text_gray_100 - , focus__text_gray_200 - , focus__text_gray_300 - , focus__text_gray_400 - , focus__text_gray_500 - , focus__text_gray_600 - , focus__text_gray_700 - , focus__text_gray_800 - , focus__text_gray_900 - , focus__text_green_100 - , focus__text_green_200 - , focus__text_green_300 - , focus__text_green_400 - , focus__text_green_500 - , focus__text_green_600 - , focus__text_green_700 - , focus__text_green_800 - , focus__text_green_900 - , focus__text_indigo_100 - , focus__text_indigo_200 - , focus__text_indigo_300 - , focus__text_indigo_400 - , focus__text_indigo_500 - , focus__text_indigo_600 - , focus__text_indigo_700 - , focus__text_indigo_800 - , focus__text_indigo_900 - , focus__text_orange_100 - , focus__text_orange_200 - , focus__text_orange_300 - , focus__text_orange_400 - , focus__text_orange_500 - , focus__text_orange_600 - , focus__text_orange_700 - , focus__text_orange_800 - , focus__text_orange_900 - , focus__text_pink_100 - , focus__text_pink_200 - , focus__text_pink_300 - , focus__text_pink_400 - , focus__text_pink_500 - , focus__text_pink_600 - , focus__text_pink_700 - , focus__text_pink_800 - , focus__text_pink_900 - , focus__text_purple_100 - , focus__text_purple_200 - , focus__text_purple_300 - , focus__text_purple_400 - , focus__text_purple_500 - , focus__text_purple_600 - , focus__text_purple_700 - , focus__text_purple_800 - , focus__text_purple_900 - , focus__text_red_100 - , focus__text_red_200 - , focus__text_red_300 - , focus__text_red_400 - , focus__text_red_500 - , focus__text_red_600 - , focus__text_red_700 - , focus__text_red_800 - , focus__text_red_900 - , focus__text_teal_100 - , focus__text_teal_200 - , focus__text_teal_300 - , focus__text_teal_400 - , focus__text_teal_500 - , focus__text_teal_600 - , focus__text_teal_700 - , focus__text_teal_800 - , focus__text_teal_900 - , focus__text_transparent - , focus__text_white - , focus__text_yellow_100 - , focus__text_yellow_200 - , focus__text_yellow_300 - , focus__text_yellow_400 - , focus__text_yellow_500 - , focus__text_yellow_600 - , focus__text_yellow_700 - , focus__text_yellow_800 - , focus__text_yellow_900 - , focus__underline - , font_black - , font_bold - , font_extrabold - , font_hairline - , font_light - , font_medium - , font_mono - , font_normal - , font_sans - , font_semibold - , font_serif - , font_thin - , grid - , h_0 - , h_1 - , h_10 - , h_12 - , h_16 - , h_2 - , h_20 - , h_24 - , h_3 - , h_32 - , h_4 - , h_40 - , h_48 - , h_5 - , h_56 - , h_6 - , h_64 - , h_8 - , h_auto - , h_full - , h_px - , h_screen - , hidden - , hover__bg_black - , hover__bg_blue_100 - , hover__bg_blue_200 - , hover__bg_blue_300 - , hover__bg_blue_400 - , hover__bg_blue_500 - , hover__bg_blue_600 - , hover__bg_blue_700 - , hover__bg_blue_800 - , hover__bg_blue_900 - , hover__bg_current - , hover__bg_gray_100 - , hover__bg_gray_200 - , hover__bg_gray_300 - , hover__bg_gray_400 - , hover__bg_gray_500 - , hover__bg_gray_600 - , hover__bg_gray_700 - , hover__bg_gray_800 - , hover__bg_gray_900 - , hover__bg_green_100 - , hover__bg_green_200 - , hover__bg_green_300 - , hover__bg_green_400 - , hover__bg_green_500 - , hover__bg_green_600 - , hover__bg_green_700 - , hover__bg_green_800 - , hover__bg_green_900 - , hover__bg_indigo_100 - , hover__bg_indigo_200 - , hover__bg_indigo_300 - , hover__bg_indigo_400 - , hover__bg_indigo_500 - , hover__bg_indigo_600 - , hover__bg_indigo_700 - , hover__bg_indigo_800 - , hover__bg_indigo_900 - , hover__bg_orange_100 - , hover__bg_orange_200 - , hover__bg_orange_300 - , hover__bg_orange_400 - , hover__bg_orange_500 - , hover__bg_orange_600 - , hover__bg_orange_700 - , hover__bg_orange_800 - , hover__bg_orange_900 - , hover__bg_pink_100 - , hover__bg_pink_200 - , hover__bg_pink_300 - , hover__bg_pink_400 - , hover__bg_pink_500 - , hover__bg_pink_600 - , hover__bg_pink_700 - , hover__bg_pink_800 - , hover__bg_pink_900 - , hover__bg_purple_100 - , hover__bg_purple_200 - , hover__bg_purple_300 - , hover__bg_purple_400 - , hover__bg_purple_500 - , hover__bg_purple_600 - , hover__bg_purple_700 - , hover__bg_purple_800 - , hover__bg_purple_900 - , hover__bg_red_100 - , hover__bg_red_200 - , hover__bg_red_300 - , hover__bg_red_400 - , hover__bg_red_500 - , hover__bg_red_600 - , hover__bg_red_700 - , hover__bg_red_800 - , hover__bg_red_900 - , hover__bg_teal_100 - , hover__bg_teal_200 - , hover__bg_teal_300 - , hover__bg_teal_400 - , hover__bg_teal_500 - , hover__bg_teal_600 - , hover__bg_teal_700 - , hover__bg_teal_800 - , hover__bg_teal_900 - , hover__bg_transparent - , hover__bg_white - , hover__bg_yellow_100 - , hover__bg_yellow_200 - , hover__bg_yellow_300 - , hover__bg_yellow_400 - , hover__bg_yellow_500 - , hover__bg_yellow_600 - , hover__bg_yellow_700 - , hover__bg_yellow_800 - , hover__bg_yellow_900 - , hover__border_black - , hover__border_blue_100 - , hover__border_blue_200 - , hover__border_blue_300 - , hover__border_blue_400 - , hover__border_blue_500 - , hover__border_blue_600 - , hover__border_blue_700 - , hover__border_blue_800 - , hover__border_blue_900 - , hover__border_current - , hover__border_gray_100 - , hover__border_gray_200 - , hover__border_gray_300 - , hover__border_gray_400 - , hover__border_gray_500 - , hover__border_gray_600 - , hover__border_gray_700 - , hover__border_gray_800 - , hover__border_gray_900 - , hover__border_green_100 - , hover__border_green_200 - , hover__border_green_300 - , hover__border_green_400 - , hover__border_green_500 - , hover__border_green_600 - , hover__border_green_700 - , hover__border_green_800 - , hover__border_green_900 - , hover__border_indigo_100 - , hover__border_indigo_200 - , hover__border_indigo_300 - , hover__border_indigo_400 - , hover__border_indigo_500 - , hover__border_indigo_600 - , hover__border_indigo_700 - , hover__border_indigo_800 - , hover__border_indigo_900 - , hover__border_orange_100 - , hover__border_orange_200 - , hover__border_orange_300 - , hover__border_orange_400 - , hover__border_orange_500 - , hover__border_orange_600 - , hover__border_orange_700 - , hover__border_orange_800 - , hover__border_orange_900 - , hover__border_pink_100 - , hover__border_pink_200 - , hover__border_pink_300 - , hover__border_pink_400 - , hover__border_pink_500 - , hover__border_pink_600 - , hover__border_pink_700 - , hover__border_pink_800 - , hover__border_pink_900 - , hover__border_purple_100 - , hover__border_purple_200 - , hover__border_purple_300 - , hover__border_purple_400 - , hover__border_purple_500 - , hover__border_purple_600 - , hover__border_purple_700 - , hover__border_purple_800 - , hover__border_purple_900 - , hover__border_red_100 - , hover__border_red_200 - , hover__border_red_300 - , hover__border_red_400 - , hover__border_red_500 - , hover__border_red_600 - , hover__border_red_700 - , hover__border_red_800 - , hover__border_red_900 - , hover__border_teal_100 - , hover__border_teal_200 - , hover__border_teal_300 - , hover__border_teal_400 - , hover__border_teal_500 - , hover__border_teal_600 - , hover__border_teal_700 - , hover__border_teal_800 - , hover__border_teal_900 - , hover__border_transparent - , hover__border_white - , hover__border_yellow_100 - , hover__border_yellow_200 - , hover__border_yellow_300 - , hover__border_yellow_400 - , hover__border_yellow_500 - , hover__border_yellow_600 - , hover__border_yellow_700 - , hover__border_yellow_800 - , hover__border_yellow_900 - , hover__font_black - , hover__font_bold - , hover__font_extrabold - , hover__font_hairline - , hover__font_light - , hover__font_medium - , hover__font_normal - , hover__font_semibold - , hover__font_thin - , hover__line_through - , hover__no_underline - , hover__opacity_0 - , hover__opacity_100 - , hover__opacity_25 - , hover__opacity_50 - , hover__opacity_75 - , hover__shadow - , hover__shadow_2xl - , hover__shadow_inner - , hover__shadow_lg - , hover__shadow_md - , hover__shadow_none - , hover__shadow_outline - , hover__shadow_sm - , hover__shadow_xl - , hover__shadow_xs - , hover__text_black - , hover__text_blue_100 - , hover__text_blue_200 - , hover__text_blue_300 - , hover__text_blue_400 - , hover__text_blue_500 - , hover__text_blue_600 - , hover__text_blue_700 - , hover__text_blue_800 - , hover__text_blue_900 - , hover__text_current - , hover__text_gray_100 - , hover__text_gray_200 - , hover__text_gray_300 - , hover__text_gray_400 - , hover__text_gray_500 - , hover__text_gray_600 - , hover__text_gray_700 - , hover__text_gray_800 - , hover__text_gray_900 - , hover__text_green_100 - , hover__text_green_200 - , hover__text_green_300 - , hover__text_green_400 - , hover__text_green_500 - , hover__text_green_600 - , hover__text_green_700 - , hover__text_green_800 - , hover__text_green_900 - , hover__text_indigo_100 - , hover__text_indigo_200 - , hover__text_indigo_300 - , hover__text_indigo_400 - , hover__text_indigo_500 - , hover__text_indigo_600 - , hover__text_indigo_700 - , hover__text_indigo_800 - , hover__text_indigo_900 - , hover__text_orange_100 - , hover__text_orange_200 - , hover__text_orange_300 - , hover__text_orange_400 - , hover__text_orange_500 - , hover__text_orange_600 - , hover__text_orange_700 - , hover__text_orange_800 - , hover__text_orange_900 - , hover__text_pink_100 - , hover__text_pink_200 - , hover__text_pink_300 - , hover__text_pink_400 - , hover__text_pink_500 - , hover__text_pink_600 - , hover__text_pink_700 - , hover__text_pink_800 - , hover__text_pink_900 - , hover__text_purple_100 - , hover__text_purple_200 - , hover__text_purple_300 - , hover__text_purple_400 - , hover__text_purple_500 - , hover__text_purple_600 - , hover__text_purple_700 - , hover__text_purple_800 - , hover__text_purple_900 - , hover__text_red_100 - , hover__text_red_200 - , hover__text_red_300 - , hover__text_red_400 - , hover__text_red_500 - , hover__text_red_600 - , hover__text_red_700 - , hover__text_red_800 - , hover__text_red_900 - , hover__text_teal_100 - , hover__text_teal_200 - , hover__text_teal_300 - , hover__text_teal_400 - , hover__text_teal_500 - , hover__text_teal_600 - , hover__text_teal_700 - , hover__text_teal_800 - , hover__text_teal_900 - , hover__text_transparent - , hover__text_white - , hover__text_yellow_100 - , hover__text_yellow_200 - , hover__text_yellow_300 - , hover__text_yellow_400 - , hover__text_yellow_500 - , hover__text_yellow_600 - , hover__text_yellow_700 - , hover__text_yellow_800 - , hover__text_yellow_900 - , hover__underline - , inline - , inline_block - , inline_flex - , inline_grid - , inset_0 - , inset_auto - , inset_x_0 - , inset_x_auto - , inset_y_0 - , inset_y_auto - , invisible - , italic - , items_baseline - , items_center - , items_end - , items_start - , items_stretch - , justify_around - , justify_between - , justify_center - , justify_end - , justify_evenly - , justify_start - , leading_10 - , leading_3 - , leading_4 - , leading_5 - , leading_6 - , leading_7 - , leading_8 - , leading_9 - , leading_loose - , leading_none - , leading_normal - , leading_relaxed - , leading_snug - , leading_tight - , left_0 - , left_auto - , lg__absolute - , lg__align_baseline - , lg__align_bottom - , lg__align_middle - , lg__align_text_bottom - , lg__align_text_top - , lg__align_top - , lg__antialiased - , lg__appearance_none - , lg__bg_auto - , lg__bg_black - , lg__bg_blue_100 - , lg__bg_blue_200 - , lg__bg_blue_300 - , lg__bg_blue_400 - , lg__bg_blue_500 - , lg__bg_blue_600 - , lg__bg_blue_700 - , lg__bg_blue_800 - , lg__bg_blue_900 - , lg__bg_bottom - , lg__bg_center - , lg__bg_contain - , lg__bg_cover - , lg__bg_current - , lg__bg_fixed - , lg__bg_gray_100 - , lg__bg_gray_200 - , lg__bg_gray_300 - , lg__bg_gray_400 - , lg__bg_gray_500 - , lg__bg_gray_600 - , lg__bg_gray_700 - , lg__bg_gray_800 - , lg__bg_gray_900 - , lg__bg_green_100 - , lg__bg_green_200 - , lg__bg_green_300 - , lg__bg_green_400 - , lg__bg_green_500 - , lg__bg_green_600 - , lg__bg_green_700 - , lg__bg_green_800 - , lg__bg_green_900 - , lg__bg_indigo_100 - , lg__bg_indigo_200 - , lg__bg_indigo_300 - , lg__bg_indigo_400 - , lg__bg_indigo_500 - , lg__bg_indigo_600 - , lg__bg_indigo_700 - , lg__bg_indigo_800 - , lg__bg_indigo_900 - , lg__bg_left - , lg__bg_left_bottom - , lg__bg_left_top - , lg__bg_local - , lg__bg_no_repeat - , lg__bg_orange_100 - , lg__bg_orange_200 - , lg__bg_orange_300 - , lg__bg_orange_400 - , lg__bg_orange_500 - , lg__bg_orange_600 - , lg__bg_orange_700 - , lg__bg_orange_800 - , lg__bg_orange_900 - , lg__bg_pink_100 - , lg__bg_pink_200 - , lg__bg_pink_300 - , lg__bg_pink_400 - , lg__bg_pink_500 - , lg__bg_pink_600 - , lg__bg_pink_700 - , lg__bg_pink_800 - , lg__bg_pink_900 - , lg__bg_purple_100 - , lg__bg_purple_200 - , lg__bg_purple_300 - , lg__bg_purple_400 - , lg__bg_purple_500 - , lg__bg_purple_600 - , lg__bg_purple_700 - , lg__bg_purple_800 - , lg__bg_purple_900 - , lg__bg_red_100 - , lg__bg_red_200 - , lg__bg_red_300 - , lg__bg_red_400 - , lg__bg_red_500 - , lg__bg_red_600 - , lg__bg_red_700 - , lg__bg_red_800 - , lg__bg_red_900 - , lg__bg_repeat - , lg__bg_repeat_round - , lg__bg_repeat_space - , lg__bg_repeat_x - , lg__bg_repeat_y - , lg__bg_right - , lg__bg_right_bottom - , lg__bg_right_top - , lg__bg_scroll - , lg__bg_teal_100 - , lg__bg_teal_200 - , lg__bg_teal_300 - , lg__bg_teal_400 - , lg__bg_teal_500 - , lg__bg_teal_600 - , lg__bg_teal_700 - , lg__bg_teal_800 - , lg__bg_teal_900 - , lg__bg_top - , lg__bg_transparent - , lg__bg_white - , lg__bg_yellow_100 - , lg__bg_yellow_200 - , lg__bg_yellow_300 - , lg__bg_yellow_400 - , lg__bg_yellow_500 - , lg__bg_yellow_600 - , lg__bg_yellow_700 - , lg__bg_yellow_800 - , lg__bg_yellow_900 - , lg__block - , lg__border - , lg__border_0 - , lg__border_2 - , lg__border_4 - , lg__border_8 - , lg__border_b - , lg__border_b_0 - , lg__border_b_2 - , lg__border_b_4 - , lg__border_b_8 - , lg__border_black - , lg__border_blue_100 - , lg__border_blue_200 - , lg__border_blue_300 - , lg__border_blue_400 - , lg__border_blue_500 - , lg__border_blue_600 - , lg__border_blue_700 - , lg__border_blue_800 - , lg__border_blue_900 - , lg__border_collapse - , lg__border_current - , lg__border_dashed - , lg__border_dotted - , lg__border_double - , lg__border_gray_100 - , lg__border_gray_200 - , lg__border_gray_300 - , lg__border_gray_400 - , lg__border_gray_500 - , lg__border_gray_600 - , lg__border_gray_700 - , lg__border_gray_800 - , lg__border_gray_900 - , lg__border_green_100 - , lg__border_green_200 - , lg__border_green_300 - , lg__border_green_400 - , lg__border_green_500 - , lg__border_green_600 - , lg__border_green_700 - , lg__border_green_800 - , lg__border_green_900 - , lg__border_indigo_100 - , lg__border_indigo_200 - , lg__border_indigo_300 - , lg__border_indigo_400 - , lg__border_indigo_500 - , lg__border_indigo_600 - , lg__border_indigo_700 - , lg__border_indigo_800 - , lg__border_indigo_900 - , lg__border_l - , lg__border_l_0 - , lg__border_l_2 - , lg__border_l_4 - , lg__border_l_8 - , lg__border_none - , lg__border_orange_100 - , lg__border_orange_200 - , lg__border_orange_300 - , lg__border_orange_400 - , lg__border_orange_500 - , lg__border_orange_600 - , lg__border_orange_700 - , lg__border_orange_800 - , lg__border_orange_900 - , lg__border_pink_100 - , lg__border_pink_200 - , lg__border_pink_300 - , lg__border_pink_400 - , lg__border_pink_500 - , lg__border_pink_600 - , lg__border_pink_700 - , lg__border_pink_800 - , lg__border_pink_900 - , lg__border_purple_100 - , lg__border_purple_200 - , lg__border_purple_300 - , lg__border_purple_400 - , lg__border_purple_500 - , lg__border_purple_600 - , lg__border_purple_700 - , lg__border_purple_800 - , lg__border_purple_900 - , lg__border_r - , lg__border_r_0 - , lg__border_r_2 - , lg__border_r_4 - , lg__border_r_8 - , lg__border_red_100 - , lg__border_red_200 - , lg__border_red_300 - , lg__border_red_400 - , lg__border_red_500 - , lg__border_red_600 - , lg__border_red_700 - , lg__border_red_800 - , lg__border_red_900 - , lg__border_separate - , lg__border_solid - , lg__border_t - , lg__border_t_0 - , lg__border_t_2 - , lg__border_t_4 - , lg__border_t_8 - , lg__border_teal_100 - , lg__border_teal_200 - , lg__border_teal_300 - , lg__border_teal_400 - , lg__border_teal_500 - , lg__border_teal_600 - , lg__border_teal_700 - , lg__border_teal_800 - , lg__border_teal_900 - , lg__border_transparent - , lg__border_white - , lg__border_yellow_100 - , lg__border_yellow_200 - , lg__border_yellow_300 - , lg__border_yellow_400 - , lg__border_yellow_500 - , lg__border_yellow_600 - , lg__border_yellow_700 - , lg__border_yellow_800 - , lg__border_yellow_900 - , lg__bottom_0 - , lg__bottom_auto - , lg__box_border - , lg__box_content - , lg__break_all - , lg__break_normal - , lg__break_words - , lg__capitalize - , lg__clear_both - , lg__clear_left - , lg__clear_none - , lg__clear_right - , lg__clearfix - , lg__container - , lg__content_around - , lg__content_between - , lg__content_center - , lg__content_end - , lg__content_start - , lg__cursor_auto - , lg__cursor_default - , lg__cursor_move - , lg__cursor_not_allowed - , lg__cursor_pointer - , lg__cursor_text - , lg__cursor_wait - , lg__divide_black - , lg__divide_blue_100 - , lg__divide_blue_200 - , lg__divide_blue_300 - , lg__divide_blue_400 - , lg__divide_blue_500 - , lg__divide_blue_600 - , lg__divide_blue_700 - , lg__divide_blue_800 - , lg__divide_blue_900 - , lg__divide_current - , lg__divide_gray_100 - , lg__divide_gray_200 - , lg__divide_gray_300 - , lg__divide_gray_400 - , lg__divide_gray_500 - , lg__divide_gray_600 - , lg__divide_gray_700 - , lg__divide_gray_800 - , lg__divide_gray_900 - , lg__divide_green_100 - , lg__divide_green_200 - , lg__divide_green_300 - , lg__divide_green_400 - , lg__divide_green_500 - , lg__divide_green_600 - , lg__divide_green_700 - , lg__divide_green_800 - , lg__divide_green_900 - , lg__divide_indigo_100 - , lg__divide_indigo_200 - , lg__divide_indigo_300 - , lg__divide_indigo_400 - , lg__divide_indigo_500 - , lg__divide_indigo_600 - , lg__divide_indigo_700 - , lg__divide_indigo_800 - , lg__divide_indigo_900 - , lg__divide_orange_100 - , lg__divide_orange_200 - , lg__divide_orange_300 - , lg__divide_orange_400 - , lg__divide_orange_500 - , lg__divide_orange_600 - , lg__divide_orange_700 - , lg__divide_orange_800 - , lg__divide_orange_900 - , lg__divide_pink_100 - , lg__divide_pink_200 - , lg__divide_pink_300 - , lg__divide_pink_400 - , lg__divide_pink_500 - , lg__divide_pink_600 - , lg__divide_pink_700 - , lg__divide_pink_800 - , lg__divide_pink_900 - , lg__divide_purple_100 - , lg__divide_purple_200 - , lg__divide_purple_300 - , lg__divide_purple_400 - , lg__divide_purple_500 - , lg__divide_purple_600 - , lg__divide_purple_700 - , lg__divide_purple_800 - , lg__divide_purple_900 - , lg__divide_red_100 - , lg__divide_red_200 - , lg__divide_red_300 - , lg__divide_red_400 - , lg__divide_red_500 - , lg__divide_red_600 - , lg__divide_red_700 - , lg__divide_red_800 - , lg__divide_red_900 - , lg__divide_teal_100 - , lg__divide_teal_200 - , lg__divide_teal_300 - , lg__divide_teal_400 - , lg__divide_teal_500 - , lg__divide_teal_600 - , lg__divide_teal_700 - , lg__divide_teal_800 - , lg__divide_teal_900 - , lg__divide_transparent - , lg__divide_white - , lg__divide_yellow_100 - , lg__divide_yellow_200 - , lg__divide_yellow_300 - , lg__divide_yellow_400 - , lg__divide_yellow_500 - , lg__divide_yellow_600 - , lg__divide_yellow_700 - , lg__divide_yellow_800 - , lg__divide_yellow_900 - , lg__fill_current - , lg__fixed - , lg__flex - , lg__flex_1 - , lg__flex_auto - , lg__flex_col - , lg__flex_col_reverse - , lg__flex_grow - , lg__flex_grow_0 - , lg__flex_initial - , lg__flex_no_wrap - , lg__flex_none - , lg__flex_row - , lg__flex_row_reverse - , lg__flex_shrink - , lg__flex_shrink_0 - , lg__flex_wrap - , lg__flex_wrap_reverse - , lg__float_left - , lg__float_none - , lg__float_right - , lg__flow_root - , lg__focus__bg_black - , lg__focus__bg_blue_100 - , lg__focus__bg_blue_200 - , lg__focus__bg_blue_300 - , lg__focus__bg_blue_400 - , lg__focus__bg_blue_500 - , lg__focus__bg_blue_600 - , lg__focus__bg_blue_700 - , lg__focus__bg_blue_800 - , lg__focus__bg_blue_900 - , lg__focus__bg_current - , lg__focus__bg_gray_100 - , lg__focus__bg_gray_200 - , lg__focus__bg_gray_300 - , lg__focus__bg_gray_400 - , lg__focus__bg_gray_500 - , lg__focus__bg_gray_600 - , lg__focus__bg_gray_700 - , lg__focus__bg_gray_800 - , lg__focus__bg_gray_900 - , lg__focus__bg_green_100 - , lg__focus__bg_green_200 - , lg__focus__bg_green_300 - , lg__focus__bg_green_400 - , lg__focus__bg_green_500 - , lg__focus__bg_green_600 - , lg__focus__bg_green_700 - , lg__focus__bg_green_800 - , lg__focus__bg_green_900 - , lg__focus__bg_indigo_100 - , lg__focus__bg_indigo_200 - , lg__focus__bg_indigo_300 - , lg__focus__bg_indigo_400 - , lg__focus__bg_indigo_500 - , lg__focus__bg_indigo_600 - , lg__focus__bg_indigo_700 - , lg__focus__bg_indigo_800 - , lg__focus__bg_indigo_900 - , lg__focus__bg_orange_100 - , lg__focus__bg_orange_200 - , lg__focus__bg_orange_300 - , lg__focus__bg_orange_400 - , lg__focus__bg_orange_500 - , lg__focus__bg_orange_600 - , lg__focus__bg_orange_700 - , lg__focus__bg_orange_800 - , lg__focus__bg_orange_900 - , lg__focus__bg_pink_100 - , lg__focus__bg_pink_200 - , lg__focus__bg_pink_300 - , lg__focus__bg_pink_400 - , lg__focus__bg_pink_500 - , lg__focus__bg_pink_600 - , lg__focus__bg_pink_700 - , lg__focus__bg_pink_800 - , lg__focus__bg_pink_900 - , lg__focus__bg_purple_100 - , lg__focus__bg_purple_200 - , lg__focus__bg_purple_300 - , lg__focus__bg_purple_400 - , lg__focus__bg_purple_500 - , lg__focus__bg_purple_600 - , lg__focus__bg_purple_700 - , lg__focus__bg_purple_800 - , lg__focus__bg_purple_900 - , lg__focus__bg_red_100 - , lg__focus__bg_red_200 - , lg__focus__bg_red_300 - , lg__focus__bg_red_400 - , lg__focus__bg_red_500 - , lg__focus__bg_red_600 - , lg__focus__bg_red_700 - , lg__focus__bg_red_800 - , lg__focus__bg_red_900 - , lg__focus__bg_teal_100 - , lg__focus__bg_teal_200 - , lg__focus__bg_teal_300 - , lg__focus__bg_teal_400 - , lg__focus__bg_teal_500 - , lg__focus__bg_teal_600 - , lg__focus__bg_teal_700 - , lg__focus__bg_teal_800 - , lg__focus__bg_teal_900 - , lg__focus__bg_transparent - , lg__focus__bg_white - , lg__focus__bg_yellow_100 - , lg__focus__bg_yellow_200 - , lg__focus__bg_yellow_300 - , lg__focus__bg_yellow_400 - , lg__focus__bg_yellow_500 - , lg__focus__bg_yellow_600 - , lg__focus__bg_yellow_700 - , lg__focus__bg_yellow_800 - , lg__focus__bg_yellow_900 - , lg__focus__border_black - , lg__focus__border_blue_100 - , lg__focus__border_blue_200 - , lg__focus__border_blue_300 - , lg__focus__border_blue_400 - , lg__focus__border_blue_500 - , lg__focus__border_blue_600 - , lg__focus__border_blue_700 - , lg__focus__border_blue_800 - , lg__focus__border_blue_900 - , lg__focus__border_current - , lg__focus__border_gray_100 - , lg__focus__border_gray_200 - , lg__focus__border_gray_300 - , lg__focus__border_gray_400 - , lg__focus__border_gray_500 - , lg__focus__border_gray_600 - , lg__focus__border_gray_700 - , lg__focus__border_gray_800 - , lg__focus__border_gray_900 - , lg__focus__border_green_100 - , lg__focus__border_green_200 - , lg__focus__border_green_300 - , lg__focus__border_green_400 - , lg__focus__border_green_500 - , lg__focus__border_green_600 - , lg__focus__border_green_700 - , lg__focus__border_green_800 - , lg__focus__border_green_900 - , lg__focus__border_indigo_100 - , lg__focus__border_indigo_200 - , lg__focus__border_indigo_300 - , lg__focus__border_indigo_400 - , lg__focus__border_indigo_500 - , lg__focus__border_indigo_600 - , lg__focus__border_indigo_700 - , lg__focus__border_indigo_800 - , lg__focus__border_indigo_900 - , lg__focus__border_orange_100 - , lg__focus__border_orange_200 - , lg__focus__border_orange_300 - , lg__focus__border_orange_400 - , lg__focus__border_orange_500 - , lg__focus__border_orange_600 - , lg__focus__border_orange_700 - , lg__focus__border_orange_800 - , lg__focus__border_orange_900 - , lg__focus__border_pink_100 - , lg__focus__border_pink_200 - , lg__focus__border_pink_300 - , lg__focus__border_pink_400 - , lg__focus__border_pink_500 - , lg__focus__border_pink_600 - , lg__focus__border_pink_700 - , lg__focus__border_pink_800 - , lg__focus__border_pink_900 - , lg__focus__border_purple_100 - , lg__focus__border_purple_200 - , lg__focus__border_purple_300 - , lg__focus__border_purple_400 - , lg__focus__border_purple_500 - , lg__focus__border_purple_600 - , lg__focus__border_purple_700 - , lg__focus__border_purple_800 - , lg__focus__border_purple_900 - , lg__focus__border_red_100 - , lg__focus__border_red_200 - , lg__focus__border_red_300 - , lg__focus__border_red_400 - , lg__focus__border_red_500 - , lg__focus__border_red_600 - , lg__focus__border_red_700 - , lg__focus__border_red_800 - , lg__focus__border_red_900 - , lg__focus__border_teal_100 - , lg__focus__border_teal_200 - , lg__focus__border_teal_300 - , lg__focus__border_teal_400 - , lg__focus__border_teal_500 - , lg__focus__border_teal_600 - , lg__focus__border_teal_700 - , lg__focus__border_teal_800 - , lg__focus__border_teal_900 - , lg__focus__border_transparent - , lg__focus__border_white - , lg__focus__border_yellow_100 - , lg__focus__border_yellow_200 - , lg__focus__border_yellow_300 - , lg__focus__border_yellow_400 - , lg__focus__border_yellow_500 - , lg__focus__border_yellow_600 - , lg__focus__border_yellow_700 - , lg__focus__border_yellow_800 - , lg__focus__border_yellow_900 - , lg__focus__font_black - , lg__focus__font_bold - , lg__focus__font_extrabold - , lg__focus__font_hairline - , lg__focus__font_light - , lg__focus__font_medium - , lg__focus__font_normal - , lg__focus__font_semibold - , lg__focus__font_thin - , lg__focus__line_through - , lg__focus__no_underline - , lg__focus__not_sr_only - , lg__focus__opacity_0 - , lg__focus__opacity_100 - , lg__focus__opacity_25 - , lg__focus__opacity_50 - , lg__focus__opacity_75 - , lg__focus__outline_none - , lg__focus__placeholder_black - , lg__focus__placeholder_blue_100 - , lg__focus__placeholder_blue_200 - , lg__focus__placeholder_blue_300 - , lg__focus__placeholder_blue_400 - , lg__focus__placeholder_blue_500 - , lg__focus__placeholder_blue_600 - , lg__focus__placeholder_blue_700 - , lg__focus__placeholder_blue_800 - , lg__focus__placeholder_blue_900 - , lg__focus__placeholder_current - , lg__focus__placeholder_gray_100 - , lg__focus__placeholder_gray_200 - , lg__focus__placeholder_gray_300 - , lg__focus__placeholder_gray_400 - , lg__focus__placeholder_gray_500 - , lg__focus__placeholder_gray_600 - , lg__focus__placeholder_gray_700 - , lg__focus__placeholder_gray_800 - , lg__focus__placeholder_gray_900 - , lg__focus__placeholder_green_100 - , lg__focus__placeholder_green_200 - , lg__focus__placeholder_green_300 - , lg__focus__placeholder_green_400 - , lg__focus__placeholder_green_500 - , lg__focus__placeholder_green_600 - , lg__focus__placeholder_green_700 - , lg__focus__placeholder_green_800 - , lg__focus__placeholder_green_900 - , lg__focus__placeholder_indigo_100 - , lg__focus__placeholder_indigo_200 - , lg__focus__placeholder_indigo_300 - , lg__focus__placeholder_indigo_400 - , lg__focus__placeholder_indigo_500 - , lg__focus__placeholder_indigo_600 - , lg__focus__placeholder_indigo_700 - , lg__focus__placeholder_indigo_800 - , lg__focus__placeholder_indigo_900 - , lg__focus__placeholder_orange_100 - , lg__focus__placeholder_orange_200 - , lg__focus__placeholder_orange_300 - , lg__focus__placeholder_orange_400 - , lg__focus__placeholder_orange_500 - , lg__focus__placeholder_orange_600 - , lg__focus__placeholder_orange_700 - , lg__focus__placeholder_orange_800 - , lg__focus__placeholder_orange_900 - , lg__focus__placeholder_pink_100 - , lg__focus__placeholder_pink_200 - , lg__focus__placeholder_pink_300 - , lg__focus__placeholder_pink_400 - , lg__focus__placeholder_pink_500 - , lg__focus__placeholder_pink_600 - , lg__focus__placeholder_pink_700 - , lg__focus__placeholder_pink_800 - , lg__focus__placeholder_pink_900 - , lg__focus__placeholder_purple_100 - , lg__focus__placeholder_purple_200 - , lg__focus__placeholder_purple_300 - , lg__focus__placeholder_purple_400 - , lg__focus__placeholder_purple_500 - , lg__focus__placeholder_purple_600 - , lg__focus__placeholder_purple_700 - , lg__focus__placeholder_purple_800 - , lg__focus__placeholder_purple_900 - , lg__focus__placeholder_red_100 - , lg__focus__placeholder_red_200 - , lg__focus__placeholder_red_300 - , lg__focus__placeholder_red_400 - , lg__focus__placeholder_red_500 - , lg__focus__placeholder_red_600 - , lg__focus__placeholder_red_700 - , lg__focus__placeholder_red_800 - , lg__focus__placeholder_red_900 - , lg__focus__placeholder_teal_100 - , lg__focus__placeholder_teal_200 - , lg__focus__placeholder_teal_300 - , lg__focus__placeholder_teal_400 - , lg__focus__placeholder_teal_500 - , lg__focus__placeholder_teal_600 - , lg__focus__placeholder_teal_700 - , lg__focus__placeholder_teal_800 - , lg__focus__placeholder_teal_900 - , lg__focus__placeholder_transparent - , lg__focus__placeholder_white - , lg__focus__placeholder_yellow_100 - , lg__focus__placeholder_yellow_200 - , lg__focus__placeholder_yellow_300 - , lg__focus__placeholder_yellow_400 - , lg__focus__placeholder_yellow_500 - , lg__focus__placeholder_yellow_600 - , lg__focus__placeholder_yellow_700 - , lg__focus__placeholder_yellow_800 - , lg__focus__placeholder_yellow_900 - , lg__focus__shadow - , lg__focus__shadow_2xl - , lg__focus__shadow_inner - , lg__focus__shadow_lg - , lg__focus__shadow_md - , lg__focus__shadow_none - , lg__focus__shadow_outline - , lg__focus__shadow_sm - , lg__focus__shadow_xl - , lg__focus__shadow_xs - , lg__focus__sr_only - , lg__focus__text_black - , lg__focus__text_blue_100 - , lg__focus__text_blue_200 - , lg__focus__text_blue_300 - , lg__focus__text_blue_400 - , lg__focus__text_blue_500 - , lg__focus__text_blue_600 - , lg__focus__text_blue_700 - , lg__focus__text_blue_800 - , lg__focus__text_blue_900 - , lg__focus__text_current - , lg__focus__text_gray_100 - , lg__focus__text_gray_200 - , lg__focus__text_gray_300 - , lg__focus__text_gray_400 - , lg__focus__text_gray_500 - , lg__focus__text_gray_600 - , lg__focus__text_gray_700 - , lg__focus__text_gray_800 - , lg__focus__text_gray_900 - , lg__focus__text_green_100 - , lg__focus__text_green_200 - , lg__focus__text_green_300 - , lg__focus__text_green_400 - , lg__focus__text_green_500 - , lg__focus__text_green_600 - , lg__focus__text_green_700 - , lg__focus__text_green_800 - , lg__focus__text_green_900 - , lg__focus__text_indigo_100 - , lg__focus__text_indigo_200 - , lg__focus__text_indigo_300 - , lg__focus__text_indigo_400 - , lg__focus__text_indigo_500 - , lg__focus__text_indigo_600 - , lg__focus__text_indigo_700 - , lg__focus__text_indigo_800 - , lg__focus__text_indigo_900 - , lg__focus__text_orange_100 - , lg__focus__text_orange_200 - , lg__focus__text_orange_300 - , lg__focus__text_orange_400 - , lg__focus__text_orange_500 - , lg__focus__text_orange_600 - , lg__focus__text_orange_700 - , lg__focus__text_orange_800 - , lg__focus__text_orange_900 - , lg__focus__text_pink_100 - , lg__focus__text_pink_200 - , lg__focus__text_pink_300 - , lg__focus__text_pink_400 - , lg__focus__text_pink_500 - , lg__focus__text_pink_600 - , lg__focus__text_pink_700 - , lg__focus__text_pink_800 - , lg__focus__text_pink_900 - , lg__focus__text_purple_100 - , lg__focus__text_purple_200 - , lg__focus__text_purple_300 - , lg__focus__text_purple_400 - , lg__focus__text_purple_500 - , lg__focus__text_purple_600 - , lg__focus__text_purple_700 - , lg__focus__text_purple_800 - , lg__focus__text_purple_900 - , lg__focus__text_red_100 - , lg__focus__text_red_200 - , lg__focus__text_red_300 - , lg__focus__text_red_400 - , lg__focus__text_red_500 - , lg__focus__text_red_600 - , lg__focus__text_red_700 - , lg__focus__text_red_800 - , lg__focus__text_red_900 - , lg__focus__text_teal_100 - , lg__focus__text_teal_200 - , lg__focus__text_teal_300 - , lg__focus__text_teal_400 - , lg__focus__text_teal_500 - , lg__focus__text_teal_600 - , lg__focus__text_teal_700 - , lg__focus__text_teal_800 - , lg__focus__text_teal_900 - , lg__focus__text_transparent - , lg__focus__text_white - , lg__focus__text_yellow_100 - , lg__focus__text_yellow_200 - , lg__focus__text_yellow_300 - , lg__focus__text_yellow_400 - , lg__focus__text_yellow_500 - , lg__focus__text_yellow_600 - , lg__focus__text_yellow_700 - , lg__focus__text_yellow_800 - , lg__focus__text_yellow_900 - , lg__focus__underline - , lg__font_black - , lg__font_bold - , lg__font_extrabold - , lg__font_hairline - , lg__font_light - , lg__font_medium - , lg__font_mono - , lg__font_normal - , lg__font_sans - , lg__font_semibold - , lg__font_serif - , lg__font_thin - , lg__grid - , lg__h_0 - , lg__h_1 - , lg__h_10 - , lg__h_12 - , lg__h_16 - , lg__h_2 - , lg__h_20 - , lg__h_24 - , lg__h_3 - , lg__h_32 - , lg__h_4 - , lg__h_40 - , lg__h_48 - , lg__h_5 - , lg__h_56 - , lg__h_6 - , lg__h_64 - , lg__h_8 - , lg__h_auto - , lg__h_full - , lg__h_px - , lg__h_screen - , lg__hidden - , lg__hover__bg_black - , lg__hover__bg_blue_100 - , lg__hover__bg_blue_200 - , lg__hover__bg_blue_300 - , lg__hover__bg_blue_400 - , lg__hover__bg_blue_500 - , lg__hover__bg_blue_600 - , lg__hover__bg_blue_700 - , lg__hover__bg_blue_800 - , lg__hover__bg_blue_900 - , lg__hover__bg_current - , lg__hover__bg_gray_100 - , lg__hover__bg_gray_200 - , lg__hover__bg_gray_300 - , lg__hover__bg_gray_400 - , lg__hover__bg_gray_500 - , lg__hover__bg_gray_600 - , lg__hover__bg_gray_700 - , lg__hover__bg_gray_800 - , lg__hover__bg_gray_900 - , lg__hover__bg_green_100 - , lg__hover__bg_green_200 - , lg__hover__bg_green_300 - , lg__hover__bg_green_400 - , lg__hover__bg_green_500 - , lg__hover__bg_green_600 - , lg__hover__bg_green_700 - , lg__hover__bg_green_800 - , lg__hover__bg_green_900 - , lg__hover__bg_indigo_100 - , lg__hover__bg_indigo_200 - , lg__hover__bg_indigo_300 - , lg__hover__bg_indigo_400 - , lg__hover__bg_indigo_500 - , lg__hover__bg_indigo_600 - , lg__hover__bg_indigo_700 - , lg__hover__bg_indigo_800 - , lg__hover__bg_indigo_900 - , lg__hover__bg_orange_100 - , lg__hover__bg_orange_200 - , lg__hover__bg_orange_300 - , lg__hover__bg_orange_400 - , lg__hover__bg_orange_500 - , lg__hover__bg_orange_600 - , lg__hover__bg_orange_700 - , lg__hover__bg_orange_800 - , lg__hover__bg_orange_900 - , lg__hover__bg_pink_100 - , lg__hover__bg_pink_200 - , lg__hover__bg_pink_300 - , lg__hover__bg_pink_400 - , lg__hover__bg_pink_500 - , lg__hover__bg_pink_600 - , lg__hover__bg_pink_700 - , lg__hover__bg_pink_800 - , lg__hover__bg_pink_900 - , lg__hover__bg_purple_100 - , lg__hover__bg_purple_200 - , lg__hover__bg_purple_300 - , lg__hover__bg_purple_400 - , lg__hover__bg_purple_500 - , lg__hover__bg_purple_600 - , lg__hover__bg_purple_700 - , lg__hover__bg_purple_800 - , lg__hover__bg_purple_900 - , lg__hover__bg_red_100 - , lg__hover__bg_red_200 - , lg__hover__bg_red_300 - , lg__hover__bg_red_400 - , lg__hover__bg_red_500 - , lg__hover__bg_red_600 - , lg__hover__bg_red_700 - , lg__hover__bg_red_800 - , lg__hover__bg_red_900 - , lg__hover__bg_teal_100 - , lg__hover__bg_teal_200 - , lg__hover__bg_teal_300 - , lg__hover__bg_teal_400 - , lg__hover__bg_teal_500 - , lg__hover__bg_teal_600 - , lg__hover__bg_teal_700 - , lg__hover__bg_teal_800 - , lg__hover__bg_teal_900 - , lg__hover__bg_transparent - , lg__hover__bg_white - , lg__hover__bg_yellow_100 - , lg__hover__bg_yellow_200 - , lg__hover__bg_yellow_300 - , lg__hover__bg_yellow_400 - , lg__hover__bg_yellow_500 - , lg__hover__bg_yellow_600 - , lg__hover__bg_yellow_700 - , lg__hover__bg_yellow_800 - , lg__hover__bg_yellow_900 - , lg__hover__border_black - , lg__hover__border_blue_100 - , lg__hover__border_blue_200 - , lg__hover__border_blue_300 - , lg__hover__border_blue_400 - , lg__hover__border_blue_500 - , lg__hover__border_blue_600 - , lg__hover__border_blue_700 - , lg__hover__border_blue_800 - , lg__hover__border_blue_900 - , lg__hover__border_current - , lg__hover__border_gray_100 - , lg__hover__border_gray_200 - , lg__hover__border_gray_300 - , lg__hover__border_gray_400 - , lg__hover__border_gray_500 - , lg__hover__border_gray_600 - , lg__hover__border_gray_700 - , lg__hover__border_gray_800 - , lg__hover__border_gray_900 - , lg__hover__border_green_100 - , lg__hover__border_green_200 - , lg__hover__border_green_300 - , lg__hover__border_green_400 - , lg__hover__border_green_500 - , lg__hover__border_green_600 - , lg__hover__border_green_700 - , lg__hover__border_green_800 - , lg__hover__border_green_900 - , lg__hover__border_indigo_100 - , lg__hover__border_indigo_200 - , lg__hover__border_indigo_300 - , lg__hover__border_indigo_400 - , lg__hover__border_indigo_500 - , lg__hover__border_indigo_600 - , lg__hover__border_indigo_700 - , lg__hover__border_indigo_800 - , lg__hover__border_indigo_900 - , lg__hover__border_orange_100 - , lg__hover__border_orange_200 - , lg__hover__border_orange_300 - , lg__hover__border_orange_400 - , lg__hover__border_orange_500 - , lg__hover__border_orange_600 - , lg__hover__border_orange_700 - , lg__hover__border_orange_800 - , lg__hover__border_orange_900 - , lg__hover__border_pink_100 - , lg__hover__border_pink_200 - , lg__hover__border_pink_300 - , lg__hover__border_pink_400 - , lg__hover__border_pink_500 - , lg__hover__border_pink_600 - , lg__hover__border_pink_700 - , lg__hover__border_pink_800 - , lg__hover__border_pink_900 - , lg__hover__border_purple_100 - , lg__hover__border_purple_200 - , lg__hover__border_purple_300 - , lg__hover__border_purple_400 - , lg__hover__border_purple_500 - , lg__hover__border_purple_600 - , lg__hover__border_purple_700 - , lg__hover__border_purple_800 - , lg__hover__border_purple_900 - , lg__hover__border_red_100 - , lg__hover__border_red_200 - , lg__hover__border_red_300 - , lg__hover__border_red_400 - , lg__hover__border_red_500 - , lg__hover__border_red_600 - , lg__hover__border_red_700 - , lg__hover__border_red_800 - , lg__hover__border_red_900 - , lg__hover__border_teal_100 - , lg__hover__border_teal_200 - , lg__hover__border_teal_300 - , lg__hover__border_teal_400 - , lg__hover__border_teal_500 - , lg__hover__border_teal_600 - , lg__hover__border_teal_700 - , lg__hover__border_teal_800 - , lg__hover__border_teal_900 - , lg__hover__border_transparent - , lg__hover__border_white - , lg__hover__border_yellow_100 - , lg__hover__border_yellow_200 - , lg__hover__border_yellow_300 - , lg__hover__border_yellow_400 - , lg__hover__border_yellow_500 - , lg__hover__border_yellow_600 - , lg__hover__border_yellow_700 - , lg__hover__border_yellow_800 - , lg__hover__border_yellow_900 - , lg__hover__font_black - , lg__hover__font_bold - , lg__hover__font_extrabold - , lg__hover__font_hairline - , lg__hover__font_light - , lg__hover__font_medium - , lg__hover__font_normal - , lg__hover__font_semibold - , lg__hover__font_thin - , lg__hover__line_through - , lg__hover__no_underline - , lg__hover__opacity_0 - , lg__hover__opacity_100 - , lg__hover__opacity_25 - , lg__hover__opacity_50 - , lg__hover__opacity_75 - , lg__hover__shadow - , lg__hover__shadow_2xl - , lg__hover__shadow_inner - , lg__hover__shadow_lg - , lg__hover__shadow_md - , lg__hover__shadow_none - , lg__hover__shadow_outline - , lg__hover__shadow_sm - , lg__hover__shadow_xl - , lg__hover__shadow_xs - , lg__hover__text_black - , lg__hover__text_blue_100 - , lg__hover__text_blue_200 - , lg__hover__text_blue_300 - , lg__hover__text_blue_400 - , lg__hover__text_blue_500 - , lg__hover__text_blue_600 - , lg__hover__text_blue_700 - , lg__hover__text_blue_800 - , lg__hover__text_blue_900 - , lg__hover__text_current - , lg__hover__text_gray_100 - , lg__hover__text_gray_200 - , lg__hover__text_gray_300 - , lg__hover__text_gray_400 - , lg__hover__text_gray_500 - , lg__hover__text_gray_600 - , lg__hover__text_gray_700 - , lg__hover__text_gray_800 - , lg__hover__text_gray_900 - , lg__hover__text_green_100 - , lg__hover__text_green_200 - , lg__hover__text_green_300 - , lg__hover__text_green_400 - , lg__hover__text_green_500 - , lg__hover__text_green_600 - , lg__hover__text_green_700 - , lg__hover__text_green_800 - , lg__hover__text_green_900 - , lg__hover__text_indigo_100 - , lg__hover__text_indigo_200 - , lg__hover__text_indigo_300 - , lg__hover__text_indigo_400 - , lg__hover__text_indigo_500 - , lg__hover__text_indigo_600 - , lg__hover__text_indigo_700 - , lg__hover__text_indigo_800 - , lg__hover__text_indigo_900 - , lg__hover__text_orange_100 - , lg__hover__text_orange_200 - , lg__hover__text_orange_300 - , lg__hover__text_orange_400 - , lg__hover__text_orange_500 - , lg__hover__text_orange_600 - , lg__hover__text_orange_700 - , lg__hover__text_orange_800 - , lg__hover__text_orange_900 - , lg__hover__text_pink_100 - , lg__hover__text_pink_200 - , lg__hover__text_pink_300 - , lg__hover__text_pink_400 - , lg__hover__text_pink_500 - , lg__hover__text_pink_600 - , lg__hover__text_pink_700 - , lg__hover__text_pink_800 - , lg__hover__text_pink_900 - , lg__hover__text_purple_100 - , lg__hover__text_purple_200 - , lg__hover__text_purple_300 - , lg__hover__text_purple_400 - , lg__hover__text_purple_500 - , lg__hover__text_purple_600 - , lg__hover__text_purple_700 - , lg__hover__text_purple_800 - , lg__hover__text_purple_900 - , lg__hover__text_red_100 - , lg__hover__text_red_200 - , lg__hover__text_red_300 - , lg__hover__text_red_400 - , lg__hover__text_red_500 - , lg__hover__text_red_600 - , lg__hover__text_red_700 - , lg__hover__text_red_800 - , lg__hover__text_red_900 - , lg__hover__text_teal_100 - , lg__hover__text_teal_200 - , lg__hover__text_teal_300 - , lg__hover__text_teal_400 - , lg__hover__text_teal_500 - , lg__hover__text_teal_600 - , lg__hover__text_teal_700 - , lg__hover__text_teal_800 - , lg__hover__text_teal_900 - , lg__hover__text_transparent - , lg__hover__text_white - , lg__hover__text_yellow_100 - , lg__hover__text_yellow_200 - , lg__hover__text_yellow_300 - , lg__hover__text_yellow_400 - , lg__hover__text_yellow_500 - , lg__hover__text_yellow_600 - , lg__hover__text_yellow_700 - , lg__hover__text_yellow_800 - , lg__hover__text_yellow_900 - , lg__hover__underline - , lg__inline - , lg__inline_block - , lg__inline_flex - , lg__inline_grid - , lg__inset_0 - , lg__inset_auto - , lg__inset_x_0 - , lg__inset_x_auto - , lg__inset_y_0 - , lg__inset_y_auto - , lg__invisible - , lg__italic - , lg__items_baseline - , lg__items_center - , lg__items_end - , lg__items_start - , lg__items_stretch - , lg__justify_around - , lg__justify_between - , lg__justify_center - , lg__justify_end - , lg__justify_evenly - , lg__justify_start - , lg__leading_10 - , lg__leading_3 - , lg__leading_4 - , lg__leading_5 - , lg__leading_6 - , lg__leading_7 - , lg__leading_8 - , lg__leading_9 - , lg__leading_loose - , lg__leading_none - , lg__leading_normal - , lg__leading_relaxed - , lg__leading_snug - , lg__leading_tight - , lg__left_0 - , lg__left_auto - , lg__line_through - , lg__list_decimal - , lg__list_disc - , lg__list_inside - , lg__list_none - , lg__list_outside - , lg__lowercase - , lg__m_0 - , lg__m_1 - , lg__m_10 - , lg__m_12 - , lg__m_16 - , lg__m_2 - , lg__m_20 - , lg__m_24 - , lg__m_3 - , lg__m_32 - , lg__m_4 - , lg__m_40 - , lg__m_48 - , lg__m_5 - , lg__m_56 - , lg__m_6 - , lg__m_64 - , lg__m_8 - , lg__m_auto - , lg__m_px - , lg__max_h_full - , lg__max_h_screen - , lg__max_w_2xl - , lg__max_w_3xl - , lg__max_w_4xl - , lg__max_w_5xl - , lg__max_w_6xl - , lg__max_w_full - , lg__max_w_lg - , lg__max_w_md - , lg__max_w_none - , lg__max_w_screen_lg - , lg__max_w_screen_md - , lg__max_w_screen_sm - , lg__max_w_screen_xl - , lg__max_w_sm - , lg__max_w_xl - , lg__max_w_xs - , lg__mb_0 - , lg__mb_1 - , lg__mb_10 - , lg__mb_12 - , lg__mb_16 - , lg__mb_2 - , lg__mb_20 - , lg__mb_24 - , lg__mb_3 - , lg__mb_32 - , lg__mb_4 - , lg__mb_40 - , lg__mb_48 - , lg__mb_5 - , lg__mb_56 - , lg__mb_6 - , lg__mb_64 - , lg__mb_8 - , lg__mb_auto - , lg__mb_px - , lg__min_h_0 - , lg__min_h_full - , lg__min_h_screen - , lg__min_w_0 - , lg__min_w_full - , lg__ml_0 - , lg__ml_1 - , lg__ml_10 - , lg__ml_12 - , lg__ml_16 - , lg__ml_2 - , lg__ml_20 - , lg__ml_24 - , lg__ml_3 - , lg__ml_32 - , lg__ml_4 - , lg__ml_40 - , lg__ml_48 - , lg__ml_5 - , lg__ml_56 - , lg__ml_6 - , lg__ml_64 - , lg__ml_8 - , lg__ml_auto - , lg__ml_px - , lg__mr_0 - , lg__mr_1 - , lg__mr_10 - , lg__mr_12 - , lg__mr_16 - , lg__mr_2 - , lg__mr_20 - , lg__mr_24 - , lg__mr_3 - , lg__mr_32 - , lg__mr_4 - , lg__mr_40 - , lg__mr_48 - , lg__mr_5 - , lg__mr_56 - , lg__mr_6 - , lg__mr_64 - , lg__mr_8 - , lg__mr_auto - , lg__mr_px - , lg__mt_0 - , lg__mt_1 - , lg__mt_10 - , lg__mt_12 - , lg__mt_16 - , lg__mt_2 - , lg__mt_20 - , lg__mt_24 - , lg__mt_3 - , lg__mt_32 - , lg__mt_4 - , lg__mt_40 - , lg__mt_48 - , lg__mt_5 - , lg__mt_56 - , lg__mt_6 - , lg__mt_64 - , lg__mt_8 - , lg__mt_auto - , lg__mt_px - , lg__mx_0 - , lg__mx_1 - , lg__mx_10 - , lg__mx_12 - , lg__mx_16 - , lg__mx_2 - , lg__mx_20 - , lg__mx_24 - , lg__mx_3 - , lg__mx_32 - , lg__mx_4 - , lg__mx_40 - , lg__mx_48 - , lg__mx_5 - , lg__mx_56 - , lg__mx_6 - , lg__mx_64 - , lg__mx_8 - , lg__mx_auto - , lg__mx_px - , lg__my_0 - , lg__my_1 - , lg__my_10 - , lg__my_12 - , lg__my_16 - , lg__my_2 - , lg__my_20 - , lg__my_24 - , lg__my_3 - , lg__my_32 - , lg__my_4 - , lg__my_40 - , lg__my_48 - , lg__my_5 - , lg__my_56 - , lg__my_6 - , lg__my_64 - , lg__my_8 - , lg__my_auto - , lg__my_px - , lg__neg_m_1 - , lg__neg_m_10 - , lg__neg_m_12 - , lg__neg_m_16 - , lg__neg_m_2 - , lg__neg_m_20 - , lg__neg_m_24 - , lg__neg_m_3 - , lg__neg_m_32 - , lg__neg_m_4 - , lg__neg_m_40 - , lg__neg_m_48 - , lg__neg_m_5 - , lg__neg_m_56 - , lg__neg_m_6 - , lg__neg_m_64 - , lg__neg_m_8 - , lg__neg_m_px - , lg__neg_mb_1 - , lg__neg_mb_10 - , lg__neg_mb_12 - , lg__neg_mb_16 - , lg__neg_mb_2 - , lg__neg_mb_20 - , lg__neg_mb_24 - , lg__neg_mb_3 - , lg__neg_mb_32 - , lg__neg_mb_4 - , lg__neg_mb_40 - , lg__neg_mb_48 - , lg__neg_mb_5 - , lg__neg_mb_56 - , lg__neg_mb_6 - , lg__neg_mb_64 - , lg__neg_mb_8 - , lg__neg_mb_px - , lg__neg_ml_1 - , lg__neg_ml_10 - , lg__neg_ml_12 - , lg__neg_ml_16 - , lg__neg_ml_2 - , lg__neg_ml_20 - , lg__neg_ml_24 - , lg__neg_ml_3 - , lg__neg_ml_32 - , lg__neg_ml_4 - , lg__neg_ml_40 - , lg__neg_ml_48 - , lg__neg_ml_5 - , lg__neg_ml_56 - , lg__neg_ml_6 - , lg__neg_ml_64 - , lg__neg_ml_8 - , lg__neg_ml_px - , lg__neg_mr_1 - , lg__neg_mr_10 - , lg__neg_mr_12 - , lg__neg_mr_16 - , lg__neg_mr_2 - , lg__neg_mr_20 - , lg__neg_mr_24 - , lg__neg_mr_3 - , lg__neg_mr_32 - , lg__neg_mr_4 - , lg__neg_mr_40 - , lg__neg_mr_48 - , lg__neg_mr_5 - , lg__neg_mr_56 - , lg__neg_mr_6 - , lg__neg_mr_64 - , lg__neg_mr_8 - , lg__neg_mr_px - , lg__neg_mt_1 - , lg__neg_mt_10 - , lg__neg_mt_12 - , lg__neg_mt_16 - , lg__neg_mt_2 - , lg__neg_mt_20 - , lg__neg_mt_24 - , lg__neg_mt_3 - , lg__neg_mt_32 - , lg__neg_mt_4 - , lg__neg_mt_40 - , lg__neg_mt_48 - , lg__neg_mt_5 - , lg__neg_mt_56 - , lg__neg_mt_6 - , lg__neg_mt_64 - , lg__neg_mt_8 - , lg__neg_mt_px - , lg__neg_mx_1 - , lg__neg_mx_10 - , lg__neg_mx_12 - , lg__neg_mx_16 - , lg__neg_mx_2 - , lg__neg_mx_20 - , lg__neg_mx_24 - , lg__neg_mx_3 - , lg__neg_mx_32 - , lg__neg_mx_4 - , lg__neg_mx_40 - , lg__neg_mx_48 - , lg__neg_mx_5 - , lg__neg_mx_56 - , lg__neg_mx_6 - , lg__neg_mx_64 - , lg__neg_mx_8 - , lg__neg_mx_px - , lg__neg_my_1 - , lg__neg_my_10 - , lg__neg_my_12 - , lg__neg_my_16 - , lg__neg_my_2 - , lg__neg_my_20 - , lg__neg_my_24 - , lg__neg_my_3 - , lg__neg_my_32 - , lg__neg_my_4 - , lg__neg_my_40 - , lg__neg_my_48 - , lg__neg_my_5 - , lg__neg_my_56 - , lg__neg_my_6 - , lg__neg_my_64 - , lg__neg_my_8 - , lg__neg_my_px - , lg__no_underline - , lg__normal_case - , lg__not_italic - , lg__not_sr_only - , lg__object_bottom - , lg__object_center - , lg__object_contain - , lg__object_cover - , lg__object_fill - , lg__object_left - , lg__object_left_bottom - , lg__object_left_top - , lg__object_none - , lg__object_right - , lg__object_right_bottom - , lg__object_right_top - , lg__object_scale_down - , lg__object_top - , lg__opacity_0 - , lg__opacity_100 - , lg__opacity_25 - , lg__opacity_50 - , lg__opacity_75 - , lg__order_1 - , lg__order_10 - , lg__order_11 - , lg__order_12 - , lg__order_2 - , lg__order_3 - , lg__order_4 - , lg__order_5 - , lg__order_6 - , lg__order_7 - , lg__order_8 - , lg__order_9 - , lg__order_first - , lg__order_last - , lg__order_none - , lg__origin_bottom - , lg__origin_bottom_left - , lg__origin_bottom_right - , lg__origin_center - , lg__origin_left - , lg__origin_right - , lg__origin_top - , lg__origin_top_left - , lg__origin_top_right - , lg__outline_none - , lg__overflow_auto - , lg__overflow_hidden - , lg__overflow_scroll - , lg__overflow_visible - , lg__overflow_x_auto - , lg__overflow_x_hidden - , lg__overflow_x_scroll - , lg__overflow_x_visible - , lg__overflow_y_auto - , lg__overflow_y_hidden - , lg__overflow_y_scroll - , lg__overflow_y_visible - , lg__p_0 - , lg__p_1 - , lg__p_10 - , lg__p_12 - , lg__p_16 - , lg__p_2 - , lg__p_20 - , lg__p_24 - , lg__p_3 - , lg__p_32 - , lg__p_4 - , lg__p_40 - , lg__p_48 - , lg__p_5 - , lg__p_56 - , lg__p_6 - , lg__p_64 - , lg__p_8 - , lg__p_px - , lg__pb_0 - , lg__pb_1 - , lg__pb_10 - , lg__pb_12 - , lg__pb_16 - , lg__pb_2 - , lg__pb_20 - , lg__pb_24 - , lg__pb_3 - , lg__pb_32 - , lg__pb_4 - , lg__pb_40 - , lg__pb_48 - , lg__pb_5 - , lg__pb_56 - , lg__pb_6 - , lg__pb_64 - , lg__pb_8 - , lg__pb_px - , lg__pl_0 - , lg__pl_1 - , lg__pl_10 - , lg__pl_12 - , lg__pl_16 - , lg__pl_2 - , lg__pl_20 - , lg__pl_24 - , lg__pl_3 - , lg__pl_32 - , lg__pl_4 - , lg__pl_40 - , lg__pl_48 - , lg__pl_5 - , lg__pl_56 - , lg__pl_6 - , lg__pl_64 - , lg__pl_8 - , lg__pl_px - , lg__placeholder_black - , lg__placeholder_blue_100 - , lg__placeholder_blue_200 - , lg__placeholder_blue_300 - , lg__placeholder_blue_400 - , lg__placeholder_blue_500 - , lg__placeholder_blue_600 - , lg__placeholder_blue_700 - , lg__placeholder_blue_800 - , lg__placeholder_blue_900 - , lg__placeholder_current - , lg__placeholder_gray_100 - , lg__placeholder_gray_200 - , lg__placeholder_gray_300 - , lg__placeholder_gray_400 - , lg__placeholder_gray_500 - , lg__placeholder_gray_600 - , lg__placeholder_gray_700 - , lg__placeholder_gray_800 - , lg__placeholder_gray_900 - , lg__placeholder_green_100 - , lg__placeholder_green_200 - , lg__placeholder_green_300 - , lg__placeholder_green_400 - , lg__placeholder_green_500 - , lg__placeholder_green_600 - , lg__placeholder_green_700 - , lg__placeholder_green_800 - , lg__placeholder_green_900 - , lg__placeholder_indigo_100 - , lg__placeholder_indigo_200 - , lg__placeholder_indigo_300 - , lg__placeholder_indigo_400 - , lg__placeholder_indigo_500 - , lg__placeholder_indigo_600 - , lg__placeholder_indigo_700 - , lg__placeholder_indigo_800 - , lg__placeholder_indigo_900 - , lg__placeholder_orange_100 - , lg__placeholder_orange_200 - , lg__placeholder_orange_300 - , lg__placeholder_orange_400 - , lg__placeholder_orange_500 - , lg__placeholder_orange_600 - , lg__placeholder_orange_700 - , lg__placeholder_orange_800 - , lg__placeholder_orange_900 - , lg__placeholder_pink_100 - , lg__placeholder_pink_200 - , lg__placeholder_pink_300 - , lg__placeholder_pink_400 - , lg__placeholder_pink_500 - , lg__placeholder_pink_600 - , lg__placeholder_pink_700 - , lg__placeholder_pink_800 - , lg__placeholder_pink_900 - , lg__placeholder_purple_100 - , lg__placeholder_purple_200 - , lg__placeholder_purple_300 - , lg__placeholder_purple_400 - , lg__placeholder_purple_500 - , lg__placeholder_purple_600 - , lg__placeholder_purple_700 - , lg__placeholder_purple_800 - , lg__placeholder_purple_900 - , lg__placeholder_red_100 - , lg__placeholder_red_200 - , lg__placeholder_red_300 - , lg__placeholder_red_400 - , lg__placeholder_red_500 - , lg__placeholder_red_600 - , lg__placeholder_red_700 - , lg__placeholder_red_800 - , lg__placeholder_red_900 - , lg__placeholder_teal_100 - , lg__placeholder_teal_200 - , lg__placeholder_teal_300 - , lg__placeholder_teal_400 - , lg__placeholder_teal_500 - , lg__placeholder_teal_600 - , lg__placeholder_teal_700 - , lg__placeholder_teal_800 - , lg__placeholder_teal_900 - , lg__placeholder_transparent - , lg__placeholder_white - , lg__placeholder_yellow_100 - , lg__placeholder_yellow_200 - , lg__placeholder_yellow_300 - , lg__placeholder_yellow_400 - , lg__placeholder_yellow_500 - , lg__placeholder_yellow_600 - , lg__placeholder_yellow_700 - , lg__placeholder_yellow_800 - , lg__placeholder_yellow_900 - , lg__pointer_events_auto - , lg__pointer_events_none - , lg__pr_0 - , lg__pr_1 - , lg__pr_10 - , lg__pr_12 - , lg__pr_16 - , lg__pr_2 - , lg__pr_20 - , lg__pr_24 - , lg__pr_3 - , lg__pr_32 - , lg__pr_4 - , lg__pr_40 - , lg__pr_48 - , lg__pr_5 - , lg__pr_56 - , lg__pr_6 - , lg__pr_64 - , lg__pr_8 - , lg__pr_px - , lg__pt_0 - , lg__pt_1 - , lg__pt_10 - , lg__pt_12 - , lg__pt_16 - , lg__pt_2 - , lg__pt_20 - , lg__pt_24 - , lg__pt_3 - , lg__pt_32 - , lg__pt_4 - , lg__pt_40 - , lg__pt_48 - , lg__pt_5 - , lg__pt_56 - , lg__pt_6 - , lg__pt_64 - , lg__pt_8 - , lg__pt_px - , lg__px_0 - , lg__px_1 - , lg__px_10 - , lg__px_12 - , lg__px_16 - , lg__px_2 - , lg__px_20 - , lg__px_24 - , lg__px_3 - , lg__px_32 - , lg__px_4 - , lg__px_40 - , lg__px_48 - , lg__px_5 - , lg__px_56 - , lg__px_6 - , lg__px_64 - , lg__px_8 - , lg__px_px - , lg__py_0 - , lg__py_1 - , lg__py_10 - , lg__py_12 - , lg__py_16 - , lg__py_2 - , lg__py_20 - , lg__py_24 - , lg__py_3 - , lg__py_32 - , lg__py_4 - , lg__py_40 - , lg__py_48 - , lg__py_5 - , lg__py_56 - , lg__py_6 - , lg__py_64 - , lg__py_8 - , lg__py_px - , lg__relative - , lg__resize - , lg__resize_none - , lg__resize_x - , lg__resize_y - , lg__right_0 - , lg__right_auto - , lg__rounded - , lg__rounded_b - , lg__rounded_b_full - , lg__rounded_b_lg - , lg__rounded_b_md - , lg__rounded_b_none - , lg__rounded_b_sm - , lg__rounded_bl - , lg__rounded_bl_full - , lg__rounded_bl_lg - , lg__rounded_bl_md - , lg__rounded_bl_none - , lg__rounded_bl_sm - , lg__rounded_br - , lg__rounded_br_full - , lg__rounded_br_lg - , lg__rounded_br_md - , lg__rounded_br_none - , lg__rounded_br_sm - , lg__rounded_full - , lg__rounded_l - , lg__rounded_l_full - , lg__rounded_l_lg - , lg__rounded_l_md - , lg__rounded_l_none - , lg__rounded_l_sm - , lg__rounded_lg - , lg__rounded_md - , lg__rounded_none - , lg__rounded_r - , lg__rounded_r_full - , lg__rounded_r_lg - , lg__rounded_r_md - , lg__rounded_r_none - , lg__rounded_r_sm - , lg__rounded_sm - , lg__rounded_t - , lg__rounded_t_full - , lg__rounded_t_lg - , lg__rounded_t_md - , lg__rounded_t_none - , lg__rounded_t_sm - , lg__rounded_tl - , lg__rounded_tl_full - , lg__rounded_tl_lg - , lg__rounded_tl_md - , lg__rounded_tl_none - , lg__rounded_tl_sm - , lg__rounded_tr - , lg__rounded_tr_full - , lg__rounded_tr_lg - , lg__rounded_tr_md - , lg__rounded_tr_none - , lg__rounded_tr_sm - , lg__scrolling_auto - , lg__scrolling_touch - , lg__select_all - , lg__select_auto - , lg__select_none - , lg__select_text - , lg__self_auto - , lg__self_center - , lg__self_end - , lg__self_start - , lg__self_stretch - , lg__shadow - , lg__shadow_2xl - , lg__shadow_inner - , lg__shadow_lg - , lg__shadow_md - , lg__shadow_none - , lg__shadow_outline - , lg__shadow_sm - , lg__shadow_xl - , lg__shadow_xs - , lg__sr_only - , lg__static - , lg__sticky - , lg__stroke_0 - , lg__stroke_1 - , lg__stroke_2 - , lg__stroke_current - , lg__subpixel_antialiased - , lg__table - , lg__table_auto - , lg__table_caption - , lg__table_cell - , lg__table_column - , lg__table_column_group - , lg__table_fixed - , lg__table_footer_group - , lg__table_header_group - , lg__table_row - , lg__table_row_group - , lg__text_2xl - , lg__text_3xl - , lg__text_4xl - , lg__text_5xl - , lg__text_6xl - , lg__text_base - , lg__text_black - , lg__text_blue_100 - , lg__text_blue_200 - , lg__text_blue_300 - , lg__text_blue_400 - , lg__text_blue_500 - , lg__text_blue_600 - , lg__text_blue_700 - , lg__text_blue_800 - , lg__text_blue_900 - , lg__text_center - , lg__text_current - , lg__text_gray_100 - , lg__text_gray_200 - , lg__text_gray_300 - , lg__text_gray_400 - , lg__text_gray_500 - , lg__text_gray_600 - , lg__text_gray_700 - , lg__text_gray_800 - , lg__text_gray_900 - , lg__text_green_100 - , lg__text_green_200 - , lg__text_green_300 - , lg__text_green_400 - , lg__text_green_500 - , lg__text_green_600 - , lg__text_green_700 - , lg__text_green_800 - , lg__text_green_900 - , lg__text_indigo_100 - , lg__text_indigo_200 - , lg__text_indigo_300 - , lg__text_indigo_400 - , lg__text_indigo_500 - , lg__text_indigo_600 - , lg__text_indigo_700 - , lg__text_indigo_800 - , lg__text_indigo_900 - , lg__text_justify - , lg__text_left - , lg__text_lg - , lg__text_orange_100 - , lg__text_orange_200 - , lg__text_orange_300 - , lg__text_orange_400 - , lg__text_orange_500 - , lg__text_orange_600 - , lg__text_orange_700 - , lg__text_orange_800 - , lg__text_orange_900 - , lg__text_pink_100 - , lg__text_pink_200 - , lg__text_pink_300 - , lg__text_pink_400 - , lg__text_pink_500 - , lg__text_pink_600 - , lg__text_pink_700 - , lg__text_pink_800 - , lg__text_pink_900 - , lg__text_purple_100 - , lg__text_purple_200 - , lg__text_purple_300 - , lg__text_purple_400 - , lg__text_purple_500 - , lg__text_purple_600 - , lg__text_purple_700 - , lg__text_purple_800 - , lg__text_purple_900 - , lg__text_red_100 - , lg__text_red_200 - , lg__text_red_300 - , lg__text_red_400 - , lg__text_red_500 - , lg__text_red_600 - , lg__text_red_700 - , lg__text_red_800 - , lg__text_red_900 - , lg__text_right - , lg__text_sm - , lg__text_teal_100 - , lg__text_teal_200 - , lg__text_teal_300 - , lg__text_teal_400 - , lg__text_teal_500 - , lg__text_teal_600 - , lg__text_teal_700 - , lg__text_teal_800 - , lg__text_teal_900 - , lg__text_transparent - , lg__text_white - , lg__text_xl - , lg__text_xs - , lg__text_yellow_100 - , lg__text_yellow_200 - , lg__text_yellow_300 - , lg__text_yellow_400 - , lg__text_yellow_500 - , lg__text_yellow_600 - , lg__text_yellow_700 - , lg__text_yellow_800 - , lg__text_yellow_900 - , lg__top_0 - , lg__top_auto - , lg__tracking_normal - , lg__tracking_tight - , lg__tracking_tighter - , lg__tracking_wide - , lg__tracking_wider - , lg__tracking_widest - , lg__transform_none - , lg__truncate - , lg__underline - , lg__uppercase - , lg__visible - , lg__w_0 - , lg__w_1 - , lg__w_10 - , lg__w_10over12 - , lg__w_11over12 - , lg__w_12 - , lg__w_16 - , lg__w_1over12 - , lg__w_1over2 - , lg__w_1over3 - , lg__w_1over4 - , lg__w_1over5 - , lg__w_1over6 - , lg__w_2 - , lg__w_20 - , lg__w_24 - , lg__w_2over12 - , lg__w_2over3 - , lg__w_2over4 - , lg__w_2over5 - , lg__w_2over6 - , lg__w_3 - , lg__w_32 - , lg__w_3over12 - , lg__w_3over4 - , lg__w_3over5 - , lg__w_3over6 - , lg__w_4 - , lg__w_40 - , lg__w_48 - , lg__w_4over12 - , lg__w_4over5 - , lg__w_4over6 - , lg__w_5 - , lg__w_56 - , lg__w_5over12 - , lg__w_5over6 - , lg__w_6 - , lg__w_64 - , lg__w_6over12 - , lg__w_7over12 - , lg__w_8 - , lg__w_8over12 - , lg__w_9over12 - , lg__w_auto - , lg__w_full - , lg__w_px - , lg__w_screen - , lg__whitespace_no_wrap - , lg__whitespace_normal - , lg__whitespace_pre - , lg__whitespace_pre_line - , lg__whitespace_pre_wrap - , lg__z_0 - , lg__z_10 - , lg__z_20 - , lg__z_30 - , lg__z_40 - , lg__z_50 - , lg__z_auto - , line_through - , list_decimal - , list_disc - , list_inside - , list_none - , list_outside - , lowercase - , m_0 - , m_1 - , m_10 - , m_12 - , m_16 - , m_2 - , m_20 - , m_24 - , m_3 - , m_32 - , m_4 - , m_40 - , m_48 - , m_5 - , m_56 - , m_6 - , m_64 - , m_8 - , m_auto - , m_px - , max_h_full - , max_h_screen - , max_w_2xl - , max_w_3xl - , max_w_4xl - , max_w_5xl - , max_w_6xl - , max_w_full - , max_w_lg - , max_w_md - , max_w_none - , max_w_screen_lg - , max_w_screen_md - , max_w_screen_sm - , max_w_screen_xl - , max_w_sm - , max_w_xl - , max_w_xs - , mb_0 - , mb_1 - , mb_10 - , mb_12 - , mb_16 - , mb_2 - , mb_20 - , mb_24 - , mb_3 - , mb_32 - , mb_4 - , mb_40 - , mb_48 - , mb_5 - , mb_56 - , mb_6 - , mb_64 - , mb_8 - , mb_auto - , mb_px - , md__absolute - , md__align_baseline - , md__align_bottom - , md__align_middle - , md__align_text_bottom - , md__align_text_top - , md__align_top - , md__antialiased - , md__appearance_none - , md__bg_auto - , md__bg_black - , md__bg_blue_100 - , md__bg_blue_200 - , md__bg_blue_300 - , md__bg_blue_400 - , md__bg_blue_500 - , md__bg_blue_600 - , md__bg_blue_700 - , md__bg_blue_800 - , md__bg_blue_900 - , md__bg_bottom - , md__bg_center - , md__bg_contain - , md__bg_cover - , md__bg_current - , md__bg_fixed - , md__bg_gray_100 - , md__bg_gray_200 - , md__bg_gray_300 - , md__bg_gray_400 - , md__bg_gray_500 - , md__bg_gray_600 - , md__bg_gray_700 - , md__bg_gray_800 - , md__bg_gray_900 - , md__bg_green_100 - , md__bg_green_200 - , md__bg_green_300 - , md__bg_green_400 - , md__bg_green_500 - , md__bg_green_600 - , md__bg_green_700 - , md__bg_green_800 - , md__bg_green_900 - , md__bg_indigo_100 - , md__bg_indigo_200 - , md__bg_indigo_300 - , md__bg_indigo_400 - , md__bg_indigo_500 - , md__bg_indigo_600 - , md__bg_indigo_700 - , md__bg_indigo_800 - , md__bg_indigo_900 - , md__bg_left - , md__bg_left_bottom - , md__bg_left_top - , md__bg_local - , md__bg_no_repeat - , md__bg_orange_100 - , md__bg_orange_200 - , md__bg_orange_300 - , md__bg_orange_400 - , md__bg_orange_500 - , md__bg_orange_600 - , md__bg_orange_700 - , md__bg_orange_800 - , md__bg_orange_900 - , md__bg_pink_100 - , md__bg_pink_200 - , md__bg_pink_300 - , md__bg_pink_400 - , md__bg_pink_500 - , md__bg_pink_600 - , md__bg_pink_700 - , md__bg_pink_800 - , md__bg_pink_900 - , md__bg_purple_100 - , md__bg_purple_200 - , md__bg_purple_300 - , md__bg_purple_400 - , md__bg_purple_500 - , md__bg_purple_600 - , md__bg_purple_700 - , md__bg_purple_800 - , md__bg_purple_900 - , md__bg_red_100 - , md__bg_red_200 - , md__bg_red_300 - , md__bg_red_400 - , md__bg_red_500 - , md__bg_red_600 - , md__bg_red_700 - , md__bg_red_800 - , md__bg_red_900 - , md__bg_repeat - , md__bg_repeat_round - , md__bg_repeat_space - , md__bg_repeat_x - , md__bg_repeat_y - , md__bg_right - , md__bg_right_bottom - , md__bg_right_top - , md__bg_scroll - , md__bg_teal_100 - , md__bg_teal_200 - , md__bg_teal_300 - , md__bg_teal_400 - , md__bg_teal_500 - , md__bg_teal_600 - , md__bg_teal_700 - , md__bg_teal_800 - , md__bg_teal_900 - , md__bg_top - , md__bg_transparent - , md__bg_white - , md__bg_yellow_100 - , md__bg_yellow_200 - , md__bg_yellow_300 - , md__bg_yellow_400 - , md__bg_yellow_500 - , md__bg_yellow_600 - , md__bg_yellow_700 - , md__bg_yellow_800 - , md__bg_yellow_900 - , md__block - , md__border - , md__border_0 - , md__border_2 - , md__border_4 - , md__border_8 - , md__border_b - , md__border_b_0 - , md__border_b_2 - , md__border_b_4 - , md__border_b_8 - , md__border_black - , md__border_blue_100 - , md__border_blue_200 - , md__border_blue_300 - , md__border_blue_400 - , md__border_blue_500 - , md__border_blue_600 - , md__border_blue_700 - , md__border_blue_800 - , md__border_blue_900 - , md__border_collapse - , md__border_current - , md__border_dashed - , md__border_dotted - , md__border_double - , md__border_gray_100 - , md__border_gray_200 - , md__border_gray_300 - , md__border_gray_400 - , md__border_gray_500 - , md__border_gray_600 - , md__border_gray_700 - , md__border_gray_800 - , md__border_gray_900 - , md__border_green_100 - , md__border_green_200 - , md__border_green_300 - , md__border_green_400 - , md__border_green_500 - , md__border_green_600 - , md__border_green_700 - , md__border_green_800 - , md__border_green_900 - , md__border_indigo_100 - , md__border_indigo_200 - , md__border_indigo_300 - , md__border_indigo_400 - , md__border_indigo_500 - , md__border_indigo_600 - , md__border_indigo_700 - , md__border_indigo_800 - , md__border_indigo_900 - , md__border_l - , md__border_l_0 - , md__border_l_2 - , md__border_l_4 - , md__border_l_8 - , md__border_none - , md__border_orange_100 - , md__border_orange_200 - , md__border_orange_300 - , md__border_orange_400 - , md__border_orange_500 - , md__border_orange_600 - , md__border_orange_700 - , md__border_orange_800 - , md__border_orange_900 - , md__border_pink_100 - , md__border_pink_200 - , md__border_pink_300 - , md__border_pink_400 - , md__border_pink_500 - , md__border_pink_600 - , md__border_pink_700 - , md__border_pink_800 - , md__border_pink_900 - , md__border_purple_100 - , md__border_purple_200 - , md__border_purple_300 - , md__border_purple_400 - , md__border_purple_500 - , md__border_purple_600 - , md__border_purple_700 - , md__border_purple_800 - , md__border_purple_900 - , md__border_r - , md__border_r_0 - , md__border_r_2 - , md__border_r_4 - , md__border_r_8 - , md__border_red_100 - , md__border_red_200 - , md__border_red_300 - , md__border_red_400 - , md__border_red_500 - , md__border_red_600 - , md__border_red_700 - , md__border_red_800 - , md__border_red_900 - , md__border_separate - , md__border_solid - , md__border_t - , md__border_t_0 - , md__border_t_2 - , md__border_t_4 - , md__border_t_8 - , md__border_teal_100 - , md__border_teal_200 - , md__border_teal_300 - , md__border_teal_400 - , md__border_teal_500 - , md__border_teal_600 - , md__border_teal_700 - , md__border_teal_800 - , md__border_teal_900 - , md__border_transparent - , md__border_white - , md__border_yellow_100 - , md__border_yellow_200 - , md__border_yellow_300 - , md__border_yellow_400 - , md__border_yellow_500 - , md__border_yellow_600 - , md__border_yellow_700 - , md__border_yellow_800 - , md__border_yellow_900 - , md__bottom_0 - , md__bottom_auto - , md__box_border - , md__box_content - , md__break_all - , md__break_normal - , md__break_words - , md__capitalize - , md__clear_both - , md__clear_left - , md__clear_none - , md__clear_right - , md__clearfix - , md__container - , md__content_around - , md__content_between - , md__content_center - , md__content_end - , md__content_start - , md__cursor_auto - , md__cursor_default - , md__cursor_move - , md__cursor_not_allowed - , md__cursor_pointer - , md__cursor_text - , md__cursor_wait - , md__divide_black - , md__divide_blue_100 - , md__divide_blue_200 - , md__divide_blue_300 - , md__divide_blue_400 - , md__divide_blue_500 - , md__divide_blue_600 - , md__divide_blue_700 - , md__divide_blue_800 - , md__divide_blue_900 - , md__divide_current - , md__divide_gray_100 - , md__divide_gray_200 - , md__divide_gray_300 - , md__divide_gray_400 - , md__divide_gray_500 - , md__divide_gray_600 - , md__divide_gray_700 - , md__divide_gray_800 - , md__divide_gray_900 - , md__divide_green_100 - , md__divide_green_200 - , md__divide_green_300 - , md__divide_green_400 - , md__divide_green_500 - , md__divide_green_600 - , md__divide_green_700 - , md__divide_green_800 - , md__divide_green_900 - , md__divide_indigo_100 - , md__divide_indigo_200 - , md__divide_indigo_300 - , md__divide_indigo_400 - , md__divide_indigo_500 - , md__divide_indigo_600 - , md__divide_indigo_700 - , md__divide_indigo_800 - , md__divide_indigo_900 - , md__divide_orange_100 - , md__divide_orange_200 - , md__divide_orange_300 - , md__divide_orange_400 - , md__divide_orange_500 - , md__divide_orange_600 - , md__divide_orange_700 - , md__divide_orange_800 - , md__divide_orange_900 - , md__divide_pink_100 - , md__divide_pink_200 - , md__divide_pink_300 - , md__divide_pink_400 - , md__divide_pink_500 - , md__divide_pink_600 - , md__divide_pink_700 - , md__divide_pink_800 - , md__divide_pink_900 - , md__divide_purple_100 - , md__divide_purple_200 - , md__divide_purple_300 - , md__divide_purple_400 - , md__divide_purple_500 - , md__divide_purple_600 - , md__divide_purple_700 - , md__divide_purple_800 - , md__divide_purple_900 - , md__divide_red_100 - , md__divide_red_200 - , md__divide_red_300 - , md__divide_red_400 - , md__divide_red_500 - , md__divide_red_600 - , md__divide_red_700 - , md__divide_red_800 - , md__divide_red_900 - , md__divide_teal_100 - , md__divide_teal_200 - , md__divide_teal_300 - , md__divide_teal_400 - , md__divide_teal_500 - , md__divide_teal_600 - , md__divide_teal_700 - , md__divide_teal_800 - , md__divide_teal_900 - , md__divide_transparent - , md__divide_white - , md__divide_yellow_100 - , md__divide_yellow_200 - , md__divide_yellow_300 - , md__divide_yellow_400 - , md__divide_yellow_500 - , md__divide_yellow_600 - , md__divide_yellow_700 - , md__divide_yellow_800 - , md__divide_yellow_900 - , md__fill_current - , md__fixed - , md__flex - , md__flex_1 - , md__flex_auto - , md__flex_col - , md__flex_col_reverse - , md__flex_grow - , md__flex_grow_0 - , md__flex_initial - , md__flex_no_wrap - , md__flex_none - , md__flex_row - , md__flex_row_reverse - , md__flex_shrink - , md__flex_shrink_0 - , md__flex_wrap - , md__flex_wrap_reverse - , md__float_left - , md__float_none - , md__float_right - , md__flow_root - , md__focus__bg_black - , md__focus__bg_blue_100 - , md__focus__bg_blue_200 - , md__focus__bg_blue_300 - , md__focus__bg_blue_400 - , md__focus__bg_blue_500 - , md__focus__bg_blue_600 - , md__focus__bg_blue_700 - , md__focus__bg_blue_800 - , md__focus__bg_blue_900 - , md__focus__bg_current - , md__focus__bg_gray_100 - , md__focus__bg_gray_200 - , md__focus__bg_gray_300 - , md__focus__bg_gray_400 - , md__focus__bg_gray_500 - , md__focus__bg_gray_600 - , md__focus__bg_gray_700 - , md__focus__bg_gray_800 - , md__focus__bg_gray_900 - , md__focus__bg_green_100 - , md__focus__bg_green_200 - , md__focus__bg_green_300 - , md__focus__bg_green_400 - , md__focus__bg_green_500 - , md__focus__bg_green_600 - , md__focus__bg_green_700 - , md__focus__bg_green_800 - , md__focus__bg_green_900 - , md__focus__bg_indigo_100 - , md__focus__bg_indigo_200 - , md__focus__bg_indigo_300 - , md__focus__bg_indigo_400 - , md__focus__bg_indigo_500 - , md__focus__bg_indigo_600 - , md__focus__bg_indigo_700 - , md__focus__bg_indigo_800 - , md__focus__bg_indigo_900 - , md__focus__bg_orange_100 - , md__focus__bg_orange_200 - , md__focus__bg_orange_300 - , md__focus__bg_orange_400 - , md__focus__bg_orange_500 - , md__focus__bg_orange_600 - , md__focus__bg_orange_700 - , md__focus__bg_orange_800 - , md__focus__bg_orange_900 - , md__focus__bg_pink_100 - , md__focus__bg_pink_200 - , md__focus__bg_pink_300 - , md__focus__bg_pink_400 - , md__focus__bg_pink_500 - , md__focus__bg_pink_600 - , md__focus__bg_pink_700 - , md__focus__bg_pink_800 - , md__focus__bg_pink_900 - , md__focus__bg_purple_100 - , md__focus__bg_purple_200 - , md__focus__bg_purple_300 - , md__focus__bg_purple_400 - , md__focus__bg_purple_500 - , md__focus__bg_purple_600 - , md__focus__bg_purple_700 - , md__focus__bg_purple_800 - , md__focus__bg_purple_900 - , md__focus__bg_red_100 - , md__focus__bg_red_200 - , md__focus__bg_red_300 - , md__focus__bg_red_400 - , md__focus__bg_red_500 - , md__focus__bg_red_600 - , md__focus__bg_red_700 - , md__focus__bg_red_800 - , md__focus__bg_red_900 - , md__focus__bg_teal_100 - , md__focus__bg_teal_200 - , md__focus__bg_teal_300 - , md__focus__bg_teal_400 - , md__focus__bg_teal_500 - , md__focus__bg_teal_600 - , md__focus__bg_teal_700 - , md__focus__bg_teal_800 - , md__focus__bg_teal_900 - , md__focus__bg_transparent - , md__focus__bg_white - , md__focus__bg_yellow_100 - , md__focus__bg_yellow_200 - , md__focus__bg_yellow_300 - , md__focus__bg_yellow_400 - , md__focus__bg_yellow_500 - , md__focus__bg_yellow_600 - , md__focus__bg_yellow_700 - , md__focus__bg_yellow_800 - , md__focus__bg_yellow_900 - , md__focus__border_black - , md__focus__border_blue_100 - , md__focus__border_blue_200 - , md__focus__border_blue_300 - , md__focus__border_blue_400 - , md__focus__border_blue_500 - , md__focus__border_blue_600 - , md__focus__border_blue_700 - , md__focus__border_blue_800 - , md__focus__border_blue_900 - , md__focus__border_current - , md__focus__border_gray_100 - , md__focus__border_gray_200 - , md__focus__border_gray_300 - , md__focus__border_gray_400 - , md__focus__border_gray_500 - , md__focus__border_gray_600 - , md__focus__border_gray_700 - , md__focus__border_gray_800 - , md__focus__border_gray_900 - , md__focus__border_green_100 - , md__focus__border_green_200 - , md__focus__border_green_300 - , md__focus__border_green_400 - , md__focus__border_green_500 - , md__focus__border_green_600 - , md__focus__border_green_700 - , md__focus__border_green_800 - , md__focus__border_green_900 - , md__focus__border_indigo_100 - , md__focus__border_indigo_200 - , md__focus__border_indigo_300 - , md__focus__border_indigo_400 - , md__focus__border_indigo_500 - , md__focus__border_indigo_600 - , md__focus__border_indigo_700 - , md__focus__border_indigo_800 - , md__focus__border_indigo_900 - , md__focus__border_orange_100 - , md__focus__border_orange_200 - , md__focus__border_orange_300 - , md__focus__border_orange_400 - , md__focus__border_orange_500 - , md__focus__border_orange_600 - , md__focus__border_orange_700 - , md__focus__border_orange_800 - , md__focus__border_orange_900 - , md__focus__border_pink_100 - , md__focus__border_pink_200 - , md__focus__border_pink_300 - , md__focus__border_pink_400 - , md__focus__border_pink_500 - , md__focus__border_pink_600 - , md__focus__border_pink_700 - , md__focus__border_pink_800 - , md__focus__border_pink_900 - , md__focus__border_purple_100 - , md__focus__border_purple_200 - , md__focus__border_purple_300 - , md__focus__border_purple_400 - , md__focus__border_purple_500 - , md__focus__border_purple_600 - , md__focus__border_purple_700 - , md__focus__border_purple_800 - , md__focus__border_purple_900 - , md__focus__border_red_100 - , md__focus__border_red_200 - , md__focus__border_red_300 - , md__focus__border_red_400 - , md__focus__border_red_500 - , md__focus__border_red_600 - , md__focus__border_red_700 - , md__focus__border_red_800 - , md__focus__border_red_900 - , md__focus__border_teal_100 - , md__focus__border_teal_200 - , md__focus__border_teal_300 - , md__focus__border_teal_400 - , md__focus__border_teal_500 - , md__focus__border_teal_600 - , md__focus__border_teal_700 - , md__focus__border_teal_800 - , md__focus__border_teal_900 - , md__focus__border_transparent - , md__focus__border_white - , md__focus__border_yellow_100 - , md__focus__border_yellow_200 - , md__focus__border_yellow_300 - , md__focus__border_yellow_400 - , md__focus__border_yellow_500 - , md__focus__border_yellow_600 - , md__focus__border_yellow_700 - , md__focus__border_yellow_800 - , md__focus__border_yellow_900 - , md__focus__font_black - , md__focus__font_bold - , md__focus__font_extrabold - , md__focus__font_hairline - , md__focus__font_light - , md__focus__font_medium - , md__focus__font_normal - , md__focus__font_semibold - , md__focus__font_thin - , md__focus__line_through - , md__focus__no_underline - , md__focus__not_sr_only - , md__focus__opacity_0 - , md__focus__opacity_100 - , md__focus__opacity_25 - , md__focus__opacity_50 - , md__focus__opacity_75 - , md__focus__outline_none - , md__focus__placeholder_black - , md__focus__placeholder_blue_100 - , md__focus__placeholder_blue_200 - , md__focus__placeholder_blue_300 - , md__focus__placeholder_blue_400 - , md__focus__placeholder_blue_500 - , md__focus__placeholder_blue_600 - , md__focus__placeholder_blue_700 - , md__focus__placeholder_blue_800 - , md__focus__placeholder_blue_900 - , md__focus__placeholder_current - , md__focus__placeholder_gray_100 - , md__focus__placeholder_gray_200 - , md__focus__placeholder_gray_300 - , md__focus__placeholder_gray_400 - , md__focus__placeholder_gray_500 - , md__focus__placeholder_gray_600 - , md__focus__placeholder_gray_700 - , md__focus__placeholder_gray_800 - , md__focus__placeholder_gray_900 - , md__focus__placeholder_green_100 - , md__focus__placeholder_green_200 - , md__focus__placeholder_green_300 - , md__focus__placeholder_green_400 - , md__focus__placeholder_green_500 - , md__focus__placeholder_green_600 - , md__focus__placeholder_green_700 - , md__focus__placeholder_green_800 - , md__focus__placeholder_green_900 - , md__focus__placeholder_indigo_100 - , md__focus__placeholder_indigo_200 - , md__focus__placeholder_indigo_300 - , md__focus__placeholder_indigo_400 - , md__focus__placeholder_indigo_500 - , md__focus__placeholder_indigo_600 - , md__focus__placeholder_indigo_700 - , md__focus__placeholder_indigo_800 - , md__focus__placeholder_indigo_900 - , md__focus__placeholder_orange_100 - , md__focus__placeholder_orange_200 - , md__focus__placeholder_orange_300 - , md__focus__placeholder_orange_400 - , md__focus__placeholder_orange_500 - , md__focus__placeholder_orange_600 - , md__focus__placeholder_orange_700 - , md__focus__placeholder_orange_800 - , md__focus__placeholder_orange_900 - , md__focus__placeholder_pink_100 - , md__focus__placeholder_pink_200 - , md__focus__placeholder_pink_300 - , md__focus__placeholder_pink_400 - , md__focus__placeholder_pink_500 - , md__focus__placeholder_pink_600 - , md__focus__placeholder_pink_700 - , md__focus__placeholder_pink_800 - , md__focus__placeholder_pink_900 - , md__focus__placeholder_purple_100 - , md__focus__placeholder_purple_200 - , md__focus__placeholder_purple_300 - , md__focus__placeholder_purple_400 - , md__focus__placeholder_purple_500 - , md__focus__placeholder_purple_600 - , md__focus__placeholder_purple_700 - , md__focus__placeholder_purple_800 - , md__focus__placeholder_purple_900 - , md__focus__placeholder_red_100 - , md__focus__placeholder_red_200 - , md__focus__placeholder_red_300 - , md__focus__placeholder_red_400 - , md__focus__placeholder_red_500 - , md__focus__placeholder_red_600 - , md__focus__placeholder_red_700 - , md__focus__placeholder_red_800 - , md__focus__placeholder_red_900 - , md__focus__placeholder_teal_100 - , md__focus__placeholder_teal_200 - , md__focus__placeholder_teal_300 - , md__focus__placeholder_teal_400 - , md__focus__placeholder_teal_500 - , md__focus__placeholder_teal_600 - , md__focus__placeholder_teal_700 - , md__focus__placeholder_teal_800 - , md__focus__placeholder_teal_900 - , md__focus__placeholder_transparent - , md__focus__placeholder_white - , md__focus__placeholder_yellow_100 - , md__focus__placeholder_yellow_200 - , md__focus__placeholder_yellow_300 - , md__focus__placeholder_yellow_400 - , md__focus__placeholder_yellow_500 - , md__focus__placeholder_yellow_600 - , md__focus__placeholder_yellow_700 - , md__focus__placeholder_yellow_800 - , md__focus__placeholder_yellow_900 - , md__focus__shadow - , md__focus__shadow_2xl - , md__focus__shadow_inner - , md__focus__shadow_lg - , md__focus__shadow_md - , md__focus__shadow_none - , md__focus__shadow_outline - , md__focus__shadow_sm - , md__focus__shadow_xl - , md__focus__shadow_xs - , md__focus__sr_only - , md__focus__text_black - , md__focus__text_blue_100 - , md__focus__text_blue_200 - , md__focus__text_blue_300 - , md__focus__text_blue_400 - , md__focus__text_blue_500 - , md__focus__text_blue_600 - , md__focus__text_blue_700 - , md__focus__text_blue_800 - , md__focus__text_blue_900 - , md__focus__text_current - , md__focus__text_gray_100 - , md__focus__text_gray_200 - , md__focus__text_gray_300 - , md__focus__text_gray_400 - , md__focus__text_gray_500 - , md__focus__text_gray_600 - , md__focus__text_gray_700 - , md__focus__text_gray_800 - , md__focus__text_gray_900 - , md__focus__text_green_100 - , md__focus__text_green_200 - , md__focus__text_green_300 - , md__focus__text_green_400 - , md__focus__text_green_500 - , md__focus__text_green_600 - , md__focus__text_green_700 - , md__focus__text_green_800 - , md__focus__text_green_900 - , md__focus__text_indigo_100 - , md__focus__text_indigo_200 - , md__focus__text_indigo_300 - , md__focus__text_indigo_400 - , md__focus__text_indigo_500 - , md__focus__text_indigo_600 - , md__focus__text_indigo_700 - , md__focus__text_indigo_800 - , md__focus__text_indigo_900 - , md__focus__text_orange_100 - , md__focus__text_orange_200 - , md__focus__text_orange_300 - , md__focus__text_orange_400 - , md__focus__text_orange_500 - , md__focus__text_orange_600 - , md__focus__text_orange_700 - , md__focus__text_orange_800 - , md__focus__text_orange_900 - , md__focus__text_pink_100 - , md__focus__text_pink_200 - , md__focus__text_pink_300 - , md__focus__text_pink_400 - , md__focus__text_pink_500 - , md__focus__text_pink_600 - , md__focus__text_pink_700 - , md__focus__text_pink_800 - , md__focus__text_pink_900 - , md__focus__text_purple_100 - , md__focus__text_purple_200 - , md__focus__text_purple_300 - , md__focus__text_purple_400 - , md__focus__text_purple_500 - , md__focus__text_purple_600 - , md__focus__text_purple_700 - , md__focus__text_purple_800 - , md__focus__text_purple_900 - , md__focus__text_red_100 - , md__focus__text_red_200 - , md__focus__text_red_300 - , md__focus__text_red_400 - , md__focus__text_red_500 - , md__focus__text_red_600 - , md__focus__text_red_700 - , md__focus__text_red_800 - , md__focus__text_red_900 - , md__focus__text_teal_100 - , md__focus__text_teal_200 - , md__focus__text_teal_300 - , md__focus__text_teal_400 - , md__focus__text_teal_500 - , md__focus__text_teal_600 - , md__focus__text_teal_700 - , md__focus__text_teal_800 - , md__focus__text_teal_900 - , md__focus__text_transparent - , md__focus__text_white - , md__focus__text_yellow_100 - , md__focus__text_yellow_200 - , md__focus__text_yellow_300 - , md__focus__text_yellow_400 - , md__focus__text_yellow_500 - , md__focus__text_yellow_600 - , md__focus__text_yellow_700 - , md__focus__text_yellow_800 - , md__focus__text_yellow_900 - , md__focus__underline - , md__font_black - , md__font_bold - , md__font_extrabold - , md__font_hairline - , md__font_light - , md__font_medium - , md__font_mono - , md__font_normal - , md__font_sans - , md__font_semibold - , md__font_serif - , md__font_thin - , md__grid - , md__h_0 - , md__h_1 - , md__h_10 - , md__h_12 - , md__h_16 - , md__h_2 - , md__h_20 - , md__h_24 - , md__h_3 - , md__h_32 - , md__h_4 - , md__h_40 - , md__h_48 - , md__h_5 - , md__h_56 - , md__h_6 - , md__h_64 - , md__h_8 - , md__h_auto - , md__h_full - , md__h_px - , md__h_screen - , md__hidden - , md__hover__bg_black - , md__hover__bg_blue_100 - , md__hover__bg_blue_200 - , md__hover__bg_blue_300 - , md__hover__bg_blue_400 - , md__hover__bg_blue_500 - , md__hover__bg_blue_600 - , md__hover__bg_blue_700 - , md__hover__bg_blue_800 - , md__hover__bg_blue_900 - , md__hover__bg_current - , md__hover__bg_gray_100 - , md__hover__bg_gray_200 - , md__hover__bg_gray_300 - , md__hover__bg_gray_400 - , md__hover__bg_gray_500 - , md__hover__bg_gray_600 - , md__hover__bg_gray_700 - , md__hover__bg_gray_800 - , md__hover__bg_gray_900 - , md__hover__bg_green_100 - , md__hover__bg_green_200 - , md__hover__bg_green_300 - , md__hover__bg_green_400 - , md__hover__bg_green_500 - , md__hover__bg_green_600 - , md__hover__bg_green_700 - , md__hover__bg_green_800 - , md__hover__bg_green_900 - , md__hover__bg_indigo_100 - , md__hover__bg_indigo_200 - , md__hover__bg_indigo_300 - , md__hover__bg_indigo_400 - , md__hover__bg_indigo_500 - , md__hover__bg_indigo_600 - , md__hover__bg_indigo_700 - , md__hover__bg_indigo_800 - , md__hover__bg_indigo_900 - , md__hover__bg_orange_100 - , md__hover__bg_orange_200 - , md__hover__bg_orange_300 - , md__hover__bg_orange_400 - , md__hover__bg_orange_500 - , md__hover__bg_orange_600 - , md__hover__bg_orange_700 - , md__hover__bg_orange_800 - , md__hover__bg_orange_900 - , md__hover__bg_pink_100 - , md__hover__bg_pink_200 - , md__hover__bg_pink_300 - , md__hover__bg_pink_400 - , md__hover__bg_pink_500 - , md__hover__bg_pink_600 - , md__hover__bg_pink_700 - , md__hover__bg_pink_800 - , md__hover__bg_pink_900 - , md__hover__bg_purple_100 - , md__hover__bg_purple_200 - , md__hover__bg_purple_300 - , md__hover__bg_purple_400 - , md__hover__bg_purple_500 - , md__hover__bg_purple_600 - , md__hover__bg_purple_700 - , md__hover__bg_purple_800 - , md__hover__bg_purple_900 - , md__hover__bg_red_100 - , md__hover__bg_red_200 - , md__hover__bg_red_300 - , md__hover__bg_red_400 - , md__hover__bg_red_500 - , md__hover__bg_red_600 - , md__hover__bg_red_700 - , md__hover__bg_red_800 - , md__hover__bg_red_900 - , md__hover__bg_teal_100 - , md__hover__bg_teal_200 - , md__hover__bg_teal_300 - , md__hover__bg_teal_400 - , md__hover__bg_teal_500 - , md__hover__bg_teal_600 - , md__hover__bg_teal_700 - , md__hover__bg_teal_800 - , md__hover__bg_teal_900 - , md__hover__bg_transparent - , md__hover__bg_white - , md__hover__bg_yellow_100 - , md__hover__bg_yellow_200 - , md__hover__bg_yellow_300 - , md__hover__bg_yellow_400 - , md__hover__bg_yellow_500 - , md__hover__bg_yellow_600 - , md__hover__bg_yellow_700 - , md__hover__bg_yellow_800 - , md__hover__bg_yellow_900 - , md__hover__border_black - , md__hover__border_blue_100 - , md__hover__border_blue_200 - , md__hover__border_blue_300 - , md__hover__border_blue_400 - , md__hover__border_blue_500 - , md__hover__border_blue_600 - , md__hover__border_blue_700 - , md__hover__border_blue_800 - , md__hover__border_blue_900 - , md__hover__border_current - , md__hover__border_gray_100 - , md__hover__border_gray_200 - , md__hover__border_gray_300 - , md__hover__border_gray_400 - , md__hover__border_gray_500 - , md__hover__border_gray_600 - , md__hover__border_gray_700 - , md__hover__border_gray_800 - , md__hover__border_gray_900 - , md__hover__border_green_100 - , md__hover__border_green_200 - , md__hover__border_green_300 - , md__hover__border_green_400 - , md__hover__border_green_500 - , md__hover__border_green_600 - , md__hover__border_green_700 - , md__hover__border_green_800 - , md__hover__border_green_900 - , md__hover__border_indigo_100 - , md__hover__border_indigo_200 - , md__hover__border_indigo_300 - , md__hover__border_indigo_400 - , md__hover__border_indigo_500 - , md__hover__border_indigo_600 - , md__hover__border_indigo_700 - , md__hover__border_indigo_800 - , md__hover__border_indigo_900 - , md__hover__border_orange_100 - , md__hover__border_orange_200 - , md__hover__border_orange_300 - , md__hover__border_orange_400 - , md__hover__border_orange_500 - , md__hover__border_orange_600 - , md__hover__border_orange_700 - , md__hover__border_orange_800 - , md__hover__border_orange_900 - , md__hover__border_pink_100 - , md__hover__border_pink_200 - , md__hover__border_pink_300 - , md__hover__border_pink_400 - , md__hover__border_pink_500 - , md__hover__border_pink_600 - , md__hover__border_pink_700 - , md__hover__border_pink_800 - , md__hover__border_pink_900 - , md__hover__border_purple_100 - , md__hover__border_purple_200 - , md__hover__border_purple_300 - , md__hover__border_purple_400 - , md__hover__border_purple_500 - , md__hover__border_purple_600 - , md__hover__border_purple_700 - , md__hover__border_purple_800 - , md__hover__border_purple_900 - , md__hover__border_red_100 - , md__hover__border_red_200 - , md__hover__border_red_300 - , md__hover__border_red_400 - , md__hover__border_red_500 - , md__hover__border_red_600 - , md__hover__border_red_700 - , md__hover__border_red_800 - , md__hover__border_red_900 - , md__hover__border_teal_100 - , md__hover__border_teal_200 - , md__hover__border_teal_300 - , md__hover__border_teal_400 - , md__hover__border_teal_500 - , md__hover__border_teal_600 - , md__hover__border_teal_700 - , md__hover__border_teal_800 - , md__hover__border_teal_900 - , md__hover__border_transparent - , md__hover__border_white - , md__hover__border_yellow_100 - , md__hover__border_yellow_200 - , md__hover__border_yellow_300 - , md__hover__border_yellow_400 - , md__hover__border_yellow_500 - , md__hover__border_yellow_600 - , md__hover__border_yellow_700 - , md__hover__border_yellow_800 - , md__hover__border_yellow_900 - , md__hover__font_black - , md__hover__font_bold - , md__hover__font_extrabold - , md__hover__font_hairline - , md__hover__font_light - , md__hover__font_medium - , md__hover__font_normal - , md__hover__font_semibold - , md__hover__font_thin - , md__hover__line_through - , md__hover__no_underline - , md__hover__opacity_0 - , md__hover__opacity_100 - , md__hover__opacity_25 - , md__hover__opacity_50 - , md__hover__opacity_75 - , md__hover__shadow - , md__hover__shadow_2xl - , md__hover__shadow_inner - , md__hover__shadow_lg - , md__hover__shadow_md - , md__hover__shadow_none - , md__hover__shadow_outline - , md__hover__shadow_sm - , md__hover__shadow_xl - , md__hover__shadow_xs - , md__hover__text_black - , md__hover__text_blue_100 - , md__hover__text_blue_200 - , md__hover__text_blue_300 - , md__hover__text_blue_400 - , md__hover__text_blue_500 - , md__hover__text_blue_600 - , md__hover__text_blue_700 - , md__hover__text_blue_800 - , md__hover__text_blue_900 - , md__hover__text_current - , md__hover__text_gray_100 - , md__hover__text_gray_200 - , md__hover__text_gray_300 - , md__hover__text_gray_400 - , md__hover__text_gray_500 - , md__hover__text_gray_600 - , md__hover__text_gray_700 - , md__hover__text_gray_800 - , md__hover__text_gray_900 - , md__hover__text_green_100 - , md__hover__text_green_200 - , md__hover__text_green_300 - , md__hover__text_green_400 - , md__hover__text_green_500 - , md__hover__text_green_600 - , md__hover__text_green_700 - , md__hover__text_green_800 - , md__hover__text_green_900 - , md__hover__text_indigo_100 - , md__hover__text_indigo_200 - , md__hover__text_indigo_300 - , md__hover__text_indigo_400 - , md__hover__text_indigo_500 - , md__hover__text_indigo_600 - , md__hover__text_indigo_700 - , md__hover__text_indigo_800 - , md__hover__text_indigo_900 - , md__hover__text_orange_100 - , md__hover__text_orange_200 - , md__hover__text_orange_300 - , md__hover__text_orange_400 - , md__hover__text_orange_500 - , md__hover__text_orange_600 - , md__hover__text_orange_700 - , md__hover__text_orange_800 - , md__hover__text_orange_900 - , md__hover__text_pink_100 - , md__hover__text_pink_200 - , md__hover__text_pink_300 - , md__hover__text_pink_400 - , md__hover__text_pink_500 - , md__hover__text_pink_600 - , md__hover__text_pink_700 - , md__hover__text_pink_800 - , md__hover__text_pink_900 - , md__hover__text_purple_100 - , md__hover__text_purple_200 - , md__hover__text_purple_300 - , md__hover__text_purple_400 - , md__hover__text_purple_500 - , md__hover__text_purple_600 - , md__hover__text_purple_700 - , md__hover__text_purple_800 - , md__hover__text_purple_900 - , md__hover__text_red_100 - , md__hover__text_red_200 - , md__hover__text_red_300 - , md__hover__text_red_400 - , md__hover__text_red_500 - , md__hover__text_red_600 - , md__hover__text_red_700 - , md__hover__text_red_800 - , md__hover__text_red_900 - , md__hover__text_teal_100 - , md__hover__text_teal_200 - , md__hover__text_teal_300 - , md__hover__text_teal_400 - , md__hover__text_teal_500 - , md__hover__text_teal_600 - , md__hover__text_teal_700 - , md__hover__text_teal_800 - , md__hover__text_teal_900 - , md__hover__text_transparent - , md__hover__text_white - , md__hover__text_yellow_100 - , md__hover__text_yellow_200 - , md__hover__text_yellow_300 - , md__hover__text_yellow_400 - , md__hover__text_yellow_500 - , md__hover__text_yellow_600 - , md__hover__text_yellow_700 - , md__hover__text_yellow_800 - , md__hover__text_yellow_900 - , md__hover__underline - , md__inline - , md__inline_block - , md__inline_flex - , md__inline_grid - , md__inset_0 - , md__inset_auto - , md__inset_x_0 - , md__inset_x_auto - , md__inset_y_0 - , md__inset_y_auto - , md__invisible - , md__italic - , md__items_baseline - , md__items_center - , md__items_end - , md__items_start - , md__items_stretch - , md__justify_around - , md__justify_between - , md__justify_center - , md__justify_end - , md__justify_evenly - , md__justify_start - , md__leading_10 - , md__leading_3 - , md__leading_4 - , md__leading_5 - , md__leading_6 - , md__leading_7 - , md__leading_8 - , md__leading_9 - , md__leading_loose - , md__leading_none - , md__leading_normal - , md__leading_relaxed - , md__leading_snug - , md__leading_tight - , md__left_0 - , md__left_auto - , md__line_through - , md__list_decimal - , md__list_disc - , md__list_inside - , md__list_none - , md__list_outside - , md__lowercase - , md__m_0 - , md__m_1 - , md__m_10 - , md__m_12 - , md__m_16 - , md__m_2 - , md__m_20 - , md__m_24 - , md__m_3 - , md__m_32 - , md__m_4 - , md__m_40 - , md__m_48 - , md__m_5 - , md__m_56 - , md__m_6 - , md__m_64 - , md__m_8 - , md__m_auto - , md__m_px - , md__max_h_full - , md__max_h_screen - , md__max_w_2xl - , md__max_w_3xl - , md__max_w_4xl - , md__max_w_5xl - , md__max_w_6xl - , md__max_w_full - , md__max_w_lg - , md__max_w_md - , md__max_w_none - , md__max_w_screen_lg - , md__max_w_screen_md - , md__max_w_screen_sm - , md__max_w_screen_xl - , md__max_w_sm - , md__max_w_xl - , md__max_w_xs - , md__mb_0 - , md__mb_1 - , md__mb_10 - , md__mb_12 - , md__mb_16 - , md__mb_2 - , md__mb_20 - , md__mb_24 - , md__mb_3 - , md__mb_32 - , md__mb_4 - , md__mb_40 - , md__mb_48 - , md__mb_5 - , md__mb_56 - , md__mb_6 - , md__mb_64 - , md__mb_8 - , md__mb_auto - , md__mb_px - , md__min_h_0 - , md__min_h_full - , md__min_h_screen - , md__min_w_0 - , md__min_w_full - , md__ml_0 - , md__ml_1 - , md__ml_10 - , md__ml_12 - , md__ml_16 - , md__ml_2 - , md__ml_20 - , md__ml_24 - , md__ml_3 - , md__ml_32 - , md__ml_4 - , md__ml_40 - , md__ml_48 - , md__ml_5 - , md__ml_56 - , md__ml_6 - , md__ml_64 - , md__ml_8 - , md__ml_auto - , md__ml_px - , md__mr_0 - , md__mr_1 - , md__mr_10 - , md__mr_12 - , md__mr_16 - , md__mr_2 - , md__mr_20 - , md__mr_24 - , md__mr_3 - , md__mr_32 - , md__mr_4 - , md__mr_40 - , md__mr_48 - , md__mr_5 - , md__mr_56 - , md__mr_6 - , md__mr_64 - , md__mr_8 - , md__mr_auto - , md__mr_px - , md__mt_0 - , md__mt_1 - , md__mt_10 - , md__mt_12 - , md__mt_16 - , md__mt_2 - , md__mt_20 - , md__mt_24 - , md__mt_3 - , md__mt_32 - , md__mt_4 - , md__mt_40 - , md__mt_48 - , md__mt_5 - , md__mt_56 - , md__mt_6 - , md__mt_64 - , md__mt_8 - , md__mt_auto - , md__mt_px - , md__mx_0 - , md__mx_1 - , md__mx_10 - , md__mx_12 - , md__mx_16 - , md__mx_2 - , md__mx_20 - , md__mx_24 - , md__mx_3 - , md__mx_32 - , md__mx_4 - , md__mx_40 - , md__mx_48 - , md__mx_5 - , md__mx_56 - , md__mx_6 - , md__mx_64 - , md__mx_8 - , md__mx_auto - , md__mx_px - , md__my_0 - , md__my_1 - , md__my_10 - , md__my_12 - , md__my_16 - , md__my_2 - , md__my_20 - , md__my_24 - , md__my_3 - , md__my_32 - , md__my_4 - , md__my_40 - , md__my_48 - , md__my_5 - , md__my_56 - , md__my_6 - , md__my_64 - , md__my_8 - , md__my_auto - , md__my_px - , md__neg_m_1 - , md__neg_m_10 - , md__neg_m_12 - , md__neg_m_16 - , md__neg_m_2 - , md__neg_m_20 - , md__neg_m_24 - , md__neg_m_3 - , md__neg_m_32 - , md__neg_m_4 - , md__neg_m_40 - , md__neg_m_48 - , md__neg_m_5 - , md__neg_m_56 - , md__neg_m_6 - , md__neg_m_64 - , md__neg_m_8 - , md__neg_m_px - , md__neg_mb_1 - , md__neg_mb_10 - , md__neg_mb_12 - , md__neg_mb_16 - , md__neg_mb_2 - , md__neg_mb_20 - , md__neg_mb_24 - , md__neg_mb_3 - , md__neg_mb_32 - , md__neg_mb_4 - , md__neg_mb_40 - , md__neg_mb_48 - , md__neg_mb_5 - , md__neg_mb_56 - , md__neg_mb_6 - , md__neg_mb_64 - , md__neg_mb_8 - , md__neg_mb_px - , md__neg_ml_1 - , md__neg_ml_10 - , md__neg_ml_12 - , md__neg_ml_16 - , md__neg_ml_2 - , md__neg_ml_20 - , md__neg_ml_24 - , md__neg_ml_3 - , md__neg_ml_32 - , md__neg_ml_4 - , md__neg_ml_40 - , md__neg_ml_48 - , md__neg_ml_5 - , md__neg_ml_56 - , md__neg_ml_6 - , md__neg_ml_64 - , md__neg_ml_8 - , md__neg_ml_px - , md__neg_mr_1 - , md__neg_mr_10 - , md__neg_mr_12 - , md__neg_mr_16 - , md__neg_mr_2 - , md__neg_mr_20 - , md__neg_mr_24 - , md__neg_mr_3 - , md__neg_mr_32 - , md__neg_mr_4 - , md__neg_mr_40 - , md__neg_mr_48 - , md__neg_mr_5 - , md__neg_mr_56 - , md__neg_mr_6 - , md__neg_mr_64 - , md__neg_mr_8 - , md__neg_mr_px - , md__neg_mt_1 - , md__neg_mt_10 - , md__neg_mt_12 - , md__neg_mt_16 - , md__neg_mt_2 - , md__neg_mt_20 - , md__neg_mt_24 - , md__neg_mt_3 - , md__neg_mt_32 - , md__neg_mt_4 - , md__neg_mt_40 - , md__neg_mt_48 - , md__neg_mt_5 - , md__neg_mt_56 - , md__neg_mt_6 - , md__neg_mt_64 - , md__neg_mt_8 - , md__neg_mt_px - , md__neg_mx_1 - , md__neg_mx_10 - , md__neg_mx_12 - , md__neg_mx_16 - , md__neg_mx_2 - , md__neg_mx_20 - , md__neg_mx_24 - , md__neg_mx_3 - , md__neg_mx_32 - , md__neg_mx_4 - , md__neg_mx_40 - , md__neg_mx_48 - , md__neg_mx_5 - , md__neg_mx_56 - , md__neg_mx_6 - , md__neg_mx_64 - , md__neg_mx_8 - , md__neg_mx_px - , md__neg_my_1 - , md__neg_my_10 - , md__neg_my_12 - , md__neg_my_16 - , md__neg_my_2 - , md__neg_my_20 - , md__neg_my_24 - , md__neg_my_3 - , md__neg_my_32 - , md__neg_my_4 - , md__neg_my_40 - , md__neg_my_48 - , md__neg_my_5 - , md__neg_my_56 - , md__neg_my_6 - , md__neg_my_64 - , md__neg_my_8 - , md__neg_my_px - , md__no_underline - , md__normal_case - , md__not_italic - , md__not_sr_only - , md__object_bottom - , md__object_center - , md__object_contain - , md__object_cover - , md__object_fill - , md__object_left - , md__object_left_bottom - , md__object_left_top - , md__object_none - , md__object_right - , md__object_right_bottom - , md__object_right_top - , md__object_scale_down - , md__object_top - , md__opacity_0 - , md__opacity_100 - , md__opacity_25 - , md__opacity_50 - , md__opacity_75 - , md__order_1 - , md__order_10 - , md__order_11 - , md__order_12 - , md__order_2 - , md__order_3 - , md__order_4 - , md__order_5 - , md__order_6 - , md__order_7 - , md__order_8 - , md__order_9 - , md__order_first - , md__order_last - , md__order_none - , md__origin_bottom - , md__origin_bottom_left - , md__origin_bottom_right - , md__origin_center - , md__origin_left - , md__origin_right - , md__origin_top - , md__origin_top_left - , md__origin_top_right - , md__outline_none - , md__overflow_auto - , md__overflow_hidden - , md__overflow_scroll - , md__overflow_visible - , md__overflow_x_auto - , md__overflow_x_hidden - , md__overflow_x_scroll - , md__overflow_x_visible - , md__overflow_y_auto - , md__overflow_y_hidden - , md__overflow_y_scroll - , md__overflow_y_visible - , md__p_0 - , md__p_1 - , md__p_10 - , md__p_12 - , md__p_16 - , md__p_2 - , md__p_20 - , md__p_24 - , md__p_3 - , md__p_32 - , md__p_4 - , md__p_40 - , md__p_48 - , md__p_5 - , md__p_56 - , md__p_6 - , md__p_64 - , md__p_8 - , md__p_px - , md__pb_0 - , md__pb_1 - , md__pb_10 - , md__pb_12 - , md__pb_16 - , md__pb_2 - , md__pb_20 - , md__pb_24 - , md__pb_3 - , md__pb_32 - , md__pb_4 - , md__pb_40 - , md__pb_48 - , md__pb_5 - , md__pb_56 - , md__pb_6 - , md__pb_64 - , md__pb_8 - , md__pb_px - , md__pl_0 - , md__pl_1 - , md__pl_10 - , md__pl_12 - , md__pl_16 - , md__pl_2 - , md__pl_20 - , md__pl_24 - , md__pl_3 - , md__pl_32 - , md__pl_4 - , md__pl_40 - , md__pl_48 - , md__pl_5 - , md__pl_56 - , md__pl_6 - , md__pl_64 - , md__pl_8 - , md__pl_px - , md__placeholder_black - , md__placeholder_blue_100 - , md__placeholder_blue_200 - , md__placeholder_blue_300 - , md__placeholder_blue_400 - , md__placeholder_blue_500 - , md__placeholder_blue_600 - , md__placeholder_blue_700 - , md__placeholder_blue_800 - , md__placeholder_blue_900 - , md__placeholder_current - , md__placeholder_gray_100 - , md__placeholder_gray_200 - , md__placeholder_gray_300 - , md__placeholder_gray_400 - , md__placeholder_gray_500 - , md__placeholder_gray_600 - , md__placeholder_gray_700 - , md__placeholder_gray_800 - , md__placeholder_gray_900 - , md__placeholder_green_100 - , md__placeholder_green_200 - , md__placeholder_green_300 - , md__placeholder_green_400 - , md__placeholder_green_500 - , md__placeholder_green_600 - , md__placeholder_green_700 - , md__placeholder_green_800 - , md__placeholder_green_900 - , md__placeholder_indigo_100 - , md__placeholder_indigo_200 - , md__placeholder_indigo_300 - , md__placeholder_indigo_400 - , md__placeholder_indigo_500 - , md__placeholder_indigo_600 - , md__placeholder_indigo_700 - , md__placeholder_indigo_800 - , md__placeholder_indigo_900 - , md__placeholder_orange_100 - , md__placeholder_orange_200 - , md__placeholder_orange_300 - , md__placeholder_orange_400 - , md__placeholder_orange_500 - , md__placeholder_orange_600 - , md__placeholder_orange_700 - , md__placeholder_orange_800 - , md__placeholder_orange_900 - , md__placeholder_pink_100 - , md__placeholder_pink_200 - , md__placeholder_pink_300 - , md__placeholder_pink_400 - , md__placeholder_pink_500 - , md__placeholder_pink_600 - , md__placeholder_pink_700 - , md__placeholder_pink_800 - , md__placeholder_pink_900 - , md__placeholder_purple_100 - , md__placeholder_purple_200 - , md__placeholder_purple_300 - , md__placeholder_purple_400 - , md__placeholder_purple_500 - , md__placeholder_purple_600 - , md__placeholder_purple_700 - , md__placeholder_purple_800 - , md__placeholder_purple_900 - , md__placeholder_red_100 - , md__placeholder_red_200 - , md__placeholder_red_300 - , md__placeholder_red_400 - , md__placeholder_red_500 - , md__placeholder_red_600 - , md__placeholder_red_700 - , md__placeholder_red_800 - , md__placeholder_red_900 - , md__placeholder_teal_100 - , md__placeholder_teal_200 - , md__placeholder_teal_300 - , md__placeholder_teal_400 - , md__placeholder_teal_500 - , md__placeholder_teal_600 - , md__placeholder_teal_700 - , md__placeholder_teal_800 - , md__placeholder_teal_900 - , md__placeholder_transparent - , md__placeholder_white - , md__placeholder_yellow_100 - , md__placeholder_yellow_200 - , md__placeholder_yellow_300 - , md__placeholder_yellow_400 - , md__placeholder_yellow_500 - , md__placeholder_yellow_600 - , md__placeholder_yellow_700 - , md__placeholder_yellow_800 - , md__placeholder_yellow_900 - , md__pointer_events_auto - , md__pointer_events_none - , md__pr_0 - , md__pr_1 - , md__pr_10 - , md__pr_12 - , md__pr_16 - , md__pr_2 - , md__pr_20 - , md__pr_24 - , md__pr_3 - , md__pr_32 - , md__pr_4 - , md__pr_40 - , md__pr_48 - , md__pr_5 - , md__pr_56 - , md__pr_6 - , md__pr_64 - , md__pr_8 - , md__pr_px - , md__pt_0 - , md__pt_1 - , md__pt_10 - , md__pt_12 - , md__pt_16 - , md__pt_2 - , md__pt_20 - , md__pt_24 - , md__pt_3 - , md__pt_32 - , md__pt_4 - , md__pt_40 - , md__pt_48 - , md__pt_5 - , md__pt_56 - , md__pt_6 - , md__pt_64 - , md__pt_8 - , md__pt_px - , md__px_0 - , md__px_1 - , md__px_10 - , md__px_12 - , md__px_16 - , md__px_2 - , md__px_20 - , md__px_24 - , md__px_3 - , md__px_32 - , md__px_4 - , md__px_40 - , md__px_48 - , md__px_5 - , md__px_56 - , md__px_6 - , md__px_64 - , md__px_8 - , md__px_px - , md__py_0 - , md__py_1 - , md__py_10 - , md__py_12 - , md__py_16 - , md__py_2 - , md__py_20 - , md__py_24 - , md__py_3 - , md__py_32 - , md__py_4 - , md__py_40 - , md__py_48 - , md__py_5 - , md__py_56 - , md__py_6 - , md__py_64 - , md__py_8 - , md__py_px - , md__relative - , md__resize - , md__resize_none - , md__resize_x - , md__resize_y - , md__right_0 - , md__right_auto - , md__rounded - , md__rounded_b - , md__rounded_b_full - , md__rounded_b_lg - , md__rounded_b_md - , md__rounded_b_none - , md__rounded_b_sm - , md__rounded_bl - , md__rounded_bl_full - , md__rounded_bl_lg - , md__rounded_bl_md - , md__rounded_bl_none - , md__rounded_bl_sm - , md__rounded_br - , md__rounded_br_full - , md__rounded_br_lg - , md__rounded_br_md - , md__rounded_br_none - , md__rounded_br_sm - , md__rounded_full - , md__rounded_l - , md__rounded_l_full - , md__rounded_l_lg - , md__rounded_l_md - , md__rounded_l_none - , md__rounded_l_sm - , md__rounded_lg - , md__rounded_md - , md__rounded_none - , md__rounded_r - , md__rounded_r_full - , md__rounded_r_lg - , md__rounded_r_md - , md__rounded_r_none - , md__rounded_r_sm - , md__rounded_sm - , md__rounded_t - , md__rounded_t_full - , md__rounded_t_lg - , md__rounded_t_md - , md__rounded_t_none - , md__rounded_t_sm - , md__rounded_tl - , md__rounded_tl_full - , md__rounded_tl_lg - , md__rounded_tl_md - , md__rounded_tl_none - , md__rounded_tl_sm - , md__rounded_tr - , md__rounded_tr_full - , md__rounded_tr_lg - , md__rounded_tr_md - , md__rounded_tr_none - , md__rounded_tr_sm - , md__scrolling_auto - , md__scrolling_touch - , md__select_all - , md__select_auto - , md__select_none - , md__select_text - , md__self_auto - , md__self_center - , md__self_end - , md__self_start - , md__self_stretch - , md__shadow - , md__shadow_2xl - , md__shadow_inner - , md__shadow_lg - , md__shadow_md - , md__shadow_none - , md__shadow_outline - , md__shadow_sm - , md__shadow_xl - , md__shadow_xs - , md__sr_only - , md__static - , md__sticky - , md__stroke_0 - , md__stroke_1 - , md__stroke_2 - , md__stroke_current - , md__subpixel_antialiased - , md__table - , md__table_auto - , md__table_caption - , md__table_cell - , md__table_column - , md__table_column_group - , md__table_fixed - , md__table_footer_group - , md__table_header_group - , md__table_row - , md__table_row_group - , md__text_2xl - , md__text_3xl - , md__text_4xl - , md__text_5xl - , md__text_6xl - , md__text_base - , md__text_black - , md__text_blue_100 - , md__text_blue_200 - , md__text_blue_300 - , md__text_blue_400 - , md__text_blue_500 - , md__text_blue_600 - , md__text_blue_700 - , md__text_blue_800 - , md__text_blue_900 - , md__text_center - , md__text_current - , md__text_gray_100 - , md__text_gray_200 - , md__text_gray_300 - , md__text_gray_400 - , md__text_gray_500 - , md__text_gray_600 - , md__text_gray_700 - , md__text_gray_800 - , md__text_gray_900 - , md__text_green_100 - , md__text_green_200 - , md__text_green_300 - , md__text_green_400 - , md__text_green_500 - , md__text_green_600 - , md__text_green_700 - , md__text_green_800 - , md__text_green_900 - , md__text_indigo_100 - , md__text_indigo_200 - , md__text_indigo_300 - , md__text_indigo_400 - , md__text_indigo_500 - , md__text_indigo_600 - , md__text_indigo_700 - , md__text_indigo_800 - , md__text_indigo_900 - , md__text_justify - , md__text_left - , md__text_lg - , md__text_orange_100 - , md__text_orange_200 - , md__text_orange_300 - , md__text_orange_400 - , md__text_orange_500 - , md__text_orange_600 - , md__text_orange_700 - , md__text_orange_800 - , md__text_orange_900 - , md__text_pink_100 - , md__text_pink_200 - , md__text_pink_300 - , md__text_pink_400 - , md__text_pink_500 - , md__text_pink_600 - , md__text_pink_700 - , md__text_pink_800 - , md__text_pink_900 - , md__text_purple_100 - , md__text_purple_200 - , md__text_purple_300 - , md__text_purple_400 - , md__text_purple_500 - , md__text_purple_600 - , md__text_purple_700 - , md__text_purple_800 - , md__text_purple_900 - , md__text_red_100 - , md__text_red_200 - , md__text_red_300 - , md__text_red_400 - , md__text_red_500 - , md__text_red_600 - , md__text_red_700 - , md__text_red_800 - , md__text_red_900 - , md__text_right - , md__text_sm - , md__text_teal_100 - , md__text_teal_200 - , md__text_teal_300 - , md__text_teal_400 - , md__text_teal_500 - , md__text_teal_600 - , md__text_teal_700 - , md__text_teal_800 - , md__text_teal_900 - , md__text_transparent - , md__text_white - , md__text_xl - , md__text_xs - , md__text_yellow_100 - , md__text_yellow_200 - , md__text_yellow_300 - , md__text_yellow_400 - , md__text_yellow_500 - , md__text_yellow_600 - , md__text_yellow_700 - , md__text_yellow_800 - , md__text_yellow_900 - , md__top_0 - , md__top_auto - , md__tracking_normal - , md__tracking_tight - , md__tracking_tighter - , md__tracking_wide - , md__tracking_wider - , md__tracking_widest - , md__transform_none - , md__truncate - , md__underline - , md__uppercase - , md__visible - , md__w_0 - , md__w_1 - , md__w_10 - , md__w_10over12 - , md__w_11over12 - , md__w_12 - , md__w_16 - , md__w_1over12 - , md__w_1over2 - , md__w_1over3 - , md__w_1over4 - , md__w_1over5 - , md__w_1over6 - , md__w_2 - , md__w_20 - , md__w_24 - , md__w_2over12 - , md__w_2over3 - , md__w_2over4 - , md__w_2over5 - , md__w_2over6 - , md__w_3 - , md__w_32 - , md__w_3over12 - , md__w_3over4 - , md__w_3over5 - , md__w_3over6 - , md__w_4 - , md__w_40 - , md__w_48 - , md__w_4over12 - , md__w_4over5 - , md__w_4over6 - , md__w_5 - , md__w_56 - , md__w_5over12 - , md__w_5over6 - , md__w_6 - , md__w_64 - , md__w_6over12 - , md__w_7over12 - , md__w_8 - , md__w_8over12 - , md__w_9over12 - , md__w_auto - , md__w_full - , md__w_px - , md__w_screen - , md__whitespace_no_wrap - , md__whitespace_normal - , md__whitespace_pre - , md__whitespace_pre_line - , md__whitespace_pre_wrap - , md__z_0 - , md__z_10 - , md__z_20 - , md__z_30 - , md__z_40 - , md__z_50 - , md__z_auto - , min_h_0 - , min_h_full - , min_h_screen - , min_w_0 - , min_w_full - , ml_0 - , ml_1 - , ml_10 - , ml_12 - , ml_16 - , ml_2 - , ml_20 - , ml_24 - , ml_3 - , ml_32 - , ml_4 - , ml_40 - , ml_48 - , ml_5 - , ml_56 - , ml_6 - , ml_64 - , ml_8 - , ml_auto - , ml_px - , mr_0 - , mr_1 - , mr_10 - , mr_12 - , mr_16 - , mr_2 - , mr_20 - , mr_24 - , mr_3 - , mr_32 - , mr_4 - , mr_40 - , mr_48 - , mr_5 - , mr_56 - , mr_6 - , mr_64 - , mr_8 - , mr_auto - , mr_px - , mt_0 - , mt_1 - , mt_10 - , mt_12 - , mt_16 - , mt_2 - , mt_20 - , mt_24 - , mt_3 - , mt_32 - , mt_4 - , mt_40 - , mt_48 - , mt_5 - , mt_56 - , mt_6 - , mt_64 - , mt_8 - , mt_auto - , mt_px - , mx_0 - , mx_1 - , mx_10 - , mx_12 - , mx_16 - , mx_2 - , mx_20 - , mx_24 - , mx_3 - , mx_32 - , mx_4 - , mx_40 - , mx_48 - , mx_5 - , mx_56 - , mx_6 - , mx_64 - , mx_8 - , mx_auto - , mx_px - , my_0 - , my_1 - , my_10 - , my_12 - , my_16 - , my_2 - , my_20 - , my_24 - , my_3 - , my_32 - , my_4 - , my_40 - , my_48 - , my_5 - , my_56 - , my_6 - , my_64 - , my_8 - , my_auto - , my_px - , neg_m_1 - , neg_m_10 - , neg_m_12 - , neg_m_16 - , neg_m_2 - , neg_m_20 - , neg_m_24 - , neg_m_3 - , neg_m_32 - , neg_m_4 - , neg_m_40 - , neg_m_48 - , neg_m_5 - , neg_m_56 - , neg_m_6 - , neg_m_64 - , neg_m_8 - , neg_m_px - , neg_mb_1 - , neg_mb_10 - , neg_mb_12 - , neg_mb_16 - , neg_mb_2 - , neg_mb_20 - , neg_mb_24 - , neg_mb_3 - , neg_mb_32 - , neg_mb_4 - , neg_mb_40 - , neg_mb_48 - , neg_mb_5 - , neg_mb_56 - , neg_mb_6 - , neg_mb_64 - , neg_mb_8 - , neg_mb_px - , neg_ml_1 - , neg_ml_10 - , neg_ml_12 - , neg_ml_16 - , neg_ml_2 - , neg_ml_20 - , neg_ml_24 - , neg_ml_3 - , neg_ml_32 - , neg_ml_4 - , neg_ml_40 - , neg_ml_48 - , neg_ml_5 - , neg_ml_56 - , neg_ml_6 - , neg_ml_64 - , neg_ml_8 - , neg_ml_px - , neg_mr_1 - , neg_mr_10 - , neg_mr_12 - , neg_mr_16 - , neg_mr_2 - , neg_mr_20 - , neg_mr_24 - , neg_mr_3 - , neg_mr_32 - , neg_mr_4 - , neg_mr_40 - , neg_mr_48 - , neg_mr_5 - , neg_mr_56 - , neg_mr_6 - , neg_mr_64 - , neg_mr_8 - , neg_mr_px - , neg_mt_1 - , neg_mt_10 - , neg_mt_12 - , neg_mt_16 - , neg_mt_2 - , neg_mt_20 - , neg_mt_24 - , neg_mt_3 - , neg_mt_32 - , neg_mt_4 - , neg_mt_40 - , neg_mt_48 - , neg_mt_5 - , neg_mt_56 - , neg_mt_6 - , neg_mt_64 - , neg_mt_8 - , neg_mt_px - , neg_mx_1 - , neg_mx_10 - , neg_mx_12 - , neg_mx_16 - , neg_mx_2 - , neg_mx_20 - , neg_mx_24 - , neg_mx_3 - , neg_mx_32 - , neg_mx_4 - , neg_mx_40 - , neg_mx_48 - , neg_mx_5 - , neg_mx_56 - , neg_mx_6 - , neg_mx_64 - , neg_mx_8 - , neg_mx_px - , neg_my_1 - , neg_my_10 - , neg_my_12 - , neg_my_16 - , neg_my_2 - , neg_my_20 - , neg_my_24 - , neg_my_3 - , neg_my_32 - , neg_my_4 - , neg_my_40 - , neg_my_48 - , neg_my_5 - , neg_my_56 - , neg_my_6 - , neg_my_64 - , neg_my_8 - , neg_my_px - , no_underline - , normal_case - , not_italic - , not_sr_only - , object_bottom - , object_center - , object_contain - , object_cover - , object_fill - , object_left - , object_left_bottom - , object_left_top - , object_none - , object_right - , object_right_bottom - , object_right_top - , object_scale_down - , object_top - , opacity_0 - , opacity_100 - , opacity_25 - , opacity_50 - , opacity_75 - , order_1 - , order_10 - , order_11 - , order_12 - , order_2 - , order_3 - , order_4 - , order_5 - , order_6 - , order_7 - , order_8 - , order_9 - , order_first - , order_last - , order_none - , origin_bottom - , origin_bottom_left - , origin_bottom_right - , origin_center - , origin_left - , origin_right - , origin_top - , origin_top_left - , origin_top_right - , outline_none - , overflow_auto - , overflow_hidden - , overflow_scroll - , overflow_visible - , overflow_x_auto - , overflow_x_hidden - , overflow_x_scroll - , overflow_x_visible - , overflow_y_auto - , overflow_y_hidden - , overflow_y_scroll - , overflow_y_visible - , p_0 - , p_1 - , p_10 - , p_12 - , p_16 - , p_2 - , p_20 - , p_24 - , p_3 - , p_32 - , p_4 - , p_40 - , p_48 - , p_5 - , p_56 - , p_6 - , p_64 - , p_8 - , p_px - , pb_0 - , pb_1 - , pb_10 - , pb_12 - , pb_16 - , pb_2 - , pb_20 - , pb_24 - , pb_3 - , pb_32 - , pb_4 - , pb_40 - , pb_48 - , pb_5 - , pb_56 - , pb_6 - , pb_64 - , pb_8 - , pb_px - , pl_0 - , pl_1 - , pl_10 - , pl_12 - , pl_16 - , pl_2 - , pl_20 - , pl_24 - , pl_3 - , pl_32 - , pl_4 - , pl_40 - , pl_48 - , pl_5 - , pl_56 - , pl_6 - , pl_64 - , pl_8 - , pl_px - , placeholder_black - , placeholder_blue_100 - , placeholder_blue_200 - , placeholder_blue_300 - , placeholder_blue_400 - , placeholder_blue_500 - , placeholder_blue_600 - , placeholder_blue_700 - , placeholder_blue_800 - , placeholder_blue_900 - , placeholder_current - , placeholder_gray_100 - , placeholder_gray_200 - , placeholder_gray_300 - , placeholder_gray_400 - , placeholder_gray_500 - , placeholder_gray_600 - , placeholder_gray_700 - , placeholder_gray_800 - , placeholder_gray_900 - , placeholder_green_100 - , placeholder_green_200 - , placeholder_green_300 - , placeholder_green_400 - , placeholder_green_500 - , placeholder_green_600 - , placeholder_green_700 - , placeholder_green_800 - , placeholder_green_900 - , placeholder_indigo_100 - , placeholder_indigo_200 - , placeholder_indigo_300 - , placeholder_indigo_400 - , placeholder_indigo_500 - , placeholder_indigo_600 - , placeholder_indigo_700 - , placeholder_indigo_800 - , placeholder_indigo_900 - , placeholder_orange_100 - , placeholder_orange_200 - , placeholder_orange_300 - , placeholder_orange_400 - , placeholder_orange_500 - , placeholder_orange_600 - , placeholder_orange_700 - , placeholder_orange_800 - , placeholder_orange_900 - , placeholder_pink_100 - , placeholder_pink_200 - , placeholder_pink_300 - , placeholder_pink_400 - , placeholder_pink_500 - , placeholder_pink_600 - , placeholder_pink_700 - , placeholder_pink_800 - , placeholder_pink_900 - , placeholder_purple_100 - , placeholder_purple_200 - , placeholder_purple_300 - , placeholder_purple_400 - , placeholder_purple_500 - , placeholder_purple_600 - , placeholder_purple_700 - , placeholder_purple_800 - , placeholder_purple_900 - , placeholder_red_100 - , placeholder_red_200 - , placeholder_red_300 - , placeholder_red_400 - , placeholder_red_500 - , placeholder_red_600 - , placeholder_red_700 - , placeholder_red_800 - , placeholder_red_900 - , placeholder_teal_100 - , placeholder_teal_200 - , placeholder_teal_300 - , placeholder_teal_400 - , placeholder_teal_500 - , placeholder_teal_600 - , placeholder_teal_700 - , placeholder_teal_800 - , placeholder_teal_900 - , placeholder_transparent - , placeholder_white - , placeholder_yellow_100 - , placeholder_yellow_200 - , placeholder_yellow_300 - , placeholder_yellow_400 - , placeholder_yellow_500 - , placeholder_yellow_600 - , placeholder_yellow_700 - , placeholder_yellow_800 - , placeholder_yellow_900 - , pointer_events_auto - , pointer_events_none - , pr_0 - , pr_1 - , pr_10 - , pr_12 - , pr_16 - , pr_2 - , pr_20 - , pr_24 - , pr_3 - , pr_32 - , pr_4 - , pr_40 - , pr_48 - , pr_5 - , pr_56 - , pr_6 - , pr_64 - , pr_8 - , pr_px - , pt_0 - , pt_1 - , pt_10 - , pt_12 - , pt_16 - , pt_2 - , pt_20 - , pt_24 - , pt_3 - , pt_32 - , pt_4 - , pt_40 - , pt_48 - , pt_5 - , pt_56 - , pt_6 - , pt_64 - , pt_8 - , pt_px - , px_0 - , px_1 - , px_10 - , px_12 - , px_16 - , px_2 - , px_20 - , px_24 - , px_3 - , px_32 - , px_4 - , px_40 - , px_48 - , px_5 - , px_56 - , px_6 - , px_64 - , px_8 - , px_px - , py_0 - , py_1 - , py_10 - , py_12 - , py_16 - , py_2 - , py_20 - , py_24 - , py_3 - , py_32 - , py_4 - , py_40 - , py_48 - , py_5 - , py_56 - , py_6 - , py_64 - , py_8 - , py_px - , relative - , resize - , resize_none - , resize_x - , resize_y - , right_0 - , right_auto - , rounded - , rounded_b - , rounded_b_full - , rounded_b_lg - , rounded_b_md - , rounded_b_none - , rounded_b_sm - , rounded_bl - , rounded_bl_full - , rounded_bl_lg - , rounded_bl_md - , rounded_bl_none - , rounded_bl_sm - , rounded_br - , rounded_br_full - , rounded_br_lg - , rounded_br_md - , rounded_br_none - , rounded_br_sm - , rounded_full - , rounded_l - , rounded_l_full - , rounded_l_lg - , rounded_l_md - , rounded_l_none - , rounded_l_sm - , rounded_lg - , rounded_md - , rounded_none - , rounded_r - , rounded_r_full - , rounded_r_lg - , rounded_r_md - , rounded_r_none - , rounded_r_sm - , rounded_sm - , rounded_t - , rounded_t_full - , rounded_t_lg - , rounded_t_md - , rounded_t_none - , rounded_t_sm - , rounded_tl - , rounded_tl_full - , rounded_tl_lg - , rounded_tl_md - , rounded_tl_none - , rounded_tl_sm - , rounded_tr - , rounded_tr_full - , rounded_tr_lg - , rounded_tr_md - , rounded_tr_none - , rounded_tr_sm - , scrolling_auto - , scrolling_touch - , select_all - , select_auto - , select_none - , select_text - , self_auto - , self_center - , self_end - , self_start - , self_stretch - , shadow - , shadow_2xl - , shadow_inner - , shadow_lg - , shadow_md - , shadow_none - , shadow_outline - , shadow_sm - , shadow_xl - , shadow_xs - , sm__absolute - , sm__align_baseline - , sm__align_bottom - , sm__align_middle - , sm__align_text_bottom - , sm__align_text_top - , sm__align_top - , sm__antialiased - , sm__appearance_none - , sm__bg_auto - , sm__bg_black - , sm__bg_blue_100 - , sm__bg_blue_200 - , sm__bg_blue_300 - , sm__bg_blue_400 - , sm__bg_blue_500 - , sm__bg_blue_600 - , sm__bg_blue_700 - , sm__bg_blue_800 - , sm__bg_blue_900 - , sm__bg_bottom - , sm__bg_center - , sm__bg_contain - , sm__bg_cover - , sm__bg_current - , sm__bg_fixed - , sm__bg_gray_100 - , sm__bg_gray_200 - , sm__bg_gray_300 - , sm__bg_gray_400 - , sm__bg_gray_500 - , sm__bg_gray_600 - , sm__bg_gray_700 - , sm__bg_gray_800 - , sm__bg_gray_900 - , sm__bg_green_100 - , sm__bg_green_200 - , sm__bg_green_300 - , sm__bg_green_400 - , sm__bg_green_500 - , sm__bg_green_600 - , sm__bg_green_700 - , sm__bg_green_800 - , sm__bg_green_900 - , sm__bg_indigo_100 - , sm__bg_indigo_200 - , sm__bg_indigo_300 - , sm__bg_indigo_400 - , sm__bg_indigo_500 - , sm__bg_indigo_600 - , sm__bg_indigo_700 - , sm__bg_indigo_800 - , sm__bg_indigo_900 - , sm__bg_left - , sm__bg_left_bottom - , sm__bg_left_top - , sm__bg_local - , sm__bg_no_repeat - , sm__bg_orange_100 - , sm__bg_orange_200 - , sm__bg_orange_300 - , sm__bg_orange_400 - , sm__bg_orange_500 - , sm__bg_orange_600 - , sm__bg_orange_700 - , sm__bg_orange_800 - , sm__bg_orange_900 - , sm__bg_pink_100 - , sm__bg_pink_200 - , sm__bg_pink_300 - , sm__bg_pink_400 - , sm__bg_pink_500 - , sm__bg_pink_600 - , sm__bg_pink_700 - , sm__bg_pink_800 - , sm__bg_pink_900 - , sm__bg_purple_100 - , sm__bg_purple_200 - , sm__bg_purple_300 - , sm__bg_purple_400 - , sm__bg_purple_500 - , sm__bg_purple_600 - , sm__bg_purple_700 - , sm__bg_purple_800 - , sm__bg_purple_900 - , sm__bg_red_100 - , sm__bg_red_200 - , sm__bg_red_300 - , sm__bg_red_400 - , sm__bg_red_500 - , sm__bg_red_600 - , sm__bg_red_700 - , sm__bg_red_800 - , sm__bg_red_900 - , sm__bg_repeat - , sm__bg_repeat_round - , sm__bg_repeat_space - , sm__bg_repeat_x - , sm__bg_repeat_y - , sm__bg_right - , sm__bg_right_bottom - , sm__bg_right_top - , sm__bg_scroll - , sm__bg_teal_100 - , sm__bg_teal_200 - , sm__bg_teal_300 - , sm__bg_teal_400 - , sm__bg_teal_500 - , sm__bg_teal_600 - , sm__bg_teal_700 - , sm__bg_teal_800 - , sm__bg_teal_900 - , sm__bg_top - , sm__bg_transparent - , sm__bg_white - , sm__bg_yellow_100 - , sm__bg_yellow_200 - , sm__bg_yellow_300 - , sm__bg_yellow_400 - , sm__bg_yellow_500 - , sm__bg_yellow_600 - , sm__bg_yellow_700 - , sm__bg_yellow_800 - , sm__bg_yellow_900 - , sm__block - , sm__border - , sm__border_0 - , sm__border_2 - , sm__border_4 - , sm__border_8 - , sm__border_b - , sm__border_b_0 - , sm__border_b_2 - , sm__border_b_4 - , sm__border_b_8 - , sm__border_black - , sm__border_blue_100 - , sm__border_blue_200 - , sm__border_blue_300 - , sm__border_blue_400 - , sm__border_blue_500 - , sm__border_blue_600 - , sm__border_blue_700 - , sm__border_blue_800 - , sm__border_blue_900 - , sm__border_collapse - , sm__border_current - , sm__border_dashed - , sm__border_dotted - , sm__border_double - , sm__border_gray_100 - , sm__border_gray_200 - , sm__border_gray_300 - , sm__border_gray_400 - , sm__border_gray_500 - , sm__border_gray_600 - , sm__border_gray_700 - , sm__border_gray_800 - , sm__border_gray_900 - , sm__border_green_100 - , sm__border_green_200 - , sm__border_green_300 - , sm__border_green_400 - , sm__border_green_500 - , sm__border_green_600 - , sm__border_green_700 - , sm__border_green_800 - , sm__border_green_900 - , sm__border_indigo_100 - , sm__border_indigo_200 - , sm__border_indigo_300 - , sm__border_indigo_400 - , sm__border_indigo_500 - , sm__border_indigo_600 - , sm__border_indigo_700 - , sm__border_indigo_800 - , sm__border_indigo_900 - , sm__border_l - , sm__border_l_0 - , sm__border_l_2 - , sm__border_l_4 - , sm__border_l_8 - , sm__border_none - , sm__border_orange_100 - , sm__border_orange_200 - , sm__border_orange_300 - , sm__border_orange_400 - , sm__border_orange_500 - , sm__border_orange_600 - , sm__border_orange_700 - , sm__border_orange_800 - , sm__border_orange_900 - , sm__border_pink_100 - , sm__border_pink_200 - , sm__border_pink_300 - , sm__border_pink_400 - , sm__border_pink_500 - , sm__border_pink_600 - , sm__border_pink_700 - , sm__border_pink_800 - , sm__border_pink_900 - , sm__border_purple_100 - , sm__border_purple_200 - , sm__border_purple_300 - , sm__border_purple_400 - , sm__border_purple_500 - , sm__border_purple_600 - , sm__border_purple_700 - , sm__border_purple_800 - , sm__border_purple_900 - , sm__border_r - , sm__border_r_0 - , sm__border_r_2 - , sm__border_r_4 - , sm__border_r_8 - , sm__border_red_100 - , sm__border_red_200 - , sm__border_red_300 - , sm__border_red_400 - , sm__border_red_500 - , sm__border_red_600 - , sm__border_red_700 - , sm__border_red_800 - , sm__border_red_900 - , sm__border_separate - , sm__border_solid - , sm__border_t - , sm__border_t_0 - , sm__border_t_2 - , sm__border_t_4 - , sm__border_t_8 - , sm__border_teal_100 - , sm__border_teal_200 - , sm__border_teal_300 - , sm__border_teal_400 - , sm__border_teal_500 - , sm__border_teal_600 - , sm__border_teal_700 - , sm__border_teal_800 - , sm__border_teal_900 - , sm__border_transparent - , sm__border_white - , sm__border_yellow_100 - , sm__border_yellow_200 - , sm__border_yellow_300 - , sm__border_yellow_400 - , sm__border_yellow_500 - , sm__border_yellow_600 - , sm__border_yellow_700 - , sm__border_yellow_800 - , sm__border_yellow_900 - , sm__bottom_0 - , sm__bottom_auto - , sm__box_border - , sm__box_content - , sm__break_all - , sm__break_normal - , sm__break_words - , sm__capitalize - , sm__clear_both - , sm__clear_left - , sm__clear_none - , sm__clear_right - , sm__clearfix - , sm__container - , sm__content_around - , sm__content_between - , sm__content_center - , sm__content_end - , sm__content_start - , sm__cursor_auto - , sm__cursor_default - , sm__cursor_move - , sm__cursor_not_allowed - , sm__cursor_pointer - , sm__cursor_text - , sm__cursor_wait - , sm__divide_black - , sm__divide_blue_100 - , sm__divide_blue_200 - , sm__divide_blue_300 - , sm__divide_blue_400 - , sm__divide_blue_500 - , sm__divide_blue_600 - , sm__divide_blue_700 - , sm__divide_blue_800 - , sm__divide_blue_900 - , sm__divide_current - , sm__divide_gray_100 - , sm__divide_gray_200 - , sm__divide_gray_300 - , sm__divide_gray_400 - , sm__divide_gray_500 - , sm__divide_gray_600 - , sm__divide_gray_700 - , sm__divide_gray_800 - , sm__divide_gray_900 - , sm__divide_green_100 - , sm__divide_green_200 - , sm__divide_green_300 - , sm__divide_green_400 - , sm__divide_green_500 - , sm__divide_green_600 - , sm__divide_green_700 - , sm__divide_green_800 - , sm__divide_green_900 - , sm__divide_indigo_100 - , sm__divide_indigo_200 - , sm__divide_indigo_300 - , sm__divide_indigo_400 - , sm__divide_indigo_500 - , sm__divide_indigo_600 - , sm__divide_indigo_700 - , sm__divide_indigo_800 - , sm__divide_indigo_900 - , sm__divide_orange_100 - , sm__divide_orange_200 - , sm__divide_orange_300 - , sm__divide_orange_400 - , sm__divide_orange_500 - , sm__divide_orange_600 - , sm__divide_orange_700 - , sm__divide_orange_800 - , sm__divide_orange_900 - , sm__divide_pink_100 - , sm__divide_pink_200 - , sm__divide_pink_300 - , sm__divide_pink_400 - , sm__divide_pink_500 - , sm__divide_pink_600 - , sm__divide_pink_700 - , sm__divide_pink_800 - , sm__divide_pink_900 - , sm__divide_purple_100 - , sm__divide_purple_200 - , sm__divide_purple_300 - , sm__divide_purple_400 - , sm__divide_purple_500 - , sm__divide_purple_600 - , sm__divide_purple_700 - , sm__divide_purple_800 - , sm__divide_purple_900 - , sm__divide_red_100 - , sm__divide_red_200 - , sm__divide_red_300 - , sm__divide_red_400 - , sm__divide_red_500 - , sm__divide_red_600 - , sm__divide_red_700 - , sm__divide_red_800 - , sm__divide_red_900 - , sm__divide_teal_100 - , sm__divide_teal_200 - , sm__divide_teal_300 - , sm__divide_teal_400 - , sm__divide_teal_500 - , sm__divide_teal_600 - , sm__divide_teal_700 - , sm__divide_teal_800 - , sm__divide_teal_900 - , sm__divide_transparent - , sm__divide_white - , sm__divide_yellow_100 - , sm__divide_yellow_200 - , sm__divide_yellow_300 - , sm__divide_yellow_400 - , sm__divide_yellow_500 - , sm__divide_yellow_600 - , sm__divide_yellow_700 - , sm__divide_yellow_800 - , sm__divide_yellow_900 - , sm__fill_current - , sm__fixed - , sm__flex - , sm__flex_1 - , sm__flex_auto - , sm__flex_col - , sm__flex_col_reverse - , sm__flex_grow - , sm__flex_grow_0 - , sm__flex_initial - , sm__flex_no_wrap - , sm__flex_none - , sm__flex_row - , sm__flex_row_reverse - , sm__flex_shrink - , sm__flex_shrink_0 - , sm__flex_wrap - , sm__flex_wrap_reverse - , sm__float_left - , sm__float_none - , sm__float_right - , sm__flow_root - , sm__focus__bg_black - , sm__focus__bg_blue_100 - , sm__focus__bg_blue_200 - , sm__focus__bg_blue_300 - , sm__focus__bg_blue_400 - , sm__focus__bg_blue_500 - , sm__focus__bg_blue_600 - , sm__focus__bg_blue_700 - , sm__focus__bg_blue_800 - , sm__focus__bg_blue_900 - , sm__focus__bg_current - , sm__focus__bg_gray_100 - , sm__focus__bg_gray_200 - , sm__focus__bg_gray_300 - , sm__focus__bg_gray_400 - , sm__focus__bg_gray_500 - , sm__focus__bg_gray_600 - , sm__focus__bg_gray_700 - , sm__focus__bg_gray_800 - , sm__focus__bg_gray_900 - , sm__focus__bg_green_100 - , sm__focus__bg_green_200 - , sm__focus__bg_green_300 - , sm__focus__bg_green_400 - , sm__focus__bg_green_500 - , sm__focus__bg_green_600 - , sm__focus__bg_green_700 - , sm__focus__bg_green_800 - , sm__focus__bg_green_900 - , sm__focus__bg_indigo_100 - , sm__focus__bg_indigo_200 - , sm__focus__bg_indigo_300 - , sm__focus__bg_indigo_400 - , sm__focus__bg_indigo_500 - , sm__focus__bg_indigo_600 - , sm__focus__bg_indigo_700 - , sm__focus__bg_indigo_800 - , sm__focus__bg_indigo_900 - , sm__focus__bg_orange_100 - , sm__focus__bg_orange_200 - , sm__focus__bg_orange_300 - , sm__focus__bg_orange_400 - , sm__focus__bg_orange_500 - , sm__focus__bg_orange_600 - , sm__focus__bg_orange_700 - , sm__focus__bg_orange_800 - , sm__focus__bg_orange_900 - , sm__focus__bg_pink_100 - , sm__focus__bg_pink_200 - , sm__focus__bg_pink_300 - , sm__focus__bg_pink_400 - , sm__focus__bg_pink_500 - , sm__focus__bg_pink_600 - , sm__focus__bg_pink_700 - , sm__focus__bg_pink_800 - , sm__focus__bg_pink_900 - , sm__focus__bg_purple_100 - , sm__focus__bg_purple_200 - , sm__focus__bg_purple_300 - , sm__focus__bg_purple_400 - , sm__focus__bg_purple_500 - , sm__focus__bg_purple_600 - , sm__focus__bg_purple_700 - , sm__focus__bg_purple_800 - , sm__focus__bg_purple_900 - , sm__focus__bg_red_100 - , sm__focus__bg_red_200 - , sm__focus__bg_red_300 - , sm__focus__bg_red_400 - , sm__focus__bg_red_500 - , sm__focus__bg_red_600 - , sm__focus__bg_red_700 - , sm__focus__bg_red_800 - , sm__focus__bg_red_900 - , sm__focus__bg_teal_100 - , sm__focus__bg_teal_200 - , sm__focus__bg_teal_300 - , sm__focus__bg_teal_400 - , sm__focus__bg_teal_500 - , sm__focus__bg_teal_600 - , sm__focus__bg_teal_700 - , sm__focus__bg_teal_800 - , sm__focus__bg_teal_900 - , sm__focus__bg_transparent - , sm__focus__bg_white - , sm__focus__bg_yellow_100 - , sm__focus__bg_yellow_200 - , sm__focus__bg_yellow_300 - , sm__focus__bg_yellow_400 - , sm__focus__bg_yellow_500 - , sm__focus__bg_yellow_600 - , sm__focus__bg_yellow_700 - , sm__focus__bg_yellow_800 - , sm__focus__bg_yellow_900 - , sm__focus__border_black - , sm__focus__border_blue_100 - , sm__focus__border_blue_200 - , sm__focus__border_blue_300 - , sm__focus__border_blue_400 - , sm__focus__border_blue_500 - , sm__focus__border_blue_600 - , sm__focus__border_blue_700 - , sm__focus__border_blue_800 - , sm__focus__border_blue_900 - , sm__focus__border_current - , sm__focus__border_gray_100 - , sm__focus__border_gray_200 - , sm__focus__border_gray_300 - , sm__focus__border_gray_400 - , sm__focus__border_gray_500 - , sm__focus__border_gray_600 - , sm__focus__border_gray_700 - , sm__focus__border_gray_800 - , sm__focus__border_gray_900 - , sm__focus__border_green_100 - , sm__focus__border_green_200 - , sm__focus__border_green_300 - , sm__focus__border_green_400 - , sm__focus__border_green_500 - , sm__focus__border_green_600 - , sm__focus__border_green_700 - , sm__focus__border_green_800 - , sm__focus__border_green_900 - , sm__focus__border_indigo_100 - , sm__focus__border_indigo_200 - , sm__focus__border_indigo_300 - , sm__focus__border_indigo_400 - , sm__focus__border_indigo_500 - , sm__focus__border_indigo_600 - , sm__focus__border_indigo_700 - , sm__focus__border_indigo_800 - , sm__focus__border_indigo_900 - , sm__focus__border_orange_100 - , sm__focus__border_orange_200 - , sm__focus__border_orange_300 - , sm__focus__border_orange_400 - , sm__focus__border_orange_500 - , sm__focus__border_orange_600 - , sm__focus__border_orange_700 - , sm__focus__border_orange_800 - , sm__focus__border_orange_900 - , sm__focus__border_pink_100 - , sm__focus__border_pink_200 - , sm__focus__border_pink_300 - , sm__focus__border_pink_400 - , sm__focus__border_pink_500 - , sm__focus__border_pink_600 - , sm__focus__border_pink_700 - , sm__focus__border_pink_800 - , sm__focus__border_pink_900 - , sm__focus__border_purple_100 - , sm__focus__border_purple_200 - , sm__focus__border_purple_300 - , sm__focus__border_purple_400 - , sm__focus__border_purple_500 - , sm__focus__border_purple_600 - , sm__focus__border_purple_700 - , sm__focus__border_purple_800 - , sm__focus__border_purple_900 - , sm__focus__border_red_100 - , sm__focus__border_red_200 - , sm__focus__border_red_300 - , sm__focus__border_red_400 - , sm__focus__border_red_500 - , sm__focus__border_red_600 - , sm__focus__border_red_700 - , sm__focus__border_red_800 - , sm__focus__border_red_900 - , sm__focus__border_teal_100 - , sm__focus__border_teal_200 - , sm__focus__border_teal_300 - , sm__focus__border_teal_400 - , sm__focus__border_teal_500 - , sm__focus__border_teal_600 - , sm__focus__border_teal_700 - , sm__focus__border_teal_800 - , sm__focus__border_teal_900 - , sm__focus__border_transparent - , sm__focus__border_white - , sm__focus__border_yellow_100 - , sm__focus__border_yellow_200 - , sm__focus__border_yellow_300 - , sm__focus__border_yellow_400 - , sm__focus__border_yellow_500 - , sm__focus__border_yellow_600 - , sm__focus__border_yellow_700 - , sm__focus__border_yellow_800 - , sm__focus__border_yellow_900 - , sm__focus__font_black - , sm__focus__font_bold - , sm__focus__font_extrabold - , sm__focus__font_hairline - , sm__focus__font_light - , sm__focus__font_medium - , sm__focus__font_normal - , sm__focus__font_semibold - , sm__focus__font_thin - , sm__focus__line_through - , sm__focus__no_underline - , sm__focus__not_sr_only - , sm__focus__opacity_0 - , sm__focus__opacity_100 - , sm__focus__opacity_25 - , sm__focus__opacity_50 - , sm__focus__opacity_75 - , sm__focus__outline_none - , sm__focus__placeholder_black - , sm__focus__placeholder_blue_100 - , sm__focus__placeholder_blue_200 - , sm__focus__placeholder_blue_300 - , sm__focus__placeholder_blue_400 - , sm__focus__placeholder_blue_500 - , sm__focus__placeholder_blue_600 - , sm__focus__placeholder_blue_700 - , sm__focus__placeholder_blue_800 - , sm__focus__placeholder_blue_900 - , sm__focus__placeholder_current - , sm__focus__placeholder_gray_100 - , sm__focus__placeholder_gray_200 - , sm__focus__placeholder_gray_300 - , sm__focus__placeholder_gray_400 - , sm__focus__placeholder_gray_500 - , sm__focus__placeholder_gray_600 - , sm__focus__placeholder_gray_700 - , sm__focus__placeholder_gray_800 - , sm__focus__placeholder_gray_900 - , sm__focus__placeholder_green_100 - , sm__focus__placeholder_green_200 - , sm__focus__placeholder_green_300 - , sm__focus__placeholder_green_400 - , sm__focus__placeholder_green_500 - , sm__focus__placeholder_green_600 - , sm__focus__placeholder_green_700 - , sm__focus__placeholder_green_800 - , sm__focus__placeholder_green_900 - , sm__focus__placeholder_indigo_100 - , sm__focus__placeholder_indigo_200 - , sm__focus__placeholder_indigo_300 - , sm__focus__placeholder_indigo_400 - , sm__focus__placeholder_indigo_500 - , sm__focus__placeholder_indigo_600 - , sm__focus__placeholder_indigo_700 - , sm__focus__placeholder_indigo_800 - , sm__focus__placeholder_indigo_900 - , sm__focus__placeholder_orange_100 - , sm__focus__placeholder_orange_200 - , sm__focus__placeholder_orange_300 - , sm__focus__placeholder_orange_400 - , sm__focus__placeholder_orange_500 - , sm__focus__placeholder_orange_600 - , sm__focus__placeholder_orange_700 - , sm__focus__placeholder_orange_800 - , sm__focus__placeholder_orange_900 - , sm__focus__placeholder_pink_100 - , sm__focus__placeholder_pink_200 - , sm__focus__placeholder_pink_300 - , sm__focus__placeholder_pink_400 - , sm__focus__placeholder_pink_500 - , sm__focus__placeholder_pink_600 - , sm__focus__placeholder_pink_700 - , sm__focus__placeholder_pink_800 - , sm__focus__placeholder_pink_900 - , sm__focus__placeholder_purple_100 - , sm__focus__placeholder_purple_200 - , sm__focus__placeholder_purple_300 - , sm__focus__placeholder_purple_400 - , sm__focus__placeholder_purple_500 - , sm__focus__placeholder_purple_600 - , sm__focus__placeholder_purple_700 - , sm__focus__placeholder_purple_800 - , sm__focus__placeholder_purple_900 - , sm__focus__placeholder_red_100 - , sm__focus__placeholder_red_200 - , sm__focus__placeholder_red_300 - , sm__focus__placeholder_red_400 - , sm__focus__placeholder_red_500 - , sm__focus__placeholder_red_600 - , sm__focus__placeholder_red_700 - , sm__focus__placeholder_red_800 - , sm__focus__placeholder_red_900 - , sm__focus__placeholder_teal_100 - , sm__focus__placeholder_teal_200 - , sm__focus__placeholder_teal_300 - , sm__focus__placeholder_teal_400 - , sm__focus__placeholder_teal_500 - , sm__focus__placeholder_teal_600 - , sm__focus__placeholder_teal_700 - , sm__focus__placeholder_teal_800 - , sm__focus__placeholder_teal_900 - , sm__focus__placeholder_transparent - , sm__focus__placeholder_white - , sm__focus__placeholder_yellow_100 - , sm__focus__placeholder_yellow_200 - , sm__focus__placeholder_yellow_300 - , sm__focus__placeholder_yellow_400 - , sm__focus__placeholder_yellow_500 - , sm__focus__placeholder_yellow_600 - , sm__focus__placeholder_yellow_700 - , sm__focus__placeholder_yellow_800 - , sm__focus__placeholder_yellow_900 - , sm__focus__shadow - , sm__focus__shadow_2xl - , sm__focus__shadow_inner - , sm__focus__shadow_lg - , sm__focus__shadow_md - , sm__focus__shadow_none - , sm__focus__shadow_outline - , sm__focus__shadow_sm - , sm__focus__shadow_xl - , sm__focus__shadow_xs - , sm__focus__sr_only - , sm__focus__text_black - , sm__focus__text_blue_100 - , sm__focus__text_blue_200 - , sm__focus__text_blue_300 - , sm__focus__text_blue_400 - , sm__focus__text_blue_500 - , sm__focus__text_blue_600 - , sm__focus__text_blue_700 - , sm__focus__text_blue_800 - , sm__focus__text_blue_900 - , sm__focus__text_current - , sm__focus__text_gray_100 - , sm__focus__text_gray_200 - , sm__focus__text_gray_300 - , sm__focus__text_gray_400 - , sm__focus__text_gray_500 - , sm__focus__text_gray_600 - , sm__focus__text_gray_700 - , sm__focus__text_gray_800 - , sm__focus__text_gray_900 - , sm__focus__text_green_100 - , sm__focus__text_green_200 - , sm__focus__text_green_300 - , sm__focus__text_green_400 - , sm__focus__text_green_500 - , sm__focus__text_green_600 - , sm__focus__text_green_700 - , sm__focus__text_green_800 - , sm__focus__text_green_900 - , sm__focus__text_indigo_100 - , sm__focus__text_indigo_200 - , sm__focus__text_indigo_300 - , sm__focus__text_indigo_400 - , sm__focus__text_indigo_500 - , sm__focus__text_indigo_600 - , sm__focus__text_indigo_700 - , sm__focus__text_indigo_800 - , sm__focus__text_indigo_900 - , sm__focus__text_orange_100 - , sm__focus__text_orange_200 - , sm__focus__text_orange_300 - , sm__focus__text_orange_400 - , sm__focus__text_orange_500 - , sm__focus__text_orange_600 - , sm__focus__text_orange_700 - , sm__focus__text_orange_800 - , sm__focus__text_orange_900 - , sm__focus__text_pink_100 - , sm__focus__text_pink_200 - , sm__focus__text_pink_300 - , sm__focus__text_pink_400 - , sm__focus__text_pink_500 - , sm__focus__text_pink_600 - , sm__focus__text_pink_700 - , sm__focus__text_pink_800 - , sm__focus__text_pink_900 - , sm__focus__text_purple_100 - , sm__focus__text_purple_200 - , sm__focus__text_purple_300 - , sm__focus__text_purple_400 - , sm__focus__text_purple_500 - , sm__focus__text_purple_600 - , sm__focus__text_purple_700 - , sm__focus__text_purple_800 - , sm__focus__text_purple_900 - , sm__focus__text_red_100 - , sm__focus__text_red_200 - , sm__focus__text_red_300 - , sm__focus__text_red_400 - , sm__focus__text_red_500 - , sm__focus__text_red_600 - , sm__focus__text_red_700 - , sm__focus__text_red_800 - , sm__focus__text_red_900 - , sm__focus__text_teal_100 - , sm__focus__text_teal_200 - , sm__focus__text_teal_300 - , sm__focus__text_teal_400 - , sm__focus__text_teal_500 - , sm__focus__text_teal_600 - , sm__focus__text_teal_700 - , sm__focus__text_teal_800 - , sm__focus__text_teal_900 - , sm__focus__text_transparent - , sm__focus__text_white - , sm__focus__text_yellow_100 - , sm__focus__text_yellow_200 - , sm__focus__text_yellow_300 - , sm__focus__text_yellow_400 - , sm__focus__text_yellow_500 - , sm__focus__text_yellow_600 - , sm__focus__text_yellow_700 - , sm__focus__text_yellow_800 - , sm__focus__text_yellow_900 - , sm__focus__underline - , sm__font_black - , sm__font_bold - , sm__font_extrabold - , sm__font_hairline - , sm__font_light - , sm__font_medium - , sm__font_mono - , sm__font_normal - , sm__font_sans - , sm__font_semibold - , sm__font_serif - , sm__font_thin - , sm__grid - , sm__h_0 - , sm__h_1 - , sm__h_10 - , sm__h_12 - , sm__h_16 - , sm__h_2 - , sm__h_20 - , sm__h_24 - , sm__h_3 - , sm__h_32 - , sm__h_4 - , sm__h_40 - , sm__h_48 - , sm__h_5 - , sm__h_56 - , sm__h_6 - , sm__h_64 - , sm__h_8 - , sm__h_auto - , sm__h_full - , sm__h_px - , sm__h_screen - , sm__hidden - , sm__hover__bg_black - , sm__hover__bg_blue_100 - , sm__hover__bg_blue_200 - , sm__hover__bg_blue_300 - , sm__hover__bg_blue_400 - , sm__hover__bg_blue_500 - , sm__hover__bg_blue_600 - , sm__hover__bg_blue_700 - , sm__hover__bg_blue_800 - , sm__hover__bg_blue_900 - , sm__hover__bg_current - , sm__hover__bg_gray_100 - , sm__hover__bg_gray_200 - , sm__hover__bg_gray_300 - , sm__hover__bg_gray_400 - , sm__hover__bg_gray_500 - , sm__hover__bg_gray_600 - , sm__hover__bg_gray_700 - , sm__hover__bg_gray_800 - , sm__hover__bg_gray_900 - , sm__hover__bg_green_100 - , sm__hover__bg_green_200 - , sm__hover__bg_green_300 - , sm__hover__bg_green_400 - , sm__hover__bg_green_500 - , sm__hover__bg_green_600 - , sm__hover__bg_green_700 - , sm__hover__bg_green_800 - , sm__hover__bg_green_900 - , sm__hover__bg_indigo_100 - , sm__hover__bg_indigo_200 - , sm__hover__bg_indigo_300 - , sm__hover__bg_indigo_400 - , sm__hover__bg_indigo_500 - , sm__hover__bg_indigo_600 - , sm__hover__bg_indigo_700 - , sm__hover__bg_indigo_800 - , sm__hover__bg_indigo_900 - , sm__hover__bg_orange_100 - , sm__hover__bg_orange_200 - , sm__hover__bg_orange_300 - , sm__hover__bg_orange_400 - , sm__hover__bg_orange_500 - , sm__hover__bg_orange_600 - , sm__hover__bg_orange_700 - , sm__hover__bg_orange_800 - , sm__hover__bg_orange_900 - , sm__hover__bg_pink_100 - , sm__hover__bg_pink_200 - , sm__hover__bg_pink_300 - , sm__hover__bg_pink_400 - , sm__hover__bg_pink_500 - , sm__hover__bg_pink_600 - , sm__hover__bg_pink_700 - , sm__hover__bg_pink_800 - , sm__hover__bg_pink_900 - , sm__hover__bg_purple_100 - , sm__hover__bg_purple_200 - , sm__hover__bg_purple_300 - , sm__hover__bg_purple_400 - , sm__hover__bg_purple_500 - , sm__hover__bg_purple_600 - , sm__hover__bg_purple_700 - , sm__hover__bg_purple_800 - , sm__hover__bg_purple_900 - , sm__hover__bg_red_100 - , sm__hover__bg_red_200 - , sm__hover__bg_red_300 - , sm__hover__bg_red_400 - , sm__hover__bg_red_500 - , sm__hover__bg_red_600 - , sm__hover__bg_red_700 - , sm__hover__bg_red_800 - , sm__hover__bg_red_900 - , sm__hover__bg_teal_100 - , sm__hover__bg_teal_200 - , sm__hover__bg_teal_300 - , sm__hover__bg_teal_400 - , sm__hover__bg_teal_500 - , sm__hover__bg_teal_600 - , sm__hover__bg_teal_700 - , sm__hover__bg_teal_800 - , sm__hover__bg_teal_900 - , sm__hover__bg_transparent - , sm__hover__bg_white - , sm__hover__bg_yellow_100 - , sm__hover__bg_yellow_200 - , sm__hover__bg_yellow_300 - , sm__hover__bg_yellow_400 - , sm__hover__bg_yellow_500 - , sm__hover__bg_yellow_600 - , sm__hover__bg_yellow_700 - , sm__hover__bg_yellow_800 - , sm__hover__bg_yellow_900 - , sm__hover__border_black - , sm__hover__border_blue_100 - , sm__hover__border_blue_200 - , sm__hover__border_blue_300 - , sm__hover__border_blue_400 - , sm__hover__border_blue_500 - , sm__hover__border_blue_600 - , sm__hover__border_blue_700 - , sm__hover__border_blue_800 - , sm__hover__border_blue_900 - , sm__hover__border_current - , sm__hover__border_gray_100 - , sm__hover__border_gray_200 - , sm__hover__border_gray_300 - , sm__hover__border_gray_400 - , sm__hover__border_gray_500 - , sm__hover__border_gray_600 - , sm__hover__border_gray_700 - , sm__hover__border_gray_800 - , sm__hover__border_gray_900 - , sm__hover__border_green_100 - , sm__hover__border_green_200 - , sm__hover__border_green_300 - , sm__hover__border_green_400 - , sm__hover__border_green_500 - , sm__hover__border_green_600 - , sm__hover__border_green_700 - , sm__hover__border_green_800 - , sm__hover__border_green_900 - , sm__hover__border_indigo_100 - , sm__hover__border_indigo_200 - , sm__hover__border_indigo_300 - , sm__hover__border_indigo_400 - , sm__hover__border_indigo_500 - , sm__hover__border_indigo_600 - , sm__hover__border_indigo_700 - , sm__hover__border_indigo_800 - , sm__hover__border_indigo_900 - , sm__hover__border_orange_100 - , sm__hover__border_orange_200 - , sm__hover__border_orange_300 - , sm__hover__border_orange_400 - , sm__hover__border_orange_500 - , sm__hover__border_orange_600 - , sm__hover__border_orange_700 - , sm__hover__border_orange_800 - , sm__hover__border_orange_900 - , sm__hover__border_pink_100 - , sm__hover__border_pink_200 - , sm__hover__border_pink_300 - , sm__hover__border_pink_400 - , sm__hover__border_pink_500 - , sm__hover__border_pink_600 - , sm__hover__border_pink_700 - , sm__hover__border_pink_800 - , sm__hover__border_pink_900 - , sm__hover__border_purple_100 - , sm__hover__border_purple_200 - , sm__hover__border_purple_300 - , sm__hover__border_purple_400 - , sm__hover__border_purple_500 - , sm__hover__border_purple_600 - , sm__hover__border_purple_700 - , sm__hover__border_purple_800 - , sm__hover__border_purple_900 - , sm__hover__border_red_100 - , sm__hover__border_red_200 - , sm__hover__border_red_300 - , sm__hover__border_red_400 - , sm__hover__border_red_500 - , sm__hover__border_red_600 - , sm__hover__border_red_700 - , sm__hover__border_red_800 - , sm__hover__border_red_900 - , sm__hover__border_teal_100 - , sm__hover__border_teal_200 - , sm__hover__border_teal_300 - , sm__hover__border_teal_400 - , sm__hover__border_teal_500 - , sm__hover__border_teal_600 - , sm__hover__border_teal_700 - , sm__hover__border_teal_800 - , sm__hover__border_teal_900 - , sm__hover__border_transparent - , sm__hover__border_white - , sm__hover__border_yellow_100 - , sm__hover__border_yellow_200 - , sm__hover__border_yellow_300 - , sm__hover__border_yellow_400 - , sm__hover__border_yellow_500 - , sm__hover__border_yellow_600 - , sm__hover__border_yellow_700 - , sm__hover__border_yellow_800 - , sm__hover__border_yellow_900 - , sm__hover__font_black - , sm__hover__font_bold - , sm__hover__font_extrabold - , sm__hover__font_hairline - , sm__hover__font_light - , sm__hover__font_medium - , sm__hover__font_normal - , sm__hover__font_semibold - , sm__hover__font_thin - , sm__hover__line_through - , sm__hover__no_underline - , sm__hover__opacity_0 - , sm__hover__opacity_100 - , sm__hover__opacity_25 - , sm__hover__opacity_50 - , sm__hover__opacity_75 - , sm__hover__shadow - , sm__hover__shadow_2xl - , sm__hover__shadow_inner - , sm__hover__shadow_lg - , sm__hover__shadow_md - , sm__hover__shadow_none - , sm__hover__shadow_outline - , sm__hover__shadow_sm - , sm__hover__shadow_xl - , sm__hover__shadow_xs - , sm__hover__text_black - , sm__hover__text_blue_100 - , sm__hover__text_blue_200 - , sm__hover__text_blue_300 - , sm__hover__text_blue_400 - , sm__hover__text_blue_500 - , sm__hover__text_blue_600 - , sm__hover__text_blue_700 - , sm__hover__text_blue_800 - , sm__hover__text_blue_900 - , sm__hover__text_current - , sm__hover__text_gray_100 - , sm__hover__text_gray_200 - , sm__hover__text_gray_300 - , sm__hover__text_gray_400 - , sm__hover__text_gray_500 - , sm__hover__text_gray_600 - , sm__hover__text_gray_700 - , sm__hover__text_gray_800 - , sm__hover__text_gray_900 - , sm__hover__text_green_100 - , sm__hover__text_green_200 - , sm__hover__text_green_300 - , sm__hover__text_green_400 - , sm__hover__text_green_500 - , sm__hover__text_green_600 - , sm__hover__text_green_700 - , sm__hover__text_green_800 - , sm__hover__text_green_900 - , sm__hover__text_indigo_100 - , sm__hover__text_indigo_200 - , sm__hover__text_indigo_300 - , sm__hover__text_indigo_400 - , sm__hover__text_indigo_500 - , sm__hover__text_indigo_600 - , sm__hover__text_indigo_700 - , sm__hover__text_indigo_800 - , sm__hover__text_indigo_900 - , sm__hover__text_orange_100 - , sm__hover__text_orange_200 - , sm__hover__text_orange_300 - , sm__hover__text_orange_400 - , sm__hover__text_orange_500 - , sm__hover__text_orange_600 - , sm__hover__text_orange_700 - , sm__hover__text_orange_800 - , sm__hover__text_orange_900 - , sm__hover__text_pink_100 - , sm__hover__text_pink_200 - , sm__hover__text_pink_300 - , sm__hover__text_pink_400 - , sm__hover__text_pink_500 - , sm__hover__text_pink_600 - , sm__hover__text_pink_700 - , sm__hover__text_pink_800 - , sm__hover__text_pink_900 - , sm__hover__text_purple_100 - , sm__hover__text_purple_200 - , sm__hover__text_purple_300 - , sm__hover__text_purple_400 - , sm__hover__text_purple_500 - , sm__hover__text_purple_600 - , sm__hover__text_purple_700 - , sm__hover__text_purple_800 - , sm__hover__text_purple_900 - , sm__hover__text_red_100 - , sm__hover__text_red_200 - , sm__hover__text_red_300 - , sm__hover__text_red_400 - , sm__hover__text_red_500 - , sm__hover__text_red_600 - , sm__hover__text_red_700 - , sm__hover__text_red_800 - , sm__hover__text_red_900 - , sm__hover__text_teal_100 - , sm__hover__text_teal_200 - , sm__hover__text_teal_300 - , sm__hover__text_teal_400 - , sm__hover__text_teal_500 - , sm__hover__text_teal_600 - , sm__hover__text_teal_700 - , sm__hover__text_teal_800 - , sm__hover__text_teal_900 - , sm__hover__text_transparent - , sm__hover__text_white - , sm__hover__text_yellow_100 - , sm__hover__text_yellow_200 - , sm__hover__text_yellow_300 - , sm__hover__text_yellow_400 - , sm__hover__text_yellow_500 - , sm__hover__text_yellow_600 - , sm__hover__text_yellow_700 - , sm__hover__text_yellow_800 - , sm__hover__text_yellow_900 - , sm__hover__underline - , sm__inline - , sm__inline_block - , sm__inline_flex - , sm__inline_grid - , sm__inset_0 - , sm__inset_auto - , sm__inset_x_0 - , sm__inset_x_auto - , sm__inset_y_0 - , sm__inset_y_auto - , sm__invisible - , sm__italic - , sm__items_baseline - , sm__items_center - , sm__items_end - , sm__items_start - , sm__items_stretch - , sm__justify_around - , sm__justify_between - , sm__justify_center - , sm__justify_end - , sm__justify_evenly - , sm__justify_start - , sm__leading_10 - , sm__leading_3 - , sm__leading_4 - , sm__leading_5 - , sm__leading_6 - , sm__leading_7 - , sm__leading_8 - , sm__leading_9 - , sm__leading_loose - , sm__leading_none - , sm__leading_normal - , sm__leading_relaxed - , sm__leading_snug - , sm__leading_tight - , sm__left_0 - , sm__left_auto - , sm__line_through - , sm__list_decimal - , sm__list_disc - , sm__list_inside - , sm__list_none - , sm__list_outside - , sm__lowercase - , sm__m_0 - , sm__m_1 - , sm__m_10 - , sm__m_12 - , sm__m_16 - , sm__m_2 - , sm__m_20 - , sm__m_24 - , sm__m_3 - , sm__m_32 - , sm__m_4 - , sm__m_40 - , sm__m_48 - , sm__m_5 - , sm__m_56 - , sm__m_6 - , sm__m_64 - , sm__m_8 - , sm__m_auto - , sm__m_px - , sm__max_h_full - , sm__max_h_screen - , sm__max_w_2xl - , sm__max_w_3xl - , sm__max_w_4xl - , sm__max_w_5xl - , sm__max_w_6xl - , sm__max_w_full - , sm__max_w_lg - , sm__max_w_md - , sm__max_w_none - , sm__max_w_screen_lg - , sm__max_w_screen_md - , sm__max_w_screen_sm - , sm__max_w_screen_xl - , sm__max_w_sm - , sm__max_w_xl - , sm__max_w_xs - , sm__mb_0 - , sm__mb_1 - , sm__mb_10 - , sm__mb_12 - , sm__mb_16 - , sm__mb_2 - , sm__mb_20 - , sm__mb_24 - , sm__mb_3 - , sm__mb_32 - , sm__mb_4 - , sm__mb_40 - , sm__mb_48 - , sm__mb_5 - , sm__mb_56 - , sm__mb_6 - , sm__mb_64 - , sm__mb_8 - , sm__mb_auto - , sm__mb_px - , sm__min_h_0 - , sm__min_h_full - , sm__min_h_screen - , sm__min_w_0 - , sm__min_w_full - , sm__ml_0 - , sm__ml_1 - , sm__ml_10 - , sm__ml_12 - , sm__ml_16 - , sm__ml_2 - , sm__ml_20 - , sm__ml_24 - , sm__ml_3 - , sm__ml_32 - , sm__ml_4 - , sm__ml_40 - , sm__ml_48 - , sm__ml_5 - , sm__ml_56 - , sm__ml_6 - , sm__ml_64 - , sm__ml_8 - , sm__ml_auto - , sm__ml_px - , sm__mr_0 - , sm__mr_1 - , sm__mr_10 - , sm__mr_12 - , sm__mr_16 - , sm__mr_2 - , sm__mr_20 - , sm__mr_24 - , sm__mr_3 - , sm__mr_32 - , sm__mr_4 - , sm__mr_40 - , sm__mr_48 - , sm__mr_5 - , sm__mr_56 - , sm__mr_6 - , sm__mr_64 - , sm__mr_8 - , sm__mr_auto - , sm__mr_px - , sm__mt_0 - , sm__mt_1 - , sm__mt_10 - , sm__mt_12 - , sm__mt_16 - , sm__mt_2 - , sm__mt_20 - , sm__mt_24 - , sm__mt_3 - , sm__mt_32 - , sm__mt_4 - , sm__mt_40 - , sm__mt_48 - , sm__mt_5 - , sm__mt_56 - , sm__mt_6 - , sm__mt_64 - , sm__mt_8 - , sm__mt_auto - , sm__mt_px - , sm__mx_0 - , sm__mx_1 - , sm__mx_10 - , sm__mx_12 - , sm__mx_16 - , sm__mx_2 - , sm__mx_20 - , sm__mx_24 - , sm__mx_3 - , sm__mx_32 - , sm__mx_4 - , sm__mx_40 - , sm__mx_48 - , sm__mx_5 - , sm__mx_56 - , sm__mx_6 - , sm__mx_64 - , sm__mx_8 - , sm__mx_auto - , sm__mx_px - , sm__my_0 - , sm__my_1 - , sm__my_10 - , sm__my_12 - , sm__my_16 - , sm__my_2 - , sm__my_20 - , sm__my_24 - , sm__my_3 - , sm__my_32 - , sm__my_4 - , sm__my_40 - , sm__my_48 - , sm__my_5 - , sm__my_56 - , sm__my_6 - , sm__my_64 - , sm__my_8 - , sm__my_auto - , sm__my_px - , sm__neg_m_1 - , sm__neg_m_10 - , sm__neg_m_12 - , sm__neg_m_16 - , sm__neg_m_2 - , sm__neg_m_20 - , sm__neg_m_24 - , sm__neg_m_3 - , sm__neg_m_32 - , sm__neg_m_4 - , sm__neg_m_40 - , sm__neg_m_48 - , sm__neg_m_5 - , sm__neg_m_56 - , sm__neg_m_6 - , sm__neg_m_64 - , sm__neg_m_8 - , sm__neg_m_px - , sm__neg_mb_1 - , sm__neg_mb_10 - , sm__neg_mb_12 - , sm__neg_mb_16 - , sm__neg_mb_2 - , sm__neg_mb_20 - , sm__neg_mb_24 - , sm__neg_mb_3 - , sm__neg_mb_32 - , sm__neg_mb_4 - , sm__neg_mb_40 - , sm__neg_mb_48 - , sm__neg_mb_5 - , sm__neg_mb_56 - , sm__neg_mb_6 - , sm__neg_mb_64 - , sm__neg_mb_8 - , sm__neg_mb_px - , sm__neg_ml_1 - , sm__neg_ml_10 - , sm__neg_ml_12 - , sm__neg_ml_16 - , sm__neg_ml_2 - , sm__neg_ml_20 - , sm__neg_ml_24 - , sm__neg_ml_3 - , sm__neg_ml_32 - , sm__neg_ml_4 - , sm__neg_ml_40 - , sm__neg_ml_48 - , sm__neg_ml_5 - , sm__neg_ml_56 - , sm__neg_ml_6 - , sm__neg_ml_64 - , sm__neg_ml_8 - , sm__neg_ml_px - , sm__neg_mr_1 - , sm__neg_mr_10 - , sm__neg_mr_12 - , sm__neg_mr_16 - , sm__neg_mr_2 - , sm__neg_mr_20 - , sm__neg_mr_24 - , sm__neg_mr_3 - , sm__neg_mr_32 - , sm__neg_mr_4 - , sm__neg_mr_40 - , sm__neg_mr_48 - , sm__neg_mr_5 - , sm__neg_mr_56 - , sm__neg_mr_6 - , sm__neg_mr_64 - , sm__neg_mr_8 - , sm__neg_mr_px - , sm__neg_mt_1 - , sm__neg_mt_10 - , sm__neg_mt_12 - , sm__neg_mt_16 - , sm__neg_mt_2 - , sm__neg_mt_20 - , sm__neg_mt_24 - , sm__neg_mt_3 - , sm__neg_mt_32 - , sm__neg_mt_4 - , sm__neg_mt_40 - , sm__neg_mt_48 - , sm__neg_mt_5 - , sm__neg_mt_56 - , sm__neg_mt_6 - , sm__neg_mt_64 - , sm__neg_mt_8 - , sm__neg_mt_px - , sm__neg_mx_1 - , sm__neg_mx_10 - , sm__neg_mx_12 - , sm__neg_mx_16 - , sm__neg_mx_2 - , sm__neg_mx_20 - , sm__neg_mx_24 - , sm__neg_mx_3 - , sm__neg_mx_32 - , sm__neg_mx_4 - , sm__neg_mx_40 - , sm__neg_mx_48 - , sm__neg_mx_5 - , sm__neg_mx_56 - , sm__neg_mx_6 - , sm__neg_mx_64 - , sm__neg_mx_8 - , sm__neg_mx_px - , sm__neg_my_1 - , sm__neg_my_10 - , sm__neg_my_12 - , sm__neg_my_16 - , sm__neg_my_2 - , sm__neg_my_20 - , sm__neg_my_24 - , sm__neg_my_3 - , sm__neg_my_32 - , sm__neg_my_4 - , sm__neg_my_40 - , sm__neg_my_48 - , sm__neg_my_5 - , sm__neg_my_56 - , sm__neg_my_6 - , sm__neg_my_64 - , sm__neg_my_8 - , sm__neg_my_px - , sm__no_underline - , sm__normal_case - , sm__not_italic - , sm__not_sr_only - , sm__object_bottom - , sm__object_center - , sm__object_contain - , sm__object_cover - , sm__object_fill - , sm__object_left - , sm__object_left_bottom - , sm__object_left_top - , sm__object_none - , sm__object_right - , sm__object_right_bottom - , sm__object_right_top - , sm__object_scale_down - , sm__object_top - , sm__opacity_0 - , sm__opacity_100 - , sm__opacity_25 - , sm__opacity_50 - , sm__opacity_75 - , sm__order_1 - , sm__order_10 - , sm__order_11 - , sm__order_12 - , sm__order_2 - , sm__order_3 - , sm__order_4 - , sm__order_5 - , sm__order_6 - , sm__order_7 - , sm__order_8 - , sm__order_9 - , sm__order_first - , sm__order_last - , sm__order_none - , sm__origin_bottom - , sm__origin_bottom_left - , sm__origin_bottom_right - , sm__origin_center - , sm__origin_left - , sm__origin_right - , sm__origin_top - , sm__origin_top_left - , sm__origin_top_right - , sm__outline_none - , sm__overflow_auto - , sm__overflow_hidden - , sm__overflow_scroll - , sm__overflow_visible - , sm__overflow_x_auto - , sm__overflow_x_hidden - , sm__overflow_x_scroll - , sm__overflow_x_visible - , sm__overflow_y_auto - , sm__overflow_y_hidden - , sm__overflow_y_scroll - , sm__overflow_y_visible - , sm__p_0 - , sm__p_1 - , sm__p_10 - , sm__p_12 - , sm__p_16 - , sm__p_2 - , sm__p_20 - , sm__p_24 - , sm__p_3 - , sm__p_32 - , sm__p_4 - , sm__p_40 - , sm__p_48 - , sm__p_5 - , sm__p_56 - , sm__p_6 - , sm__p_64 - , sm__p_8 - , sm__p_px - , sm__pb_0 - , sm__pb_1 - , sm__pb_10 - , sm__pb_12 - , sm__pb_16 - , sm__pb_2 - , sm__pb_20 - , sm__pb_24 - , sm__pb_3 - , sm__pb_32 - , sm__pb_4 - , sm__pb_40 - , sm__pb_48 - , sm__pb_5 - , sm__pb_56 - , sm__pb_6 - , sm__pb_64 - , sm__pb_8 - , sm__pb_px - , sm__pl_0 - , sm__pl_1 - , sm__pl_10 - , sm__pl_12 - , sm__pl_16 - , sm__pl_2 - , sm__pl_20 - , sm__pl_24 - , sm__pl_3 - , sm__pl_32 - , sm__pl_4 - , sm__pl_40 - , sm__pl_48 - , sm__pl_5 - , sm__pl_56 - , sm__pl_6 - , sm__pl_64 - , sm__pl_8 - , sm__pl_px - , sm__placeholder_black - , sm__placeholder_blue_100 - , sm__placeholder_blue_200 - , sm__placeholder_blue_300 - , sm__placeholder_blue_400 - , sm__placeholder_blue_500 - , sm__placeholder_blue_600 - , sm__placeholder_blue_700 - , sm__placeholder_blue_800 - , sm__placeholder_blue_900 - , sm__placeholder_current - , sm__placeholder_gray_100 - , sm__placeholder_gray_200 - , sm__placeholder_gray_300 - , sm__placeholder_gray_400 - , sm__placeholder_gray_500 - , sm__placeholder_gray_600 - , sm__placeholder_gray_700 - , sm__placeholder_gray_800 - , sm__placeholder_gray_900 - , sm__placeholder_green_100 - , sm__placeholder_green_200 - , sm__placeholder_green_300 - , sm__placeholder_green_400 - , sm__placeholder_green_500 - , sm__placeholder_green_600 - , sm__placeholder_green_700 - , sm__placeholder_green_800 - , sm__placeholder_green_900 - , sm__placeholder_indigo_100 - , sm__placeholder_indigo_200 - , sm__placeholder_indigo_300 - , sm__placeholder_indigo_400 - , sm__placeholder_indigo_500 - , sm__placeholder_indigo_600 - , sm__placeholder_indigo_700 - , sm__placeholder_indigo_800 - , sm__placeholder_indigo_900 - , sm__placeholder_orange_100 - , sm__placeholder_orange_200 - , sm__placeholder_orange_300 - , sm__placeholder_orange_400 - , sm__placeholder_orange_500 - , sm__placeholder_orange_600 - , sm__placeholder_orange_700 - , sm__placeholder_orange_800 - , sm__placeholder_orange_900 - , sm__placeholder_pink_100 - , sm__placeholder_pink_200 - , sm__placeholder_pink_300 - , sm__placeholder_pink_400 - , sm__placeholder_pink_500 - , sm__placeholder_pink_600 - , sm__placeholder_pink_700 - , sm__placeholder_pink_800 - , sm__placeholder_pink_900 - , sm__placeholder_purple_100 - , sm__placeholder_purple_200 - , sm__placeholder_purple_300 - , sm__placeholder_purple_400 - , sm__placeholder_purple_500 - , sm__placeholder_purple_600 - , sm__placeholder_purple_700 - , sm__placeholder_purple_800 - , sm__placeholder_purple_900 - , sm__placeholder_red_100 - , sm__placeholder_red_200 - , sm__placeholder_red_300 - , sm__placeholder_red_400 - , sm__placeholder_red_500 - , sm__placeholder_red_600 - , sm__placeholder_red_700 - , sm__placeholder_red_800 - , sm__placeholder_red_900 - , sm__placeholder_teal_100 - , sm__placeholder_teal_200 - , sm__placeholder_teal_300 - , sm__placeholder_teal_400 - , sm__placeholder_teal_500 - , sm__placeholder_teal_600 - , sm__placeholder_teal_700 - , sm__placeholder_teal_800 - , sm__placeholder_teal_900 - , sm__placeholder_transparent - , sm__placeholder_white - , sm__placeholder_yellow_100 - , sm__placeholder_yellow_200 - , sm__placeholder_yellow_300 - , sm__placeholder_yellow_400 - , sm__placeholder_yellow_500 - , sm__placeholder_yellow_600 - , sm__placeholder_yellow_700 - , sm__placeholder_yellow_800 - , sm__placeholder_yellow_900 - , sm__pointer_events_auto - , sm__pointer_events_none - , sm__pr_0 - , sm__pr_1 - , sm__pr_10 - , sm__pr_12 - , sm__pr_16 - , sm__pr_2 - , sm__pr_20 - , sm__pr_24 - , sm__pr_3 - , sm__pr_32 - , sm__pr_4 - , sm__pr_40 - , sm__pr_48 - , sm__pr_5 - , sm__pr_56 - , sm__pr_6 - , sm__pr_64 - , sm__pr_8 - , sm__pr_px - , sm__pt_0 - , sm__pt_1 - , sm__pt_10 - , sm__pt_12 - , sm__pt_16 - , sm__pt_2 - , sm__pt_20 - , sm__pt_24 - , sm__pt_3 - , sm__pt_32 - , sm__pt_4 - , sm__pt_40 - , sm__pt_48 - , sm__pt_5 - , sm__pt_56 - , sm__pt_6 - , sm__pt_64 - , sm__pt_8 - , sm__pt_px - , sm__px_0 - , sm__px_1 - , sm__px_10 - , sm__px_12 - , sm__px_16 - , sm__px_2 - , sm__px_20 - , sm__px_24 - , sm__px_3 - , sm__px_32 - , sm__px_4 - , sm__px_40 - , sm__px_48 - , sm__px_5 - , sm__px_56 - , sm__px_6 - , sm__px_64 - , sm__px_8 - , sm__px_px - , sm__py_0 - , sm__py_1 - , sm__py_10 - , sm__py_12 - , sm__py_16 - , sm__py_2 - , sm__py_20 - , sm__py_24 - , sm__py_3 - , sm__py_32 - , sm__py_4 - , sm__py_40 - , sm__py_48 - , sm__py_5 - , sm__py_56 - , sm__py_6 - , sm__py_64 - , sm__py_8 - , sm__py_px - , sm__relative - , sm__resize - , sm__resize_none - , sm__resize_x - , sm__resize_y - , sm__right_0 - , sm__right_auto - , sm__rounded - , sm__rounded_b - , sm__rounded_b_full - , sm__rounded_b_lg - , sm__rounded_b_md - , sm__rounded_b_none - , sm__rounded_b_sm - , sm__rounded_bl - , sm__rounded_bl_full - , sm__rounded_bl_lg - , sm__rounded_bl_md - , sm__rounded_bl_none - , sm__rounded_bl_sm - , sm__rounded_br - , sm__rounded_br_full - , sm__rounded_br_lg - , sm__rounded_br_md - , sm__rounded_br_none - , sm__rounded_br_sm - , sm__rounded_full - , sm__rounded_l - , sm__rounded_l_full - , sm__rounded_l_lg - , sm__rounded_l_md - , sm__rounded_l_none - , sm__rounded_l_sm - , sm__rounded_lg - , sm__rounded_md - , sm__rounded_none - , sm__rounded_r - , sm__rounded_r_full - , sm__rounded_r_lg - , sm__rounded_r_md - , sm__rounded_r_none - , sm__rounded_r_sm - , sm__rounded_sm - , sm__rounded_t - , sm__rounded_t_full - , sm__rounded_t_lg - , sm__rounded_t_md - , sm__rounded_t_none - , sm__rounded_t_sm - , sm__rounded_tl - , sm__rounded_tl_full - , sm__rounded_tl_lg - , sm__rounded_tl_md - , sm__rounded_tl_none - , sm__rounded_tl_sm - , sm__rounded_tr - , sm__rounded_tr_full - , sm__rounded_tr_lg - , sm__rounded_tr_md - , sm__rounded_tr_none - , sm__rounded_tr_sm - , sm__scrolling_auto - , sm__scrolling_touch - , sm__select_all - , sm__select_auto - , sm__select_none - , sm__select_text - , sm__self_auto - , sm__self_center - , sm__self_end - , sm__self_start - , sm__self_stretch - , sm__shadow - , sm__shadow_2xl - , sm__shadow_inner - , sm__shadow_lg - , sm__shadow_md - , sm__shadow_none - , sm__shadow_outline - , sm__shadow_sm - , sm__shadow_xl - , sm__shadow_xs - , sm__sr_only - , sm__static - , sm__sticky - , sm__stroke_0 - , sm__stroke_1 - , sm__stroke_2 - , sm__stroke_current - , sm__subpixel_antialiased - , sm__table - , sm__table_auto - , sm__table_caption - , sm__table_cell - , sm__table_column - , sm__table_column_group - , sm__table_fixed - , sm__table_footer_group - , sm__table_header_group - , sm__table_row - , sm__table_row_group - , sm__text_2xl - , sm__text_3xl - , sm__text_4xl - , sm__text_5xl - , sm__text_6xl - , sm__text_base - , sm__text_black - , sm__text_blue_100 - , sm__text_blue_200 - , sm__text_blue_300 - , sm__text_blue_400 - , sm__text_blue_500 - , sm__text_blue_600 - , sm__text_blue_700 - , sm__text_blue_800 - , sm__text_blue_900 - , sm__text_center - , sm__text_current - , sm__text_gray_100 - , sm__text_gray_200 - , sm__text_gray_300 - , sm__text_gray_400 - , sm__text_gray_500 - , sm__text_gray_600 - , sm__text_gray_700 - , sm__text_gray_800 - , sm__text_gray_900 - , sm__text_green_100 - , sm__text_green_200 - , sm__text_green_300 - , sm__text_green_400 - , sm__text_green_500 - , sm__text_green_600 - , sm__text_green_700 - , sm__text_green_800 - , sm__text_green_900 - , sm__text_indigo_100 - , sm__text_indigo_200 - , sm__text_indigo_300 - , sm__text_indigo_400 - , sm__text_indigo_500 - , sm__text_indigo_600 - , sm__text_indigo_700 - , sm__text_indigo_800 - , sm__text_indigo_900 - , sm__text_justify - , sm__text_left - , sm__text_lg - , sm__text_orange_100 - , sm__text_orange_200 - , sm__text_orange_300 - , sm__text_orange_400 - , sm__text_orange_500 - , sm__text_orange_600 - , sm__text_orange_700 - , sm__text_orange_800 - , sm__text_orange_900 - , sm__text_pink_100 - , sm__text_pink_200 - , sm__text_pink_300 - , sm__text_pink_400 - , sm__text_pink_500 - , sm__text_pink_600 - , sm__text_pink_700 - , sm__text_pink_800 - , sm__text_pink_900 - , sm__text_purple_100 - , sm__text_purple_200 - , sm__text_purple_300 - , sm__text_purple_400 - , sm__text_purple_500 - , sm__text_purple_600 - , sm__text_purple_700 - , sm__text_purple_800 - , sm__text_purple_900 - , sm__text_red_100 - , sm__text_red_200 - , sm__text_red_300 - , sm__text_red_400 - , sm__text_red_500 - , sm__text_red_600 - , sm__text_red_700 - , sm__text_red_800 - , sm__text_red_900 - , sm__text_right - , sm__text_sm - , sm__text_teal_100 - , sm__text_teal_200 - , sm__text_teal_300 - , sm__text_teal_400 - , sm__text_teal_500 - , sm__text_teal_600 - , sm__text_teal_700 - , sm__text_teal_800 - , sm__text_teal_900 - , sm__text_transparent - , sm__text_white - , sm__text_xl - , sm__text_xs - , sm__text_yellow_100 - , sm__text_yellow_200 - , sm__text_yellow_300 - , sm__text_yellow_400 - , sm__text_yellow_500 - , sm__text_yellow_600 - , sm__text_yellow_700 - , sm__text_yellow_800 - , sm__text_yellow_900 - , sm__top_0 - , sm__top_auto - , sm__tracking_normal - , sm__tracking_tight - , sm__tracking_tighter - , sm__tracking_wide - , sm__tracking_wider - , sm__tracking_widest - , sm__transform_none - , sm__truncate - , sm__underline - , sm__uppercase - , sm__visible - , sm__w_0 - , sm__w_1 - , sm__w_10 - , sm__w_10over12 - , sm__w_11over12 - , sm__w_12 - , sm__w_16 - , sm__w_1over12 - , sm__w_1over2 - , sm__w_1over3 - , sm__w_1over4 - , sm__w_1over5 - , sm__w_1over6 - , sm__w_2 - , sm__w_20 - , sm__w_24 - , sm__w_2over12 - , sm__w_2over3 - , sm__w_2over4 - , sm__w_2over5 - , sm__w_2over6 - , sm__w_3 - , sm__w_32 - , sm__w_3over12 - , sm__w_3over4 - , sm__w_3over5 - , sm__w_3over6 - , sm__w_4 - , sm__w_40 - , sm__w_48 - , sm__w_4over12 - , sm__w_4over5 - , sm__w_4over6 - , sm__w_5 - , sm__w_56 - , sm__w_5over12 - , sm__w_5over6 - , sm__w_6 - , sm__w_64 - , sm__w_6over12 - , sm__w_7over12 - , sm__w_8 - , sm__w_8over12 - , sm__w_9over12 - , sm__w_auto - , sm__w_full - , sm__w_px - , sm__w_screen - , sm__whitespace_no_wrap - , sm__whitespace_normal - , sm__whitespace_pre - , sm__whitespace_pre_line - , sm__whitespace_pre_wrap - , sm__z_0 - , sm__z_10 - , sm__z_20 - , sm__z_30 - , sm__z_40 - , sm__z_50 - , sm__z_auto - , sr_only - , static - , sticky - , stroke_0 - , stroke_1 - , stroke_2 - , stroke_current - , subpixel_antialiased - , table - , table_auto - , table_caption - , table_cell - , table_column - , table_column_group - , table_fixed - , table_footer_group - , table_header_group - , table_row - , table_row_group - , text_2xl - , text_3xl - , text_4xl - , text_5xl - , text_6xl - , text_base - , text_black - , text_blue_100 - , text_blue_200 - , text_blue_300 - , text_blue_400 - , text_blue_500 - , text_blue_600 - , text_blue_700 - , text_blue_800 - , text_blue_900 - , text_center - , text_current - , text_gray_100 - , text_gray_200 - , text_gray_300 - , text_gray_400 - , text_gray_500 - , text_gray_600 - , text_gray_700 - , text_gray_800 - , text_gray_900 - , text_green_100 - , text_green_200 - , text_green_300 - , text_green_400 - , text_green_500 - , text_green_600 - , text_green_700 - , text_green_800 - , text_green_900 - , text_indigo_100 - , text_indigo_200 - , text_indigo_300 - , text_indigo_400 - , text_indigo_500 - , text_indigo_600 - , text_indigo_700 - , text_indigo_800 - , text_indigo_900 - , text_justify - , text_left - , text_lg - , text_orange_100 - , text_orange_200 - , text_orange_300 - , text_orange_400 - , text_orange_500 - , text_orange_600 - , text_orange_700 - , text_orange_800 - , text_orange_900 - , text_pink_100 - , text_pink_200 - , text_pink_300 - , text_pink_400 - , text_pink_500 - , text_pink_600 - , text_pink_700 - , text_pink_800 - , text_pink_900 - , text_purple_100 - , text_purple_200 - , text_purple_300 - , text_purple_400 - , text_purple_500 - , text_purple_600 - , text_purple_700 - , text_purple_800 - , text_purple_900 - , text_red_100 - , text_red_200 - , text_red_300 - , text_red_400 - , text_red_500 - , text_red_600 - , text_red_700 - , text_red_800 - , text_red_900 - , text_right - , text_sm - , text_teal_100 - , text_teal_200 - , text_teal_300 - , text_teal_400 - , text_teal_500 - , text_teal_600 - , text_teal_700 - , text_teal_800 - , text_teal_900 - , text_transparent - , text_white - , text_xl - , text_xs - , text_yellow_100 - , text_yellow_200 - , text_yellow_300 - , text_yellow_400 - , text_yellow_500 - , text_yellow_600 - , text_yellow_700 - , text_yellow_800 - , text_yellow_900 - , top_0 - , top_auto - , tracking_normal - , tracking_tight - , tracking_tighter - , tracking_wide - , tracking_wider - , tracking_widest - , transform_none - , truncate - , underline - , uppercase - , visible - , w_0 - , w_1 - , w_10 - , w_10over12 - , w_11over12 - , w_12 - , w_16 - , w_1over12 - , w_1over2 - , w_1over3 - , w_1over4 - , w_1over5 - , w_1over6 - , w_2 - , w_20 - , w_24 - , w_2over12 - , w_2over3 - , w_2over4 - , w_2over5 - , w_2over6 - , w_3 - , w_32 - , w_3over12 - , w_3over4 - , w_3over5 - , w_3over6 - , w_4 - , w_40 - , w_48 - , w_4over12 - , w_4over5 - , w_4over6 - , w_5 - , w_56 - , w_5over12 - , w_5over6 - , w_6 - , w_64 - , w_6over12 - , w_7over12 - , w_8 - , w_8over12 - , w_9over12 - , w_auto - , w_full - , w_px - , w_screen - , whitespace_no_wrap - , whitespace_normal - , whitespace_pre - , whitespace_pre_line - , whitespace_pre_wrap - , xl__absolute - , xl__align_baseline - , xl__align_bottom - , xl__align_middle - , xl__align_text_bottom - , xl__align_text_top - , xl__align_top - , xl__antialiased - , xl__appearance_none - , xl__bg_auto - , xl__bg_black - , xl__bg_blue_100 - , xl__bg_blue_200 - , xl__bg_blue_300 - , xl__bg_blue_400 - , xl__bg_blue_500 - , xl__bg_blue_600 - , xl__bg_blue_700 - , xl__bg_blue_800 - , xl__bg_blue_900 - , xl__bg_bottom - , xl__bg_center - , xl__bg_contain - , xl__bg_cover - , xl__bg_current - , xl__bg_fixed - , xl__bg_gray_100 - , xl__bg_gray_200 - , xl__bg_gray_300 - , xl__bg_gray_400 - , xl__bg_gray_500 - , xl__bg_gray_600 - , xl__bg_gray_700 - , xl__bg_gray_800 - , xl__bg_gray_900 - , xl__bg_green_100 - , xl__bg_green_200 - , xl__bg_green_300 - , xl__bg_green_400 - , xl__bg_green_500 - , xl__bg_green_600 - , xl__bg_green_700 - , xl__bg_green_800 - , xl__bg_green_900 - , xl__bg_indigo_100 - , xl__bg_indigo_200 - , xl__bg_indigo_300 - , xl__bg_indigo_400 - , xl__bg_indigo_500 - , xl__bg_indigo_600 - , xl__bg_indigo_700 - , xl__bg_indigo_800 - , xl__bg_indigo_900 - , xl__bg_left - , xl__bg_left_bottom - , xl__bg_left_top - , xl__bg_local - , xl__bg_no_repeat - , xl__bg_orange_100 - , xl__bg_orange_200 - , xl__bg_orange_300 - , xl__bg_orange_400 - , xl__bg_orange_500 - , xl__bg_orange_600 - , xl__bg_orange_700 - , xl__bg_orange_800 - , xl__bg_orange_900 - , xl__bg_pink_100 - , xl__bg_pink_200 - , xl__bg_pink_300 - , xl__bg_pink_400 - , xl__bg_pink_500 - , xl__bg_pink_600 - , xl__bg_pink_700 - , xl__bg_pink_800 - , xl__bg_pink_900 - , xl__bg_purple_100 - , xl__bg_purple_200 - , xl__bg_purple_300 - , xl__bg_purple_400 - , xl__bg_purple_500 - , xl__bg_purple_600 - , xl__bg_purple_700 - , xl__bg_purple_800 - , xl__bg_purple_900 - , xl__bg_red_100 - , xl__bg_red_200 - , xl__bg_red_300 - , xl__bg_red_400 - , xl__bg_red_500 - , xl__bg_red_600 - , xl__bg_red_700 - , xl__bg_red_800 - , xl__bg_red_900 - , xl__bg_repeat - , xl__bg_repeat_round - , xl__bg_repeat_space - , xl__bg_repeat_x - , xl__bg_repeat_y - , xl__bg_right - , xl__bg_right_bottom - , xl__bg_right_top - , xl__bg_scroll - , xl__bg_teal_100 - , xl__bg_teal_200 - , xl__bg_teal_300 - , xl__bg_teal_400 - , xl__bg_teal_500 - , xl__bg_teal_600 - , xl__bg_teal_700 - , xl__bg_teal_800 - , xl__bg_teal_900 - , xl__bg_top - , xl__bg_transparent - , xl__bg_white - , xl__bg_yellow_100 - , xl__bg_yellow_200 - , xl__bg_yellow_300 - , xl__bg_yellow_400 - , xl__bg_yellow_500 - , xl__bg_yellow_600 - , xl__bg_yellow_700 - , xl__bg_yellow_800 - , xl__bg_yellow_900 - , xl__block - , xl__border - , xl__border_0 - , xl__border_2 - , xl__border_4 - , xl__border_8 - , xl__border_b - , xl__border_b_0 - , xl__border_b_2 - , xl__border_b_4 - , xl__border_b_8 - , xl__border_black - , xl__border_blue_100 - , xl__border_blue_200 - , xl__border_blue_300 - , xl__border_blue_400 - , xl__border_blue_500 - , xl__border_blue_600 - , xl__border_blue_700 - , xl__border_blue_800 - , xl__border_blue_900 - , xl__border_collapse - , xl__border_current - , xl__border_dashed - , xl__border_dotted - , xl__border_double - , xl__border_gray_100 - , xl__border_gray_200 - , xl__border_gray_300 - , xl__border_gray_400 - , xl__border_gray_500 - , xl__border_gray_600 - , xl__border_gray_700 - , xl__border_gray_800 - , xl__border_gray_900 - , xl__border_green_100 - , xl__border_green_200 - , xl__border_green_300 - , xl__border_green_400 - , xl__border_green_500 - , xl__border_green_600 - , xl__border_green_700 - , xl__border_green_800 - , xl__border_green_900 - , xl__border_indigo_100 - , xl__border_indigo_200 - , xl__border_indigo_300 - , xl__border_indigo_400 - , xl__border_indigo_500 - , xl__border_indigo_600 - , xl__border_indigo_700 - , xl__border_indigo_800 - , xl__border_indigo_900 - , xl__border_l - , xl__border_l_0 - , xl__border_l_2 - , xl__border_l_4 - , xl__border_l_8 - , xl__border_none - , xl__border_orange_100 - , xl__border_orange_200 - , xl__border_orange_300 - , xl__border_orange_400 - , xl__border_orange_500 - , xl__border_orange_600 - , xl__border_orange_700 - , xl__border_orange_800 - , xl__border_orange_900 - , xl__border_pink_100 - , xl__border_pink_200 - , xl__border_pink_300 - , xl__border_pink_400 - , xl__border_pink_500 - , xl__border_pink_600 - , xl__border_pink_700 - , xl__border_pink_800 - , xl__border_pink_900 - , xl__border_purple_100 - , xl__border_purple_200 - , xl__border_purple_300 - , xl__border_purple_400 - , xl__border_purple_500 - , xl__border_purple_600 - , xl__border_purple_700 - , xl__border_purple_800 - , xl__border_purple_900 - , xl__border_r - , xl__border_r_0 - , xl__border_r_2 - , xl__border_r_4 - , xl__border_r_8 - , xl__border_red_100 - , xl__border_red_200 - , xl__border_red_300 - , xl__border_red_400 - , xl__border_red_500 - , xl__border_red_600 - , xl__border_red_700 - , xl__border_red_800 - , xl__border_red_900 - , xl__border_separate - , xl__border_solid - , xl__border_t - , xl__border_t_0 - , xl__border_t_2 - , xl__border_t_4 - , xl__border_t_8 - , xl__border_teal_100 - , xl__border_teal_200 - , xl__border_teal_300 - , xl__border_teal_400 - , xl__border_teal_500 - , xl__border_teal_600 - , xl__border_teal_700 - , xl__border_teal_800 - , xl__border_teal_900 - , xl__border_transparent - , xl__border_white - , xl__border_yellow_100 - , xl__border_yellow_200 - , xl__border_yellow_300 - , xl__border_yellow_400 - , xl__border_yellow_500 - , xl__border_yellow_600 - , xl__border_yellow_700 - , xl__border_yellow_800 - , xl__border_yellow_900 - , xl__bottom_0 - , xl__bottom_auto - , xl__box_border - , xl__box_content - , xl__break_all - , xl__break_normal - , xl__break_words - , xl__capitalize - , xl__clear_both - , xl__clear_left - , xl__clear_none - , xl__clear_right - , xl__clearfix - , xl__container - , xl__content_around - , xl__content_between - , xl__content_center - , xl__content_end - , xl__content_start - , xl__cursor_auto - , xl__cursor_default - , xl__cursor_move - , xl__cursor_not_allowed - , xl__cursor_pointer - , xl__cursor_text - , xl__cursor_wait - , xl__divide_black - , xl__divide_blue_100 - , xl__divide_blue_200 - , xl__divide_blue_300 - , xl__divide_blue_400 - , xl__divide_blue_500 - , xl__divide_blue_600 - , xl__divide_blue_700 - , xl__divide_blue_800 - , xl__divide_blue_900 - , xl__divide_current - , xl__divide_gray_100 - , xl__divide_gray_200 - , xl__divide_gray_300 - , xl__divide_gray_400 - , xl__divide_gray_500 - , xl__divide_gray_600 - , xl__divide_gray_700 - , xl__divide_gray_800 - , xl__divide_gray_900 - , xl__divide_green_100 - , xl__divide_green_200 - , xl__divide_green_300 - , xl__divide_green_400 - , xl__divide_green_500 - , xl__divide_green_600 - , xl__divide_green_700 - , xl__divide_green_800 - , xl__divide_green_900 - , xl__divide_indigo_100 - , xl__divide_indigo_200 - , xl__divide_indigo_300 - , xl__divide_indigo_400 - , xl__divide_indigo_500 - , xl__divide_indigo_600 - , xl__divide_indigo_700 - , xl__divide_indigo_800 - , xl__divide_indigo_900 - , xl__divide_orange_100 - , xl__divide_orange_200 - , xl__divide_orange_300 - , xl__divide_orange_400 - , xl__divide_orange_500 - , xl__divide_orange_600 - , xl__divide_orange_700 - , xl__divide_orange_800 - , xl__divide_orange_900 - , xl__divide_pink_100 - , xl__divide_pink_200 - , xl__divide_pink_300 - , xl__divide_pink_400 - , xl__divide_pink_500 - , xl__divide_pink_600 - , xl__divide_pink_700 - , xl__divide_pink_800 - , xl__divide_pink_900 - , xl__divide_purple_100 - , xl__divide_purple_200 - , xl__divide_purple_300 - , xl__divide_purple_400 - , xl__divide_purple_500 - , xl__divide_purple_600 - , xl__divide_purple_700 - , xl__divide_purple_800 - , xl__divide_purple_900 - , xl__divide_red_100 - , xl__divide_red_200 - , xl__divide_red_300 - , xl__divide_red_400 - , xl__divide_red_500 - , xl__divide_red_600 - , xl__divide_red_700 - , xl__divide_red_800 - , xl__divide_red_900 - , xl__divide_teal_100 - , xl__divide_teal_200 - , xl__divide_teal_300 - , xl__divide_teal_400 - , xl__divide_teal_500 - , xl__divide_teal_600 - , xl__divide_teal_700 - , xl__divide_teal_800 - , xl__divide_teal_900 - , xl__divide_transparent - , xl__divide_white - , xl__divide_yellow_100 - , xl__divide_yellow_200 - , xl__divide_yellow_300 - , xl__divide_yellow_400 - , xl__divide_yellow_500 - , xl__divide_yellow_600 - , xl__divide_yellow_700 - , xl__divide_yellow_800 - , xl__divide_yellow_900 - , xl__fill_current - , xl__fixed - , xl__flex - , xl__flex_1 - , xl__flex_auto - , xl__flex_col - , xl__flex_col_reverse - , xl__flex_grow - , xl__flex_grow_0 - , xl__flex_initial - , xl__flex_no_wrap - , xl__flex_none - , xl__flex_row - , xl__flex_row_reverse - , xl__flex_shrink - , xl__flex_shrink_0 - , xl__flex_wrap - , xl__flex_wrap_reverse - , xl__float_left - , xl__float_none - , xl__float_right - , xl__flow_root - , xl__focus__bg_black - , xl__focus__bg_blue_100 - , xl__focus__bg_blue_200 - , xl__focus__bg_blue_300 - , xl__focus__bg_blue_400 - , xl__focus__bg_blue_500 - , xl__focus__bg_blue_600 - , xl__focus__bg_blue_700 - , xl__focus__bg_blue_800 - , xl__focus__bg_blue_900 - , xl__focus__bg_current - , xl__focus__bg_gray_100 - , xl__focus__bg_gray_200 - , xl__focus__bg_gray_300 - , xl__focus__bg_gray_400 - , xl__focus__bg_gray_500 - , xl__focus__bg_gray_600 - , xl__focus__bg_gray_700 - , xl__focus__bg_gray_800 - , xl__focus__bg_gray_900 - , xl__focus__bg_green_100 - , xl__focus__bg_green_200 - , xl__focus__bg_green_300 - , xl__focus__bg_green_400 - , xl__focus__bg_green_500 - , xl__focus__bg_green_600 - , xl__focus__bg_green_700 - , xl__focus__bg_green_800 - , xl__focus__bg_green_900 - , xl__focus__bg_indigo_100 - , xl__focus__bg_indigo_200 - , xl__focus__bg_indigo_300 - , xl__focus__bg_indigo_400 - , xl__focus__bg_indigo_500 - , xl__focus__bg_indigo_600 - , xl__focus__bg_indigo_700 - , xl__focus__bg_indigo_800 - , xl__focus__bg_indigo_900 - , xl__focus__bg_orange_100 - , xl__focus__bg_orange_200 - , xl__focus__bg_orange_300 - , xl__focus__bg_orange_400 - , xl__focus__bg_orange_500 - , xl__focus__bg_orange_600 - , xl__focus__bg_orange_700 - , xl__focus__bg_orange_800 - , xl__focus__bg_orange_900 - , xl__focus__bg_pink_100 - , xl__focus__bg_pink_200 - , xl__focus__bg_pink_300 - , xl__focus__bg_pink_400 - , xl__focus__bg_pink_500 - , xl__focus__bg_pink_600 - , xl__focus__bg_pink_700 - , xl__focus__bg_pink_800 - , xl__focus__bg_pink_900 - , xl__focus__bg_purple_100 - , xl__focus__bg_purple_200 - , xl__focus__bg_purple_300 - , xl__focus__bg_purple_400 - , xl__focus__bg_purple_500 - , xl__focus__bg_purple_600 - , xl__focus__bg_purple_700 - , xl__focus__bg_purple_800 - , xl__focus__bg_purple_900 - , xl__focus__bg_red_100 - , xl__focus__bg_red_200 - , xl__focus__bg_red_300 - , xl__focus__bg_red_400 - , xl__focus__bg_red_500 - , xl__focus__bg_red_600 - , xl__focus__bg_red_700 - , xl__focus__bg_red_800 - , xl__focus__bg_red_900 - , xl__focus__bg_teal_100 - , xl__focus__bg_teal_200 - , xl__focus__bg_teal_300 - , xl__focus__bg_teal_400 - , xl__focus__bg_teal_500 - , xl__focus__bg_teal_600 - , xl__focus__bg_teal_700 - , xl__focus__bg_teal_800 - , xl__focus__bg_teal_900 - , xl__focus__bg_transparent - , xl__focus__bg_white - , xl__focus__bg_yellow_100 - , xl__focus__bg_yellow_200 - , xl__focus__bg_yellow_300 - , xl__focus__bg_yellow_400 - , xl__focus__bg_yellow_500 - , xl__focus__bg_yellow_600 - , xl__focus__bg_yellow_700 - , xl__focus__bg_yellow_800 - , xl__focus__bg_yellow_900 - , xl__focus__border_black - , xl__focus__border_blue_100 - , xl__focus__border_blue_200 - , xl__focus__border_blue_300 - , xl__focus__border_blue_400 - , xl__focus__border_blue_500 - , xl__focus__border_blue_600 - , xl__focus__border_blue_700 - , xl__focus__border_blue_800 - , xl__focus__border_blue_900 - , xl__focus__border_current - , xl__focus__border_gray_100 - , xl__focus__border_gray_200 - , xl__focus__border_gray_300 - , xl__focus__border_gray_400 - , xl__focus__border_gray_500 - , xl__focus__border_gray_600 - , xl__focus__border_gray_700 - , xl__focus__border_gray_800 - , xl__focus__border_gray_900 - , xl__focus__border_green_100 - , xl__focus__border_green_200 - , xl__focus__border_green_300 - , xl__focus__border_green_400 - , xl__focus__border_green_500 - , xl__focus__border_green_600 - , xl__focus__border_green_700 - , xl__focus__border_green_800 - , xl__focus__border_green_900 - , xl__focus__border_indigo_100 - , xl__focus__border_indigo_200 - , xl__focus__border_indigo_300 - , xl__focus__border_indigo_400 - , xl__focus__border_indigo_500 - , xl__focus__border_indigo_600 - , xl__focus__border_indigo_700 - , xl__focus__border_indigo_800 - , xl__focus__border_indigo_900 - , xl__focus__border_orange_100 - , xl__focus__border_orange_200 - , xl__focus__border_orange_300 - , xl__focus__border_orange_400 - , xl__focus__border_orange_500 - , xl__focus__border_orange_600 - , xl__focus__border_orange_700 - , xl__focus__border_orange_800 - , xl__focus__border_orange_900 - , xl__focus__border_pink_100 - , xl__focus__border_pink_200 - , xl__focus__border_pink_300 - , xl__focus__border_pink_400 - , xl__focus__border_pink_500 - , xl__focus__border_pink_600 - , xl__focus__border_pink_700 - , xl__focus__border_pink_800 - , xl__focus__border_pink_900 - , xl__focus__border_purple_100 - , xl__focus__border_purple_200 - , xl__focus__border_purple_300 - , xl__focus__border_purple_400 - , xl__focus__border_purple_500 - , xl__focus__border_purple_600 - , xl__focus__border_purple_700 - , xl__focus__border_purple_800 - , xl__focus__border_purple_900 - , xl__focus__border_red_100 - , xl__focus__border_red_200 - , xl__focus__border_red_300 - , xl__focus__border_red_400 - , xl__focus__border_red_500 - , xl__focus__border_red_600 - , xl__focus__border_red_700 - , xl__focus__border_red_800 - , xl__focus__border_red_900 - , xl__focus__border_teal_100 - , xl__focus__border_teal_200 - , xl__focus__border_teal_300 - , xl__focus__border_teal_400 - , xl__focus__border_teal_500 - , xl__focus__border_teal_600 - , xl__focus__border_teal_700 - , xl__focus__border_teal_800 - , xl__focus__border_teal_900 - , xl__focus__border_transparent - , xl__focus__border_white - , xl__focus__border_yellow_100 - , xl__focus__border_yellow_200 - , xl__focus__border_yellow_300 - , xl__focus__border_yellow_400 - , xl__focus__border_yellow_500 - , xl__focus__border_yellow_600 - , xl__focus__border_yellow_700 - , xl__focus__border_yellow_800 - , xl__focus__border_yellow_900 - , xl__focus__font_black - , xl__focus__font_bold - , xl__focus__font_extrabold - , xl__focus__font_hairline - , xl__focus__font_light - , xl__focus__font_medium - , xl__focus__font_normal - , xl__focus__font_semibold - , xl__focus__font_thin - , xl__focus__line_through - , xl__focus__no_underline - , xl__focus__not_sr_only - , xl__focus__opacity_0 - , xl__focus__opacity_100 - , xl__focus__opacity_25 - , xl__focus__opacity_50 - , xl__focus__opacity_75 - , xl__focus__outline_none - , xl__focus__placeholder_black - , xl__focus__placeholder_blue_100 - , xl__focus__placeholder_blue_200 - , xl__focus__placeholder_blue_300 - , xl__focus__placeholder_blue_400 - , xl__focus__placeholder_blue_500 - , xl__focus__placeholder_blue_600 - , xl__focus__placeholder_blue_700 - , xl__focus__placeholder_blue_800 - , xl__focus__placeholder_blue_900 - , xl__focus__placeholder_current - , xl__focus__placeholder_gray_100 - , xl__focus__placeholder_gray_200 - , xl__focus__placeholder_gray_300 - , xl__focus__placeholder_gray_400 - , xl__focus__placeholder_gray_500 - , xl__focus__placeholder_gray_600 - , xl__focus__placeholder_gray_700 - , xl__focus__placeholder_gray_800 - , xl__focus__placeholder_gray_900 - , xl__focus__placeholder_green_100 - , xl__focus__placeholder_green_200 - , xl__focus__placeholder_green_300 - , xl__focus__placeholder_green_400 - , xl__focus__placeholder_green_500 - , xl__focus__placeholder_green_600 - , xl__focus__placeholder_green_700 - , xl__focus__placeholder_green_800 - , xl__focus__placeholder_green_900 - , xl__focus__placeholder_indigo_100 - , xl__focus__placeholder_indigo_200 - , xl__focus__placeholder_indigo_300 - , xl__focus__placeholder_indigo_400 - , xl__focus__placeholder_indigo_500 - , xl__focus__placeholder_indigo_600 - , xl__focus__placeholder_indigo_700 - , xl__focus__placeholder_indigo_800 - , xl__focus__placeholder_indigo_900 - , xl__focus__placeholder_orange_100 - , xl__focus__placeholder_orange_200 - , xl__focus__placeholder_orange_300 - , xl__focus__placeholder_orange_400 - , xl__focus__placeholder_orange_500 - , xl__focus__placeholder_orange_600 - , xl__focus__placeholder_orange_700 - , xl__focus__placeholder_orange_800 - , xl__focus__placeholder_orange_900 - , xl__focus__placeholder_pink_100 - , xl__focus__placeholder_pink_200 - , xl__focus__placeholder_pink_300 - , xl__focus__placeholder_pink_400 - , xl__focus__placeholder_pink_500 - , xl__focus__placeholder_pink_600 - , xl__focus__placeholder_pink_700 - , xl__focus__placeholder_pink_800 - , xl__focus__placeholder_pink_900 - , xl__focus__placeholder_purple_100 - , xl__focus__placeholder_purple_200 - , xl__focus__placeholder_purple_300 - , xl__focus__placeholder_purple_400 - , xl__focus__placeholder_purple_500 - , xl__focus__placeholder_purple_600 - , xl__focus__placeholder_purple_700 - , xl__focus__placeholder_purple_800 - , xl__focus__placeholder_purple_900 - , xl__focus__placeholder_red_100 - , xl__focus__placeholder_red_200 - , xl__focus__placeholder_red_300 - , xl__focus__placeholder_red_400 - , xl__focus__placeholder_red_500 - , xl__focus__placeholder_red_600 - , xl__focus__placeholder_red_700 - , xl__focus__placeholder_red_800 - , xl__focus__placeholder_red_900 - , xl__focus__placeholder_teal_100 - , xl__focus__placeholder_teal_200 - , xl__focus__placeholder_teal_300 - , xl__focus__placeholder_teal_400 - , xl__focus__placeholder_teal_500 - , xl__focus__placeholder_teal_600 - , xl__focus__placeholder_teal_700 - , xl__focus__placeholder_teal_800 - , xl__focus__placeholder_teal_900 - , xl__focus__placeholder_transparent - , xl__focus__placeholder_white - , xl__focus__placeholder_yellow_100 - , xl__focus__placeholder_yellow_200 - , xl__focus__placeholder_yellow_300 - , xl__focus__placeholder_yellow_400 - , xl__focus__placeholder_yellow_500 - , xl__focus__placeholder_yellow_600 - , xl__focus__placeholder_yellow_700 - , xl__focus__placeholder_yellow_800 - , xl__focus__placeholder_yellow_900 - , xl__focus__shadow - , xl__focus__shadow_2xl - , xl__focus__shadow_inner - , xl__focus__shadow_lg - , xl__focus__shadow_md - , xl__focus__shadow_none - , xl__focus__shadow_outline - , xl__focus__shadow_sm - , xl__focus__shadow_xl - , xl__focus__shadow_xs - , xl__focus__sr_only - , xl__focus__text_black - , xl__focus__text_blue_100 - , xl__focus__text_blue_200 - , xl__focus__text_blue_300 - , xl__focus__text_blue_400 - , xl__focus__text_blue_500 - , xl__focus__text_blue_600 - , xl__focus__text_blue_700 - , xl__focus__text_blue_800 - , xl__focus__text_blue_900 - , xl__focus__text_current - , xl__focus__text_gray_100 - , xl__focus__text_gray_200 - , xl__focus__text_gray_300 - , xl__focus__text_gray_400 - , xl__focus__text_gray_500 - , xl__focus__text_gray_600 - , xl__focus__text_gray_700 - , xl__focus__text_gray_800 - , xl__focus__text_gray_900 - , xl__focus__text_green_100 - , xl__focus__text_green_200 - , xl__focus__text_green_300 - , xl__focus__text_green_400 - , xl__focus__text_green_500 - , xl__focus__text_green_600 - , xl__focus__text_green_700 - , xl__focus__text_green_800 - , xl__focus__text_green_900 - , xl__focus__text_indigo_100 - , xl__focus__text_indigo_200 - , xl__focus__text_indigo_300 - , xl__focus__text_indigo_400 - , xl__focus__text_indigo_500 - , xl__focus__text_indigo_600 - , xl__focus__text_indigo_700 - , xl__focus__text_indigo_800 - , xl__focus__text_indigo_900 - , xl__focus__text_orange_100 - , xl__focus__text_orange_200 - , xl__focus__text_orange_300 - , xl__focus__text_orange_400 - , xl__focus__text_orange_500 - , xl__focus__text_orange_600 - , xl__focus__text_orange_700 - , xl__focus__text_orange_800 - , xl__focus__text_orange_900 - , xl__focus__text_pink_100 - , xl__focus__text_pink_200 - , xl__focus__text_pink_300 - , xl__focus__text_pink_400 - , xl__focus__text_pink_500 - , xl__focus__text_pink_600 - , xl__focus__text_pink_700 - , xl__focus__text_pink_800 - , xl__focus__text_pink_900 - , xl__focus__text_purple_100 - , xl__focus__text_purple_200 - , xl__focus__text_purple_300 - , xl__focus__text_purple_400 - , xl__focus__text_purple_500 - , xl__focus__text_purple_600 - , xl__focus__text_purple_700 - , xl__focus__text_purple_800 - , xl__focus__text_purple_900 - , xl__focus__text_red_100 - , xl__focus__text_red_200 - , xl__focus__text_red_300 - , xl__focus__text_red_400 - , xl__focus__text_red_500 - , xl__focus__text_red_600 - , xl__focus__text_red_700 - , xl__focus__text_red_800 - , xl__focus__text_red_900 - , xl__focus__text_teal_100 - , xl__focus__text_teal_200 - , xl__focus__text_teal_300 - , xl__focus__text_teal_400 - , xl__focus__text_teal_500 - , xl__focus__text_teal_600 - , xl__focus__text_teal_700 - , xl__focus__text_teal_800 - , xl__focus__text_teal_900 - , xl__focus__text_transparent - , xl__focus__text_white - , xl__focus__text_yellow_100 - , xl__focus__text_yellow_200 - , xl__focus__text_yellow_300 - , xl__focus__text_yellow_400 - , xl__focus__text_yellow_500 - , xl__focus__text_yellow_600 - , xl__focus__text_yellow_700 - , xl__focus__text_yellow_800 - , xl__focus__text_yellow_900 - , xl__focus__underline - , xl__font_black - , xl__font_bold - , xl__font_extrabold - , xl__font_hairline - , xl__font_light - , xl__font_medium - , xl__font_mono - , xl__font_normal - , xl__font_sans - , xl__font_semibold - , xl__font_serif - , xl__font_thin - , xl__grid - , xl__h_0 - , xl__h_1 - , xl__h_10 - , xl__h_12 - , xl__h_16 - , xl__h_2 - , xl__h_20 - , xl__h_24 - , xl__h_3 - , xl__h_32 - , xl__h_4 - , xl__h_40 - , xl__h_48 - , xl__h_5 - , xl__h_56 - , xl__h_6 - , xl__h_64 - , xl__h_8 - , xl__h_auto - , xl__h_full - , xl__h_px - , xl__h_screen - , xl__hidden - , xl__hover__bg_black - , xl__hover__bg_blue_100 - , xl__hover__bg_blue_200 - , xl__hover__bg_blue_300 - , xl__hover__bg_blue_400 - , xl__hover__bg_blue_500 - , xl__hover__bg_blue_600 - , xl__hover__bg_blue_700 - , xl__hover__bg_blue_800 - , xl__hover__bg_blue_900 - , xl__hover__bg_current - , xl__hover__bg_gray_100 - , xl__hover__bg_gray_200 - , xl__hover__bg_gray_300 - , xl__hover__bg_gray_400 - , xl__hover__bg_gray_500 - , xl__hover__bg_gray_600 - , xl__hover__bg_gray_700 - , xl__hover__bg_gray_800 - , xl__hover__bg_gray_900 - , xl__hover__bg_green_100 - , xl__hover__bg_green_200 - , xl__hover__bg_green_300 - , xl__hover__bg_green_400 - , xl__hover__bg_green_500 - , xl__hover__bg_green_600 - , xl__hover__bg_green_700 - , xl__hover__bg_green_800 - , xl__hover__bg_green_900 - , xl__hover__bg_indigo_100 - , xl__hover__bg_indigo_200 - , xl__hover__bg_indigo_300 - , xl__hover__bg_indigo_400 - , xl__hover__bg_indigo_500 - , xl__hover__bg_indigo_600 - , xl__hover__bg_indigo_700 - , xl__hover__bg_indigo_800 - , xl__hover__bg_indigo_900 - , xl__hover__bg_orange_100 - , xl__hover__bg_orange_200 - , xl__hover__bg_orange_300 - , xl__hover__bg_orange_400 - , xl__hover__bg_orange_500 - , xl__hover__bg_orange_600 - , xl__hover__bg_orange_700 - , xl__hover__bg_orange_800 - , xl__hover__bg_orange_900 - , xl__hover__bg_pink_100 - , xl__hover__bg_pink_200 - , xl__hover__bg_pink_300 - , xl__hover__bg_pink_400 - , xl__hover__bg_pink_500 - , xl__hover__bg_pink_600 - , xl__hover__bg_pink_700 - , xl__hover__bg_pink_800 - , xl__hover__bg_pink_900 - , xl__hover__bg_purple_100 - , xl__hover__bg_purple_200 - , xl__hover__bg_purple_300 - , xl__hover__bg_purple_400 - , xl__hover__bg_purple_500 - , xl__hover__bg_purple_600 - , xl__hover__bg_purple_700 - , xl__hover__bg_purple_800 - , xl__hover__bg_purple_900 - , xl__hover__bg_red_100 - , xl__hover__bg_red_200 - , xl__hover__bg_red_300 - , xl__hover__bg_red_400 - , xl__hover__bg_red_500 - , xl__hover__bg_red_600 - , xl__hover__bg_red_700 - , xl__hover__bg_red_800 - , xl__hover__bg_red_900 - , xl__hover__bg_teal_100 - , xl__hover__bg_teal_200 - , xl__hover__bg_teal_300 - , xl__hover__bg_teal_400 - , xl__hover__bg_teal_500 - , xl__hover__bg_teal_600 - , xl__hover__bg_teal_700 - , xl__hover__bg_teal_800 - , xl__hover__bg_teal_900 - , xl__hover__bg_transparent - , xl__hover__bg_white - , xl__hover__bg_yellow_100 - , xl__hover__bg_yellow_200 - , xl__hover__bg_yellow_300 - , xl__hover__bg_yellow_400 - , xl__hover__bg_yellow_500 - , xl__hover__bg_yellow_600 - , xl__hover__bg_yellow_700 - , xl__hover__bg_yellow_800 - , xl__hover__bg_yellow_900 - , xl__hover__border_black - , xl__hover__border_blue_100 - , xl__hover__border_blue_200 - , xl__hover__border_blue_300 - , xl__hover__border_blue_400 - , xl__hover__border_blue_500 - , xl__hover__border_blue_600 - , xl__hover__border_blue_700 - , xl__hover__border_blue_800 - , xl__hover__border_blue_900 - , xl__hover__border_current - , xl__hover__border_gray_100 - , xl__hover__border_gray_200 - , xl__hover__border_gray_300 - , xl__hover__border_gray_400 - , xl__hover__border_gray_500 - , xl__hover__border_gray_600 - , xl__hover__border_gray_700 - , xl__hover__border_gray_800 - , xl__hover__border_gray_900 - , xl__hover__border_green_100 - , xl__hover__border_green_200 - , xl__hover__border_green_300 - , xl__hover__border_green_400 - , xl__hover__border_green_500 - , xl__hover__border_green_600 - , xl__hover__border_green_700 - , xl__hover__border_green_800 - , xl__hover__border_green_900 - , xl__hover__border_indigo_100 - , xl__hover__border_indigo_200 - , xl__hover__border_indigo_300 - , xl__hover__border_indigo_400 - , xl__hover__border_indigo_500 - , xl__hover__border_indigo_600 - , xl__hover__border_indigo_700 - , xl__hover__border_indigo_800 - , xl__hover__border_indigo_900 - , xl__hover__border_orange_100 - , xl__hover__border_orange_200 - , xl__hover__border_orange_300 - , xl__hover__border_orange_400 - , xl__hover__border_orange_500 - , xl__hover__border_orange_600 - , xl__hover__border_orange_700 - , xl__hover__border_orange_800 - , xl__hover__border_orange_900 - , xl__hover__border_pink_100 - , xl__hover__border_pink_200 - , xl__hover__border_pink_300 - , xl__hover__border_pink_400 - , xl__hover__border_pink_500 - , xl__hover__border_pink_600 - , xl__hover__border_pink_700 - , xl__hover__border_pink_800 - , xl__hover__border_pink_900 - , xl__hover__border_purple_100 - , xl__hover__border_purple_200 - , xl__hover__border_purple_300 - , xl__hover__border_purple_400 - , xl__hover__border_purple_500 - , xl__hover__border_purple_600 - , xl__hover__border_purple_700 - , xl__hover__border_purple_800 - , xl__hover__border_purple_900 - , xl__hover__border_red_100 - , xl__hover__border_red_200 - , xl__hover__border_red_300 - , xl__hover__border_red_400 - , xl__hover__border_red_500 - , xl__hover__border_red_600 - , xl__hover__border_red_700 - , xl__hover__border_red_800 - , xl__hover__border_red_900 - , xl__hover__border_teal_100 - , xl__hover__border_teal_200 - , xl__hover__border_teal_300 - , xl__hover__border_teal_400 - , xl__hover__border_teal_500 - , xl__hover__border_teal_600 - , xl__hover__border_teal_700 - , xl__hover__border_teal_800 - , xl__hover__border_teal_900 - , xl__hover__border_transparent - , xl__hover__border_white - , xl__hover__border_yellow_100 - , xl__hover__border_yellow_200 - , xl__hover__border_yellow_300 - , xl__hover__border_yellow_400 - , xl__hover__border_yellow_500 - , xl__hover__border_yellow_600 - , xl__hover__border_yellow_700 - , xl__hover__border_yellow_800 - , xl__hover__border_yellow_900 - , xl__hover__font_black - , xl__hover__font_bold - , xl__hover__font_extrabold - , xl__hover__font_hairline - , xl__hover__font_light - , xl__hover__font_medium - , xl__hover__font_normal - , xl__hover__font_semibold - , xl__hover__font_thin - , xl__hover__line_through - , xl__hover__no_underline - , xl__hover__opacity_0 - , xl__hover__opacity_100 - , xl__hover__opacity_25 - , xl__hover__opacity_50 - , xl__hover__opacity_75 - , xl__hover__shadow - , xl__hover__shadow_2xl - , xl__hover__shadow_inner - , xl__hover__shadow_lg - , xl__hover__shadow_md - , xl__hover__shadow_none - , xl__hover__shadow_outline - , xl__hover__shadow_sm - , xl__hover__shadow_xl - , xl__hover__shadow_xs - , xl__hover__text_black - , xl__hover__text_blue_100 - , xl__hover__text_blue_200 - , xl__hover__text_blue_300 - , xl__hover__text_blue_400 - , xl__hover__text_blue_500 - , xl__hover__text_blue_600 - , xl__hover__text_blue_700 - , xl__hover__text_blue_800 - , xl__hover__text_blue_900 - , xl__hover__text_current - , xl__hover__text_gray_100 - , xl__hover__text_gray_200 - , xl__hover__text_gray_300 - , xl__hover__text_gray_400 - , xl__hover__text_gray_500 - , xl__hover__text_gray_600 - , xl__hover__text_gray_700 - , xl__hover__text_gray_800 - , xl__hover__text_gray_900 - , xl__hover__text_green_100 - , xl__hover__text_green_200 - , xl__hover__text_green_300 - , xl__hover__text_green_400 - , xl__hover__text_green_500 - , xl__hover__text_green_600 - , xl__hover__text_green_700 - , xl__hover__text_green_800 - , xl__hover__text_green_900 - , xl__hover__text_indigo_100 - , xl__hover__text_indigo_200 - , xl__hover__text_indigo_300 - , xl__hover__text_indigo_400 - , xl__hover__text_indigo_500 - , xl__hover__text_indigo_600 - , xl__hover__text_indigo_700 - , xl__hover__text_indigo_800 - , xl__hover__text_indigo_900 - , xl__hover__text_orange_100 - , xl__hover__text_orange_200 - , xl__hover__text_orange_300 - , xl__hover__text_orange_400 - , xl__hover__text_orange_500 - , xl__hover__text_orange_600 - , xl__hover__text_orange_700 - , xl__hover__text_orange_800 - , xl__hover__text_orange_900 - , xl__hover__text_pink_100 - , xl__hover__text_pink_200 - , xl__hover__text_pink_300 - , xl__hover__text_pink_400 - , xl__hover__text_pink_500 - , xl__hover__text_pink_600 - , xl__hover__text_pink_700 - , xl__hover__text_pink_800 - , xl__hover__text_pink_900 - , xl__hover__text_purple_100 - , xl__hover__text_purple_200 - , xl__hover__text_purple_300 - , xl__hover__text_purple_400 - , xl__hover__text_purple_500 - , xl__hover__text_purple_600 - , xl__hover__text_purple_700 - , xl__hover__text_purple_800 - , xl__hover__text_purple_900 - , xl__hover__text_red_100 - , xl__hover__text_red_200 - , xl__hover__text_red_300 - , xl__hover__text_red_400 - , xl__hover__text_red_500 - , xl__hover__text_red_600 - , xl__hover__text_red_700 - , xl__hover__text_red_800 - , xl__hover__text_red_900 - , xl__hover__text_teal_100 - , xl__hover__text_teal_200 - , xl__hover__text_teal_300 - , xl__hover__text_teal_400 - , xl__hover__text_teal_500 - , xl__hover__text_teal_600 - , xl__hover__text_teal_700 - , xl__hover__text_teal_800 - , xl__hover__text_teal_900 - , xl__hover__text_transparent - , xl__hover__text_white - , xl__hover__text_yellow_100 - , xl__hover__text_yellow_200 - , xl__hover__text_yellow_300 - , xl__hover__text_yellow_400 - , xl__hover__text_yellow_500 - , xl__hover__text_yellow_600 - , xl__hover__text_yellow_700 - , xl__hover__text_yellow_800 - , xl__hover__text_yellow_900 - , xl__hover__underline - , xl__inline - , xl__inline_block - , xl__inline_flex - , xl__inline_grid - , xl__inset_0 - , xl__inset_auto - , xl__inset_x_0 - , xl__inset_x_auto - , xl__inset_y_0 - , xl__inset_y_auto - , xl__invisible - , xl__italic - , xl__items_baseline - , xl__items_center - , xl__items_end - , xl__items_start - , xl__items_stretch - , xl__justify_around - , xl__justify_between - , xl__justify_center - , xl__justify_end - , xl__justify_evenly - , xl__justify_start - , xl__leading_10 - , xl__leading_3 - , xl__leading_4 - , xl__leading_5 - , xl__leading_6 - , xl__leading_7 - , xl__leading_8 - , xl__leading_9 - , xl__leading_loose - , xl__leading_none - , xl__leading_normal - , xl__leading_relaxed - , xl__leading_snug - , xl__leading_tight - , xl__left_0 - , xl__left_auto - , xl__line_through - , xl__list_decimal - , xl__list_disc - , xl__list_inside - , xl__list_none - , xl__list_outside - , xl__lowercase - , xl__m_0 - , xl__m_1 - , xl__m_10 - , xl__m_12 - , xl__m_16 - , xl__m_2 - , xl__m_20 - , xl__m_24 - , xl__m_3 - , xl__m_32 - , xl__m_4 - , xl__m_40 - , xl__m_48 - , xl__m_5 - , xl__m_56 - , xl__m_6 - , xl__m_64 - , xl__m_8 - , xl__m_auto - , xl__m_px - , xl__max_h_full - , xl__max_h_screen - , xl__max_w_2xl - , xl__max_w_3xl - , xl__max_w_4xl - , xl__max_w_5xl - , xl__max_w_6xl - , xl__max_w_full - , xl__max_w_lg - , xl__max_w_md - , xl__max_w_none - , xl__max_w_screen_lg - , xl__max_w_screen_md - , xl__max_w_screen_sm - , xl__max_w_screen_xl - , xl__max_w_sm - , xl__max_w_xl - , xl__max_w_xs - , xl__mb_0 - , xl__mb_1 - , xl__mb_10 - , xl__mb_12 - , xl__mb_16 - , xl__mb_2 - , xl__mb_20 - , xl__mb_24 - , xl__mb_3 - , xl__mb_32 - , xl__mb_4 - , xl__mb_40 - , xl__mb_48 - , xl__mb_5 - , xl__mb_56 - , xl__mb_6 - , xl__mb_64 - , xl__mb_8 - , xl__mb_auto - , xl__mb_px - , xl__min_h_0 - , xl__min_h_full - , xl__min_h_screen - , xl__min_w_0 - , xl__min_w_full - , xl__ml_0 - , xl__ml_1 - , xl__ml_10 - , xl__ml_12 - , xl__ml_16 - , xl__ml_2 - , xl__ml_20 - , xl__ml_24 - , xl__ml_3 - , xl__ml_32 - , xl__ml_4 - , xl__ml_40 - , xl__ml_48 - , xl__ml_5 - , xl__ml_56 - , xl__ml_6 - , xl__ml_64 - , xl__ml_8 - , xl__ml_auto - , xl__ml_px - , xl__mr_0 - , xl__mr_1 - , xl__mr_10 - , xl__mr_12 - , xl__mr_16 - , xl__mr_2 - , xl__mr_20 - , xl__mr_24 - , xl__mr_3 - , xl__mr_32 - , xl__mr_4 - , xl__mr_40 - , xl__mr_48 - , xl__mr_5 - , xl__mr_56 - , xl__mr_6 - , xl__mr_64 - , xl__mr_8 - , xl__mr_auto - , xl__mr_px - , xl__mt_0 - , xl__mt_1 - , xl__mt_10 - , xl__mt_12 - , xl__mt_16 - , xl__mt_2 - , xl__mt_20 - , xl__mt_24 - , xl__mt_3 - , xl__mt_32 - , xl__mt_4 - , xl__mt_40 - , xl__mt_48 - , xl__mt_5 - , xl__mt_56 - , xl__mt_6 - , xl__mt_64 - , xl__mt_8 - , xl__mt_auto - , xl__mt_px - , xl__mx_0 - , xl__mx_1 - , xl__mx_10 - , xl__mx_12 - , xl__mx_16 - , xl__mx_2 - , xl__mx_20 - , xl__mx_24 - , xl__mx_3 - , xl__mx_32 - , xl__mx_4 - , xl__mx_40 - , xl__mx_48 - , xl__mx_5 - , xl__mx_56 - , xl__mx_6 - , xl__mx_64 - , xl__mx_8 - , xl__mx_auto - , xl__mx_px - , xl__my_0 - , xl__my_1 - , xl__my_10 - , xl__my_12 - , xl__my_16 - , xl__my_2 - , xl__my_20 - , xl__my_24 - , xl__my_3 - , xl__my_32 - , xl__my_4 - , xl__my_40 - , xl__my_48 - , xl__my_5 - , xl__my_56 - , xl__my_6 - , xl__my_64 - , xl__my_8 - , xl__my_auto - , xl__my_px - , xl__neg_m_1 - , xl__neg_m_10 - , xl__neg_m_12 - , xl__neg_m_16 - , xl__neg_m_2 - , xl__neg_m_20 - , xl__neg_m_24 - , xl__neg_m_3 - , xl__neg_m_32 - , xl__neg_m_4 - , xl__neg_m_40 - , xl__neg_m_48 - , xl__neg_m_5 - , xl__neg_m_56 - , xl__neg_m_6 - , xl__neg_m_64 - , xl__neg_m_8 - , xl__neg_m_px - , xl__neg_mb_1 - , xl__neg_mb_10 - , xl__neg_mb_12 - , xl__neg_mb_16 - , xl__neg_mb_2 - , xl__neg_mb_20 - , xl__neg_mb_24 - , xl__neg_mb_3 - , xl__neg_mb_32 - , xl__neg_mb_4 - , xl__neg_mb_40 - , xl__neg_mb_48 - , xl__neg_mb_5 - , xl__neg_mb_56 - , xl__neg_mb_6 - , xl__neg_mb_64 - , xl__neg_mb_8 - , xl__neg_mb_px - , xl__neg_ml_1 - , xl__neg_ml_10 - , xl__neg_ml_12 - , xl__neg_ml_16 - , xl__neg_ml_2 - , xl__neg_ml_20 - , xl__neg_ml_24 - , xl__neg_ml_3 - , xl__neg_ml_32 - , xl__neg_ml_4 - , xl__neg_ml_40 - , xl__neg_ml_48 - , xl__neg_ml_5 - , xl__neg_ml_56 - , xl__neg_ml_6 - , xl__neg_ml_64 - , xl__neg_ml_8 - , xl__neg_ml_px - , xl__neg_mr_1 - , xl__neg_mr_10 - , xl__neg_mr_12 - , xl__neg_mr_16 - , xl__neg_mr_2 - , xl__neg_mr_20 - , xl__neg_mr_24 - , xl__neg_mr_3 - , xl__neg_mr_32 - , xl__neg_mr_4 - , xl__neg_mr_40 - , xl__neg_mr_48 - , xl__neg_mr_5 - , xl__neg_mr_56 - , xl__neg_mr_6 - , xl__neg_mr_64 - , xl__neg_mr_8 - , xl__neg_mr_px - , xl__neg_mt_1 - , xl__neg_mt_10 - , xl__neg_mt_12 - , xl__neg_mt_16 - , xl__neg_mt_2 - , xl__neg_mt_20 - , xl__neg_mt_24 - , xl__neg_mt_3 - , xl__neg_mt_32 - , xl__neg_mt_4 - , xl__neg_mt_40 - , xl__neg_mt_48 - , xl__neg_mt_5 - , xl__neg_mt_56 - , xl__neg_mt_6 - , xl__neg_mt_64 - , xl__neg_mt_8 - , xl__neg_mt_px - , xl__neg_mx_1 - , xl__neg_mx_10 - , xl__neg_mx_12 - , xl__neg_mx_16 - , xl__neg_mx_2 - , xl__neg_mx_20 - , xl__neg_mx_24 - , xl__neg_mx_3 - , xl__neg_mx_32 - , xl__neg_mx_4 - , xl__neg_mx_40 - , xl__neg_mx_48 - , xl__neg_mx_5 - , xl__neg_mx_56 - , xl__neg_mx_6 - , xl__neg_mx_64 - , xl__neg_mx_8 - , xl__neg_mx_px - , xl__neg_my_1 - , xl__neg_my_10 - , xl__neg_my_12 - , xl__neg_my_16 - , xl__neg_my_2 - , xl__neg_my_20 - , xl__neg_my_24 - , xl__neg_my_3 - , xl__neg_my_32 - , xl__neg_my_4 - , xl__neg_my_40 - , xl__neg_my_48 - , xl__neg_my_5 - , xl__neg_my_56 - , xl__neg_my_6 - , xl__neg_my_64 - , xl__neg_my_8 - , xl__neg_my_px - , xl__no_underline - , xl__normal_case - , xl__not_italic - , xl__not_sr_only - , xl__object_bottom - , xl__object_center - , xl__object_contain - , xl__object_cover - , xl__object_fill - , xl__object_left - , xl__object_left_bottom - , xl__object_left_top - , xl__object_none - , xl__object_right - , xl__object_right_bottom - , xl__object_right_top - , xl__object_scale_down - , xl__object_top - , xl__opacity_0 - , xl__opacity_100 - , xl__opacity_25 - , xl__opacity_50 - , xl__opacity_75 - , xl__order_1 - , xl__order_10 - , xl__order_11 - , xl__order_12 - , xl__order_2 - , xl__order_3 - , xl__order_4 - , xl__order_5 - , xl__order_6 - , xl__order_7 - , xl__order_8 - , xl__order_9 - , xl__order_first - , xl__order_last - , xl__order_none - , xl__origin_bottom - , xl__origin_bottom_left - , xl__origin_bottom_right - , xl__origin_center - , xl__origin_left - , xl__origin_right - , xl__origin_top - , xl__origin_top_left - , xl__origin_top_right - , xl__outline_none - , xl__overflow_auto - , xl__overflow_hidden - , xl__overflow_scroll - , xl__overflow_visible - , xl__overflow_x_auto - , xl__overflow_x_hidden - , xl__overflow_x_scroll - , xl__overflow_x_visible - , xl__overflow_y_auto - , xl__overflow_y_hidden - , xl__overflow_y_scroll - , xl__overflow_y_visible - , xl__p_0 - , xl__p_1 - , xl__p_10 - , xl__p_12 - , xl__p_16 - , xl__p_2 - , xl__p_20 - , xl__p_24 - , xl__p_3 - , xl__p_32 - , xl__p_4 - , xl__p_40 - , xl__p_48 - , xl__p_5 - , xl__p_56 - , xl__p_6 - , xl__p_64 - , xl__p_8 - , xl__p_px - , xl__pb_0 - , xl__pb_1 - , xl__pb_10 - , xl__pb_12 - , xl__pb_16 - , xl__pb_2 - , xl__pb_20 - , xl__pb_24 - , xl__pb_3 - , xl__pb_32 - , xl__pb_4 - , xl__pb_40 - , xl__pb_48 - , xl__pb_5 - , xl__pb_56 - , xl__pb_6 - , xl__pb_64 - , xl__pb_8 - , xl__pb_px - , xl__pl_0 - , xl__pl_1 - , xl__pl_10 - , xl__pl_12 - , xl__pl_16 - , xl__pl_2 - , xl__pl_20 - , xl__pl_24 - , xl__pl_3 - , xl__pl_32 - , xl__pl_4 - , xl__pl_40 - , xl__pl_48 - , xl__pl_5 - , xl__pl_56 - , xl__pl_6 - , xl__pl_64 - , xl__pl_8 - , xl__pl_px - , xl__placeholder_black - , xl__placeholder_blue_100 - , xl__placeholder_blue_200 - , xl__placeholder_blue_300 - , xl__placeholder_blue_400 - , xl__placeholder_blue_500 - , xl__placeholder_blue_600 - , xl__placeholder_blue_700 - , xl__placeholder_blue_800 - , xl__placeholder_blue_900 - , xl__placeholder_current - , xl__placeholder_gray_100 - , xl__placeholder_gray_200 - , xl__placeholder_gray_300 - , xl__placeholder_gray_400 - , xl__placeholder_gray_500 - , xl__placeholder_gray_600 - , xl__placeholder_gray_700 - , xl__placeholder_gray_800 - , xl__placeholder_gray_900 - , xl__placeholder_green_100 - , xl__placeholder_green_200 - , xl__placeholder_green_300 - , xl__placeholder_green_400 - , xl__placeholder_green_500 - , xl__placeholder_green_600 - , xl__placeholder_green_700 - , xl__placeholder_green_800 - , xl__placeholder_green_900 - , xl__placeholder_indigo_100 - , xl__placeholder_indigo_200 - , xl__placeholder_indigo_300 - , xl__placeholder_indigo_400 - , xl__placeholder_indigo_500 - , xl__placeholder_indigo_600 - , xl__placeholder_indigo_700 - , xl__placeholder_indigo_800 - , xl__placeholder_indigo_900 - , xl__placeholder_orange_100 - , xl__placeholder_orange_200 - , xl__placeholder_orange_300 - , xl__placeholder_orange_400 - , xl__placeholder_orange_500 - , xl__placeholder_orange_600 - , xl__placeholder_orange_700 - , xl__placeholder_orange_800 - , xl__placeholder_orange_900 - , xl__placeholder_pink_100 - , xl__placeholder_pink_200 - , xl__placeholder_pink_300 - , xl__placeholder_pink_400 - , xl__placeholder_pink_500 - , xl__placeholder_pink_600 - , xl__placeholder_pink_700 - , xl__placeholder_pink_800 - , xl__placeholder_pink_900 - , xl__placeholder_purple_100 - , xl__placeholder_purple_200 - , xl__placeholder_purple_300 - , xl__placeholder_purple_400 - , xl__placeholder_purple_500 - , xl__placeholder_purple_600 - , xl__placeholder_purple_700 - , xl__placeholder_purple_800 - , xl__placeholder_purple_900 - , xl__placeholder_red_100 - , xl__placeholder_red_200 - , xl__placeholder_red_300 - , xl__placeholder_red_400 - , xl__placeholder_red_500 - , xl__placeholder_red_600 - , xl__placeholder_red_700 - , xl__placeholder_red_800 - , xl__placeholder_red_900 - , xl__placeholder_teal_100 - , xl__placeholder_teal_200 - , xl__placeholder_teal_300 - , xl__placeholder_teal_400 - , xl__placeholder_teal_500 - , xl__placeholder_teal_600 - , xl__placeholder_teal_700 - , xl__placeholder_teal_800 - , xl__placeholder_teal_900 - , xl__placeholder_transparent - , xl__placeholder_white - , xl__placeholder_yellow_100 - , xl__placeholder_yellow_200 - , xl__placeholder_yellow_300 - , xl__placeholder_yellow_400 - , xl__placeholder_yellow_500 - , xl__placeholder_yellow_600 - , xl__placeholder_yellow_700 - , xl__placeholder_yellow_800 - , xl__placeholder_yellow_900 - , xl__pointer_events_auto - , xl__pointer_events_none - , xl__pr_0 - , xl__pr_1 - , xl__pr_10 - , xl__pr_12 - , xl__pr_16 - , xl__pr_2 - , xl__pr_20 - , xl__pr_24 - , xl__pr_3 - , xl__pr_32 - , xl__pr_4 - , xl__pr_40 - , xl__pr_48 - , xl__pr_5 - , xl__pr_56 - , xl__pr_6 - , xl__pr_64 - , xl__pr_8 - , xl__pr_px - , xl__pt_0 - , xl__pt_1 - , xl__pt_10 - , xl__pt_12 - , xl__pt_16 - , xl__pt_2 - , xl__pt_20 - , xl__pt_24 - , xl__pt_3 - , xl__pt_32 - , xl__pt_4 - , xl__pt_40 - , xl__pt_48 - , xl__pt_5 - , xl__pt_56 - , xl__pt_6 - , xl__pt_64 - , xl__pt_8 - , xl__pt_px - , xl__px_0 - , xl__px_1 - , xl__px_10 - , xl__px_12 - , xl__px_16 - , xl__px_2 - , xl__px_20 - , xl__px_24 - , xl__px_3 - , xl__px_32 - , xl__px_4 - , xl__px_40 - , xl__px_48 - , xl__px_5 - , xl__px_56 - , xl__px_6 - , xl__px_64 - , xl__px_8 - , xl__px_px - , xl__py_0 - , xl__py_1 - , xl__py_10 - , xl__py_12 - , xl__py_16 - , xl__py_2 - , xl__py_20 - , xl__py_24 - , xl__py_3 - , xl__py_32 - , xl__py_4 - , xl__py_40 - , xl__py_48 - , xl__py_5 - , xl__py_56 - , xl__py_6 - , xl__py_64 - , xl__py_8 - , xl__py_px - , xl__relative - , xl__resize - , xl__resize_none - , xl__resize_x - , xl__resize_y - , xl__right_0 - , xl__right_auto - , xl__rounded - , xl__rounded_b - , xl__rounded_b_full - , xl__rounded_b_lg - , xl__rounded_b_md - , xl__rounded_b_none - , xl__rounded_b_sm - , xl__rounded_bl - , xl__rounded_bl_full - , xl__rounded_bl_lg - , xl__rounded_bl_md - , xl__rounded_bl_none - , xl__rounded_bl_sm - , xl__rounded_br - , xl__rounded_br_full - , xl__rounded_br_lg - , xl__rounded_br_md - , xl__rounded_br_none - , xl__rounded_br_sm - , xl__rounded_full - , xl__rounded_l - , xl__rounded_l_full - , xl__rounded_l_lg - , xl__rounded_l_md - , xl__rounded_l_none - , xl__rounded_l_sm - , xl__rounded_lg - , xl__rounded_md - , xl__rounded_none - , xl__rounded_r - , xl__rounded_r_full - , xl__rounded_r_lg - , xl__rounded_r_md - , xl__rounded_r_none - , xl__rounded_r_sm - , xl__rounded_sm - , xl__rounded_t - , xl__rounded_t_full - , xl__rounded_t_lg - , xl__rounded_t_md - , xl__rounded_t_none - , xl__rounded_t_sm - , xl__rounded_tl - , xl__rounded_tl_full - , xl__rounded_tl_lg - , xl__rounded_tl_md - , xl__rounded_tl_none - , xl__rounded_tl_sm - , xl__rounded_tr - , xl__rounded_tr_full - , xl__rounded_tr_lg - , xl__rounded_tr_md - , xl__rounded_tr_none - , xl__rounded_tr_sm - , xl__scrolling_auto - , xl__scrolling_touch - , xl__select_all - , xl__select_auto - , xl__select_none - , xl__select_text - , xl__self_auto - , xl__self_center - , xl__self_end - , xl__self_start - , xl__self_stretch - , xl__shadow - , xl__shadow_2xl - , xl__shadow_inner - , xl__shadow_lg - , xl__shadow_md - , xl__shadow_none - , xl__shadow_outline - , xl__shadow_sm - , xl__shadow_xl - , xl__shadow_xs - , xl__sr_only - , xl__static - , xl__sticky - , xl__stroke_0 - , xl__stroke_1 - , xl__stroke_2 - , xl__stroke_current - , xl__subpixel_antialiased - , xl__table - , xl__table_auto - , xl__table_caption - , xl__table_cell - , xl__table_column - , xl__table_column_group - , xl__table_fixed - , xl__table_footer_group - , xl__table_header_group - , xl__table_row - , xl__table_row_group - , xl__text_2xl - , xl__text_3xl - , xl__text_4xl - , xl__text_5xl - , xl__text_6xl - , xl__text_base - , xl__text_black - , xl__text_blue_100 - , xl__text_blue_200 - , xl__text_blue_300 - , xl__text_blue_400 - , xl__text_blue_500 - , xl__text_blue_600 - , xl__text_blue_700 - , xl__text_blue_800 - , xl__text_blue_900 - , xl__text_center - , xl__text_current - , xl__text_gray_100 - , xl__text_gray_200 - , xl__text_gray_300 - , xl__text_gray_400 - , xl__text_gray_500 - , xl__text_gray_600 - , xl__text_gray_700 - , xl__text_gray_800 - , xl__text_gray_900 - , xl__text_green_100 - , xl__text_green_200 - , xl__text_green_300 - , xl__text_green_400 - , xl__text_green_500 - , xl__text_green_600 - , xl__text_green_700 - , xl__text_green_800 - , xl__text_green_900 - , xl__text_indigo_100 - , xl__text_indigo_200 - , xl__text_indigo_300 - , xl__text_indigo_400 - , xl__text_indigo_500 - , xl__text_indigo_600 - , xl__text_indigo_700 - , xl__text_indigo_800 - , xl__text_indigo_900 - , xl__text_justify - , xl__text_left - , xl__text_lg - , xl__text_orange_100 - , xl__text_orange_200 - , xl__text_orange_300 - , xl__text_orange_400 - , xl__text_orange_500 - , xl__text_orange_600 - , xl__text_orange_700 - , xl__text_orange_800 - , xl__text_orange_900 - , xl__text_pink_100 - , xl__text_pink_200 - , xl__text_pink_300 - , xl__text_pink_400 - , xl__text_pink_500 - , xl__text_pink_600 - , xl__text_pink_700 - , xl__text_pink_800 - , xl__text_pink_900 - , xl__text_purple_100 - , xl__text_purple_200 - , xl__text_purple_300 - , xl__text_purple_400 - , xl__text_purple_500 - , xl__text_purple_600 - , xl__text_purple_700 - , xl__text_purple_800 - , xl__text_purple_900 - , xl__text_red_100 - , xl__text_red_200 - , xl__text_red_300 - , xl__text_red_400 - , xl__text_red_500 - , xl__text_red_600 - , xl__text_red_700 - , xl__text_red_800 - , xl__text_red_900 - , xl__text_right - , xl__text_sm - , xl__text_teal_100 - , xl__text_teal_200 - , xl__text_teal_300 - , xl__text_teal_400 - , xl__text_teal_500 - , xl__text_teal_600 - , xl__text_teal_700 - , xl__text_teal_800 - , xl__text_teal_900 - , xl__text_transparent - , xl__text_white - , xl__text_xl - , xl__text_xs - , xl__text_yellow_100 - , xl__text_yellow_200 - , xl__text_yellow_300 - , xl__text_yellow_400 - , xl__text_yellow_500 - , xl__text_yellow_600 - , xl__text_yellow_700 - , xl__text_yellow_800 - , xl__text_yellow_900 - , xl__top_0 - , xl__top_auto - , xl__tracking_normal - , xl__tracking_tight - , xl__tracking_tighter - , xl__tracking_wide - , xl__tracking_wider - , xl__tracking_widest - , xl__transform_none - , xl__truncate - , xl__underline - , xl__uppercase - , xl__visible - , xl__w_0 - , xl__w_1 - , xl__w_10 - , xl__w_10over12 - , xl__w_11over12 - , xl__w_12 - , xl__w_16 - , xl__w_1over12 - , xl__w_1over2 - , xl__w_1over3 - , xl__w_1over4 - , xl__w_1over5 - , xl__w_1over6 - , xl__w_2 - , xl__w_20 - , xl__w_24 - , xl__w_2over12 - , xl__w_2over3 - , xl__w_2over4 - , xl__w_2over5 - , xl__w_2over6 - , xl__w_3 - , xl__w_32 - , xl__w_3over12 - , xl__w_3over4 - , xl__w_3over5 - , xl__w_3over6 - , xl__w_4 - , xl__w_40 - , xl__w_48 - , xl__w_4over12 - , xl__w_4over5 - , xl__w_4over6 - , xl__w_5 - , xl__w_56 - , xl__w_5over12 - , xl__w_5over6 - , xl__w_6 - , xl__w_64 - , xl__w_6over12 - , xl__w_7over12 - , xl__w_8 - , xl__w_8over12 - , xl__w_9over12 - , xl__w_auto - , xl__w_full - , xl__w_px - , xl__w_screen - , xl__whitespace_no_wrap - , xl__whitespace_normal - , xl__whitespace_pre - , xl__whitespace_pre_line - , xl__whitespace_pre_wrap - , xl__z_0 - , xl__z_10 - , xl__z_20 - , xl__z_30 - , xl__z_40 - , xl__z_50 - , xl__z_auto - , z_0 - , z_10 - , z_20 - , z_30 - , z_40 - , z_50 - , z_auto - ) - -import Css -import Css.Media - - -container : Css.Style -container = - Css.batch - [ Css.width (Css.pct 100) - , Css.maxWidth (Css.px 640) - , Css.maxWidth (Css.px 768) - , Css.maxWidth (Css.px 1024) - , Css.maxWidth (Css.px 1280) - ] - - -divide_transparent : Css.Style -divide_transparent = - Css.batch - [ Css.borderColor Css.transparent - ] - - -divide_current : Css.Style -divide_current = - Css.batch - [ Css.borderColor Css.currentColor - ] - - -divide_black : Css.Style -divide_black = - Css.batch - [ Css.borderColor (Css.hex "#000") - ] - - -divide_white : Css.Style -divide_white = - Css.batch - [ Css.borderColor (Css.hex "#fff") - ] - - -divide_gray_100 : Css.Style -divide_gray_100 = - Css.batch - [ Css.borderColor (Css.hex "#f7fafc") - ] - - -divide_gray_200 : Css.Style -divide_gray_200 = - Css.batch - [ Css.borderColor (Css.hex "#edf2f7") - ] - - -divide_gray_300 : Css.Style -divide_gray_300 = - Css.batch - [ Css.borderColor (Css.hex "#e2e8f0") - ] - - -divide_gray_400 : Css.Style -divide_gray_400 = - Css.batch - [ Css.borderColor (Css.hex "#cbd5e0") - ] - - -divide_gray_500 : Css.Style -divide_gray_500 = - Css.batch - [ Css.borderColor (Css.hex "#a0aec0") - ] - - -divide_gray_600 : Css.Style -divide_gray_600 = - Css.batch - [ Css.borderColor (Css.hex "#718096") - ] - - -divide_gray_700 : Css.Style -divide_gray_700 = - Css.batch - [ Css.borderColor (Css.hex "#4a5568") - ] - - -divide_gray_800 : Css.Style -divide_gray_800 = - Css.batch - [ Css.borderColor (Css.hex "#2d3748") - ] - - -divide_gray_900 : Css.Style -divide_gray_900 = - Css.batch - [ Css.borderColor (Css.hex "#1a202c") - ] - - -divide_red_100 : Css.Style -divide_red_100 = - Css.batch - [ Css.borderColor (Css.hex "#fff5f5") - ] - - -divide_red_200 : Css.Style -divide_red_200 = - Css.batch - [ Css.borderColor (Css.hex "#fed7d7") - ] - - -divide_red_300 : Css.Style -divide_red_300 = - Css.batch - [ Css.borderColor (Css.hex "#feb2b2") - ] - - -divide_red_400 : Css.Style -divide_red_400 = - Css.batch - [ Css.borderColor (Css.hex "#fc8181") - ] - - -divide_red_500 : Css.Style -divide_red_500 = - Css.batch - [ Css.borderColor (Css.hex "#f56565") - ] - - -divide_red_600 : Css.Style -divide_red_600 = - Css.batch - [ Css.borderColor (Css.hex "#e53e3e") - ] - - -divide_red_700 : Css.Style -divide_red_700 = - Css.batch - [ Css.borderColor (Css.hex "#c53030") - ] - - -divide_red_800 : Css.Style -divide_red_800 = - Css.batch - [ Css.borderColor (Css.hex "#9b2c2c") - ] - - -divide_red_900 : Css.Style -divide_red_900 = - Css.batch - [ Css.borderColor (Css.hex "#742a2a") - ] - - -divide_orange_100 : Css.Style -divide_orange_100 = - Css.batch - [ Css.borderColor (Css.hex "#fffaf0") - ] - - -divide_orange_200 : Css.Style -divide_orange_200 = - Css.batch - [ Css.borderColor (Css.hex "#feebc8") - ] - - -divide_orange_300 : Css.Style -divide_orange_300 = - Css.batch - [ Css.borderColor (Css.hex "#fbd38d") - ] - - -divide_orange_400 : Css.Style -divide_orange_400 = - Css.batch - [ Css.borderColor (Css.hex "#f6ad55") - ] - - -divide_orange_500 : Css.Style -divide_orange_500 = - Css.batch - [ Css.borderColor (Css.hex "#ed8936") - ] - - -divide_orange_600 : Css.Style -divide_orange_600 = - Css.batch - [ Css.borderColor (Css.hex "#dd6b20") - ] - - -divide_orange_700 : Css.Style -divide_orange_700 = - Css.batch - [ Css.borderColor (Css.hex "#c05621") - ] - - -divide_orange_800 : Css.Style -divide_orange_800 = - Css.batch - [ Css.borderColor (Css.hex "#9c4221") - ] - - -divide_orange_900 : Css.Style -divide_orange_900 = - Css.batch - [ Css.borderColor (Css.hex "#7b341e") - ] - - -divide_yellow_100 : Css.Style -divide_yellow_100 = - Css.batch - [ Css.borderColor (Css.hex "#fffff0") - ] - - -divide_yellow_200 : Css.Style -divide_yellow_200 = - Css.batch - [ Css.borderColor (Css.hex "#fefcbf") - ] - - -divide_yellow_300 : Css.Style -divide_yellow_300 = - Css.batch - [ Css.borderColor (Css.hex "#faf089") - ] - - -divide_yellow_400 : Css.Style -divide_yellow_400 = - Css.batch - [ Css.borderColor (Css.hex "#f6e05e") - ] - - -divide_yellow_500 : Css.Style -divide_yellow_500 = - Css.batch - [ Css.borderColor (Css.hex "#ecc94b") - ] - - -divide_yellow_600 : Css.Style -divide_yellow_600 = - Css.batch - [ Css.borderColor (Css.hex "#d69e2e") - ] - - -divide_yellow_700 : Css.Style -divide_yellow_700 = - Css.batch - [ Css.borderColor (Css.hex "#b7791f") - ] - - -divide_yellow_800 : Css.Style -divide_yellow_800 = - Css.batch - [ Css.borderColor (Css.hex "#975a16") - ] - - -divide_yellow_900 : Css.Style -divide_yellow_900 = - Css.batch - [ Css.borderColor (Css.hex "#744210") - ] - - -divide_green_100 : Css.Style -divide_green_100 = - Css.batch - [ Css.borderColor (Css.hex "#f0fff4") - ] - - -divide_green_200 : Css.Style -divide_green_200 = - Css.batch - [ Css.borderColor (Css.hex "#c6f6d5") - ] - - -divide_green_300 : Css.Style -divide_green_300 = - Css.batch - [ Css.borderColor (Css.hex "#9ae6b4") - ] - - -divide_green_400 : Css.Style -divide_green_400 = - Css.batch - [ Css.borderColor (Css.hex "#68d391") - ] - - -divide_green_500 : Css.Style -divide_green_500 = - Css.batch - [ Css.borderColor (Css.hex "#48bb78") - ] - - -divide_green_600 : Css.Style -divide_green_600 = - Css.batch - [ Css.borderColor (Css.hex "#38a169") - ] - - -divide_green_700 : Css.Style -divide_green_700 = - Css.batch - [ Css.borderColor (Css.hex "#2f855a") - ] - - -divide_green_800 : Css.Style -divide_green_800 = - Css.batch - [ Css.borderColor (Css.hex "#276749") - ] - - -divide_green_900 : Css.Style -divide_green_900 = - Css.batch - [ Css.borderColor (Css.hex "#22543d") - ] - - -divide_teal_100 : Css.Style -divide_teal_100 = - Css.batch - [ Css.borderColor (Css.hex "#e6fffa") - ] - - -divide_teal_200 : Css.Style -divide_teal_200 = - Css.batch - [ Css.borderColor (Css.hex "#b2f5ea") - ] - - -divide_teal_300 : Css.Style -divide_teal_300 = - Css.batch - [ Css.borderColor (Css.hex "#81e6d9") - ] - - -divide_teal_400 : Css.Style -divide_teal_400 = - Css.batch - [ Css.borderColor (Css.hex "#4fd1c5") - ] - - -divide_teal_500 : Css.Style -divide_teal_500 = - Css.batch - [ Css.borderColor (Css.hex "#38b2ac") - ] - - -divide_teal_600 : Css.Style -divide_teal_600 = - Css.batch - [ Css.borderColor (Css.hex "#319795") - ] - - -divide_teal_700 : Css.Style -divide_teal_700 = - Css.batch - [ Css.borderColor (Css.hex "#2c7a7b") - ] - - -divide_teal_800 : Css.Style -divide_teal_800 = - Css.batch - [ Css.borderColor (Css.hex "#285e61") - ] - - -divide_teal_900 : Css.Style -divide_teal_900 = - Css.batch - [ Css.borderColor (Css.hex "#234e52") - ] - - -divide_blue_100 : Css.Style -divide_blue_100 = - Css.batch - [ Css.borderColor (Css.hex "#ebf8ff") - ] - - -divide_blue_200 : Css.Style -divide_blue_200 = - Css.batch - [ Css.borderColor (Css.hex "#bee3f8") - ] - - -divide_blue_300 : Css.Style -divide_blue_300 = - Css.batch - [ Css.borderColor (Css.hex "#90cdf4") - ] - - -divide_blue_400 : Css.Style -divide_blue_400 = - Css.batch - [ Css.borderColor (Css.hex "#63b3ed") - ] - - -divide_blue_500 : Css.Style -divide_blue_500 = - Css.batch - [ Css.borderColor (Css.hex "#4299e1") - ] - - -divide_blue_600 : Css.Style -divide_blue_600 = - Css.batch - [ Css.borderColor (Css.hex "#3182ce") - ] - - -divide_blue_700 : Css.Style -divide_blue_700 = - Css.batch - [ Css.borderColor (Css.hex "#2b6cb0") - ] - - -divide_blue_800 : Css.Style -divide_blue_800 = - Css.batch - [ Css.borderColor (Css.hex "#2c5282") - ] - - -divide_blue_900 : Css.Style -divide_blue_900 = - Css.batch - [ Css.borderColor (Css.hex "#2a4365") - ] - - -divide_indigo_100 : Css.Style -divide_indigo_100 = - Css.batch - [ Css.borderColor (Css.hex "#ebf4ff") - ] - - -divide_indigo_200 : Css.Style -divide_indigo_200 = - Css.batch - [ Css.borderColor (Css.hex "#c3dafe") - ] - - -divide_indigo_300 : Css.Style -divide_indigo_300 = - Css.batch - [ Css.borderColor (Css.hex "#a3bffa") - ] - - -divide_indigo_400 : Css.Style -divide_indigo_400 = - Css.batch - [ Css.borderColor (Css.hex "#7f9cf5") - ] - - -divide_indigo_500 : Css.Style -divide_indigo_500 = - Css.batch - [ Css.borderColor (Css.hex "#667eea") - ] - - -divide_indigo_600 : Css.Style -divide_indigo_600 = - Css.batch - [ Css.borderColor (Css.hex "#5a67d8") - ] - - -divide_indigo_700 : Css.Style -divide_indigo_700 = - Css.batch - [ Css.borderColor (Css.hex "#4c51bf") - ] - - -divide_indigo_800 : Css.Style -divide_indigo_800 = - Css.batch - [ Css.borderColor (Css.hex "#434190") - ] - - -divide_indigo_900 : Css.Style -divide_indigo_900 = - Css.batch - [ Css.borderColor (Css.hex "#3c366b") - ] - - -divide_purple_100 : Css.Style -divide_purple_100 = - Css.batch - [ Css.borderColor (Css.hex "#faf5ff") - ] - - -divide_purple_200 : Css.Style -divide_purple_200 = - Css.batch - [ Css.borderColor (Css.hex "#e9d8fd") - ] - - -divide_purple_300 : Css.Style -divide_purple_300 = - Css.batch - [ Css.borderColor (Css.hex "#d6bcfa") - ] - - -divide_purple_400 : Css.Style -divide_purple_400 = - Css.batch - [ Css.borderColor (Css.hex "#b794f4") - ] - - -divide_purple_500 : Css.Style -divide_purple_500 = - Css.batch - [ Css.borderColor (Css.hex "#9f7aea") - ] - - -divide_purple_600 : Css.Style -divide_purple_600 = - Css.batch - [ Css.borderColor (Css.hex "#805ad5") - ] - - -divide_purple_700 : Css.Style -divide_purple_700 = - Css.batch - [ Css.borderColor (Css.hex "#6b46c1") - ] - - -divide_purple_800 : Css.Style -divide_purple_800 = - Css.batch - [ Css.borderColor (Css.hex "#553c9a") - ] - - -divide_purple_900 : Css.Style -divide_purple_900 = - Css.batch - [ Css.borderColor (Css.hex "#44337a") - ] - - -divide_pink_100 : Css.Style -divide_pink_100 = - Css.batch - [ Css.borderColor (Css.hex "#fff5f7") - ] - - -divide_pink_200 : Css.Style -divide_pink_200 = - Css.batch - [ Css.borderColor (Css.hex "#fed7e2") - ] - - -divide_pink_300 : Css.Style -divide_pink_300 = - Css.batch - [ Css.borderColor (Css.hex "#fbb6ce") - ] - - -divide_pink_400 : Css.Style -divide_pink_400 = - Css.batch - [ Css.borderColor (Css.hex "#f687b3") - ] - - -divide_pink_500 : Css.Style -divide_pink_500 = - Css.batch - [ Css.borderColor (Css.hex "#ed64a6") - ] - - -divide_pink_600 : Css.Style -divide_pink_600 = - Css.batch - [ Css.borderColor (Css.hex "#d53f8c") - ] - - -divide_pink_700 : Css.Style -divide_pink_700 = - Css.batch - [ Css.borderColor (Css.hex "#b83280") - ] - - -divide_pink_800 : Css.Style -divide_pink_800 = - Css.batch - [ Css.borderColor (Css.hex "#97266d") - ] - - -divide_pink_900 : Css.Style -divide_pink_900 = - Css.batch - [ Css.borderColor (Css.hex "#702459") - ] - - -sr_only : Css.Style -sr_only = - Css.batch - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property "clip" "rect(0, 0, 0, 0)" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - - -not_sr_only : Css.Style -not_sr_only = - Css.batch - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property "clip" "auto" - , Css.whiteSpace Css.normal - ] - - -focus__sr_only : Css.Style -focus__sr_only = - Css.batch - [ Css.focus - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property "clip" "rect(0, 0, 0, 0)" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - - -focus__not_sr_only : Css.Style -focus__not_sr_only = - Css.batch - [ Css.focus - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property "clip" "auto" - , Css.whiteSpace Css.normal - ] - ] - - -appearance_none : Css.Style -appearance_none = - Css.batch - [ Css.property "appearance" "none" - ] - - -bg_fixed : Css.Style -bg_fixed = - Css.batch - [ Css.backgroundAttachment Css.fixed - ] - - -bg_local : Css.Style -bg_local = - Css.batch - [ Css.backgroundAttachment Css.local - ] - - -bg_scroll : Css.Style -bg_scroll = - Css.batch - [ Css.backgroundAttachment Css.scroll - ] - - -bg_transparent : Css.Style -bg_transparent = - Css.batch - [ Css.backgroundColor Css.transparent - ] - - -bg_current : Css.Style -bg_current = - Css.batch - [ Css.backgroundColor Css.currentColor - ] - - -bg_black : Css.Style -bg_black = - Css.batch - [ Css.backgroundColor (Css.hex "#000") - ] - - -bg_white : Css.Style -bg_white = - Css.batch - [ Css.backgroundColor (Css.hex "#fff") - ] - - -bg_gray_100 : Css.Style -bg_gray_100 = - Css.batch - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - - -bg_gray_200 : Css.Style -bg_gray_200 = - Css.batch - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - - -bg_gray_300 : Css.Style -bg_gray_300 = - Css.batch - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - - -bg_gray_400 : Css.Style -bg_gray_400 = - Css.batch - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - - -bg_gray_500 : Css.Style -bg_gray_500 = - Css.batch - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - - -bg_gray_600 : Css.Style -bg_gray_600 = - Css.batch - [ Css.backgroundColor (Css.hex "#718096") - ] - - -bg_gray_700 : Css.Style -bg_gray_700 = - Css.batch - [ Css.backgroundColor (Css.hex "#4a5568") - ] - - -bg_gray_800 : Css.Style -bg_gray_800 = - Css.batch - [ Css.backgroundColor (Css.hex "#2d3748") - ] - - -bg_gray_900 : Css.Style -bg_gray_900 = - Css.batch - [ Css.backgroundColor (Css.hex "#1a202c") - ] - - -bg_red_100 : Css.Style -bg_red_100 = - Css.batch - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - - -bg_red_200 : Css.Style -bg_red_200 = - Css.batch - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - - -bg_red_300 : Css.Style -bg_red_300 = - Css.batch - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - - -bg_red_400 : Css.Style -bg_red_400 = - Css.batch - [ Css.backgroundColor (Css.hex "#fc8181") - ] - - -bg_red_500 : Css.Style -bg_red_500 = - Css.batch - [ Css.backgroundColor (Css.hex "#f56565") - ] - - -bg_red_600 : Css.Style -bg_red_600 = - Css.batch - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - - -bg_red_700 : Css.Style -bg_red_700 = - Css.batch - [ Css.backgroundColor (Css.hex "#c53030") - ] - - -bg_red_800 : Css.Style -bg_red_800 = - Css.batch - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - - -bg_red_900 : Css.Style -bg_red_900 = - Css.batch - [ Css.backgroundColor (Css.hex "#742a2a") - ] - - -bg_orange_100 : Css.Style -bg_orange_100 = - Css.batch - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - - -bg_orange_200 : Css.Style -bg_orange_200 = - Css.batch - [ Css.backgroundColor (Css.hex "#feebc8") - ] - - -bg_orange_300 : Css.Style -bg_orange_300 = - Css.batch - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - - -bg_orange_400 : Css.Style -bg_orange_400 = - Css.batch - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - - -bg_orange_500 : Css.Style -bg_orange_500 = - Css.batch - [ Css.backgroundColor (Css.hex "#ed8936") - ] - - -bg_orange_600 : Css.Style -bg_orange_600 = - Css.batch - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - - -bg_orange_700 : Css.Style -bg_orange_700 = - Css.batch - [ Css.backgroundColor (Css.hex "#c05621") - ] - - -bg_orange_800 : Css.Style -bg_orange_800 = - Css.batch - [ Css.backgroundColor (Css.hex "#9c4221") - ] - - -bg_orange_900 : Css.Style -bg_orange_900 = - Css.batch - [ Css.backgroundColor (Css.hex "#7b341e") - ] - - -bg_yellow_100 : Css.Style -bg_yellow_100 = - Css.batch - [ Css.backgroundColor (Css.hex "#fffff0") - ] - - -bg_yellow_200 : Css.Style -bg_yellow_200 = - Css.batch - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - - -bg_yellow_300 : Css.Style -bg_yellow_300 = - Css.batch - [ Css.backgroundColor (Css.hex "#faf089") - ] - - -bg_yellow_400 : Css.Style -bg_yellow_400 = - Css.batch - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - - -bg_yellow_500 : Css.Style -bg_yellow_500 = - Css.batch - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - - -bg_yellow_600 : Css.Style -bg_yellow_600 = - Css.batch - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - - -bg_yellow_700 : Css.Style -bg_yellow_700 = - Css.batch - [ Css.backgroundColor (Css.hex "#b7791f") - ] - - -bg_yellow_800 : Css.Style -bg_yellow_800 = - Css.batch - [ Css.backgroundColor (Css.hex "#975a16") - ] - - -bg_yellow_900 : Css.Style -bg_yellow_900 = - Css.batch - [ Css.backgroundColor (Css.hex "#744210") - ] - - -bg_green_100 : Css.Style -bg_green_100 = - Css.batch - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - - -bg_green_200 : Css.Style -bg_green_200 = - Css.batch - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - - -bg_green_300 : Css.Style -bg_green_300 = - Css.batch - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - - -bg_green_400 : Css.Style -bg_green_400 = - Css.batch - [ Css.backgroundColor (Css.hex "#68d391") - ] - - -bg_green_500 : Css.Style -bg_green_500 = - Css.batch - [ Css.backgroundColor (Css.hex "#48bb78") - ] - - -bg_green_600 : Css.Style -bg_green_600 = - Css.batch - [ Css.backgroundColor (Css.hex "#38a169") - ] - - -bg_green_700 : Css.Style -bg_green_700 = - Css.batch - [ Css.backgroundColor (Css.hex "#2f855a") - ] - - -bg_green_800 : Css.Style -bg_green_800 = - Css.batch - [ Css.backgroundColor (Css.hex "#276749") - ] - - -bg_green_900 : Css.Style -bg_green_900 = - Css.batch - [ Css.backgroundColor (Css.hex "#22543d") - ] - - -bg_teal_100 : Css.Style -bg_teal_100 = - Css.batch - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - - -bg_teal_200 : Css.Style -bg_teal_200 = - Css.batch - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - - -bg_teal_300 : Css.Style -bg_teal_300 = - Css.batch - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - - -bg_teal_400 : Css.Style -bg_teal_400 = - Css.batch - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - - -bg_teal_500 : Css.Style -bg_teal_500 = - Css.batch - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - - -bg_teal_600 : Css.Style -bg_teal_600 = - Css.batch - [ Css.backgroundColor (Css.hex "#319795") - ] - - -bg_teal_700 : Css.Style -bg_teal_700 = - Css.batch - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - - -bg_teal_800 : Css.Style -bg_teal_800 = - Css.batch - [ Css.backgroundColor (Css.hex "#285e61") - ] - - -bg_teal_900 : Css.Style -bg_teal_900 = - Css.batch - [ Css.backgroundColor (Css.hex "#234e52") - ] - - -bg_blue_100 : Css.Style -bg_blue_100 = - Css.batch - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - - -bg_blue_200 : Css.Style -bg_blue_200 = - Css.batch - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - - -bg_blue_300 : Css.Style -bg_blue_300 = - Css.batch - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - - -bg_blue_400 : Css.Style -bg_blue_400 = - Css.batch - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - - -bg_blue_500 : Css.Style -bg_blue_500 = - Css.batch - [ Css.backgroundColor (Css.hex "#4299e1") - ] - - -bg_blue_600 : Css.Style -bg_blue_600 = - Css.batch - [ Css.backgroundColor (Css.hex "#3182ce") - ] - - -bg_blue_700 : Css.Style -bg_blue_700 = - Css.batch - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - - -bg_blue_800 : Css.Style -bg_blue_800 = - Css.batch - [ Css.backgroundColor (Css.hex "#2c5282") - ] - - -bg_blue_900 : Css.Style -bg_blue_900 = - Css.batch - [ Css.backgroundColor (Css.hex "#2a4365") - ] - - -bg_indigo_100 : Css.Style -bg_indigo_100 = - Css.batch - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - - -bg_indigo_200 : Css.Style -bg_indigo_200 = - Css.batch - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - - -bg_indigo_300 : Css.Style -bg_indigo_300 = - Css.batch - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - - -bg_indigo_400 : Css.Style -bg_indigo_400 = - Css.batch - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - - -bg_indigo_500 : Css.Style -bg_indigo_500 = - Css.batch - [ Css.backgroundColor (Css.hex "#667eea") - ] - - -bg_indigo_600 : Css.Style -bg_indigo_600 = - Css.batch - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - - -bg_indigo_700 : Css.Style -bg_indigo_700 = - Css.batch - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - - -bg_indigo_800 : Css.Style -bg_indigo_800 = - Css.batch - [ Css.backgroundColor (Css.hex "#434190") - ] - - -bg_indigo_900 : Css.Style -bg_indigo_900 = - Css.batch - [ Css.backgroundColor (Css.hex "#3c366b") - ] - - -bg_purple_100 : Css.Style -bg_purple_100 = - Css.batch - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - - -bg_purple_200 : Css.Style -bg_purple_200 = - Css.batch - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - - -bg_purple_300 : Css.Style -bg_purple_300 = - Css.batch - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - - -bg_purple_400 : Css.Style -bg_purple_400 = - Css.batch - [ Css.backgroundColor (Css.hex "#b794f4") - ] - - -bg_purple_500 : Css.Style -bg_purple_500 = - Css.batch - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - - -bg_purple_600 : Css.Style -bg_purple_600 = - Css.batch - [ Css.backgroundColor (Css.hex "#805ad5") - ] - - -bg_purple_700 : Css.Style -bg_purple_700 = - Css.batch - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - - -bg_purple_800 : Css.Style -bg_purple_800 = - Css.batch - [ Css.backgroundColor (Css.hex "#553c9a") - ] - - -bg_purple_900 : Css.Style -bg_purple_900 = - Css.batch - [ Css.backgroundColor (Css.hex "#44337a") - ] - - -bg_pink_100 : Css.Style -bg_pink_100 = - Css.batch - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - - -bg_pink_200 : Css.Style -bg_pink_200 = - Css.batch - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - - -bg_pink_300 : Css.Style -bg_pink_300 = - Css.batch - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - - -bg_pink_400 : Css.Style -bg_pink_400 = - Css.batch - [ Css.backgroundColor (Css.hex "#f687b3") - ] - - -bg_pink_500 : Css.Style -bg_pink_500 = - Css.batch - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - - -bg_pink_600 : Css.Style -bg_pink_600 = - Css.batch - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - - -bg_pink_700 : Css.Style -bg_pink_700 = - Css.batch - [ Css.backgroundColor (Css.hex "#b83280") - ] - - -bg_pink_800 : Css.Style -bg_pink_800 = - Css.batch - [ Css.backgroundColor (Css.hex "#97266d") - ] - - -bg_pink_900 : Css.Style -bg_pink_900 = - Css.batch - [ Css.backgroundColor (Css.hex "#702459") - ] - - -hover__bg_transparent : Css.Style -hover__bg_transparent = - Css.batch - [ Css.hover - [ Css.backgroundColor Css.transparent - ] - ] - - -hover__bg_current : Css.Style -hover__bg_current = - Css.batch - [ Css.hover - [ Css.backgroundColor Css.currentColor - ] - ] - - -hover__bg_black : Css.Style -hover__bg_black = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#000") - ] - ] - - -hover__bg_white : Css.Style -hover__bg_white = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - - -hover__bg_gray_100 : Css.Style -hover__bg_gray_100 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - - -hover__bg_gray_200 : Css.Style -hover__bg_gray_200 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - - -hover__bg_gray_300 : Css.Style -hover__bg_gray_300 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - - -hover__bg_gray_400 : Css.Style -hover__bg_gray_400 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - - -hover__bg_gray_500 : Css.Style -hover__bg_gray_500 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - - -hover__bg_gray_600 : Css.Style -hover__bg_gray_600 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - - -hover__bg_gray_700 : Css.Style -hover__bg_gray_700 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - - -hover__bg_gray_800 : Css.Style -hover__bg_gray_800 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - - -hover__bg_gray_900 : Css.Style -hover__bg_gray_900 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - - -hover__bg_red_100 : Css.Style -hover__bg_red_100 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - - -hover__bg_red_200 : Css.Style -hover__bg_red_200 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - - -hover__bg_red_300 : Css.Style -hover__bg_red_300 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - - -hover__bg_red_400 : Css.Style -hover__bg_red_400 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - - -hover__bg_red_500 : Css.Style -hover__bg_red_500 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - - -hover__bg_red_600 : Css.Style -hover__bg_red_600 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - - -hover__bg_red_700 : Css.Style -hover__bg_red_700 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - - -hover__bg_red_800 : Css.Style -hover__bg_red_800 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - - -hover__bg_red_900 : Css.Style -hover__bg_red_900 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - - -hover__bg_orange_100 : Css.Style -hover__bg_orange_100 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - - -hover__bg_orange_200 : Css.Style -hover__bg_orange_200 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - - -hover__bg_orange_300 : Css.Style -hover__bg_orange_300 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - - -hover__bg_orange_400 : Css.Style -hover__bg_orange_400 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - - -hover__bg_orange_500 : Css.Style -hover__bg_orange_500 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - - -hover__bg_orange_600 : Css.Style -hover__bg_orange_600 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - - -hover__bg_orange_700 : Css.Style -hover__bg_orange_700 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - - -hover__bg_orange_800 : Css.Style -hover__bg_orange_800 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - - -hover__bg_orange_900 : Css.Style -hover__bg_orange_900 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - - -hover__bg_yellow_100 : Css.Style -hover__bg_yellow_100 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - - -hover__bg_yellow_200 : Css.Style -hover__bg_yellow_200 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - - -hover__bg_yellow_300 : Css.Style -hover__bg_yellow_300 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - - -hover__bg_yellow_400 : Css.Style -hover__bg_yellow_400 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - - -hover__bg_yellow_500 : Css.Style -hover__bg_yellow_500 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - - -hover__bg_yellow_600 : Css.Style -hover__bg_yellow_600 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - - -hover__bg_yellow_700 : Css.Style -hover__bg_yellow_700 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - - -hover__bg_yellow_800 : Css.Style -hover__bg_yellow_800 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - - -hover__bg_yellow_900 : Css.Style -hover__bg_yellow_900 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - - -hover__bg_green_100 : Css.Style -hover__bg_green_100 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - - -hover__bg_green_200 : Css.Style -hover__bg_green_200 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - - -hover__bg_green_300 : Css.Style -hover__bg_green_300 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - - -hover__bg_green_400 : Css.Style -hover__bg_green_400 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - - -hover__bg_green_500 : Css.Style -hover__bg_green_500 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - - -hover__bg_green_600 : Css.Style -hover__bg_green_600 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - - -hover__bg_green_700 : Css.Style -hover__bg_green_700 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - - -hover__bg_green_800 : Css.Style -hover__bg_green_800 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - - -hover__bg_green_900 : Css.Style -hover__bg_green_900 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - - -hover__bg_teal_100 : Css.Style -hover__bg_teal_100 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - - -hover__bg_teal_200 : Css.Style -hover__bg_teal_200 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - - -hover__bg_teal_300 : Css.Style -hover__bg_teal_300 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - - -hover__bg_teal_400 : Css.Style -hover__bg_teal_400 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - - -hover__bg_teal_500 : Css.Style -hover__bg_teal_500 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - - -hover__bg_teal_600 : Css.Style -hover__bg_teal_600 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - - -hover__bg_teal_700 : Css.Style -hover__bg_teal_700 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - - -hover__bg_teal_800 : Css.Style -hover__bg_teal_800 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - - -hover__bg_teal_900 : Css.Style -hover__bg_teal_900 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - - -hover__bg_blue_100 : Css.Style -hover__bg_blue_100 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - - -hover__bg_blue_200 : Css.Style -hover__bg_blue_200 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - - -hover__bg_blue_300 : Css.Style -hover__bg_blue_300 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - - -hover__bg_blue_400 : Css.Style -hover__bg_blue_400 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - - -hover__bg_blue_500 : Css.Style -hover__bg_blue_500 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - - -hover__bg_blue_600 : Css.Style -hover__bg_blue_600 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - - -hover__bg_blue_700 : Css.Style -hover__bg_blue_700 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - - -hover__bg_blue_800 : Css.Style -hover__bg_blue_800 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - - -hover__bg_blue_900 : Css.Style -hover__bg_blue_900 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - - -hover__bg_indigo_100 : Css.Style -hover__bg_indigo_100 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - - -hover__bg_indigo_200 : Css.Style -hover__bg_indigo_200 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - - -hover__bg_indigo_300 : Css.Style -hover__bg_indigo_300 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - - -hover__bg_indigo_400 : Css.Style -hover__bg_indigo_400 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - - -hover__bg_indigo_500 : Css.Style -hover__bg_indigo_500 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - - -hover__bg_indigo_600 : Css.Style -hover__bg_indigo_600 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - - -hover__bg_indigo_700 : Css.Style -hover__bg_indigo_700 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - - -hover__bg_indigo_800 : Css.Style -hover__bg_indigo_800 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - - -hover__bg_indigo_900 : Css.Style -hover__bg_indigo_900 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - - -hover__bg_purple_100 : Css.Style -hover__bg_purple_100 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - - -hover__bg_purple_200 : Css.Style -hover__bg_purple_200 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - - -hover__bg_purple_300 : Css.Style -hover__bg_purple_300 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - - -hover__bg_purple_400 : Css.Style -hover__bg_purple_400 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - - -hover__bg_purple_500 : Css.Style -hover__bg_purple_500 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - - -hover__bg_purple_600 : Css.Style -hover__bg_purple_600 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - - -hover__bg_purple_700 : Css.Style -hover__bg_purple_700 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - - -hover__bg_purple_800 : Css.Style -hover__bg_purple_800 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - - -hover__bg_purple_900 : Css.Style -hover__bg_purple_900 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - - -hover__bg_pink_100 : Css.Style -hover__bg_pink_100 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - - -hover__bg_pink_200 : Css.Style -hover__bg_pink_200 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - - -hover__bg_pink_300 : Css.Style -hover__bg_pink_300 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - - -hover__bg_pink_400 : Css.Style -hover__bg_pink_400 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - - -hover__bg_pink_500 : Css.Style -hover__bg_pink_500 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - - -hover__bg_pink_600 : Css.Style -hover__bg_pink_600 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - - -hover__bg_pink_700 : Css.Style -hover__bg_pink_700 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - - -hover__bg_pink_800 : Css.Style -hover__bg_pink_800 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - - -hover__bg_pink_900 : Css.Style -hover__bg_pink_900 = - Css.batch - [ Css.hover - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - - -focus__bg_transparent : Css.Style -focus__bg_transparent = - Css.batch - [ Css.focus - [ Css.backgroundColor Css.transparent - ] - ] - - -focus__bg_current : Css.Style -focus__bg_current = - Css.batch - [ Css.focus - [ Css.backgroundColor Css.currentColor - ] - ] - - -focus__bg_black : Css.Style -focus__bg_black = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#000") - ] - ] - - -focus__bg_white : Css.Style -focus__bg_white = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - - -focus__bg_gray_100 : Css.Style -focus__bg_gray_100 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - - -focus__bg_gray_200 : Css.Style -focus__bg_gray_200 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - - -focus__bg_gray_300 : Css.Style -focus__bg_gray_300 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - - -focus__bg_gray_400 : Css.Style -focus__bg_gray_400 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - - -focus__bg_gray_500 : Css.Style -focus__bg_gray_500 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - - -focus__bg_gray_600 : Css.Style -focus__bg_gray_600 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - - -focus__bg_gray_700 : Css.Style -focus__bg_gray_700 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - - -focus__bg_gray_800 : Css.Style -focus__bg_gray_800 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - - -focus__bg_gray_900 : Css.Style -focus__bg_gray_900 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - - -focus__bg_red_100 : Css.Style -focus__bg_red_100 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - - -focus__bg_red_200 : Css.Style -focus__bg_red_200 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - - -focus__bg_red_300 : Css.Style -focus__bg_red_300 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - - -focus__bg_red_400 : Css.Style -focus__bg_red_400 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - - -focus__bg_red_500 : Css.Style -focus__bg_red_500 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - - -focus__bg_red_600 : Css.Style -focus__bg_red_600 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - - -focus__bg_red_700 : Css.Style -focus__bg_red_700 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - - -focus__bg_red_800 : Css.Style -focus__bg_red_800 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - - -focus__bg_red_900 : Css.Style -focus__bg_red_900 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - - -focus__bg_orange_100 : Css.Style -focus__bg_orange_100 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - - -focus__bg_orange_200 : Css.Style -focus__bg_orange_200 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - - -focus__bg_orange_300 : Css.Style -focus__bg_orange_300 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - - -focus__bg_orange_400 : Css.Style -focus__bg_orange_400 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - - -focus__bg_orange_500 : Css.Style -focus__bg_orange_500 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - - -focus__bg_orange_600 : Css.Style -focus__bg_orange_600 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - - -focus__bg_orange_700 : Css.Style -focus__bg_orange_700 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - - -focus__bg_orange_800 : Css.Style -focus__bg_orange_800 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - - -focus__bg_orange_900 : Css.Style -focus__bg_orange_900 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - - -focus__bg_yellow_100 : Css.Style -focus__bg_yellow_100 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - - -focus__bg_yellow_200 : Css.Style -focus__bg_yellow_200 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - - -focus__bg_yellow_300 : Css.Style -focus__bg_yellow_300 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - - -focus__bg_yellow_400 : Css.Style -focus__bg_yellow_400 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - - -focus__bg_yellow_500 : Css.Style -focus__bg_yellow_500 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - - -focus__bg_yellow_600 : Css.Style -focus__bg_yellow_600 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - - -focus__bg_yellow_700 : Css.Style -focus__bg_yellow_700 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - - -focus__bg_yellow_800 : Css.Style -focus__bg_yellow_800 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - - -focus__bg_yellow_900 : Css.Style -focus__bg_yellow_900 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - - -focus__bg_green_100 : Css.Style -focus__bg_green_100 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - - -focus__bg_green_200 : Css.Style -focus__bg_green_200 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - - -focus__bg_green_300 : Css.Style -focus__bg_green_300 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - - -focus__bg_green_400 : Css.Style -focus__bg_green_400 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - - -focus__bg_green_500 : Css.Style -focus__bg_green_500 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - - -focus__bg_green_600 : Css.Style -focus__bg_green_600 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - - -focus__bg_green_700 : Css.Style -focus__bg_green_700 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - - -focus__bg_green_800 : Css.Style -focus__bg_green_800 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - - -focus__bg_green_900 : Css.Style -focus__bg_green_900 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - - -focus__bg_teal_100 : Css.Style -focus__bg_teal_100 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - - -focus__bg_teal_200 : Css.Style -focus__bg_teal_200 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - - -focus__bg_teal_300 : Css.Style -focus__bg_teal_300 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - - -focus__bg_teal_400 : Css.Style -focus__bg_teal_400 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - - -focus__bg_teal_500 : Css.Style -focus__bg_teal_500 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - - -focus__bg_teal_600 : Css.Style -focus__bg_teal_600 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - - -focus__bg_teal_700 : Css.Style -focus__bg_teal_700 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - - -focus__bg_teal_800 : Css.Style -focus__bg_teal_800 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - - -focus__bg_teal_900 : Css.Style -focus__bg_teal_900 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - - -focus__bg_blue_100 : Css.Style -focus__bg_blue_100 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - - -focus__bg_blue_200 : Css.Style -focus__bg_blue_200 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - - -focus__bg_blue_300 : Css.Style -focus__bg_blue_300 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - - -focus__bg_blue_400 : Css.Style -focus__bg_blue_400 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - - -focus__bg_blue_500 : Css.Style -focus__bg_blue_500 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - - -focus__bg_blue_600 : Css.Style -focus__bg_blue_600 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - - -focus__bg_blue_700 : Css.Style -focus__bg_blue_700 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - - -focus__bg_blue_800 : Css.Style -focus__bg_blue_800 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - - -focus__bg_blue_900 : Css.Style -focus__bg_blue_900 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - - -focus__bg_indigo_100 : Css.Style -focus__bg_indigo_100 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - - -focus__bg_indigo_200 : Css.Style -focus__bg_indigo_200 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - - -focus__bg_indigo_300 : Css.Style -focus__bg_indigo_300 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - - -focus__bg_indigo_400 : Css.Style -focus__bg_indigo_400 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - - -focus__bg_indigo_500 : Css.Style -focus__bg_indigo_500 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - - -focus__bg_indigo_600 : Css.Style -focus__bg_indigo_600 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - - -focus__bg_indigo_700 : Css.Style -focus__bg_indigo_700 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - - -focus__bg_indigo_800 : Css.Style -focus__bg_indigo_800 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - - -focus__bg_indigo_900 : Css.Style -focus__bg_indigo_900 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - - -focus__bg_purple_100 : Css.Style -focus__bg_purple_100 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - - -focus__bg_purple_200 : Css.Style -focus__bg_purple_200 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - - -focus__bg_purple_300 : Css.Style -focus__bg_purple_300 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - - -focus__bg_purple_400 : Css.Style -focus__bg_purple_400 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - - -focus__bg_purple_500 : Css.Style -focus__bg_purple_500 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - - -focus__bg_purple_600 : Css.Style -focus__bg_purple_600 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - - -focus__bg_purple_700 : Css.Style -focus__bg_purple_700 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - - -focus__bg_purple_800 : Css.Style -focus__bg_purple_800 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - - -focus__bg_purple_900 : Css.Style -focus__bg_purple_900 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - - -focus__bg_pink_100 : Css.Style -focus__bg_pink_100 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - - -focus__bg_pink_200 : Css.Style -focus__bg_pink_200 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - - -focus__bg_pink_300 : Css.Style -focus__bg_pink_300 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - - -focus__bg_pink_400 : Css.Style -focus__bg_pink_400 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - - -focus__bg_pink_500 : Css.Style -focus__bg_pink_500 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - - -focus__bg_pink_600 : Css.Style -focus__bg_pink_600 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - - -focus__bg_pink_700 : Css.Style -focus__bg_pink_700 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - - -focus__bg_pink_800 : Css.Style -focus__bg_pink_800 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - - -focus__bg_pink_900 : Css.Style -focus__bg_pink_900 = - Css.batch - [ Css.focus - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - - -bg_bottom : Css.Style -bg_bottom = - Css.batch - [ Css.property "background-position" "bottom" - ] - - -bg_center : Css.Style -bg_center = - Css.batch - [ Css.property "background-position" "center" - ] - - -bg_left : Css.Style -bg_left = - Css.batch - [ Css.property "background-position" "left" - ] - - -bg_left_bottom : Css.Style -bg_left_bottom = - Css.batch - [ Css.property "background-position" "left bottom" - ] - - -bg_left_top : Css.Style -bg_left_top = - Css.batch - [ Css.property "background-position" "left top" - ] - - -bg_right : Css.Style -bg_right = - Css.batch - [ Css.property "background-position" "right" - ] - - -bg_right_bottom : Css.Style -bg_right_bottom = - Css.batch - [ Css.property "background-position" "right bottom" - ] - - -bg_right_top : Css.Style -bg_right_top = - Css.batch - [ Css.property "background-position" "right top" - ] - - -bg_top : Css.Style -bg_top = - Css.batch - [ Css.property "background-position" "top" - ] - - -bg_repeat : Css.Style -bg_repeat = - Css.batch - [ Css.backgroundRepeat Css.repeat - ] - - -bg_no_repeat : Css.Style -bg_no_repeat = - Css.batch - [ Css.backgroundRepeat Css.noRepeat - ] - - -bg_repeat_x : Css.Style -bg_repeat_x = - Css.batch - [ Css.backgroundRepeat Css.repeatX - ] - - -bg_repeat_y : Css.Style -bg_repeat_y = - Css.batch - [ Css.backgroundRepeat Css.repeatY - ] - - -bg_repeat_round : Css.Style -bg_repeat_round = - Css.batch - [ Css.backgroundRepeat Css.round - ] - - -bg_repeat_space : Css.Style -bg_repeat_space = - Css.batch - [ Css.backgroundRepeat Css.space - ] - - -bg_auto : Css.Style -bg_auto = - Css.batch - [ Css.backgroundSize Css.auto - ] - - -bg_cover : Css.Style -bg_cover = - Css.batch - [ Css.backgroundSize Css.cover - ] - - -bg_contain : Css.Style -bg_contain = - Css.batch - [ Css.backgroundSize Css.contain - ] - - -border_collapse : Css.Style -border_collapse = - Css.batch - [ Css.borderCollapse Css.collapse - ] - - -border_separate : Css.Style -border_separate = - Css.batch - [ Css.borderCollapse Css.separate - ] - - -border_transparent : Css.Style -border_transparent = - Css.batch - [ Css.borderColor Css.transparent - ] - - -border_current : Css.Style -border_current = - Css.batch - [ Css.borderColor Css.currentColor - ] - - -border_black : Css.Style -border_black = - Css.batch - [ Css.borderColor (Css.hex "#000") - ] - - -border_white : Css.Style -border_white = - Css.batch - [ Css.borderColor (Css.hex "#fff") - ] - - -border_gray_100 : Css.Style -border_gray_100 = - Css.batch - [ Css.borderColor (Css.hex "#f7fafc") - ] - - -border_gray_200 : Css.Style -border_gray_200 = - Css.batch - [ Css.borderColor (Css.hex "#edf2f7") - ] - - -border_gray_300 : Css.Style -border_gray_300 = - Css.batch - [ Css.borderColor (Css.hex "#e2e8f0") - ] - - -border_gray_400 : Css.Style -border_gray_400 = - Css.batch - [ Css.borderColor (Css.hex "#cbd5e0") - ] - - -border_gray_500 : Css.Style -border_gray_500 = - Css.batch - [ Css.borderColor (Css.hex "#a0aec0") - ] - - -border_gray_600 : Css.Style -border_gray_600 = - Css.batch - [ Css.borderColor (Css.hex "#718096") - ] - - -border_gray_700 : Css.Style -border_gray_700 = - Css.batch - [ Css.borderColor (Css.hex "#4a5568") - ] - - -border_gray_800 : Css.Style -border_gray_800 = - Css.batch - [ Css.borderColor (Css.hex "#2d3748") - ] - - -border_gray_900 : Css.Style -border_gray_900 = - Css.batch - [ Css.borderColor (Css.hex "#1a202c") - ] - - -border_red_100 : Css.Style -border_red_100 = - Css.batch - [ Css.borderColor (Css.hex "#fff5f5") - ] - - -border_red_200 : Css.Style -border_red_200 = - Css.batch - [ Css.borderColor (Css.hex "#fed7d7") - ] - - -border_red_300 : Css.Style -border_red_300 = - Css.batch - [ Css.borderColor (Css.hex "#feb2b2") - ] - - -border_red_400 : Css.Style -border_red_400 = - Css.batch - [ Css.borderColor (Css.hex "#fc8181") - ] - - -border_red_500 : Css.Style -border_red_500 = - Css.batch - [ Css.borderColor (Css.hex "#f56565") - ] - - -border_red_600 : Css.Style -border_red_600 = - Css.batch - [ Css.borderColor (Css.hex "#e53e3e") - ] - - -border_red_700 : Css.Style -border_red_700 = - Css.batch - [ Css.borderColor (Css.hex "#c53030") - ] - - -border_red_800 : Css.Style -border_red_800 = - Css.batch - [ Css.borderColor (Css.hex "#9b2c2c") - ] - - -border_red_900 : Css.Style -border_red_900 = - Css.batch - [ Css.borderColor (Css.hex "#742a2a") - ] - - -border_orange_100 : Css.Style -border_orange_100 = - Css.batch - [ Css.borderColor (Css.hex "#fffaf0") - ] - - -border_orange_200 : Css.Style -border_orange_200 = - Css.batch - [ Css.borderColor (Css.hex "#feebc8") - ] - - -border_orange_300 : Css.Style -border_orange_300 = - Css.batch - [ Css.borderColor (Css.hex "#fbd38d") - ] - - -border_orange_400 : Css.Style -border_orange_400 = - Css.batch - [ Css.borderColor (Css.hex "#f6ad55") - ] - - -border_orange_500 : Css.Style -border_orange_500 = - Css.batch - [ Css.borderColor (Css.hex "#ed8936") - ] - - -border_orange_600 : Css.Style -border_orange_600 = - Css.batch - [ Css.borderColor (Css.hex "#dd6b20") - ] - - -border_orange_700 : Css.Style -border_orange_700 = - Css.batch - [ Css.borderColor (Css.hex "#c05621") - ] - - -border_orange_800 : Css.Style -border_orange_800 = - Css.batch - [ Css.borderColor (Css.hex "#9c4221") - ] - - -border_orange_900 : Css.Style -border_orange_900 = - Css.batch - [ Css.borderColor (Css.hex "#7b341e") - ] - - -border_yellow_100 : Css.Style -border_yellow_100 = - Css.batch - [ Css.borderColor (Css.hex "#fffff0") - ] - - -border_yellow_200 : Css.Style -border_yellow_200 = - Css.batch - [ Css.borderColor (Css.hex "#fefcbf") - ] - - -border_yellow_300 : Css.Style -border_yellow_300 = - Css.batch - [ Css.borderColor (Css.hex "#faf089") - ] - - -border_yellow_400 : Css.Style -border_yellow_400 = - Css.batch - [ Css.borderColor (Css.hex "#f6e05e") - ] - - -border_yellow_500 : Css.Style -border_yellow_500 = - Css.batch - [ Css.borderColor (Css.hex "#ecc94b") - ] - - -border_yellow_600 : Css.Style -border_yellow_600 = - Css.batch - [ Css.borderColor (Css.hex "#d69e2e") - ] - - -border_yellow_700 : Css.Style -border_yellow_700 = - Css.batch - [ Css.borderColor (Css.hex "#b7791f") - ] - - -border_yellow_800 : Css.Style -border_yellow_800 = - Css.batch - [ Css.borderColor (Css.hex "#975a16") - ] - - -border_yellow_900 : Css.Style -border_yellow_900 = - Css.batch - [ Css.borderColor (Css.hex "#744210") - ] - - -border_green_100 : Css.Style -border_green_100 = - Css.batch - [ Css.borderColor (Css.hex "#f0fff4") - ] - - -border_green_200 : Css.Style -border_green_200 = - Css.batch - [ Css.borderColor (Css.hex "#c6f6d5") - ] - - -border_green_300 : Css.Style -border_green_300 = - Css.batch - [ Css.borderColor (Css.hex "#9ae6b4") - ] - - -border_green_400 : Css.Style -border_green_400 = - Css.batch - [ Css.borderColor (Css.hex "#68d391") - ] - - -border_green_500 : Css.Style -border_green_500 = - Css.batch - [ Css.borderColor (Css.hex "#48bb78") - ] - - -border_green_600 : Css.Style -border_green_600 = - Css.batch - [ Css.borderColor (Css.hex "#38a169") - ] - - -border_green_700 : Css.Style -border_green_700 = - Css.batch - [ Css.borderColor (Css.hex "#2f855a") - ] - - -border_green_800 : Css.Style -border_green_800 = - Css.batch - [ Css.borderColor (Css.hex "#276749") - ] - - -border_green_900 : Css.Style -border_green_900 = - Css.batch - [ Css.borderColor (Css.hex "#22543d") - ] - - -border_teal_100 : Css.Style -border_teal_100 = - Css.batch - [ Css.borderColor (Css.hex "#e6fffa") - ] - - -border_teal_200 : Css.Style -border_teal_200 = - Css.batch - [ Css.borderColor (Css.hex "#b2f5ea") - ] - - -border_teal_300 : Css.Style -border_teal_300 = - Css.batch - [ Css.borderColor (Css.hex "#81e6d9") - ] - - -border_teal_400 : Css.Style -border_teal_400 = - Css.batch - [ Css.borderColor (Css.hex "#4fd1c5") - ] - - -border_teal_500 : Css.Style -border_teal_500 = - Css.batch - [ Css.borderColor (Css.hex "#38b2ac") - ] - - -border_teal_600 : Css.Style -border_teal_600 = - Css.batch - [ Css.borderColor (Css.hex "#319795") - ] - - -border_teal_700 : Css.Style -border_teal_700 = - Css.batch - [ Css.borderColor (Css.hex "#2c7a7b") - ] - - -border_teal_800 : Css.Style -border_teal_800 = - Css.batch - [ Css.borderColor (Css.hex "#285e61") - ] - - -border_teal_900 : Css.Style -border_teal_900 = - Css.batch - [ Css.borderColor (Css.hex "#234e52") - ] - - -border_blue_100 : Css.Style -border_blue_100 = - Css.batch - [ Css.borderColor (Css.hex "#ebf8ff") - ] - - -border_blue_200 : Css.Style -border_blue_200 = - Css.batch - [ Css.borderColor (Css.hex "#bee3f8") - ] - - -border_blue_300 : Css.Style -border_blue_300 = - Css.batch - [ Css.borderColor (Css.hex "#90cdf4") - ] - - -border_blue_400 : Css.Style -border_blue_400 = - Css.batch - [ Css.borderColor (Css.hex "#63b3ed") - ] - - -border_blue_500 : Css.Style -border_blue_500 = - Css.batch - [ Css.borderColor (Css.hex "#4299e1") - ] - - -border_blue_600 : Css.Style -border_blue_600 = - Css.batch - [ Css.borderColor (Css.hex "#3182ce") - ] - - -border_blue_700 : Css.Style -border_blue_700 = - Css.batch - [ Css.borderColor (Css.hex "#2b6cb0") - ] - - -border_blue_800 : Css.Style -border_blue_800 = - Css.batch - [ Css.borderColor (Css.hex "#2c5282") - ] - - -border_blue_900 : Css.Style -border_blue_900 = - Css.batch - [ Css.borderColor (Css.hex "#2a4365") - ] - - -border_indigo_100 : Css.Style -border_indigo_100 = - Css.batch - [ Css.borderColor (Css.hex "#ebf4ff") - ] - - -border_indigo_200 : Css.Style -border_indigo_200 = - Css.batch - [ Css.borderColor (Css.hex "#c3dafe") - ] - - -border_indigo_300 : Css.Style -border_indigo_300 = - Css.batch - [ Css.borderColor (Css.hex "#a3bffa") - ] - - -border_indigo_400 : Css.Style -border_indigo_400 = - Css.batch - [ Css.borderColor (Css.hex "#7f9cf5") - ] - - -border_indigo_500 : Css.Style -border_indigo_500 = - Css.batch - [ Css.borderColor (Css.hex "#667eea") - ] - - -border_indigo_600 : Css.Style -border_indigo_600 = - Css.batch - [ Css.borderColor (Css.hex "#5a67d8") - ] - - -border_indigo_700 : Css.Style -border_indigo_700 = - Css.batch - [ Css.borderColor (Css.hex "#4c51bf") - ] - - -border_indigo_800 : Css.Style -border_indigo_800 = - Css.batch - [ Css.borderColor (Css.hex "#434190") - ] - - -border_indigo_900 : Css.Style -border_indigo_900 = - Css.batch - [ Css.borderColor (Css.hex "#3c366b") - ] - - -border_purple_100 : Css.Style -border_purple_100 = - Css.batch - [ Css.borderColor (Css.hex "#faf5ff") - ] - - -border_purple_200 : Css.Style -border_purple_200 = - Css.batch - [ Css.borderColor (Css.hex "#e9d8fd") - ] - - -border_purple_300 : Css.Style -border_purple_300 = - Css.batch - [ Css.borderColor (Css.hex "#d6bcfa") - ] - - -border_purple_400 : Css.Style -border_purple_400 = - Css.batch - [ Css.borderColor (Css.hex "#b794f4") - ] - - -border_purple_500 : Css.Style -border_purple_500 = - Css.batch - [ Css.borderColor (Css.hex "#9f7aea") - ] - - -border_purple_600 : Css.Style -border_purple_600 = - Css.batch - [ Css.borderColor (Css.hex "#805ad5") - ] - - -border_purple_700 : Css.Style -border_purple_700 = - Css.batch - [ Css.borderColor (Css.hex "#6b46c1") - ] - - -border_purple_800 : Css.Style -border_purple_800 = - Css.batch - [ Css.borderColor (Css.hex "#553c9a") - ] - - -border_purple_900 : Css.Style -border_purple_900 = - Css.batch - [ Css.borderColor (Css.hex "#44337a") - ] - - -border_pink_100 : Css.Style -border_pink_100 = - Css.batch - [ Css.borderColor (Css.hex "#fff5f7") - ] - - -border_pink_200 : Css.Style -border_pink_200 = - Css.batch - [ Css.borderColor (Css.hex "#fed7e2") - ] - - -border_pink_300 : Css.Style -border_pink_300 = - Css.batch - [ Css.borderColor (Css.hex "#fbb6ce") - ] - - -border_pink_400 : Css.Style -border_pink_400 = - Css.batch - [ Css.borderColor (Css.hex "#f687b3") - ] - - -border_pink_500 : Css.Style -border_pink_500 = - Css.batch - [ Css.borderColor (Css.hex "#ed64a6") - ] - - -border_pink_600 : Css.Style -border_pink_600 = - Css.batch - [ Css.borderColor (Css.hex "#d53f8c") - ] - - -border_pink_700 : Css.Style -border_pink_700 = - Css.batch - [ Css.borderColor (Css.hex "#b83280") - ] - - -border_pink_800 : Css.Style -border_pink_800 = - Css.batch - [ Css.borderColor (Css.hex "#97266d") - ] - - -border_pink_900 : Css.Style -border_pink_900 = - Css.batch - [ Css.borderColor (Css.hex "#702459") - ] - - -hover__border_transparent : Css.Style -hover__border_transparent = - Css.batch - [ Css.hover - [ Css.borderColor Css.transparent - ] - ] - - -hover__border_current : Css.Style -hover__border_current = - Css.batch - [ Css.hover - [ Css.borderColor Css.currentColor - ] - ] - - -hover__border_black : Css.Style -hover__border_black = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#000") - ] - ] - - -hover__border_white : Css.Style -hover__border_white = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#fff") - ] - ] - - -hover__border_gray_100 : Css.Style -hover__border_gray_100 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - - -hover__border_gray_200 : Css.Style -hover__border_gray_200 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - - -hover__border_gray_300 : Css.Style -hover__border_gray_300 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - - -hover__border_gray_400 : Css.Style -hover__border_gray_400 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - - -hover__border_gray_500 : Css.Style -hover__border_gray_500 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - - -hover__border_gray_600 : Css.Style -hover__border_gray_600 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#718096") - ] - ] - - -hover__border_gray_700 : Css.Style -hover__border_gray_700 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - - -hover__border_gray_800 : Css.Style -hover__border_gray_800 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - - -hover__border_gray_900 : Css.Style -hover__border_gray_900 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - - -hover__border_red_100 : Css.Style -hover__border_red_100 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - - -hover__border_red_200 : Css.Style -hover__border_red_200 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - - -hover__border_red_300 : Css.Style -hover__border_red_300 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - - -hover__border_red_400 : Css.Style -hover__border_red_400 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - - -hover__border_red_500 : Css.Style -hover__border_red_500 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#f56565") - ] - ] - - -hover__border_red_600 : Css.Style -hover__border_red_600 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - - -hover__border_red_700 : Css.Style -hover__border_red_700 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#c53030") - ] - ] - - -hover__border_red_800 : Css.Style -hover__border_red_800 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - - -hover__border_red_900 : Css.Style -hover__border_red_900 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - - -hover__border_orange_100 : Css.Style -hover__border_orange_100 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - - -hover__border_orange_200 : Css.Style -hover__border_orange_200 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - - -hover__border_orange_300 : Css.Style -hover__border_orange_300 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - - -hover__border_orange_400 : Css.Style -hover__border_orange_400 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - - -hover__border_orange_500 : Css.Style -hover__border_orange_500 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - - -hover__border_orange_600 : Css.Style -hover__border_orange_600 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - - -hover__border_orange_700 : Css.Style -hover__border_orange_700 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#c05621") - ] - ] - - -hover__border_orange_800 : Css.Style -hover__border_orange_800 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - - -hover__border_orange_900 : Css.Style -hover__border_orange_900 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - - -hover__border_yellow_100 : Css.Style -hover__border_yellow_100 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - - -hover__border_yellow_200 : Css.Style -hover__border_yellow_200 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - - -hover__border_yellow_300 : Css.Style -hover__border_yellow_300 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#faf089") - ] - ] - - -hover__border_yellow_400 : Css.Style -hover__border_yellow_400 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - - -hover__border_yellow_500 : Css.Style -hover__border_yellow_500 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - - -hover__border_yellow_600 : Css.Style -hover__border_yellow_600 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - - -hover__border_yellow_700 : Css.Style -hover__border_yellow_700 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - - -hover__border_yellow_800 : Css.Style -hover__border_yellow_800 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#975a16") - ] - ] - - -hover__border_yellow_900 : Css.Style -hover__border_yellow_900 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#744210") - ] - ] - - -hover__border_green_100 : Css.Style -hover__border_green_100 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - - -hover__border_green_200 : Css.Style -hover__border_green_200 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - - -hover__border_green_300 : Css.Style -hover__border_green_300 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - - -hover__border_green_400 : Css.Style -hover__border_green_400 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#68d391") - ] - ] - - -hover__border_green_500 : Css.Style -hover__border_green_500 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - - -hover__border_green_600 : Css.Style -hover__border_green_600 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#38a169") - ] - ] - - -hover__border_green_700 : Css.Style -hover__border_green_700 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - - -hover__border_green_800 : Css.Style -hover__border_green_800 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#276749") - ] - ] - - -hover__border_green_900 : Css.Style -hover__border_green_900 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#22543d") - ] - ] - - -hover__border_teal_100 : Css.Style -hover__border_teal_100 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - - -hover__border_teal_200 : Css.Style -hover__border_teal_200 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - - -hover__border_teal_300 : Css.Style -hover__border_teal_300 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - - -hover__border_teal_400 : Css.Style -hover__border_teal_400 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - - -hover__border_teal_500 : Css.Style -hover__border_teal_500 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - - -hover__border_teal_600 : Css.Style -hover__border_teal_600 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#319795") - ] - ] - - -hover__border_teal_700 : Css.Style -hover__border_teal_700 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - - -hover__border_teal_800 : Css.Style -hover__border_teal_800 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#285e61") - ] - ] - - -hover__border_teal_900 : Css.Style -hover__border_teal_900 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#234e52") - ] - ] - - -hover__border_blue_100 : Css.Style -hover__border_blue_100 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - - -hover__border_blue_200 : Css.Style -hover__border_blue_200 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - - -hover__border_blue_300 : Css.Style -hover__border_blue_300 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - - -hover__border_blue_400 : Css.Style -hover__border_blue_400 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - - -hover__border_blue_500 : Css.Style -hover__border_blue_500 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - - -hover__border_blue_600 : Css.Style -hover__border_blue_600 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - - -hover__border_blue_700 : Css.Style -hover__border_blue_700 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - - -hover__border_blue_800 : Css.Style -hover__border_blue_800 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - - -hover__border_blue_900 : Css.Style -hover__border_blue_900 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - - -hover__border_indigo_100 : Css.Style -hover__border_indigo_100 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - - -hover__border_indigo_200 : Css.Style -hover__border_indigo_200 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - - -hover__border_indigo_300 : Css.Style -hover__border_indigo_300 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - - -hover__border_indigo_400 : Css.Style -hover__border_indigo_400 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - - -hover__border_indigo_500 : Css.Style -hover__border_indigo_500 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#667eea") - ] - ] - - -hover__border_indigo_600 : Css.Style -hover__border_indigo_600 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - - -hover__border_indigo_700 : Css.Style -hover__border_indigo_700 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - - -hover__border_indigo_800 : Css.Style -hover__border_indigo_800 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#434190") - ] - ] - - -hover__border_indigo_900 : Css.Style -hover__border_indigo_900 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - - -hover__border_purple_100 : Css.Style -hover__border_purple_100 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - - -hover__border_purple_200 : Css.Style -hover__border_purple_200 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - - -hover__border_purple_300 : Css.Style -hover__border_purple_300 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - - -hover__border_purple_400 : Css.Style -hover__border_purple_400 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - - -hover__border_purple_500 : Css.Style -hover__border_purple_500 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - - -hover__border_purple_600 : Css.Style -hover__border_purple_600 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - - -hover__border_purple_700 : Css.Style -hover__border_purple_700 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - - -hover__border_purple_800 : Css.Style -hover__border_purple_800 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - - -hover__border_purple_900 : Css.Style -hover__border_purple_900 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#44337a") - ] - ] - - -hover__border_pink_100 : Css.Style -hover__border_pink_100 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - - -hover__border_pink_200 : Css.Style -hover__border_pink_200 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - - -hover__border_pink_300 : Css.Style -hover__border_pink_300 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - - -hover__border_pink_400 : Css.Style -hover__border_pink_400 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - - -hover__border_pink_500 : Css.Style -hover__border_pink_500 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - - -hover__border_pink_600 : Css.Style -hover__border_pink_600 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - - -hover__border_pink_700 : Css.Style -hover__border_pink_700 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#b83280") - ] - ] - - -hover__border_pink_800 : Css.Style -hover__border_pink_800 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#97266d") - ] - ] - - -hover__border_pink_900 : Css.Style -hover__border_pink_900 = - Css.batch - [ Css.hover - [ Css.borderColor (Css.hex "#702459") - ] - ] - - -focus__border_transparent : Css.Style -focus__border_transparent = - Css.batch - [ Css.focus - [ Css.borderColor Css.transparent - ] - ] - - -focus__border_current : Css.Style -focus__border_current = - Css.batch - [ Css.focus - [ Css.borderColor Css.currentColor - ] - ] - - -focus__border_black : Css.Style -focus__border_black = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#000") - ] - ] - - -focus__border_white : Css.Style -focus__border_white = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#fff") - ] - ] - - -focus__border_gray_100 : Css.Style -focus__border_gray_100 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - - -focus__border_gray_200 : Css.Style -focus__border_gray_200 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - - -focus__border_gray_300 : Css.Style -focus__border_gray_300 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - - -focus__border_gray_400 : Css.Style -focus__border_gray_400 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - - -focus__border_gray_500 : Css.Style -focus__border_gray_500 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - - -focus__border_gray_600 : Css.Style -focus__border_gray_600 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#718096") - ] - ] - - -focus__border_gray_700 : Css.Style -focus__border_gray_700 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - - -focus__border_gray_800 : Css.Style -focus__border_gray_800 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - - -focus__border_gray_900 : Css.Style -focus__border_gray_900 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - - -focus__border_red_100 : Css.Style -focus__border_red_100 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - - -focus__border_red_200 : Css.Style -focus__border_red_200 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - - -focus__border_red_300 : Css.Style -focus__border_red_300 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - - -focus__border_red_400 : Css.Style -focus__border_red_400 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - - -focus__border_red_500 : Css.Style -focus__border_red_500 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#f56565") - ] - ] - - -focus__border_red_600 : Css.Style -focus__border_red_600 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - - -focus__border_red_700 : Css.Style -focus__border_red_700 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#c53030") - ] - ] - - -focus__border_red_800 : Css.Style -focus__border_red_800 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - - -focus__border_red_900 : Css.Style -focus__border_red_900 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - - -focus__border_orange_100 : Css.Style -focus__border_orange_100 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - - -focus__border_orange_200 : Css.Style -focus__border_orange_200 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - - -focus__border_orange_300 : Css.Style -focus__border_orange_300 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - - -focus__border_orange_400 : Css.Style -focus__border_orange_400 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - - -focus__border_orange_500 : Css.Style -focus__border_orange_500 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - - -focus__border_orange_600 : Css.Style -focus__border_orange_600 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - - -focus__border_orange_700 : Css.Style -focus__border_orange_700 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#c05621") - ] - ] - - -focus__border_orange_800 : Css.Style -focus__border_orange_800 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - - -focus__border_orange_900 : Css.Style -focus__border_orange_900 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - - -focus__border_yellow_100 : Css.Style -focus__border_yellow_100 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - - -focus__border_yellow_200 : Css.Style -focus__border_yellow_200 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - - -focus__border_yellow_300 : Css.Style -focus__border_yellow_300 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#faf089") - ] - ] - - -focus__border_yellow_400 : Css.Style -focus__border_yellow_400 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - - -focus__border_yellow_500 : Css.Style -focus__border_yellow_500 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - - -focus__border_yellow_600 : Css.Style -focus__border_yellow_600 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - - -focus__border_yellow_700 : Css.Style -focus__border_yellow_700 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - - -focus__border_yellow_800 : Css.Style -focus__border_yellow_800 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#975a16") - ] - ] - - -focus__border_yellow_900 : Css.Style -focus__border_yellow_900 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#744210") - ] - ] - - -focus__border_green_100 : Css.Style -focus__border_green_100 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - - -focus__border_green_200 : Css.Style -focus__border_green_200 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - - -focus__border_green_300 : Css.Style -focus__border_green_300 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - - -focus__border_green_400 : Css.Style -focus__border_green_400 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#68d391") - ] - ] - - -focus__border_green_500 : Css.Style -focus__border_green_500 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - - -focus__border_green_600 : Css.Style -focus__border_green_600 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#38a169") - ] - ] - - -focus__border_green_700 : Css.Style -focus__border_green_700 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - - -focus__border_green_800 : Css.Style -focus__border_green_800 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#276749") - ] - ] - - -focus__border_green_900 : Css.Style -focus__border_green_900 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#22543d") - ] - ] - - -focus__border_teal_100 : Css.Style -focus__border_teal_100 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - - -focus__border_teal_200 : Css.Style -focus__border_teal_200 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - - -focus__border_teal_300 : Css.Style -focus__border_teal_300 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - - -focus__border_teal_400 : Css.Style -focus__border_teal_400 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - - -focus__border_teal_500 : Css.Style -focus__border_teal_500 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - - -focus__border_teal_600 : Css.Style -focus__border_teal_600 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#319795") - ] - ] - - -focus__border_teal_700 : Css.Style -focus__border_teal_700 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - - -focus__border_teal_800 : Css.Style -focus__border_teal_800 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#285e61") - ] - ] - - -focus__border_teal_900 : Css.Style -focus__border_teal_900 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#234e52") - ] - ] - - -focus__border_blue_100 : Css.Style -focus__border_blue_100 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - - -focus__border_blue_200 : Css.Style -focus__border_blue_200 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - - -focus__border_blue_300 : Css.Style -focus__border_blue_300 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - - -focus__border_blue_400 : Css.Style -focus__border_blue_400 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - - -focus__border_blue_500 : Css.Style -focus__border_blue_500 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - - -focus__border_blue_600 : Css.Style -focus__border_blue_600 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - - -focus__border_blue_700 : Css.Style -focus__border_blue_700 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - - -focus__border_blue_800 : Css.Style -focus__border_blue_800 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - - -focus__border_blue_900 : Css.Style -focus__border_blue_900 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - - -focus__border_indigo_100 : Css.Style -focus__border_indigo_100 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - - -focus__border_indigo_200 : Css.Style -focus__border_indigo_200 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - - -focus__border_indigo_300 : Css.Style -focus__border_indigo_300 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - - -focus__border_indigo_400 : Css.Style -focus__border_indigo_400 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - - -focus__border_indigo_500 : Css.Style -focus__border_indigo_500 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#667eea") - ] - ] - - -focus__border_indigo_600 : Css.Style -focus__border_indigo_600 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - - -focus__border_indigo_700 : Css.Style -focus__border_indigo_700 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - - -focus__border_indigo_800 : Css.Style -focus__border_indigo_800 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#434190") - ] - ] - - -focus__border_indigo_900 : Css.Style -focus__border_indigo_900 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - - -focus__border_purple_100 : Css.Style -focus__border_purple_100 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - - -focus__border_purple_200 : Css.Style -focus__border_purple_200 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - - -focus__border_purple_300 : Css.Style -focus__border_purple_300 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - - -focus__border_purple_400 : Css.Style -focus__border_purple_400 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - - -focus__border_purple_500 : Css.Style -focus__border_purple_500 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - - -focus__border_purple_600 : Css.Style -focus__border_purple_600 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - - -focus__border_purple_700 : Css.Style -focus__border_purple_700 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - - -focus__border_purple_800 : Css.Style -focus__border_purple_800 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - - -focus__border_purple_900 : Css.Style -focus__border_purple_900 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#44337a") - ] - ] - - -focus__border_pink_100 : Css.Style -focus__border_pink_100 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - - -focus__border_pink_200 : Css.Style -focus__border_pink_200 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - - -focus__border_pink_300 : Css.Style -focus__border_pink_300 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - - -focus__border_pink_400 : Css.Style -focus__border_pink_400 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - - -focus__border_pink_500 : Css.Style -focus__border_pink_500 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - - -focus__border_pink_600 : Css.Style -focus__border_pink_600 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - - -focus__border_pink_700 : Css.Style -focus__border_pink_700 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#b83280") - ] - ] - - -focus__border_pink_800 : Css.Style -focus__border_pink_800 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#97266d") - ] - ] - - -focus__border_pink_900 : Css.Style -focus__border_pink_900 = - Css.batch - [ Css.focus - [ Css.borderColor (Css.hex "#702459") - ] - ] - - -rounded_none : Css.Style -rounded_none = - Css.batch - [ Css.borderRadius (Css.px 0) - ] - - -rounded_sm : Css.Style -rounded_sm = - Css.batch - [ Css.borderRadius (Css.rem 0.125) - ] - - -rounded : Css.Style -rounded = - Css.batch - [ Css.borderRadius (Css.rem 0.25) - ] - - -rounded_md : Css.Style -rounded_md = - Css.batch - [ Css.borderRadius (Css.rem 0.375) - ] - - -rounded_lg : Css.Style -rounded_lg = - Css.batch - [ Css.borderRadius (Css.rem 0.5) - ] - - -rounded_full : Css.Style -rounded_full = - Css.batch - [ Css.borderRadius (Css.px 9999) - ] - - -rounded_t_none : Css.Style -rounded_t_none = - Css.batch - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderTopRightRadius (Css.px 0) - ] - - -rounded_r_none : Css.Style -rounded_r_none = - Css.batch - [ Css.borderTopRightRadius (Css.px 0) - , Css.borderBottomRightRadius (Css.px 0) - ] - - -rounded_b_none : Css.Style -rounded_b_none = - Css.batch - [ Css.borderBottomRightRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - - -rounded_l_none : Css.Style -rounded_l_none = - Css.batch - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - - -rounded_t_sm : Css.Style -rounded_t_sm = - Css.batch - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderTopRightRadius (Css.rem 0.125) - ] - - -rounded_r_sm : Css.Style -rounded_r_sm = - Css.batch - [ Css.borderTopRightRadius (Css.rem 0.125) - , Css.borderBottomRightRadius (Css.rem 0.125) - ] - - -rounded_b_sm : Css.Style -rounded_b_sm = - Css.batch - [ Css.borderBottomRightRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - - -rounded_l_sm : Css.Style -rounded_l_sm = - Css.batch - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - - -rounded_t : Css.Style -rounded_t = - Css.batch - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderTopRightRadius (Css.rem 0.25) - ] - - -rounded_r : Css.Style -rounded_r = - Css.batch - [ Css.borderTopRightRadius (Css.rem 0.25) - , Css.borderBottomRightRadius (Css.rem 0.25) - ] - - -rounded_b : Css.Style -rounded_b = - Css.batch - [ Css.borderBottomRightRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - - -rounded_l : Css.Style -rounded_l = - Css.batch - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - - -rounded_t_md : Css.Style -rounded_t_md = - Css.batch - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderTopRightRadius (Css.rem 0.375) - ] - - -rounded_r_md : Css.Style -rounded_r_md = - Css.batch - [ Css.borderTopRightRadius (Css.rem 0.375) - , Css.borderBottomRightRadius (Css.rem 0.375) - ] - - -rounded_b_md : Css.Style -rounded_b_md = - Css.batch - [ Css.borderBottomRightRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - - -rounded_l_md : Css.Style -rounded_l_md = - Css.batch - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - - -rounded_t_lg : Css.Style -rounded_t_lg = - Css.batch - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderTopRightRadius (Css.rem 0.5) - ] - - -rounded_r_lg : Css.Style -rounded_r_lg = - Css.batch - [ Css.borderTopRightRadius (Css.rem 0.5) - , Css.borderBottomRightRadius (Css.rem 0.5) - ] - - -rounded_b_lg : Css.Style -rounded_b_lg = - Css.batch - [ Css.borderBottomRightRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - - -rounded_l_lg : Css.Style -rounded_l_lg = - Css.batch - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - - -rounded_t_full : Css.Style -rounded_t_full = - Css.batch - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderTopRightRadius (Css.px 9999) - ] - - -rounded_r_full : Css.Style -rounded_r_full = - Css.batch - [ Css.borderTopRightRadius (Css.px 9999) - , Css.borderBottomRightRadius (Css.px 9999) - ] - - -rounded_b_full : Css.Style -rounded_b_full = - Css.batch - [ Css.borderBottomRightRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - - -rounded_l_full : Css.Style -rounded_l_full = - Css.batch - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - - -rounded_tl_none : Css.Style -rounded_tl_none = - Css.batch - [ Css.borderTopLeftRadius (Css.px 0) - ] - - -rounded_tr_none : Css.Style -rounded_tr_none = - Css.batch - [ Css.borderTopRightRadius (Css.px 0) - ] - - -rounded_br_none : Css.Style -rounded_br_none = - Css.batch - [ Css.borderBottomRightRadius (Css.px 0) - ] - - -rounded_bl_none : Css.Style -rounded_bl_none = - Css.batch - [ Css.borderBottomLeftRadius (Css.px 0) - ] - - -rounded_tl_sm : Css.Style -rounded_tl_sm = - Css.batch - [ Css.borderTopLeftRadius (Css.rem 0.125) - ] - - -rounded_tr_sm : Css.Style -rounded_tr_sm = - Css.batch - [ Css.borderTopRightRadius (Css.rem 0.125) - ] - - -rounded_br_sm : Css.Style -rounded_br_sm = - Css.batch - [ Css.borderBottomRightRadius (Css.rem 0.125) - ] - - -rounded_bl_sm : Css.Style -rounded_bl_sm = - Css.batch - [ Css.borderBottomLeftRadius (Css.rem 0.125) - ] - - -rounded_tl : Css.Style -rounded_tl = - Css.batch - [ Css.borderTopLeftRadius (Css.rem 0.25) - ] - - -rounded_tr : Css.Style -rounded_tr = - Css.batch - [ Css.borderTopRightRadius (Css.rem 0.25) - ] - - -rounded_br : Css.Style -rounded_br = - Css.batch - [ Css.borderBottomRightRadius (Css.rem 0.25) - ] - - -rounded_bl : Css.Style -rounded_bl = - Css.batch - [ Css.borderBottomLeftRadius (Css.rem 0.25) - ] - - -rounded_tl_md : Css.Style -rounded_tl_md = - Css.batch - [ Css.borderTopLeftRadius (Css.rem 0.375) - ] - - -rounded_tr_md : Css.Style -rounded_tr_md = - Css.batch - [ Css.borderTopRightRadius (Css.rem 0.375) - ] - - -rounded_br_md : Css.Style -rounded_br_md = - Css.batch - [ Css.borderBottomRightRadius (Css.rem 0.375) - ] - - -rounded_bl_md : Css.Style -rounded_bl_md = - Css.batch - [ Css.borderBottomLeftRadius (Css.rem 0.375) - ] - - -rounded_tl_lg : Css.Style -rounded_tl_lg = - Css.batch - [ Css.borderTopLeftRadius (Css.rem 0.5) - ] - - -rounded_tr_lg : Css.Style -rounded_tr_lg = - Css.batch - [ Css.borderTopRightRadius (Css.rem 0.5) - ] - - -rounded_br_lg : Css.Style -rounded_br_lg = - Css.batch - [ Css.borderBottomRightRadius (Css.rem 0.5) - ] - - -rounded_bl_lg : Css.Style -rounded_bl_lg = - Css.batch - [ Css.borderBottomLeftRadius (Css.rem 0.5) - ] - - -rounded_tl_full : Css.Style -rounded_tl_full = - Css.batch - [ Css.borderTopLeftRadius (Css.px 9999) - ] - - -rounded_tr_full : Css.Style -rounded_tr_full = - Css.batch - [ Css.borderTopRightRadius (Css.px 9999) - ] - - -rounded_br_full : Css.Style -rounded_br_full = - Css.batch - [ Css.borderBottomRightRadius (Css.px 9999) - ] - - -rounded_bl_full : Css.Style -rounded_bl_full = - Css.batch - [ Css.borderBottomLeftRadius (Css.px 9999) - ] - - -border_solid : Css.Style -border_solid = - Css.batch - [ Css.borderStyle Css.solid - ] - - -border_dashed : Css.Style -border_dashed = - Css.batch - [ Css.borderStyle Css.dashed - ] - - -border_dotted : Css.Style -border_dotted = - Css.batch - [ Css.borderStyle Css.dotted - ] - - -border_double : Css.Style -border_double = - Css.batch - [ Css.borderStyle Css.double - ] - - -border_none : Css.Style -border_none = - Css.batch - [ Css.borderStyle Css.none - ] - - -border_0 : Css.Style -border_0 = - Css.batch - [ Css.borderWidth (Css.px 0) - ] - - -border_2 : Css.Style -border_2 = - Css.batch - [ Css.borderWidth (Css.px 2) - ] - - -border_4 : Css.Style -border_4 = - Css.batch - [ Css.borderWidth (Css.px 4) - ] - - -border_8 : Css.Style -border_8 = - Css.batch - [ Css.borderWidth (Css.px 8) - ] - - -border : Css.Style -border = - Css.batch - [ Css.borderWidth (Css.px 1) - ] - - -border_t_0 : Css.Style -border_t_0 = - Css.batch - [ Css.borderTopWidth (Css.px 0) - ] - - -border_r_0 : Css.Style -border_r_0 = - Css.batch - [ Css.borderRightWidth (Css.px 0) - ] - - -border_b_0 : Css.Style -border_b_0 = - Css.batch - [ Css.borderBottomWidth (Css.px 0) - ] - - -border_l_0 : Css.Style -border_l_0 = - Css.batch - [ Css.borderLeftWidth (Css.px 0) - ] - - -border_t_2 : Css.Style -border_t_2 = - Css.batch - [ Css.borderTopWidth (Css.px 2) - ] - - -border_r_2 : Css.Style -border_r_2 = - Css.batch - [ Css.borderRightWidth (Css.px 2) - ] - - -border_b_2 : Css.Style -border_b_2 = - Css.batch - [ Css.borderBottomWidth (Css.px 2) - ] - - -border_l_2 : Css.Style -border_l_2 = - Css.batch - [ Css.borderLeftWidth (Css.px 2) - ] - - -border_t_4 : Css.Style -border_t_4 = - Css.batch - [ Css.borderTopWidth (Css.px 4) - ] - - -border_r_4 : Css.Style -border_r_4 = - Css.batch - [ Css.borderRightWidth (Css.px 4) - ] - - -border_b_4 : Css.Style -border_b_4 = - Css.batch - [ Css.borderBottomWidth (Css.px 4) - ] - - -border_l_4 : Css.Style -border_l_4 = - Css.batch - [ Css.borderLeftWidth (Css.px 4) - ] - - -border_t_8 : Css.Style -border_t_8 = - Css.batch - [ Css.borderTopWidth (Css.px 8) - ] - - -border_r_8 : Css.Style -border_r_8 = - Css.batch - [ Css.borderRightWidth (Css.px 8) - ] - - -border_b_8 : Css.Style -border_b_8 = - Css.batch - [ Css.borderBottomWidth (Css.px 8) - ] - - -border_l_8 : Css.Style -border_l_8 = - Css.batch - [ Css.borderLeftWidth (Css.px 8) - ] - - -border_t : Css.Style -border_t = - Css.batch - [ Css.borderTopWidth (Css.px 1) - ] - - -border_r : Css.Style -border_r = - Css.batch - [ Css.borderRightWidth (Css.px 1) - ] - - -border_b : Css.Style -border_b = - Css.batch - [ Css.borderBottomWidth (Css.px 1) - ] - - -border_l : Css.Style -border_l = - Css.batch - [ Css.borderLeftWidth (Css.px 1) - ] - - -box_border : Css.Style -box_border = - Css.batch - [ Css.boxSizing Css.borderBox - ] - - -box_content : Css.Style -box_content = - Css.batch - [ Css.boxSizing Css.contentBox - ] - - -cursor_auto : Css.Style -cursor_auto = - Css.batch - [ Css.cursor Css.auto - ] - - -cursor_default : Css.Style -cursor_default = - Css.batch - [ Css.cursor Css.default - ] - - -cursor_pointer : Css.Style -cursor_pointer = - Css.batch - [ Css.cursor Css.pointer - ] - - -cursor_wait : Css.Style -cursor_wait = - Css.batch - [ Css.cursor Css.wait - ] - - -cursor_text : Css.Style -cursor_text = - Css.batch - [ Css.property "cursor" "text" - ] - - -cursor_move : Css.Style -cursor_move = - Css.batch - [ Css.cursor Css.move - ] - - -cursor_not_allowed : Css.Style -cursor_not_allowed = - Css.batch - [ Css.cursor Css.notAllowed - ] - - -block : Css.Style -block = - Css.batch - [ Css.display Css.block - ] - - -inline_block : Css.Style -inline_block = - Css.batch - [ Css.display Css.inlineBlock - ] - - -inline : Css.Style -inline = - Css.batch - [ Css.display Css.inline - ] - - -flex : Css.Style -flex = - Css.batch - [ Css.displayFlex - ] - - -inline_flex : Css.Style -inline_flex = - Css.batch - [ Css.display Css.inlineFlex - ] - - -table : Css.Style -table = - Css.batch - [ Css.display Css.table - ] - - -table_caption : Css.Style -table_caption = - Css.batch - [ Css.display Css.tableCaption - ] - - -table_cell : Css.Style -table_cell = - Css.batch - [ Css.display Css.tableCell - ] - - -table_column : Css.Style -table_column = - Css.batch - [ Css.display Css.tableColumn - ] - - -table_column_group : Css.Style -table_column_group = - Css.batch - [ Css.display Css.tableColumnGroup - ] - - -table_footer_group : Css.Style -table_footer_group = - Css.batch - [ Css.display Css.tableFooterGroup - ] - - -table_header_group : Css.Style -table_header_group = - Css.batch - [ Css.display Css.tableHeaderGroup - ] - - -table_row_group : Css.Style -table_row_group = - Css.batch - [ Css.display Css.tableRowGroup - ] - - -table_row : Css.Style -table_row = - Css.batch - [ Css.display Css.tableRow - ] - - -flow_root : Css.Style -flow_root = - Css.batch - [ Css.property "display" "flow-root" - ] - - -grid : Css.Style -grid = - Css.batch - [ Css.property "display" "grid" - ] - - -inline_grid : Css.Style -inline_grid = - Css.batch - [ Css.property "display" "inline-grid" - ] - - -hidden : Css.Style -hidden = - Css.batch - [ Css.display Css.none - ] - - -flex_row : Css.Style -flex_row = - Css.batch - [ Css.flexDirection Css.row - ] - - -flex_row_reverse : Css.Style -flex_row_reverse = - Css.batch - [ Css.flexDirection Css.rowReverse - ] - - -flex_col : Css.Style -flex_col = - Css.batch - [ Css.flexDirection Css.column - ] - - -flex_col_reverse : Css.Style -flex_col_reverse = - Css.batch - [ Css.flexDirection Css.columnReverse - ] - - -flex_wrap : Css.Style -flex_wrap = - Css.batch - [ Css.flexWrap Css.wrap - ] - - -flex_wrap_reverse : Css.Style -flex_wrap_reverse = - Css.batch - [ Css.flexWrap Css.wrapReverse - ] - - -flex_no_wrap : Css.Style -flex_no_wrap = - Css.batch - [ Css.flexWrap Css.noWrap - ] - - -items_start : Css.Style -items_start = - Css.batch - [ Css.alignItems Css.flexStart - ] - - -items_end : Css.Style -items_end = - Css.batch - [ Css.alignItems Css.flexEnd - ] - - -items_center : Css.Style -items_center = - Css.batch - [ Css.alignItems Css.center - ] - - -items_baseline : Css.Style -items_baseline = - Css.batch - [ Css.alignItems Css.baseline - ] - - -items_stretch : Css.Style -items_stretch = - Css.batch - [ Css.alignItems Css.stretch - ] - - -self_auto : Css.Style -self_auto = - Css.batch - [ Css.property "align-self" "auto" - ] - - -self_start : Css.Style -self_start = - Css.batch - [ Css.alignSelf Css.flexStart - ] - - -self_end : Css.Style -self_end = - Css.batch - [ Css.alignSelf Css.flexEnd - ] - - -self_center : Css.Style -self_center = - Css.batch - [ Css.alignSelf Css.center - ] - - -self_stretch : Css.Style -self_stretch = - Css.batch - [ Css.alignSelf Css.stretch - ] - - -justify_start : Css.Style -justify_start = - Css.batch - [ Css.justifyContent Css.flexStart - ] - - -justify_end : Css.Style -justify_end = - Css.batch - [ Css.justifyContent Css.flexEnd - ] - - -justify_center : Css.Style -justify_center = - Css.batch - [ Css.justifyContent Css.center - ] - - -justify_between : Css.Style -justify_between = - Css.batch - [ Css.justifyContent Css.spaceBetween - ] - - -justify_around : Css.Style -justify_around = - Css.batch - [ Css.justifyContent Css.spaceAround - ] - - -justify_evenly : Css.Style -justify_evenly = - Css.batch - [ Css.property "justify-content" "space-evenly" - ] - - -content_center : Css.Style -content_center = - Css.batch - [ Css.property "align-content" "center" - ] - - -content_start : Css.Style -content_start = - Css.batch - [ Css.property "align-content" "flex-start" - ] - - -content_end : Css.Style -content_end = - Css.batch - [ Css.property "align-content" "flex-end" - ] - - -content_between : Css.Style -content_between = - Css.batch - [ Css.property "align-content" "space-between" - ] - - -content_around : Css.Style -content_around = - Css.batch - [ Css.property "align-content" "space-around" - ] - - -flex_1 : Css.Style -flex_1 = - Css.batch - [ Css.property "flex" "1 1 0%" - ] - - -flex_auto : Css.Style -flex_auto = - Css.batch - [ Css.property "flex" "1 1 auto" - ] - - -flex_initial : Css.Style -flex_initial = - Css.batch - [ Css.property "flex" "0 1 auto" - ] - - -flex_none : Css.Style -flex_none = - Css.batch - [ Css.property "flex" "none" - ] - - -flex_grow_0 : Css.Style -flex_grow_0 = - Css.batch - [ Css.flexGrow (Css.int 0) - ] - - -flex_grow : Css.Style -flex_grow = - Css.batch - [ Css.flexGrow (Css.int 1) - ] - - -flex_shrink_0 : Css.Style -flex_shrink_0 = - Css.batch - [ Css.flexShrink (Css.int 0) - ] - - -flex_shrink : Css.Style -flex_shrink = - Css.batch - [ Css.flexShrink (Css.int 1) - ] - - -order_1 : Css.Style -order_1 = - Css.batch - [ Css.order (Css.int 1) - ] - - -order_2 : Css.Style -order_2 = - Css.batch - [ Css.order (Css.int 2) - ] - - -order_3 : Css.Style -order_3 = - Css.batch - [ Css.order (Css.int 3) - ] - - -order_4 : Css.Style -order_4 = - Css.batch - [ Css.order (Css.int 4) - ] - - -order_5 : Css.Style -order_5 = - Css.batch - [ Css.order (Css.int 5) - ] - - -order_6 : Css.Style -order_6 = - Css.batch - [ Css.order (Css.int 6) - ] - - -order_7 : Css.Style -order_7 = - Css.batch - [ Css.order (Css.int 7) - ] - - -order_8 : Css.Style -order_8 = - Css.batch - [ Css.order (Css.int 8) - ] - - -order_9 : Css.Style -order_9 = - Css.batch - [ Css.order (Css.int 9) - ] - - -order_10 : Css.Style -order_10 = - Css.batch - [ Css.order (Css.int 10) - ] - - -order_11 : Css.Style -order_11 = - Css.batch - [ Css.order (Css.int 11) - ] - - -order_12 : Css.Style -order_12 = - Css.batch - [ Css.order (Css.int 12) - ] - - -order_first : Css.Style -order_first = - Css.batch - [ Css.order (Css.int -9999) - ] - - -order_last : Css.Style -order_last = - Css.batch - [ Css.order (Css.int 9999) - ] - - -order_none : Css.Style -order_none = - Css.batch - [ Css.order (Css.int 0) - ] - - -float_right : Css.Style -float_right = - Css.batch - [ Css.property "float" "right" - ] - - -float_left : Css.Style -float_left = - Css.batch - [ Css.property "float" "left" - ] - - -float_none : Css.Style -float_none = - Css.batch - [ Css.property "float" "none" - ] - - -clearfix : Css.Style -clearfix = - Css.batch - [ Css.property "content" "\"\"" - , Css.display Css.table - , Css.property "clear" "both" - ] - - -clear_left : Css.Style -clear_left = - Css.batch - [ Css.property "clear" "left" - ] - - -clear_right : Css.Style -clear_right = - Css.batch - [ Css.property "clear" "right" - ] - - -clear_both : Css.Style -clear_both = - Css.batch - [ Css.property "clear" "both" - ] - - -clear_none : Css.Style -clear_none = - Css.batch - [ Css.property "clear" "none" - ] - - -font_sans : Css.Style -font_sans = - Css.batch - [ Css.property "font-family" "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"" - ] - - -font_serif : Css.Style -font_serif = - Css.batch - [ Css.property "font-family" "Georgia, Cambria, \"Times New Roman\", Times, serif" - ] - - -font_mono : Css.Style -font_mono = - Css.batch - [ Css.property "font-family" "Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace" - ] - - -font_hairline : Css.Style -font_hairline = - Css.batch - [ Css.fontWeight (Css.int 100) - ] - - -font_thin : Css.Style -font_thin = - Css.batch - [ Css.fontWeight (Css.int 200) - ] - - -font_light : Css.Style -font_light = - Css.batch - [ Css.fontWeight (Css.int 300) - ] - - -font_normal : Css.Style -font_normal = - Css.batch - [ Css.fontWeight (Css.int 400) - ] - - -font_medium : Css.Style -font_medium = - Css.batch - [ Css.fontWeight (Css.int 500) - ] - - -font_semibold : Css.Style -font_semibold = - Css.batch - [ Css.fontWeight (Css.int 600) - ] - - -font_bold : Css.Style -font_bold = - Css.batch - [ Css.fontWeight (Css.int 700) - ] - - -font_extrabold : Css.Style -font_extrabold = - Css.batch - [ Css.fontWeight (Css.int 800) - ] - - -font_black : Css.Style -font_black = - Css.batch - [ Css.fontWeight (Css.int 900) - ] - - -hover__font_hairline : Css.Style -hover__font_hairline = - Css.batch - [ Css.hover - [ Css.fontWeight (Css.int 100) - ] - ] - - -hover__font_thin : Css.Style -hover__font_thin = - Css.batch - [ Css.hover - [ Css.fontWeight (Css.int 200) - ] - ] - - -hover__font_light : Css.Style -hover__font_light = - Css.batch - [ Css.hover - [ Css.fontWeight (Css.int 300) - ] - ] - - -hover__font_normal : Css.Style -hover__font_normal = - Css.batch - [ Css.hover - [ Css.fontWeight (Css.int 400) - ] - ] - - -hover__font_medium : Css.Style -hover__font_medium = - Css.batch - [ Css.hover - [ Css.fontWeight (Css.int 500) - ] - ] - - -hover__font_semibold : Css.Style -hover__font_semibold = - Css.batch - [ Css.hover - [ Css.fontWeight (Css.int 600) - ] - ] - - -hover__font_bold : Css.Style -hover__font_bold = - Css.batch - [ Css.hover - [ Css.fontWeight (Css.int 700) - ] - ] - - -hover__font_extrabold : Css.Style -hover__font_extrabold = - Css.batch - [ Css.hover - [ Css.fontWeight (Css.int 800) - ] - ] - - -hover__font_black : Css.Style -hover__font_black = - Css.batch - [ Css.hover - [ Css.fontWeight (Css.int 900) - ] - ] - - -focus__font_hairline : Css.Style -focus__font_hairline = - Css.batch - [ Css.focus - [ Css.fontWeight (Css.int 100) - ] - ] - - -focus__font_thin : Css.Style -focus__font_thin = - Css.batch - [ Css.focus - [ Css.fontWeight (Css.int 200) - ] - ] - - -focus__font_light : Css.Style -focus__font_light = - Css.batch - [ Css.focus - [ Css.fontWeight (Css.int 300) - ] - ] - - -focus__font_normal : Css.Style -focus__font_normal = - Css.batch - [ Css.focus - [ Css.fontWeight (Css.int 400) - ] - ] - - -focus__font_medium : Css.Style -focus__font_medium = - Css.batch - [ Css.focus - [ Css.fontWeight (Css.int 500) - ] - ] - - -focus__font_semibold : Css.Style -focus__font_semibold = - Css.batch - [ Css.focus - [ Css.fontWeight (Css.int 600) - ] - ] - - -focus__font_bold : Css.Style -focus__font_bold = - Css.batch - [ Css.focus - [ Css.fontWeight (Css.int 700) - ] - ] - - -focus__font_extrabold : Css.Style -focus__font_extrabold = - Css.batch - [ Css.focus - [ Css.fontWeight (Css.int 800) - ] - ] - - -focus__font_black : Css.Style -focus__font_black = - Css.batch - [ Css.focus - [ Css.fontWeight (Css.int 900) - ] - ] - - -h_0 : Css.Style -h_0 = - Css.batch - [ Css.height (Css.px 0) - ] - - -h_1 : Css.Style -h_1 = - Css.batch - [ Css.height (Css.rem 0.25) - ] - - -h_2 : Css.Style -h_2 = - Css.batch - [ Css.height (Css.rem 0.5) - ] - - -h_3 : Css.Style -h_3 = - Css.batch - [ Css.height (Css.rem 0.75) - ] - - -h_4 : Css.Style -h_4 = - Css.batch - [ Css.height (Css.rem 1) - ] - - -h_5 : Css.Style -h_5 = - Css.batch - [ Css.height (Css.rem 1.25) - ] - - -h_6 : Css.Style -h_6 = - Css.batch - [ Css.height (Css.rem 1.5) - ] - - -h_8 : Css.Style -h_8 = - Css.batch - [ Css.height (Css.rem 2) - ] - - -h_10 : Css.Style -h_10 = - Css.batch - [ Css.height (Css.rem 2.5) - ] - - -h_12 : Css.Style -h_12 = - Css.batch - [ Css.height (Css.rem 3) - ] - - -h_16 : Css.Style -h_16 = - Css.batch - [ Css.height (Css.rem 4) - ] - - -h_20 : Css.Style -h_20 = - Css.batch - [ Css.height (Css.rem 5) - ] - - -h_24 : Css.Style -h_24 = - Css.batch - [ Css.height (Css.rem 6) - ] - - -h_32 : Css.Style -h_32 = - Css.batch - [ Css.height (Css.rem 8) - ] - - -h_40 : Css.Style -h_40 = - Css.batch - [ Css.height (Css.rem 10) - ] - - -h_48 : Css.Style -h_48 = - Css.batch - [ Css.height (Css.rem 12) - ] - - -h_56 : Css.Style -h_56 = - Css.batch - [ Css.height (Css.rem 14) - ] - - -h_64 : Css.Style -h_64 = - Css.batch - [ Css.height (Css.rem 16) - ] - - -h_auto : Css.Style -h_auto = - Css.batch - [ Css.height Css.auto - ] - - -h_px : Css.Style -h_px = - Css.batch - [ Css.height (Css.px 1) - ] - - -h_full : Css.Style -h_full = - Css.batch - [ Css.height (Css.pct 100) - ] - - -h_screen : Css.Style -h_screen = - Css.batch - [ Css.height (Css.vh 100) - ] - - -text_xs : Css.Style -text_xs = - Css.batch - [ Css.fontSize (Css.rem 0.75) - ] - - -text_sm : Css.Style -text_sm = - Css.batch - [ Css.fontSize (Css.rem 0.875) - ] - - -text_base : Css.Style -text_base = - Css.batch - [ Css.fontSize (Css.rem 1) - ] - - -text_lg : Css.Style -text_lg = - Css.batch - [ Css.fontSize (Css.rem 1.125) - ] - - -text_xl : Css.Style -text_xl = - Css.batch - [ Css.fontSize (Css.rem 1.25) - ] - - -text_2xl : Css.Style -text_2xl = - Css.batch - [ Css.fontSize (Css.rem 1.5) - ] - - -text_3xl : Css.Style -text_3xl = - Css.batch - [ Css.fontSize (Css.rem 1.875) - ] - - -text_4xl : Css.Style -text_4xl = - Css.batch - [ Css.fontSize (Css.rem 2.25) - ] - - -text_5xl : Css.Style -text_5xl = - Css.batch - [ Css.fontSize (Css.rem 3) - ] - - -text_6xl : Css.Style -text_6xl = - Css.batch - [ Css.fontSize (Css.rem 4) - ] - - -leading_3 : Css.Style -leading_3 = - Css.batch - [ Css.lineHeight (Css.rem 0.75) - ] - - -leading_4 : Css.Style -leading_4 = - Css.batch - [ Css.lineHeight (Css.rem 1) - ] - - -leading_5 : Css.Style -leading_5 = - Css.batch - [ Css.lineHeight (Css.rem 1.25) - ] - - -leading_6 : Css.Style -leading_6 = - Css.batch - [ Css.lineHeight (Css.rem 1.5) - ] - - -leading_7 : Css.Style -leading_7 = - Css.batch - [ Css.lineHeight (Css.rem 1.75) - ] - - -leading_8 : Css.Style -leading_8 = - Css.batch - [ Css.lineHeight (Css.rem 2) - ] - - -leading_9 : Css.Style -leading_9 = - Css.batch - [ Css.lineHeight (Css.rem 2.25) - ] - - -leading_10 : Css.Style -leading_10 = - Css.batch - [ Css.lineHeight (Css.rem 2.5) - ] - - -leading_none : Css.Style -leading_none = - Css.batch - [ Css.lineHeight (Css.int 1) - ] - - -leading_tight : Css.Style -leading_tight = - Css.batch - [ Css.lineHeight (Css.num 1.25) - ] - - -leading_snug : Css.Style -leading_snug = - Css.batch - [ Css.lineHeight (Css.num 1.375) - ] - - -leading_normal : Css.Style -leading_normal = - Css.batch - [ Css.lineHeight (Css.num 1.5) - ] - - -leading_relaxed : Css.Style -leading_relaxed = - Css.batch - [ Css.lineHeight (Css.num 1.625) - ] - - -leading_loose : Css.Style -leading_loose = - Css.batch - [ Css.lineHeight (Css.int 2) - ] - - -list_inside : Css.Style -list_inside = - Css.batch - [ Css.listStylePosition Css.inside - ] - - -list_outside : Css.Style -list_outside = - Css.batch - [ Css.listStylePosition Css.outside - ] - - -list_none : Css.Style -list_none = - Css.batch - [ Css.listStyleType Css.none - ] - - -list_disc : Css.Style -list_disc = - Css.batch - [ Css.listStyleType Css.disc - ] - - -list_decimal : Css.Style -list_decimal = - Css.batch - [ Css.listStyleType Css.decimal - ] - - -m_0 : Css.Style -m_0 = - Css.batch - [ Css.margin (Css.px 0) - ] - - -m_1 : Css.Style -m_1 = - Css.batch - [ Css.margin (Css.rem 0.25) - ] - - -m_2 : Css.Style -m_2 = - Css.batch - [ Css.margin (Css.rem 0.5) - ] - - -m_3 : Css.Style -m_3 = - Css.batch - [ Css.margin (Css.rem 0.75) - ] - - -m_4 : Css.Style -m_4 = - Css.batch - [ Css.margin (Css.rem 1) - ] - - -m_5 : Css.Style -m_5 = - Css.batch - [ Css.margin (Css.rem 1.25) - ] - - -m_6 : Css.Style -m_6 = - Css.batch - [ Css.margin (Css.rem 1.5) - ] - - -m_8 : Css.Style -m_8 = - Css.batch - [ Css.margin (Css.rem 2) - ] - - -m_10 : Css.Style -m_10 = - Css.batch - [ Css.margin (Css.rem 2.5) - ] - - -m_12 : Css.Style -m_12 = - Css.batch - [ Css.margin (Css.rem 3) - ] - - -m_16 : Css.Style -m_16 = - Css.batch - [ Css.margin (Css.rem 4) - ] - - -m_20 : Css.Style -m_20 = - Css.batch - [ Css.margin (Css.rem 5) - ] - - -m_24 : Css.Style -m_24 = - Css.batch - [ Css.margin (Css.rem 6) - ] - - -m_32 : Css.Style -m_32 = - Css.batch - [ Css.margin (Css.rem 8) - ] - - -m_40 : Css.Style -m_40 = - Css.batch - [ Css.margin (Css.rem 10) - ] - - -m_48 : Css.Style -m_48 = - Css.batch - [ Css.margin (Css.rem 12) - ] - - -m_56 : Css.Style -m_56 = - Css.batch - [ Css.margin (Css.rem 14) - ] - - -m_64 : Css.Style -m_64 = - Css.batch - [ Css.margin (Css.rem 16) - ] - - -m_auto : Css.Style -m_auto = - Css.batch - [ Css.margin Css.auto - ] - - -m_px : Css.Style -m_px = - Css.batch - [ Css.margin (Css.px 1) - ] - - -neg_m_1 : Css.Style -neg_m_1 = - Css.batch - [ Css.margin (Css.rem -0.25) - ] - - -neg_m_2 : Css.Style -neg_m_2 = - Css.batch - [ Css.margin (Css.rem -0.5) - ] - - -neg_m_3 : Css.Style -neg_m_3 = - Css.batch - [ Css.margin (Css.rem -0.75) - ] - - -neg_m_4 : Css.Style -neg_m_4 = - Css.batch - [ Css.margin (Css.rem -1) - ] - - -neg_m_5 : Css.Style -neg_m_5 = - Css.batch - [ Css.margin (Css.rem -1.25) - ] - - -neg_m_6 : Css.Style -neg_m_6 = - Css.batch - [ Css.margin (Css.rem -1.5) - ] - - -neg_m_8 : Css.Style -neg_m_8 = - Css.batch - [ Css.margin (Css.rem -2) - ] - - -neg_m_10 : Css.Style -neg_m_10 = - Css.batch - [ Css.margin (Css.rem -2.5) - ] - - -neg_m_12 : Css.Style -neg_m_12 = - Css.batch - [ Css.margin (Css.rem -3) - ] - - -neg_m_16 : Css.Style -neg_m_16 = - Css.batch - [ Css.margin (Css.rem -4) - ] - - -neg_m_20 : Css.Style -neg_m_20 = - Css.batch - [ Css.margin (Css.rem -5) - ] - - -neg_m_24 : Css.Style -neg_m_24 = - Css.batch - [ Css.margin (Css.rem -6) - ] - - -neg_m_32 : Css.Style -neg_m_32 = - Css.batch - [ Css.margin (Css.rem -8) - ] - - -neg_m_40 : Css.Style -neg_m_40 = - Css.batch - [ Css.margin (Css.rem -10) - ] - - -neg_m_48 : Css.Style -neg_m_48 = - Css.batch - [ Css.margin (Css.rem -12) - ] - - -neg_m_56 : Css.Style -neg_m_56 = - Css.batch - [ Css.margin (Css.rem -14) - ] - - -neg_m_64 : Css.Style -neg_m_64 = - Css.batch - [ Css.margin (Css.rem -16) - ] - - -neg_m_px : Css.Style -neg_m_px = - Css.batch - [ Css.margin (Css.px -1) - ] - - -my_0 : Css.Style -my_0 = - Css.batch - [ Css.marginTop (Css.px 0) - , Css.marginBottom (Css.px 0) - ] - - -mx_0 : Css.Style -mx_0 = - Css.batch - [ Css.marginLeft (Css.px 0) - , Css.marginRight (Css.px 0) - ] - - -my_1 : Css.Style -my_1 = - Css.batch - [ Css.marginTop (Css.rem 0.25) - , Css.marginBottom (Css.rem 0.25) - ] - - -mx_1 : Css.Style -mx_1 = - Css.batch - [ Css.marginLeft (Css.rem 0.25) - , Css.marginRight (Css.rem 0.25) - ] - - -my_2 : Css.Style -my_2 = - Css.batch - [ Css.marginTop (Css.rem 0.5) - , Css.marginBottom (Css.rem 0.5) - ] - - -mx_2 : Css.Style -mx_2 = - Css.batch - [ Css.marginLeft (Css.rem 0.5) - , Css.marginRight (Css.rem 0.5) - ] - - -my_3 : Css.Style -my_3 = - Css.batch - [ Css.marginTop (Css.rem 0.75) - , Css.marginBottom (Css.rem 0.75) - ] - - -mx_3 : Css.Style -mx_3 = - Css.batch - [ Css.marginLeft (Css.rem 0.75) - , Css.marginRight (Css.rem 0.75) - ] - - -my_4 : Css.Style -my_4 = - Css.batch - [ Css.marginTop (Css.rem 1) - , Css.marginBottom (Css.rem 1) - ] - - -mx_4 : Css.Style -mx_4 = - Css.batch - [ Css.marginLeft (Css.rem 1) - , Css.marginRight (Css.rem 1) - ] - - -my_5 : Css.Style -my_5 = - Css.batch - [ Css.marginTop (Css.rem 1.25) - , Css.marginBottom (Css.rem 1.25) - ] - - -mx_5 : Css.Style -mx_5 = - Css.batch - [ Css.marginLeft (Css.rem 1.25) - , Css.marginRight (Css.rem 1.25) - ] - - -my_6 : Css.Style -my_6 = - Css.batch - [ Css.marginTop (Css.rem 1.5) - , Css.marginBottom (Css.rem 1.5) - ] - - -mx_6 : Css.Style -mx_6 = - Css.batch - [ Css.marginLeft (Css.rem 1.5) - , Css.marginRight (Css.rem 1.5) - ] - - -my_8 : Css.Style -my_8 = - Css.batch - [ Css.marginTop (Css.rem 2) - , Css.marginBottom (Css.rem 2) - ] - - -mx_8 : Css.Style -mx_8 = - Css.batch - [ Css.marginLeft (Css.rem 2) - , Css.marginRight (Css.rem 2) - ] - - -my_10 : Css.Style -my_10 = - Css.batch - [ Css.marginTop (Css.rem 2.5) - , Css.marginBottom (Css.rem 2.5) - ] - - -mx_10 : Css.Style -mx_10 = - Css.batch - [ Css.marginLeft (Css.rem 2.5) - , Css.marginRight (Css.rem 2.5) - ] - - -my_12 : Css.Style -my_12 = - Css.batch - [ Css.marginTop (Css.rem 3) - , Css.marginBottom (Css.rem 3) - ] - - -mx_12 : Css.Style -mx_12 = - Css.batch - [ Css.marginLeft (Css.rem 3) - , Css.marginRight (Css.rem 3) - ] - - -my_16 : Css.Style -my_16 = - Css.batch - [ Css.marginTop (Css.rem 4) - , Css.marginBottom (Css.rem 4) - ] - - -mx_16 : Css.Style -mx_16 = - Css.batch - [ Css.marginLeft (Css.rem 4) - , Css.marginRight (Css.rem 4) - ] - - -my_20 : Css.Style -my_20 = - Css.batch - [ Css.marginTop (Css.rem 5) - , Css.marginBottom (Css.rem 5) - ] - - -mx_20 : Css.Style -mx_20 = - Css.batch - [ Css.marginLeft (Css.rem 5) - , Css.marginRight (Css.rem 5) - ] - - -my_24 : Css.Style -my_24 = - Css.batch - [ Css.marginTop (Css.rem 6) - , Css.marginBottom (Css.rem 6) - ] - - -mx_24 : Css.Style -mx_24 = - Css.batch - [ Css.marginLeft (Css.rem 6) - , Css.marginRight (Css.rem 6) - ] - - -my_32 : Css.Style -my_32 = - Css.batch - [ Css.marginTop (Css.rem 8) - , Css.marginBottom (Css.rem 8) - ] - - -mx_32 : Css.Style -mx_32 = - Css.batch - [ Css.marginLeft (Css.rem 8) - , Css.marginRight (Css.rem 8) - ] - - -my_40 : Css.Style -my_40 = - Css.batch - [ Css.marginTop (Css.rem 10) - , Css.marginBottom (Css.rem 10) - ] - - -mx_40 : Css.Style -mx_40 = - Css.batch - [ Css.marginLeft (Css.rem 10) - , Css.marginRight (Css.rem 10) - ] - - -my_48 : Css.Style -my_48 = - Css.batch - [ Css.marginTop (Css.rem 12) - , Css.marginBottom (Css.rem 12) - ] - - -mx_48 : Css.Style -mx_48 = - Css.batch - [ Css.marginLeft (Css.rem 12) - , Css.marginRight (Css.rem 12) - ] - - -my_56 : Css.Style -my_56 = - Css.batch - [ Css.marginTop (Css.rem 14) - , Css.marginBottom (Css.rem 14) - ] - - -mx_56 : Css.Style -mx_56 = - Css.batch - [ Css.marginLeft (Css.rem 14) - , Css.marginRight (Css.rem 14) - ] - - -my_64 : Css.Style -my_64 = - Css.batch - [ Css.marginTop (Css.rem 16) - , Css.marginBottom (Css.rem 16) - ] - - -mx_64 : Css.Style -mx_64 = - Css.batch - [ Css.marginLeft (Css.rem 16) - , Css.marginRight (Css.rem 16) - ] - - -my_auto : Css.Style -my_auto = - Css.batch - [ Css.marginTop Css.auto - , Css.marginBottom Css.auto - ] - - -mx_auto : Css.Style -mx_auto = - Css.batch - [ Css.marginLeft Css.auto - , Css.marginRight Css.auto - ] - - -my_px : Css.Style -my_px = - Css.batch - [ Css.marginTop (Css.px 1) - , Css.marginBottom (Css.px 1) - ] - - -mx_px : Css.Style -mx_px = - Css.batch - [ Css.marginLeft (Css.px 1) - , Css.marginRight (Css.px 1) - ] - - -neg_my_1 : Css.Style -neg_my_1 = - Css.batch - [ Css.marginTop (Css.rem -0.25) - , Css.marginBottom (Css.rem -0.25) - ] - - -neg_mx_1 : Css.Style -neg_mx_1 = - Css.batch - [ Css.marginLeft (Css.rem -0.25) - , Css.marginRight (Css.rem -0.25) - ] - - -neg_my_2 : Css.Style -neg_my_2 = - Css.batch - [ Css.marginTop (Css.rem -0.5) - , Css.marginBottom (Css.rem -0.5) - ] - - -neg_mx_2 : Css.Style -neg_mx_2 = - Css.batch - [ Css.marginLeft (Css.rem -0.5) - , Css.marginRight (Css.rem -0.5) - ] - - -neg_my_3 : Css.Style -neg_my_3 = - Css.batch - [ Css.marginTop (Css.rem -0.75) - , Css.marginBottom (Css.rem -0.75) - ] - - -neg_mx_3 : Css.Style -neg_mx_3 = - Css.batch - [ Css.marginLeft (Css.rem -0.75) - , Css.marginRight (Css.rem -0.75) - ] - - -neg_my_4 : Css.Style -neg_my_4 = - Css.batch - [ Css.marginTop (Css.rem -1) - , Css.marginBottom (Css.rem -1) - ] - - -neg_mx_4 : Css.Style -neg_mx_4 = - Css.batch - [ Css.marginLeft (Css.rem -1) - , Css.marginRight (Css.rem -1) - ] - - -neg_my_5 : Css.Style -neg_my_5 = - Css.batch - [ Css.marginTop (Css.rem -1.25) - , Css.marginBottom (Css.rem -1.25) - ] - - -neg_mx_5 : Css.Style -neg_mx_5 = - Css.batch - [ Css.marginLeft (Css.rem -1.25) - , Css.marginRight (Css.rem -1.25) - ] - - -neg_my_6 : Css.Style -neg_my_6 = - Css.batch - [ Css.marginTop (Css.rem -1.5) - , Css.marginBottom (Css.rem -1.5) - ] - - -neg_mx_6 : Css.Style -neg_mx_6 = - Css.batch - [ Css.marginLeft (Css.rem -1.5) - , Css.marginRight (Css.rem -1.5) - ] - - -neg_my_8 : Css.Style -neg_my_8 = - Css.batch - [ Css.marginTop (Css.rem -2) - , Css.marginBottom (Css.rem -2) - ] - - -neg_mx_8 : Css.Style -neg_mx_8 = - Css.batch - [ Css.marginLeft (Css.rem -2) - , Css.marginRight (Css.rem -2) - ] - - -neg_my_10 : Css.Style -neg_my_10 = - Css.batch - [ Css.marginTop (Css.rem -2.5) - , Css.marginBottom (Css.rem -2.5) - ] - - -neg_mx_10 : Css.Style -neg_mx_10 = - Css.batch - [ Css.marginLeft (Css.rem -2.5) - , Css.marginRight (Css.rem -2.5) - ] - - -neg_my_12 : Css.Style -neg_my_12 = - Css.batch - [ Css.marginTop (Css.rem -3) - , Css.marginBottom (Css.rem -3) - ] - - -neg_mx_12 : Css.Style -neg_mx_12 = - Css.batch - [ Css.marginLeft (Css.rem -3) - , Css.marginRight (Css.rem -3) - ] - - -neg_my_16 : Css.Style -neg_my_16 = - Css.batch - [ Css.marginTop (Css.rem -4) - , Css.marginBottom (Css.rem -4) - ] - - -neg_mx_16 : Css.Style -neg_mx_16 = - Css.batch - [ Css.marginLeft (Css.rem -4) - , Css.marginRight (Css.rem -4) - ] - - -neg_my_20 : Css.Style -neg_my_20 = - Css.batch - [ Css.marginTop (Css.rem -5) - , Css.marginBottom (Css.rem -5) - ] - - -neg_mx_20 : Css.Style -neg_mx_20 = - Css.batch - [ Css.marginLeft (Css.rem -5) - , Css.marginRight (Css.rem -5) - ] - - -neg_my_24 : Css.Style -neg_my_24 = - Css.batch - [ Css.marginTop (Css.rem -6) - , Css.marginBottom (Css.rem -6) - ] - - -neg_mx_24 : Css.Style -neg_mx_24 = - Css.batch - [ Css.marginLeft (Css.rem -6) - , Css.marginRight (Css.rem -6) - ] - - -neg_my_32 : Css.Style -neg_my_32 = - Css.batch - [ Css.marginTop (Css.rem -8) - , Css.marginBottom (Css.rem -8) - ] - - -neg_mx_32 : Css.Style -neg_mx_32 = - Css.batch - [ Css.marginLeft (Css.rem -8) - , Css.marginRight (Css.rem -8) - ] - - -neg_my_40 : Css.Style -neg_my_40 = - Css.batch - [ Css.marginTop (Css.rem -10) - , Css.marginBottom (Css.rem -10) - ] - - -neg_mx_40 : Css.Style -neg_mx_40 = - Css.batch - [ Css.marginLeft (Css.rem -10) - , Css.marginRight (Css.rem -10) - ] - - -neg_my_48 : Css.Style -neg_my_48 = - Css.batch - [ Css.marginTop (Css.rem -12) - , Css.marginBottom (Css.rem -12) - ] - - -neg_mx_48 : Css.Style -neg_mx_48 = - Css.batch - [ Css.marginLeft (Css.rem -12) - , Css.marginRight (Css.rem -12) - ] - - -neg_my_56 : Css.Style -neg_my_56 = - Css.batch - [ Css.marginTop (Css.rem -14) - , Css.marginBottom (Css.rem -14) - ] - - -neg_mx_56 : Css.Style -neg_mx_56 = - Css.batch - [ Css.marginLeft (Css.rem -14) - , Css.marginRight (Css.rem -14) - ] - - -neg_my_64 : Css.Style -neg_my_64 = - Css.batch - [ Css.marginTop (Css.rem -16) - , Css.marginBottom (Css.rem -16) - ] - - -neg_mx_64 : Css.Style -neg_mx_64 = - Css.batch - [ Css.marginLeft (Css.rem -16) - , Css.marginRight (Css.rem -16) - ] - - -neg_my_px : Css.Style -neg_my_px = - Css.batch - [ Css.marginTop (Css.px -1) - , Css.marginBottom (Css.px -1) - ] - - -neg_mx_px : Css.Style -neg_mx_px = - Css.batch - [ Css.marginLeft (Css.px -1) - , Css.marginRight (Css.px -1) - ] - - -mt_0 : Css.Style -mt_0 = - Css.batch - [ Css.marginTop (Css.px 0) - ] - - -mr_0 : Css.Style -mr_0 = - Css.batch - [ Css.marginRight (Css.px 0) - ] - - -mb_0 : Css.Style -mb_0 = - Css.batch - [ Css.marginBottom (Css.px 0) - ] - - -ml_0 : Css.Style -ml_0 = - Css.batch - [ Css.marginLeft (Css.px 0) - ] - - -mt_1 : Css.Style -mt_1 = - Css.batch - [ Css.marginTop (Css.rem 0.25) - ] - - -mr_1 : Css.Style -mr_1 = - Css.batch - [ Css.marginRight (Css.rem 0.25) - ] - - -mb_1 : Css.Style -mb_1 = - Css.batch - [ Css.marginBottom (Css.rem 0.25) - ] - - -ml_1 : Css.Style -ml_1 = - Css.batch - [ Css.marginLeft (Css.rem 0.25) - ] - - -mt_2 : Css.Style -mt_2 = - Css.batch - [ Css.marginTop (Css.rem 0.5) - ] - - -mr_2 : Css.Style -mr_2 = - Css.batch - [ Css.marginRight (Css.rem 0.5) - ] - - -mb_2 : Css.Style -mb_2 = - Css.batch - [ Css.marginBottom (Css.rem 0.5) - ] - - -ml_2 : Css.Style -ml_2 = - Css.batch - [ Css.marginLeft (Css.rem 0.5) - ] - - -mt_3 : Css.Style -mt_3 = - Css.batch - [ Css.marginTop (Css.rem 0.75) - ] - - -mr_3 : Css.Style -mr_3 = - Css.batch - [ Css.marginRight (Css.rem 0.75) - ] - - -mb_3 : Css.Style -mb_3 = - Css.batch - [ Css.marginBottom (Css.rem 0.75) - ] - - -ml_3 : Css.Style -ml_3 = - Css.batch - [ Css.marginLeft (Css.rem 0.75) - ] - - -mt_4 : Css.Style -mt_4 = - Css.batch - [ Css.marginTop (Css.rem 1) - ] - - -mr_4 : Css.Style -mr_4 = - Css.batch - [ Css.marginRight (Css.rem 1) - ] - - -mb_4 : Css.Style -mb_4 = - Css.batch - [ Css.marginBottom (Css.rem 1) - ] - - -ml_4 : Css.Style -ml_4 = - Css.batch - [ Css.marginLeft (Css.rem 1) - ] - - -mt_5 : Css.Style -mt_5 = - Css.batch - [ Css.marginTop (Css.rem 1.25) - ] - - -mr_5 : Css.Style -mr_5 = - Css.batch - [ Css.marginRight (Css.rem 1.25) - ] - - -mb_5 : Css.Style -mb_5 = - Css.batch - [ Css.marginBottom (Css.rem 1.25) - ] - - -ml_5 : Css.Style -ml_5 = - Css.batch - [ Css.marginLeft (Css.rem 1.25) - ] - - -mt_6 : Css.Style -mt_6 = - Css.batch - [ Css.marginTop (Css.rem 1.5) - ] - - -mr_6 : Css.Style -mr_6 = - Css.batch - [ Css.marginRight (Css.rem 1.5) - ] - - -mb_6 : Css.Style -mb_6 = - Css.batch - [ Css.marginBottom (Css.rem 1.5) - ] - - -ml_6 : Css.Style -ml_6 = - Css.batch - [ Css.marginLeft (Css.rem 1.5) - ] - - -mt_8 : Css.Style -mt_8 = - Css.batch - [ Css.marginTop (Css.rem 2) - ] - - -mr_8 : Css.Style -mr_8 = - Css.batch - [ Css.marginRight (Css.rem 2) - ] - - -mb_8 : Css.Style -mb_8 = - Css.batch - [ Css.marginBottom (Css.rem 2) - ] - - -ml_8 : Css.Style -ml_8 = - Css.batch - [ Css.marginLeft (Css.rem 2) - ] - - -mt_10 : Css.Style -mt_10 = - Css.batch - [ Css.marginTop (Css.rem 2.5) - ] - - -mr_10 : Css.Style -mr_10 = - Css.batch - [ Css.marginRight (Css.rem 2.5) - ] - - -mb_10 : Css.Style -mb_10 = - Css.batch - [ Css.marginBottom (Css.rem 2.5) - ] - - -ml_10 : Css.Style -ml_10 = - Css.batch - [ Css.marginLeft (Css.rem 2.5) - ] - - -mt_12 : Css.Style -mt_12 = - Css.batch - [ Css.marginTop (Css.rem 3) - ] - - -mr_12 : Css.Style -mr_12 = - Css.batch - [ Css.marginRight (Css.rem 3) - ] - - -mb_12 : Css.Style -mb_12 = - Css.batch - [ Css.marginBottom (Css.rem 3) - ] - - -ml_12 : Css.Style -ml_12 = - Css.batch - [ Css.marginLeft (Css.rem 3) - ] - - -mt_16 : Css.Style -mt_16 = - Css.batch - [ Css.marginTop (Css.rem 4) - ] - - -mr_16 : Css.Style -mr_16 = - Css.batch - [ Css.marginRight (Css.rem 4) - ] - - -mb_16 : Css.Style -mb_16 = - Css.batch - [ Css.marginBottom (Css.rem 4) - ] - - -ml_16 : Css.Style -ml_16 = - Css.batch - [ Css.marginLeft (Css.rem 4) - ] - - -mt_20 : Css.Style -mt_20 = - Css.batch - [ Css.marginTop (Css.rem 5) - ] - - -mr_20 : Css.Style -mr_20 = - Css.batch - [ Css.marginRight (Css.rem 5) - ] - - -mb_20 : Css.Style -mb_20 = - Css.batch - [ Css.marginBottom (Css.rem 5) - ] - - -ml_20 : Css.Style -ml_20 = - Css.batch - [ Css.marginLeft (Css.rem 5) - ] - - -mt_24 : Css.Style -mt_24 = - Css.batch - [ Css.marginTop (Css.rem 6) - ] - - -mr_24 : Css.Style -mr_24 = - Css.batch - [ Css.marginRight (Css.rem 6) - ] - - -mb_24 : Css.Style -mb_24 = - Css.batch - [ Css.marginBottom (Css.rem 6) - ] - - -ml_24 : Css.Style -ml_24 = - Css.batch - [ Css.marginLeft (Css.rem 6) - ] - - -mt_32 : Css.Style -mt_32 = - Css.batch - [ Css.marginTop (Css.rem 8) - ] - - -mr_32 : Css.Style -mr_32 = - Css.batch - [ Css.marginRight (Css.rem 8) - ] - - -mb_32 : Css.Style -mb_32 = - Css.batch - [ Css.marginBottom (Css.rem 8) - ] - - -ml_32 : Css.Style -ml_32 = - Css.batch - [ Css.marginLeft (Css.rem 8) - ] - - -mt_40 : Css.Style -mt_40 = - Css.batch - [ Css.marginTop (Css.rem 10) - ] - - -mr_40 : Css.Style -mr_40 = - Css.batch - [ Css.marginRight (Css.rem 10) - ] - - -mb_40 : Css.Style -mb_40 = - Css.batch - [ Css.marginBottom (Css.rem 10) - ] - - -ml_40 : Css.Style -ml_40 = - Css.batch - [ Css.marginLeft (Css.rem 10) - ] - - -mt_48 : Css.Style -mt_48 = - Css.batch - [ Css.marginTop (Css.rem 12) - ] - - -mr_48 : Css.Style -mr_48 = - Css.batch - [ Css.marginRight (Css.rem 12) - ] - - -mb_48 : Css.Style -mb_48 = - Css.batch - [ Css.marginBottom (Css.rem 12) - ] - - -ml_48 : Css.Style -ml_48 = - Css.batch - [ Css.marginLeft (Css.rem 12) - ] - - -mt_56 : Css.Style -mt_56 = - Css.batch - [ Css.marginTop (Css.rem 14) - ] - - -mr_56 : Css.Style -mr_56 = - Css.batch - [ Css.marginRight (Css.rem 14) - ] - - -mb_56 : Css.Style -mb_56 = - Css.batch - [ Css.marginBottom (Css.rem 14) - ] - - -ml_56 : Css.Style -ml_56 = - Css.batch - [ Css.marginLeft (Css.rem 14) - ] - - -mt_64 : Css.Style -mt_64 = - Css.batch - [ Css.marginTop (Css.rem 16) - ] - - -mr_64 : Css.Style -mr_64 = - Css.batch - [ Css.marginRight (Css.rem 16) - ] - - -mb_64 : Css.Style -mb_64 = - Css.batch - [ Css.marginBottom (Css.rem 16) - ] - - -ml_64 : Css.Style -ml_64 = - Css.batch - [ Css.marginLeft (Css.rem 16) - ] - - -mt_auto : Css.Style -mt_auto = - Css.batch - [ Css.marginTop Css.auto - ] - - -mr_auto : Css.Style -mr_auto = - Css.batch - [ Css.marginRight Css.auto - ] - - -mb_auto : Css.Style -mb_auto = - Css.batch - [ Css.marginBottom Css.auto - ] - - -ml_auto : Css.Style -ml_auto = - Css.batch - [ Css.marginLeft Css.auto - ] - - -mt_px : Css.Style -mt_px = - Css.batch - [ Css.marginTop (Css.px 1) - ] - - -mr_px : Css.Style -mr_px = - Css.batch - [ Css.marginRight (Css.px 1) - ] - - -mb_px : Css.Style -mb_px = - Css.batch - [ Css.marginBottom (Css.px 1) - ] - - -ml_px : Css.Style -ml_px = - Css.batch - [ Css.marginLeft (Css.px 1) - ] - - -neg_mt_1 : Css.Style -neg_mt_1 = - Css.batch - [ Css.marginTop (Css.rem -0.25) - ] - - -neg_mr_1 : Css.Style -neg_mr_1 = - Css.batch - [ Css.marginRight (Css.rem -0.25) - ] - - -neg_mb_1 : Css.Style -neg_mb_1 = - Css.batch - [ Css.marginBottom (Css.rem -0.25) - ] - - -neg_ml_1 : Css.Style -neg_ml_1 = - Css.batch - [ Css.marginLeft (Css.rem -0.25) - ] - - -neg_mt_2 : Css.Style -neg_mt_2 = - Css.batch - [ Css.marginTop (Css.rem -0.5) - ] - - -neg_mr_2 : Css.Style -neg_mr_2 = - Css.batch - [ Css.marginRight (Css.rem -0.5) - ] - - -neg_mb_2 : Css.Style -neg_mb_2 = - Css.batch - [ Css.marginBottom (Css.rem -0.5) - ] - - -neg_ml_2 : Css.Style -neg_ml_2 = - Css.batch - [ Css.marginLeft (Css.rem -0.5) - ] - - -neg_mt_3 : Css.Style -neg_mt_3 = - Css.batch - [ Css.marginTop (Css.rem -0.75) - ] - - -neg_mr_3 : Css.Style -neg_mr_3 = - Css.batch - [ Css.marginRight (Css.rem -0.75) - ] - - -neg_mb_3 : Css.Style -neg_mb_3 = - Css.batch - [ Css.marginBottom (Css.rem -0.75) - ] - - -neg_ml_3 : Css.Style -neg_ml_3 = - Css.batch - [ Css.marginLeft (Css.rem -0.75) - ] - - -neg_mt_4 : Css.Style -neg_mt_4 = - Css.batch - [ Css.marginTop (Css.rem -1) - ] - - -neg_mr_4 : Css.Style -neg_mr_4 = - Css.batch - [ Css.marginRight (Css.rem -1) - ] - - -neg_mb_4 : Css.Style -neg_mb_4 = - Css.batch - [ Css.marginBottom (Css.rem -1) - ] - - -neg_ml_4 : Css.Style -neg_ml_4 = - Css.batch - [ Css.marginLeft (Css.rem -1) - ] - - -neg_mt_5 : Css.Style -neg_mt_5 = - Css.batch - [ Css.marginTop (Css.rem -1.25) - ] - - -neg_mr_5 : Css.Style -neg_mr_5 = - Css.batch - [ Css.marginRight (Css.rem -1.25) - ] - - -neg_mb_5 : Css.Style -neg_mb_5 = - Css.batch - [ Css.marginBottom (Css.rem -1.25) - ] - - -neg_ml_5 : Css.Style -neg_ml_5 = - Css.batch - [ Css.marginLeft (Css.rem -1.25) - ] - - -neg_mt_6 : Css.Style -neg_mt_6 = - Css.batch - [ Css.marginTop (Css.rem -1.5) - ] - - -neg_mr_6 : Css.Style -neg_mr_6 = - Css.batch - [ Css.marginRight (Css.rem -1.5) - ] - - -neg_mb_6 : Css.Style -neg_mb_6 = - Css.batch - [ Css.marginBottom (Css.rem -1.5) - ] - - -neg_ml_6 : Css.Style -neg_ml_6 = - Css.batch - [ Css.marginLeft (Css.rem -1.5) - ] - - -neg_mt_8 : Css.Style -neg_mt_8 = - Css.batch - [ Css.marginTop (Css.rem -2) - ] - - -neg_mr_8 : Css.Style -neg_mr_8 = - Css.batch - [ Css.marginRight (Css.rem -2) - ] - - -neg_mb_8 : Css.Style -neg_mb_8 = - Css.batch - [ Css.marginBottom (Css.rem -2) - ] - - -neg_ml_8 : Css.Style -neg_ml_8 = - Css.batch - [ Css.marginLeft (Css.rem -2) - ] - - -neg_mt_10 : Css.Style -neg_mt_10 = - Css.batch - [ Css.marginTop (Css.rem -2.5) - ] - - -neg_mr_10 : Css.Style -neg_mr_10 = - Css.batch - [ Css.marginRight (Css.rem -2.5) - ] - - -neg_mb_10 : Css.Style -neg_mb_10 = - Css.batch - [ Css.marginBottom (Css.rem -2.5) - ] - - -neg_ml_10 : Css.Style -neg_ml_10 = - Css.batch - [ Css.marginLeft (Css.rem -2.5) - ] - - -neg_mt_12 : Css.Style -neg_mt_12 = - Css.batch - [ Css.marginTop (Css.rem -3) - ] - - -neg_mr_12 : Css.Style -neg_mr_12 = - Css.batch - [ Css.marginRight (Css.rem -3) - ] - - -neg_mb_12 : Css.Style -neg_mb_12 = - Css.batch - [ Css.marginBottom (Css.rem -3) - ] - - -neg_ml_12 : Css.Style -neg_ml_12 = - Css.batch - [ Css.marginLeft (Css.rem -3) - ] - - -neg_mt_16 : Css.Style -neg_mt_16 = - Css.batch - [ Css.marginTop (Css.rem -4) - ] - - -neg_mr_16 : Css.Style -neg_mr_16 = - Css.batch - [ Css.marginRight (Css.rem -4) - ] - - -neg_mb_16 : Css.Style -neg_mb_16 = - Css.batch - [ Css.marginBottom (Css.rem -4) - ] - - -neg_ml_16 : Css.Style -neg_ml_16 = - Css.batch - [ Css.marginLeft (Css.rem -4) - ] - - -neg_mt_20 : Css.Style -neg_mt_20 = - Css.batch - [ Css.marginTop (Css.rem -5) - ] - - -neg_mr_20 : Css.Style -neg_mr_20 = - Css.batch - [ Css.marginRight (Css.rem -5) - ] - - -neg_mb_20 : Css.Style -neg_mb_20 = - Css.batch - [ Css.marginBottom (Css.rem -5) - ] - - -neg_ml_20 : Css.Style -neg_ml_20 = - Css.batch - [ Css.marginLeft (Css.rem -5) - ] - - -neg_mt_24 : Css.Style -neg_mt_24 = - Css.batch - [ Css.marginTop (Css.rem -6) - ] - - -neg_mr_24 : Css.Style -neg_mr_24 = - Css.batch - [ Css.marginRight (Css.rem -6) - ] - - -neg_mb_24 : Css.Style -neg_mb_24 = - Css.batch - [ Css.marginBottom (Css.rem -6) - ] - - -neg_ml_24 : Css.Style -neg_ml_24 = - Css.batch - [ Css.marginLeft (Css.rem -6) - ] - - -neg_mt_32 : Css.Style -neg_mt_32 = - Css.batch - [ Css.marginTop (Css.rem -8) - ] - - -neg_mr_32 : Css.Style -neg_mr_32 = - Css.batch - [ Css.marginRight (Css.rem -8) - ] - - -neg_mb_32 : Css.Style -neg_mb_32 = - Css.batch - [ Css.marginBottom (Css.rem -8) - ] - - -neg_ml_32 : Css.Style -neg_ml_32 = - Css.batch - [ Css.marginLeft (Css.rem -8) - ] - - -neg_mt_40 : Css.Style -neg_mt_40 = - Css.batch - [ Css.marginTop (Css.rem -10) - ] - - -neg_mr_40 : Css.Style -neg_mr_40 = - Css.batch - [ Css.marginRight (Css.rem -10) - ] - - -neg_mb_40 : Css.Style -neg_mb_40 = - Css.batch - [ Css.marginBottom (Css.rem -10) - ] - - -neg_ml_40 : Css.Style -neg_ml_40 = - Css.batch - [ Css.marginLeft (Css.rem -10) - ] - - -neg_mt_48 : Css.Style -neg_mt_48 = - Css.batch - [ Css.marginTop (Css.rem -12) - ] - - -neg_mr_48 : Css.Style -neg_mr_48 = - Css.batch - [ Css.marginRight (Css.rem -12) - ] - - -neg_mb_48 : Css.Style -neg_mb_48 = - Css.batch - [ Css.marginBottom (Css.rem -12) - ] - - -neg_ml_48 : Css.Style -neg_ml_48 = - Css.batch - [ Css.marginLeft (Css.rem -12) - ] - - -neg_mt_56 : Css.Style -neg_mt_56 = - Css.batch - [ Css.marginTop (Css.rem -14) - ] - - -neg_mr_56 : Css.Style -neg_mr_56 = - Css.batch - [ Css.marginRight (Css.rem -14) - ] - - -neg_mb_56 : Css.Style -neg_mb_56 = - Css.batch - [ Css.marginBottom (Css.rem -14) - ] - - -neg_ml_56 : Css.Style -neg_ml_56 = - Css.batch - [ Css.marginLeft (Css.rem -14) - ] - - -neg_mt_64 : Css.Style -neg_mt_64 = - Css.batch - [ Css.marginTop (Css.rem -16) - ] - - -neg_mr_64 : Css.Style -neg_mr_64 = - Css.batch - [ Css.marginRight (Css.rem -16) - ] - - -neg_mb_64 : Css.Style -neg_mb_64 = - Css.batch - [ Css.marginBottom (Css.rem -16) - ] - - -neg_ml_64 : Css.Style -neg_ml_64 = - Css.batch - [ Css.marginLeft (Css.rem -16) - ] - - -neg_mt_px : Css.Style -neg_mt_px = - Css.batch - [ Css.marginTop (Css.px -1) - ] - - -neg_mr_px : Css.Style -neg_mr_px = - Css.batch - [ Css.marginRight (Css.px -1) - ] - - -neg_mb_px : Css.Style -neg_mb_px = - Css.batch - [ Css.marginBottom (Css.px -1) - ] - - -neg_ml_px : Css.Style -neg_ml_px = - Css.batch - [ Css.marginLeft (Css.px -1) - ] - - -max_h_full : Css.Style -max_h_full = - Css.batch - [ Css.maxHeight (Css.pct 100) - ] - - -max_h_screen : Css.Style -max_h_screen = - Css.batch - [ Css.maxHeight (Css.vh 100) - ] - - -max_w_none : Css.Style -max_w_none = - Css.batch - [ Css.maxWidth Css.none - ] - - -max_w_xs : Css.Style -max_w_xs = - Css.batch - [ Css.maxWidth (Css.rem 20) - ] - - -max_w_sm : Css.Style -max_w_sm = - Css.batch - [ Css.maxWidth (Css.rem 24) - ] - - -max_w_md : Css.Style -max_w_md = - Css.batch - [ Css.maxWidth (Css.rem 28) - ] - - -max_w_lg : Css.Style -max_w_lg = - Css.batch - [ Css.maxWidth (Css.rem 32) - ] - - -max_w_xl : Css.Style -max_w_xl = - Css.batch - [ Css.maxWidth (Css.rem 36) - ] - - -max_w_2xl : Css.Style -max_w_2xl = - Css.batch - [ Css.maxWidth (Css.rem 42) - ] - - -max_w_3xl : Css.Style -max_w_3xl = - Css.batch - [ Css.maxWidth (Css.rem 48) - ] - - -max_w_4xl : Css.Style -max_w_4xl = - Css.batch - [ Css.maxWidth (Css.rem 56) - ] - - -max_w_5xl : Css.Style -max_w_5xl = - Css.batch - [ Css.maxWidth (Css.rem 64) - ] - - -max_w_6xl : Css.Style -max_w_6xl = - Css.batch - [ Css.maxWidth (Css.rem 72) - ] - - -max_w_full : Css.Style -max_w_full = - Css.batch - [ Css.maxWidth (Css.pct 100) - ] - - -max_w_screen_sm : Css.Style -max_w_screen_sm = - Css.batch - [ Css.maxWidth (Css.px 640) - ] - - -max_w_screen_md : Css.Style -max_w_screen_md = - Css.batch - [ Css.maxWidth (Css.px 768) - ] - - -max_w_screen_lg : Css.Style -max_w_screen_lg = - Css.batch - [ Css.maxWidth (Css.px 1024) - ] - - -max_w_screen_xl : Css.Style -max_w_screen_xl = - Css.batch - [ Css.maxWidth (Css.px 1280) - ] - - -min_h_0 : Css.Style -min_h_0 = - Css.batch - [ Css.minHeight (Css.px 0) - ] - - -min_h_full : Css.Style -min_h_full = - Css.batch - [ Css.minHeight (Css.pct 100) - ] - - -min_h_screen : Css.Style -min_h_screen = - Css.batch - [ Css.minHeight (Css.vh 100) - ] - - -min_w_0 : Css.Style -min_w_0 = - Css.batch - [ Css.minWidth (Css.px 0) - ] - - -min_w_full : Css.Style -min_w_full = - Css.batch - [ Css.minWidth (Css.pct 100) - ] - - -object_contain : Css.Style -object_contain = - Css.batch - [ Css.property "object-fit" "contain" - ] - - -object_cover : Css.Style -object_cover = - Css.batch - [ Css.property "object-fit" "cover" - ] - - -object_fill : Css.Style -object_fill = - Css.batch - [ Css.property "object-fit" "fill" - ] - - -object_none : Css.Style -object_none = - Css.batch - [ Css.property "object-fit" "none" - ] - - -object_scale_down : Css.Style -object_scale_down = - Css.batch - [ Css.property "object-fit" "scale-down" - ] - - -object_bottom : Css.Style -object_bottom = - Css.batch - [ Css.property "object-position" "bottom" - ] - - -object_center : Css.Style -object_center = - Css.batch - [ Css.property "object-position" "center" - ] - - -object_left : Css.Style -object_left = - Css.batch - [ Css.property "object-position" "left" - ] - - -object_left_bottom : Css.Style -object_left_bottom = - Css.batch - [ Css.property "object-position" "left bottom" - ] - - -object_left_top : Css.Style -object_left_top = - Css.batch - [ Css.property "object-position" "left top" - ] - - -object_right : Css.Style -object_right = - Css.batch - [ Css.property "object-position" "right" - ] - - -object_right_bottom : Css.Style -object_right_bottom = - Css.batch - [ Css.property "object-position" "right bottom" - ] - - -object_right_top : Css.Style -object_right_top = - Css.batch - [ Css.property "object-position" "right top" - ] - - -object_top : Css.Style -object_top = - Css.batch - [ Css.property "object-position" "top" - ] - - -opacity_0 : Css.Style -opacity_0 = - Css.batch - [ Css.opacity (Css.int 0) - ] - - -opacity_25 : Css.Style -opacity_25 = - Css.batch - [ Css.opacity (Css.num 0.25) - ] - - -opacity_50 : Css.Style -opacity_50 = - Css.batch - [ Css.opacity (Css.num 0.5) - ] - - -opacity_75 : Css.Style -opacity_75 = - Css.batch - [ Css.opacity (Css.num 0.75) - ] - - -opacity_100 : Css.Style -opacity_100 = - Css.batch - [ Css.opacity (Css.int 1) - ] - - -hover__opacity_0 : Css.Style -hover__opacity_0 = - Css.batch - [ Css.hover - [ Css.opacity (Css.int 0) - ] - ] - - -hover__opacity_25 : Css.Style -hover__opacity_25 = - Css.batch - [ Css.hover - [ Css.opacity (Css.num 0.25) - ] - ] - - -hover__opacity_50 : Css.Style -hover__opacity_50 = - Css.batch - [ Css.hover - [ Css.opacity (Css.num 0.5) - ] - ] - - -hover__opacity_75 : Css.Style -hover__opacity_75 = - Css.batch - [ Css.hover - [ Css.opacity (Css.num 0.75) - ] - ] - - -hover__opacity_100 : Css.Style -hover__opacity_100 = - Css.batch - [ Css.hover - [ Css.opacity (Css.int 1) - ] - ] - - -focus__opacity_0 : Css.Style -focus__opacity_0 = - Css.batch - [ Css.focus - [ Css.opacity (Css.int 0) - ] - ] - - -focus__opacity_25 : Css.Style -focus__opacity_25 = - Css.batch - [ Css.focus - [ Css.opacity (Css.num 0.25) - ] - ] - - -focus__opacity_50 : Css.Style -focus__opacity_50 = - Css.batch - [ Css.focus - [ Css.opacity (Css.num 0.5) - ] - ] - - -focus__opacity_75 : Css.Style -focus__opacity_75 = - Css.batch - [ Css.focus - [ Css.opacity (Css.num 0.75) - ] - ] - - -focus__opacity_100 : Css.Style -focus__opacity_100 = - Css.batch - [ Css.focus - [ Css.opacity (Css.int 1) - ] - ] - - -outline_none : Css.Style -outline_none = - Css.batch - [ Css.property "outline" "0" - ] - - -focus__outline_none : Css.Style -focus__outline_none = - Css.batch - [ Css.focus - [ Css.property "outline" "0" - ] - ] - - -overflow_auto : Css.Style -overflow_auto = - Css.batch - [ Css.overflow Css.auto - ] - - -overflow_hidden : Css.Style -overflow_hidden = - Css.batch - [ Css.overflow Css.hidden - ] - - -overflow_visible : Css.Style -overflow_visible = - Css.batch - [ Css.overflow Css.visible - ] - - -overflow_scroll : Css.Style -overflow_scroll = - Css.batch - [ Css.overflow Css.scroll - ] - - -overflow_x_auto : Css.Style -overflow_x_auto = - Css.batch - [ Css.overflowX Css.auto - ] - - -overflow_y_auto : Css.Style -overflow_y_auto = - Css.batch - [ Css.overflowY Css.auto - ] - - -overflow_x_hidden : Css.Style -overflow_x_hidden = - Css.batch - [ Css.overflowX Css.hidden - ] - - -overflow_y_hidden : Css.Style -overflow_y_hidden = - Css.batch - [ Css.overflowY Css.hidden - ] - - -overflow_x_visible : Css.Style -overflow_x_visible = - Css.batch - [ Css.overflowX Css.visible - ] - - -overflow_y_visible : Css.Style -overflow_y_visible = - Css.batch - [ Css.overflowY Css.visible - ] - - -overflow_x_scroll : Css.Style -overflow_x_scroll = - Css.batch - [ Css.overflowX Css.scroll - ] - - -overflow_y_scroll : Css.Style -overflow_y_scroll = - Css.batch - [ Css.overflowY Css.scroll - ] - - -scrolling_touch : Css.Style -scrolling_touch = - Css.batch - [ Css.property "-webkit-overflow-scrolling" "touch" - ] - - -scrolling_auto : Css.Style -scrolling_auto = - Css.batch - [ Css.property "-webkit-overflow-scrolling" "auto" - ] - - -p_0 : Css.Style -p_0 = - Css.batch - [ Css.padding (Css.px 0) - ] - - -p_1 : Css.Style -p_1 = - Css.batch - [ Css.padding (Css.rem 0.25) - ] - - -p_2 : Css.Style -p_2 = - Css.batch - [ Css.padding (Css.rem 0.5) - ] - - -p_3 : Css.Style -p_3 = - Css.batch - [ Css.padding (Css.rem 0.75) - ] - - -p_4 : Css.Style -p_4 = - Css.batch - [ Css.padding (Css.rem 1) - ] - - -p_5 : Css.Style -p_5 = - Css.batch - [ Css.padding (Css.rem 1.25) - ] - - -p_6 : Css.Style -p_6 = - Css.batch - [ Css.padding (Css.rem 1.5) - ] - - -p_8 : Css.Style -p_8 = - Css.batch - [ Css.padding (Css.rem 2) - ] - - -p_10 : Css.Style -p_10 = - Css.batch - [ Css.padding (Css.rem 2.5) - ] - - -p_12 : Css.Style -p_12 = - Css.batch - [ Css.padding (Css.rem 3) - ] - - -p_16 : Css.Style -p_16 = - Css.batch - [ Css.padding (Css.rem 4) - ] - - -p_20 : Css.Style -p_20 = - Css.batch - [ Css.padding (Css.rem 5) - ] - - -p_24 : Css.Style -p_24 = - Css.batch - [ Css.padding (Css.rem 6) - ] - - -p_32 : Css.Style -p_32 = - Css.batch - [ Css.padding (Css.rem 8) - ] - - -p_40 : Css.Style -p_40 = - Css.batch - [ Css.padding (Css.rem 10) - ] - - -p_48 : Css.Style -p_48 = - Css.batch - [ Css.padding (Css.rem 12) - ] - - -p_56 : Css.Style -p_56 = - Css.batch - [ Css.padding (Css.rem 14) - ] - - -p_64 : Css.Style -p_64 = - Css.batch - [ Css.padding (Css.rem 16) - ] - - -p_px : Css.Style -p_px = - Css.batch - [ Css.padding (Css.px 1) - ] - - -py_0 : Css.Style -py_0 = - Css.batch - [ Css.paddingTop (Css.px 0) - , Css.paddingBottom (Css.px 0) - ] - - -px_0 : Css.Style -px_0 = - Css.batch - [ Css.paddingLeft (Css.px 0) - , Css.paddingRight (Css.px 0) - ] - - -py_1 : Css.Style -py_1 = - Css.batch - [ Css.paddingTop (Css.rem 0.25) - , Css.paddingBottom (Css.rem 0.25) - ] - - -px_1 : Css.Style -px_1 = - Css.batch - [ Css.paddingLeft (Css.rem 0.25) - , Css.paddingRight (Css.rem 0.25) - ] - - -py_2 : Css.Style -py_2 = - Css.batch - [ Css.paddingTop (Css.rem 0.5) - , Css.paddingBottom (Css.rem 0.5) - ] - - -px_2 : Css.Style -px_2 = - Css.batch - [ Css.paddingLeft (Css.rem 0.5) - , Css.paddingRight (Css.rem 0.5) - ] - - -py_3 : Css.Style -py_3 = - Css.batch - [ Css.paddingTop (Css.rem 0.75) - , Css.paddingBottom (Css.rem 0.75) - ] - - -px_3 : Css.Style -px_3 = - Css.batch - [ Css.paddingLeft (Css.rem 0.75) - , Css.paddingRight (Css.rem 0.75) - ] - - -py_4 : Css.Style -py_4 = - Css.batch - [ Css.paddingTop (Css.rem 1) - , Css.paddingBottom (Css.rem 1) - ] - - -px_4 : Css.Style -px_4 = - Css.batch - [ Css.paddingLeft (Css.rem 1) - , Css.paddingRight (Css.rem 1) - ] - - -py_5 : Css.Style -py_5 = - Css.batch - [ Css.paddingTop (Css.rem 1.25) - , Css.paddingBottom (Css.rem 1.25) - ] - - -px_5 : Css.Style -px_5 = - Css.batch - [ Css.paddingLeft (Css.rem 1.25) - , Css.paddingRight (Css.rem 1.25) - ] - - -py_6 : Css.Style -py_6 = - Css.batch - [ Css.paddingTop (Css.rem 1.5) - , Css.paddingBottom (Css.rem 1.5) - ] - - -px_6 : Css.Style -px_6 = - Css.batch - [ Css.paddingLeft (Css.rem 1.5) - , Css.paddingRight (Css.rem 1.5) - ] - - -py_8 : Css.Style -py_8 = - Css.batch - [ Css.paddingTop (Css.rem 2) - , Css.paddingBottom (Css.rem 2) - ] - - -px_8 : Css.Style -px_8 = - Css.batch - [ Css.paddingLeft (Css.rem 2) - , Css.paddingRight (Css.rem 2) - ] - - -py_10 : Css.Style -py_10 = - Css.batch - [ Css.paddingTop (Css.rem 2.5) - , Css.paddingBottom (Css.rem 2.5) - ] - - -px_10 : Css.Style -px_10 = - Css.batch - [ Css.paddingLeft (Css.rem 2.5) - , Css.paddingRight (Css.rem 2.5) - ] - - -py_12 : Css.Style -py_12 = - Css.batch - [ Css.paddingTop (Css.rem 3) - , Css.paddingBottom (Css.rem 3) - ] - - -px_12 : Css.Style -px_12 = - Css.batch - [ Css.paddingLeft (Css.rem 3) - , Css.paddingRight (Css.rem 3) - ] - - -py_16 : Css.Style -py_16 = - Css.batch - [ Css.paddingTop (Css.rem 4) - , Css.paddingBottom (Css.rem 4) - ] - - -px_16 : Css.Style -px_16 = - Css.batch - [ Css.paddingLeft (Css.rem 4) - , Css.paddingRight (Css.rem 4) - ] - - -py_20 : Css.Style -py_20 = - Css.batch - [ Css.paddingTop (Css.rem 5) - , Css.paddingBottom (Css.rem 5) - ] - - -px_20 : Css.Style -px_20 = - Css.batch - [ Css.paddingLeft (Css.rem 5) - , Css.paddingRight (Css.rem 5) - ] - - -py_24 : Css.Style -py_24 = - Css.batch - [ Css.paddingTop (Css.rem 6) - , Css.paddingBottom (Css.rem 6) - ] - - -px_24 : Css.Style -px_24 = - Css.batch - [ Css.paddingLeft (Css.rem 6) - , Css.paddingRight (Css.rem 6) - ] - - -py_32 : Css.Style -py_32 = - Css.batch - [ Css.paddingTop (Css.rem 8) - , Css.paddingBottom (Css.rem 8) - ] - - -px_32 : Css.Style -px_32 = - Css.batch - [ Css.paddingLeft (Css.rem 8) - , Css.paddingRight (Css.rem 8) - ] - - -py_40 : Css.Style -py_40 = - Css.batch - [ Css.paddingTop (Css.rem 10) - , Css.paddingBottom (Css.rem 10) - ] - - -px_40 : Css.Style -px_40 = - Css.batch - [ Css.paddingLeft (Css.rem 10) - , Css.paddingRight (Css.rem 10) - ] - - -py_48 : Css.Style -py_48 = - Css.batch - [ Css.paddingTop (Css.rem 12) - , Css.paddingBottom (Css.rem 12) - ] - - -px_48 : Css.Style -px_48 = - Css.batch - [ Css.paddingLeft (Css.rem 12) - , Css.paddingRight (Css.rem 12) - ] - - -py_56 : Css.Style -py_56 = - Css.batch - [ Css.paddingTop (Css.rem 14) - , Css.paddingBottom (Css.rem 14) - ] - - -px_56 : Css.Style -px_56 = - Css.batch - [ Css.paddingLeft (Css.rem 14) - , Css.paddingRight (Css.rem 14) - ] - - -py_64 : Css.Style -py_64 = - Css.batch - [ Css.paddingTop (Css.rem 16) - , Css.paddingBottom (Css.rem 16) - ] - - -px_64 : Css.Style -px_64 = - Css.batch - [ Css.paddingLeft (Css.rem 16) - , Css.paddingRight (Css.rem 16) - ] - - -py_px : Css.Style -py_px = - Css.batch - [ Css.paddingTop (Css.px 1) - , Css.paddingBottom (Css.px 1) - ] - - -px_px : Css.Style -px_px = - Css.batch - [ Css.paddingLeft (Css.px 1) - , Css.paddingRight (Css.px 1) - ] - - -pt_0 : Css.Style -pt_0 = - Css.batch - [ Css.paddingTop (Css.px 0) - ] - - -pr_0 : Css.Style -pr_0 = - Css.batch - [ Css.paddingRight (Css.px 0) - ] - - -pb_0 : Css.Style -pb_0 = - Css.batch - [ Css.paddingBottom (Css.px 0) - ] - - -pl_0 : Css.Style -pl_0 = - Css.batch - [ Css.paddingLeft (Css.px 0) - ] - - -pt_1 : Css.Style -pt_1 = - Css.batch - [ Css.paddingTop (Css.rem 0.25) - ] - - -pr_1 : Css.Style -pr_1 = - Css.batch - [ Css.paddingRight (Css.rem 0.25) - ] - - -pb_1 : Css.Style -pb_1 = - Css.batch - [ Css.paddingBottom (Css.rem 0.25) - ] - - -pl_1 : Css.Style -pl_1 = - Css.batch - [ Css.paddingLeft (Css.rem 0.25) - ] - - -pt_2 : Css.Style -pt_2 = - Css.batch - [ Css.paddingTop (Css.rem 0.5) - ] - - -pr_2 : Css.Style -pr_2 = - Css.batch - [ Css.paddingRight (Css.rem 0.5) - ] - - -pb_2 : Css.Style -pb_2 = - Css.batch - [ Css.paddingBottom (Css.rem 0.5) - ] - - -pl_2 : Css.Style -pl_2 = - Css.batch - [ Css.paddingLeft (Css.rem 0.5) - ] - - -pt_3 : Css.Style -pt_3 = - Css.batch - [ Css.paddingTop (Css.rem 0.75) - ] - - -pr_3 : Css.Style -pr_3 = - Css.batch - [ Css.paddingRight (Css.rem 0.75) - ] - - -pb_3 : Css.Style -pb_3 = - Css.batch - [ Css.paddingBottom (Css.rem 0.75) - ] - - -pl_3 : Css.Style -pl_3 = - Css.batch - [ Css.paddingLeft (Css.rem 0.75) - ] - - -pt_4 : Css.Style -pt_4 = - Css.batch - [ Css.paddingTop (Css.rem 1) - ] - - -pr_4 : Css.Style -pr_4 = - Css.batch - [ Css.paddingRight (Css.rem 1) - ] - - -pb_4 : Css.Style -pb_4 = - Css.batch - [ Css.paddingBottom (Css.rem 1) - ] - - -pl_4 : Css.Style -pl_4 = - Css.batch - [ Css.paddingLeft (Css.rem 1) - ] - - -pt_5 : Css.Style -pt_5 = - Css.batch - [ Css.paddingTop (Css.rem 1.25) - ] - - -pr_5 : Css.Style -pr_5 = - Css.batch - [ Css.paddingRight (Css.rem 1.25) - ] - - -pb_5 : Css.Style -pb_5 = - Css.batch - [ Css.paddingBottom (Css.rem 1.25) - ] - - -pl_5 : Css.Style -pl_5 = - Css.batch - [ Css.paddingLeft (Css.rem 1.25) - ] - - -pt_6 : Css.Style -pt_6 = - Css.batch - [ Css.paddingTop (Css.rem 1.5) - ] - - -pr_6 : Css.Style -pr_6 = - Css.batch - [ Css.paddingRight (Css.rem 1.5) - ] - - -pb_6 : Css.Style -pb_6 = - Css.batch - [ Css.paddingBottom (Css.rem 1.5) - ] - - -pl_6 : Css.Style -pl_6 = - Css.batch - [ Css.paddingLeft (Css.rem 1.5) - ] - - -pt_8 : Css.Style -pt_8 = - Css.batch - [ Css.paddingTop (Css.rem 2) - ] - - -pr_8 : Css.Style -pr_8 = - Css.batch - [ Css.paddingRight (Css.rem 2) - ] - - -pb_8 : Css.Style -pb_8 = - Css.batch - [ Css.paddingBottom (Css.rem 2) - ] - - -pl_8 : Css.Style -pl_8 = - Css.batch - [ Css.paddingLeft (Css.rem 2) - ] - - -pt_10 : Css.Style -pt_10 = - Css.batch - [ Css.paddingTop (Css.rem 2.5) - ] - - -pr_10 : Css.Style -pr_10 = - Css.batch - [ Css.paddingRight (Css.rem 2.5) - ] - - -pb_10 : Css.Style -pb_10 = - Css.batch - [ Css.paddingBottom (Css.rem 2.5) - ] - - -pl_10 : Css.Style -pl_10 = - Css.batch - [ Css.paddingLeft (Css.rem 2.5) - ] - - -pt_12 : Css.Style -pt_12 = - Css.batch - [ Css.paddingTop (Css.rem 3) - ] - - -pr_12 : Css.Style -pr_12 = - Css.batch - [ Css.paddingRight (Css.rem 3) - ] - - -pb_12 : Css.Style -pb_12 = - Css.batch - [ Css.paddingBottom (Css.rem 3) - ] - - -pl_12 : Css.Style -pl_12 = - Css.batch - [ Css.paddingLeft (Css.rem 3) - ] - - -pt_16 : Css.Style -pt_16 = - Css.batch - [ Css.paddingTop (Css.rem 4) - ] - - -pr_16 : Css.Style -pr_16 = - Css.batch - [ Css.paddingRight (Css.rem 4) - ] - - -pb_16 : Css.Style -pb_16 = - Css.batch - [ Css.paddingBottom (Css.rem 4) - ] - - -pl_16 : Css.Style -pl_16 = - Css.batch - [ Css.paddingLeft (Css.rem 4) - ] - - -pt_20 : Css.Style -pt_20 = - Css.batch - [ Css.paddingTop (Css.rem 5) - ] - - -pr_20 : Css.Style -pr_20 = - Css.batch - [ Css.paddingRight (Css.rem 5) - ] - - -pb_20 : Css.Style -pb_20 = - Css.batch - [ Css.paddingBottom (Css.rem 5) - ] - - -pl_20 : Css.Style -pl_20 = - Css.batch - [ Css.paddingLeft (Css.rem 5) - ] - - -pt_24 : Css.Style -pt_24 = - Css.batch - [ Css.paddingTop (Css.rem 6) - ] - - -pr_24 : Css.Style -pr_24 = - Css.batch - [ Css.paddingRight (Css.rem 6) - ] - - -pb_24 : Css.Style -pb_24 = - Css.batch - [ Css.paddingBottom (Css.rem 6) - ] - - -pl_24 : Css.Style -pl_24 = - Css.batch - [ Css.paddingLeft (Css.rem 6) - ] - - -pt_32 : Css.Style -pt_32 = - Css.batch - [ Css.paddingTop (Css.rem 8) - ] - - -pr_32 : Css.Style -pr_32 = - Css.batch - [ Css.paddingRight (Css.rem 8) - ] - - -pb_32 : Css.Style -pb_32 = - Css.batch - [ Css.paddingBottom (Css.rem 8) - ] - - -pl_32 : Css.Style -pl_32 = - Css.batch - [ Css.paddingLeft (Css.rem 8) - ] - - -pt_40 : Css.Style -pt_40 = - Css.batch - [ Css.paddingTop (Css.rem 10) - ] - - -pr_40 : Css.Style -pr_40 = - Css.batch - [ Css.paddingRight (Css.rem 10) - ] - - -pb_40 : Css.Style -pb_40 = - Css.batch - [ Css.paddingBottom (Css.rem 10) - ] - - -pl_40 : Css.Style -pl_40 = - Css.batch - [ Css.paddingLeft (Css.rem 10) - ] - - -pt_48 : Css.Style -pt_48 = - Css.batch - [ Css.paddingTop (Css.rem 12) - ] - - -pr_48 : Css.Style -pr_48 = - Css.batch - [ Css.paddingRight (Css.rem 12) - ] - - -pb_48 : Css.Style -pb_48 = - Css.batch - [ Css.paddingBottom (Css.rem 12) - ] - - -pl_48 : Css.Style -pl_48 = - Css.batch - [ Css.paddingLeft (Css.rem 12) - ] - - -pt_56 : Css.Style -pt_56 = - Css.batch - [ Css.paddingTop (Css.rem 14) - ] - - -pr_56 : Css.Style -pr_56 = - Css.batch - [ Css.paddingRight (Css.rem 14) - ] - - -pb_56 : Css.Style -pb_56 = - Css.batch - [ Css.paddingBottom (Css.rem 14) - ] - - -pl_56 : Css.Style -pl_56 = - Css.batch - [ Css.paddingLeft (Css.rem 14) - ] - - -pt_64 : Css.Style -pt_64 = - Css.batch - [ Css.paddingTop (Css.rem 16) - ] - - -pr_64 : Css.Style -pr_64 = - Css.batch - [ Css.paddingRight (Css.rem 16) - ] - - -pb_64 : Css.Style -pb_64 = - Css.batch - [ Css.paddingBottom (Css.rem 16) - ] - - -pl_64 : Css.Style -pl_64 = - Css.batch - [ Css.paddingLeft (Css.rem 16) - ] - - -pt_px : Css.Style -pt_px = - Css.batch - [ Css.paddingTop (Css.px 1) - ] - - -pr_px : Css.Style -pr_px = - Css.batch - [ Css.paddingRight (Css.px 1) - ] - - -pb_px : Css.Style -pb_px = - Css.batch - [ Css.paddingBottom (Css.px 1) - ] - - -pl_px : Css.Style -pl_px = - Css.batch - [ Css.paddingLeft (Css.px 1) - ] - - -placeholder_transparent : Css.Style -placeholder_transparent = - Css.batch - [ Css.color Css.transparent - ] - - -placeholder_current : Css.Style -placeholder_current = - Css.batch - [ Css.color Css.currentColor - ] - - -placeholder_black : Css.Style -placeholder_black = - Css.batch - [ Css.color (Css.hex "#000") - ] - - -placeholder_white : Css.Style -placeholder_white = - Css.batch - [ Css.color (Css.hex "#fff") - ] - - -placeholder_gray_100 : Css.Style -placeholder_gray_100 = - Css.batch - [ Css.color (Css.hex "#f7fafc") - ] - - -placeholder_gray_200 : Css.Style -placeholder_gray_200 = - Css.batch - [ Css.color (Css.hex "#edf2f7") - ] - - -placeholder_gray_300 : Css.Style -placeholder_gray_300 = - Css.batch - [ Css.color (Css.hex "#e2e8f0") - ] - - -placeholder_gray_400 : Css.Style -placeholder_gray_400 = - Css.batch - [ Css.color (Css.hex "#cbd5e0") - ] - - -placeholder_gray_500 : Css.Style -placeholder_gray_500 = - Css.batch - [ Css.color (Css.hex "#a0aec0") - ] - - -placeholder_gray_600 : Css.Style -placeholder_gray_600 = - Css.batch - [ Css.color (Css.hex "#718096") - ] - - -placeholder_gray_700 : Css.Style -placeholder_gray_700 = - Css.batch - [ Css.color (Css.hex "#4a5568") - ] - - -placeholder_gray_800 : Css.Style -placeholder_gray_800 = - Css.batch - [ Css.color (Css.hex "#2d3748") - ] - - -placeholder_gray_900 : Css.Style -placeholder_gray_900 = - Css.batch - [ Css.color (Css.hex "#1a202c") - ] - - -placeholder_red_100 : Css.Style -placeholder_red_100 = - Css.batch - [ Css.color (Css.hex "#fff5f5") - ] - - -placeholder_red_200 : Css.Style -placeholder_red_200 = - Css.batch - [ Css.color (Css.hex "#fed7d7") - ] - - -placeholder_red_300 : Css.Style -placeholder_red_300 = - Css.batch - [ Css.color (Css.hex "#feb2b2") - ] - - -placeholder_red_400 : Css.Style -placeholder_red_400 = - Css.batch - [ Css.color (Css.hex "#fc8181") - ] - - -placeholder_red_500 : Css.Style -placeholder_red_500 = - Css.batch - [ Css.color (Css.hex "#f56565") - ] - - -placeholder_red_600 : Css.Style -placeholder_red_600 = - Css.batch - [ Css.color (Css.hex "#e53e3e") - ] - - -placeholder_red_700 : Css.Style -placeholder_red_700 = - Css.batch - [ Css.color (Css.hex "#c53030") - ] - - -placeholder_red_800 : Css.Style -placeholder_red_800 = - Css.batch - [ Css.color (Css.hex "#9b2c2c") - ] - - -placeholder_red_900 : Css.Style -placeholder_red_900 = - Css.batch - [ Css.color (Css.hex "#742a2a") - ] - - -placeholder_orange_100 : Css.Style -placeholder_orange_100 = - Css.batch - [ Css.color (Css.hex "#fffaf0") - ] - - -placeholder_orange_200 : Css.Style -placeholder_orange_200 = - Css.batch - [ Css.color (Css.hex "#feebc8") - ] - - -placeholder_orange_300 : Css.Style -placeholder_orange_300 = - Css.batch - [ Css.color (Css.hex "#fbd38d") - ] - - -placeholder_orange_400 : Css.Style -placeholder_orange_400 = - Css.batch - [ Css.color (Css.hex "#f6ad55") - ] - - -placeholder_orange_500 : Css.Style -placeholder_orange_500 = - Css.batch - [ Css.color (Css.hex "#ed8936") - ] - - -placeholder_orange_600 : Css.Style -placeholder_orange_600 = - Css.batch - [ Css.color (Css.hex "#dd6b20") - ] - - -placeholder_orange_700 : Css.Style -placeholder_orange_700 = - Css.batch - [ Css.color (Css.hex "#c05621") - ] - - -placeholder_orange_800 : Css.Style -placeholder_orange_800 = - Css.batch - [ Css.color (Css.hex "#9c4221") - ] - - -placeholder_orange_900 : Css.Style -placeholder_orange_900 = - Css.batch - [ Css.color (Css.hex "#7b341e") - ] - - -placeholder_yellow_100 : Css.Style -placeholder_yellow_100 = - Css.batch - [ Css.color (Css.hex "#fffff0") - ] - - -placeholder_yellow_200 : Css.Style -placeholder_yellow_200 = - Css.batch - [ Css.color (Css.hex "#fefcbf") - ] - - -placeholder_yellow_300 : Css.Style -placeholder_yellow_300 = - Css.batch - [ Css.color (Css.hex "#faf089") - ] - - -placeholder_yellow_400 : Css.Style -placeholder_yellow_400 = - Css.batch - [ Css.color (Css.hex "#f6e05e") - ] - - -placeholder_yellow_500 : Css.Style -placeholder_yellow_500 = - Css.batch - [ Css.color (Css.hex "#ecc94b") - ] - - -placeholder_yellow_600 : Css.Style -placeholder_yellow_600 = - Css.batch - [ Css.color (Css.hex "#d69e2e") - ] - - -placeholder_yellow_700 : Css.Style -placeholder_yellow_700 = - Css.batch - [ Css.color (Css.hex "#b7791f") - ] - - -placeholder_yellow_800 : Css.Style -placeholder_yellow_800 = - Css.batch - [ Css.color (Css.hex "#975a16") - ] - - -placeholder_yellow_900 : Css.Style -placeholder_yellow_900 = - Css.batch - [ Css.color (Css.hex "#744210") - ] - - -placeholder_green_100 : Css.Style -placeholder_green_100 = - Css.batch - [ Css.color (Css.hex "#f0fff4") - ] - - -placeholder_green_200 : Css.Style -placeholder_green_200 = - Css.batch - [ Css.color (Css.hex "#c6f6d5") - ] - - -placeholder_green_300 : Css.Style -placeholder_green_300 = - Css.batch - [ Css.color (Css.hex "#9ae6b4") - ] - - -placeholder_green_400 : Css.Style -placeholder_green_400 = - Css.batch - [ Css.color (Css.hex "#68d391") - ] - - -placeholder_green_500 : Css.Style -placeholder_green_500 = - Css.batch - [ Css.color (Css.hex "#48bb78") - ] - - -placeholder_green_600 : Css.Style -placeholder_green_600 = - Css.batch - [ Css.color (Css.hex "#38a169") - ] - - -placeholder_green_700 : Css.Style -placeholder_green_700 = - Css.batch - [ Css.color (Css.hex "#2f855a") - ] - - -placeholder_green_800 : Css.Style -placeholder_green_800 = - Css.batch - [ Css.color (Css.hex "#276749") - ] - - -placeholder_green_900 : Css.Style -placeholder_green_900 = - Css.batch - [ Css.color (Css.hex "#22543d") - ] - - -placeholder_teal_100 : Css.Style -placeholder_teal_100 = - Css.batch - [ Css.color (Css.hex "#e6fffa") - ] - - -placeholder_teal_200 : Css.Style -placeholder_teal_200 = - Css.batch - [ Css.color (Css.hex "#b2f5ea") - ] - - -placeholder_teal_300 : Css.Style -placeholder_teal_300 = - Css.batch - [ Css.color (Css.hex "#81e6d9") - ] - - -placeholder_teal_400 : Css.Style -placeholder_teal_400 = - Css.batch - [ Css.color (Css.hex "#4fd1c5") - ] - - -placeholder_teal_500 : Css.Style -placeholder_teal_500 = - Css.batch - [ Css.color (Css.hex "#38b2ac") - ] - - -placeholder_teal_600 : Css.Style -placeholder_teal_600 = - Css.batch - [ Css.color (Css.hex "#319795") - ] - - -placeholder_teal_700 : Css.Style -placeholder_teal_700 = - Css.batch - [ Css.color (Css.hex "#2c7a7b") - ] - - -placeholder_teal_800 : Css.Style -placeholder_teal_800 = - Css.batch - [ Css.color (Css.hex "#285e61") - ] - - -placeholder_teal_900 : Css.Style -placeholder_teal_900 = - Css.batch - [ Css.color (Css.hex "#234e52") - ] - - -placeholder_blue_100 : Css.Style -placeholder_blue_100 = - Css.batch - [ Css.color (Css.hex "#ebf8ff") - ] - - -placeholder_blue_200 : Css.Style -placeholder_blue_200 = - Css.batch - [ Css.color (Css.hex "#bee3f8") - ] - - -placeholder_blue_300 : Css.Style -placeholder_blue_300 = - Css.batch - [ Css.color (Css.hex "#90cdf4") - ] - - -placeholder_blue_400 : Css.Style -placeholder_blue_400 = - Css.batch - [ Css.color (Css.hex "#63b3ed") - ] - - -placeholder_blue_500 : Css.Style -placeholder_blue_500 = - Css.batch - [ Css.color (Css.hex "#4299e1") - ] - - -placeholder_blue_600 : Css.Style -placeholder_blue_600 = - Css.batch - [ Css.color (Css.hex "#3182ce") - ] - - -placeholder_blue_700 : Css.Style -placeholder_blue_700 = - Css.batch - [ Css.color (Css.hex "#2b6cb0") - ] - - -placeholder_blue_800 : Css.Style -placeholder_blue_800 = - Css.batch - [ Css.color (Css.hex "#2c5282") - ] - - -placeholder_blue_900 : Css.Style -placeholder_blue_900 = - Css.batch - [ Css.color (Css.hex "#2a4365") - ] - - -placeholder_indigo_100 : Css.Style -placeholder_indigo_100 = - Css.batch - [ Css.color (Css.hex "#ebf4ff") - ] - - -placeholder_indigo_200 : Css.Style -placeholder_indigo_200 = - Css.batch - [ Css.color (Css.hex "#c3dafe") - ] - - -placeholder_indigo_300 : Css.Style -placeholder_indigo_300 = - Css.batch - [ Css.color (Css.hex "#a3bffa") - ] - - -placeholder_indigo_400 : Css.Style -placeholder_indigo_400 = - Css.batch - [ Css.color (Css.hex "#7f9cf5") - ] - - -placeholder_indigo_500 : Css.Style -placeholder_indigo_500 = - Css.batch - [ Css.color (Css.hex "#667eea") - ] - - -placeholder_indigo_600 : Css.Style -placeholder_indigo_600 = - Css.batch - [ Css.color (Css.hex "#5a67d8") - ] - - -placeholder_indigo_700 : Css.Style -placeholder_indigo_700 = - Css.batch - [ Css.color (Css.hex "#4c51bf") - ] - - -placeholder_indigo_800 : Css.Style -placeholder_indigo_800 = - Css.batch - [ Css.color (Css.hex "#434190") - ] - - -placeholder_indigo_900 : Css.Style -placeholder_indigo_900 = - Css.batch - [ Css.color (Css.hex "#3c366b") - ] - - -placeholder_purple_100 : Css.Style -placeholder_purple_100 = - Css.batch - [ Css.color (Css.hex "#faf5ff") - ] - - -placeholder_purple_200 : Css.Style -placeholder_purple_200 = - Css.batch - [ Css.color (Css.hex "#e9d8fd") - ] - - -placeholder_purple_300 : Css.Style -placeholder_purple_300 = - Css.batch - [ Css.color (Css.hex "#d6bcfa") - ] - - -placeholder_purple_400 : Css.Style -placeholder_purple_400 = - Css.batch - [ Css.color (Css.hex "#b794f4") - ] - - -placeholder_purple_500 : Css.Style -placeholder_purple_500 = - Css.batch - [ Css.color (Css.hex "#9f7aea") - ] - - -placeholder_purple_600 : Css.Style -placeholder_purple_600 = - Css.batch - [ Css.color (Css.hex "#805ad5") - ] - - -placeholder_purple_700 : Css.Style -placeholder_purple_700 = - Css.batch - [ Css.color (Css.hex "#6b46c1") - ] - - -placeholder_purple_800 : Css.Style -placeholder_purple_800 = - Css.batch - [ Css.color (Css.hex "#553c9a") - ] - - -placeholder_purple_900 : Css.Style -placeholder_purple_900 = - Css.batch - [ Css.color (Css.hex "#44337a") - ] - - -placeholder_pink_100 : Css.Style -placeholder_pink_100 = - Css.batch - [ Css.color (Css.hex "#fff5f7") - ] - - -placeholder_pink_200 : Css.Style -placeholder_pink_200 = - Css.batch - [ Css.color (Css.hex "#fed7e2") - ] - - -placeholder_pink_300 : Css.Style -placeholder_pink_300 = - Css.batch - [ Css.color (Css.hex "#fbb6ce") - ] - - -placeholder_pink_400 : Css.Style -placeholder_pink_400 = - Css.batch - [ Css.color (Css.hex "#f687b3") - ] - - -placeholder_pink_500 : Css.Style -placeholder_pink_500 = - Css.batch - [ Css.color (Css.hex "#ed64a6") - ] - - -placeholder_pink_600 : Css.Style -placeholder_pink_600 = - Css.batch - [ Css.color (Css.hex "#d53f8c") - ] - - -placeholder_pink_700 : Css.Style -placeholder_pink_700 = - Css.batch - [ Css.color (Css.hex "#b83280") - ] - - -placeholder_pink_800 : Css.Style -placeholder_pink_800 = - Css.batch - [ Css.color (Css.hex "#97266d") - ] - - -placeholder_pink_900 : Css.Style -placeholder_pink_900 = - Css.batch - [ Css.color (Css.hex "#702459") - ] - - -focus__placeholder_transparent : Css.Style -focus__placeholder_transparent = - Css.batch - [ Css.focus - [ Css.color Css.transparent - ] - ] - - -focus__placeholder_current : Css.Style -focus__placeholder_current = - Css.batch - [ Css.focus - [ Css.color Css.currentColor - ] - ] - - -focus__placeholder_black : Css.Style -focus__placeholder_black = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#000") - ] - ] - - -focus__placeholder_white : Css.Style -focus__placeholder_white = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fff") - ] - ] - - -focus__placeholder_gray_100 : Css.Style -focus__placeholder_gray_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#f7fafc") - ] - ] - - -focus__placeholder_gray_200 : Css.Style -focus__placeholder_gray_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#edf2f7") - ] - ] - - -focus__placeholder_gray_300 : Css.Style -focus__placeholder_gray_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#e2e8f0") - ] - ] - - -focus__placeholder_gray_400 : Css.Style -focus__placeholder_gray_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#cbd5e0") - ] - ] - - -focus__placeholder_gray_500 : Css.Style -focus__placeholder_gray_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#a0aec0") - ] - ] - - -focus__placeholder_gray_600 : Css.Style -focus__placeholder_gray_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#718096") - ] - ] - - -focus__placeholder_gray_700 : Css.Style -focus__placeholder_gray_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#4a5568") - ] - ] - - -focus__placeholder_gray_800 : Css.Style -focus__placeholder_gray_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#2d3748") - ] - ] - - -focus__placeholder_gray_900 : Css.Style -focus__placeholder_gray_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#1a202c") - ] - ] - - -focus__placeholder_red_100 : Css.Style -focus__placeholder_red_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fff5f5") - ] - ] - - -focus__placeholder_red_200 : Css.Style -focus__placeholder_red_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fed7d7") - ] - ] - - -focus__placeholder_red_300 : Css.Style -focus__placeholder_red_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#feb2b2") - ] - ] - - -focus__placeholder_red_400 : Css.Style -focus__placeholder_red_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fc8181") - ] - ] - - -focus__placeholder_red_500 : Css.Style -focus__placeholder_red_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#f56565") - ] - ] - - -focus__placeholder_red_600 : Css.Style -focus__placeholder_red_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#e53e3e") - ] - ] - - -focus__placeholder_red_700 : Css.Style -focus__placeholder_red_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#c53030") - ] - ] - - -focus__placeholder_red_800 : Css.Style -focus__placeholder_red_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#9b2c2c") - ] - ] - - -focus__placeholder_red_900 : Css.Style -focus__placeholder_red_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#742a2a") - ] - ] - - -focus__placeholder_orange_100 : Css.Style -focus__placeholder_orange_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fffaf0") - ] - ] - - -focus__placeholder_orange_200 : Css.Style -focus__placeholder_orange_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#feebc8") - ] - ] - - -focus__placeholder_orange_300 : Css.Style -focus__placeholder_orange_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fbd38d") - ] - ] - - -focus__placeholder_orange_400 : Css.Style -focus__placeholder_orange_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#f6ad55") - ] - ] - - -focus__placeholder_orange_500 : Css.Style -focus__placeholder_orange_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#ed8936") - ] - ] - - -focus__placeholder_orange_600 : Css.Style -focus__placeholder_orange_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#dd6b20") - ] - ] - - -focus__placeholder_orange_700 : Css.Style -focus__placeholder_orange_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#c05621") - ] - ] - - -focus__placeholder_orange_800 : Css.Style -focus__placeholder_orange_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#9c4221") - ] - ] - - -focus__placeholder_orange_900 : Css.Style -focus__placeholder_orange_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#7b341e") - ] - ] - - -focus__placeholder_yellow_100 : Css.Style -focus__placeholder_yellow_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fffff0") - ] - ] - - -focus__placeholder_yellow_200 : Css.Style -focus__placeholder_yellow_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fefcbf") - ] - ] - - -focus__placeholder_yellow_300 : Css.Style -focus__placeholder_yellow_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#faf089") - ] - ] - - -focus__placeholder_yellow_400 : Css.Style -focus__placeholder_yellow_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#f6e05e") - ] - ] - - -focus__placeholder_yellow_500 : Css.Style -focus__placeholder_yellow_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#ecc94b") - ] - ] - - -focus__placeholder_yellow_600 : Css.Style -focus__placeholder_yellow_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#d69e2e") - ] - ] - - -focus__placeholder_yellow_700 : Css.Style -focus__placeholder_yellow_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#b7791f") - ] - ] - - -focus__placeholder_yellow_800 : Css.Style -focus__placeholder_yellow_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#975a16") - ] - ] - - -focus__placeholder_yellow_900 : Css.Style -focus__placeholder_yellow_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#744210") - ] - ] - - -focus__placeholder_green_100 : Css.Style -focus__placeholder_green_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#f0fff4") - ] - ] - - -focus__placeholder_green_200 : Css.Style -focus__placeholder_green_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#c6f6d5") - ] - ] - - -focus__placeholder_green_300 : Css.Style -focus__placeholder_green_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#9ae6b4") - ] - ] - - -focus__placeholder_green_400 : Css.Style -focus__placeholder_green_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#68d391") - ] - ] - - -focus__placeholder_green_500 : Css.Style -focus__placeholder_green_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#48bb78") - ] - ] - - -focus__placeholder_green_600 : Css.Style -focus__placeholder_green_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#38a169") - ] - ] - - -focus__placeholder_green_700 : Css.Style -focus__placeholder_green_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#2f855a") - ] - ] - - -focus__placeholder_green_800 : Css.Style -focus__placeholder_green_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#276749") - ] - ] - - -focus__placeholder_green_900 : Css.Style -focus__placeholder_green_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#22543d") - ] - ] - - -focus__placeholder_teal_100 : Css.Style -focus__placeholder_teal_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#e6fffa") - ] - ] - - -focus__placeholder_teal_200 : Css.Style -focus__placeholder_teal_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#b2f5ea") - ] - ] - - -focus__placeholder_teal_300 : Css.Style -focus__placeholder_teal_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#81e6d9") - ] - ] - - -focus__placeholder_teal_400 : Css.Style -focus__placeholder_teal_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#4fd1c5") - ] - ] - - -focus__placeholder_teal_500 : Css.Style -focus__placeholder_teal_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#38b2ac") - ] - ] - - -focus__placeholder_teal_600 : Css.Style -focus__placeholder_teal_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#319795") - ] - ] - - -focus__placeholder_teal_700 : Css.Style -focus__placeholder_teal_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#2c7a7b") - ] - ] - - -focus__placeholder_teal_800 : Css.Style -focus__placeholder_teal_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#285e61") - ] - ] - - -focus__placeholder_teal_900 : Css.Style -focus__placeholder_teal_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#234e52") - ] - ] - - -focus__placeholder_blue_100 : Css.Style -focus__placeholder_blue_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#ebf8ff") - ] - ] - - -focus__placeholder_blue_200 : Css.Style -focus__placeholder_blue_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#bee3f8") - ] - ] - - -focus__placeholder_blue_300 : Css.Style -focus__placeholder_blue_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#90cdf4") - ] - ] - - -focus__placeholder_blue_400 : Css.Style -focus__placeholder_blue_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#63b3ed") - ] - ] - - -focus__placeholder_blue_500 : Css.Style -focus__placeholder_blue_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#4299e1") - ] - ] - - -focus__placeholder_blue_600 : Css.Style -focus__placeholder_blue_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#3182ce") - ] - ] - - -focus__placeholder_blue_700 : Css.Style -focus__placeholder_blue_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#2b6cb0") - ] - ] - - -focus__placeholder_blue_800 : Css.Style -focus__placeholder_blue_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#2c5282") - ] - ] - - -focus__placeholder_blue_900 : Css.Style -focus__placeholder_blue_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#2a4365") - ] - ] - - -focus__placeholder_indigo_100 : Css.Style -focus__placeholder_indigo_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#ebf4ff") - ] - ] - - -focus__placeholder_indigo_200 : Css.Style -focus__placeholder_indigo_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#c3dafe") - ] - ] - - -focus__placeholder_indigo_300 : Css.Style -focus__placeholder_indigo_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#a3bffa") - ] - ] - - -focus__placeholder_indigo_400 : Css.Style -focus__placeholder_indigo_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#7f9cf5") - ] - ] - - -focus__placeholder_indigo_500 : Css.Style -focus__placeholder_indigo_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#667eea") - ] - ] - - -focus__placeholder_indigo_600 : Css.Style -focus__placeholder_indigo_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#5a67d8") - ] - ] - - -focus__placeholder_indigo_700 : Css.Style -focus__placeholder_indigo_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#4c51bf") - ] - ] - - -focus__placeholder_indigo_800 : Css.Style -focus__placeholder_indigo_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#434190") - ] - ] - - -focus__placeholder_indigo_900 : Css.Style -focus__placeholder_indigo_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#3c366b") - ] - ] - - -focus__placeholder_purple_100 : Css.Style -focus__placeholder_purple_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#faf5ff") - ] - ] - - -focus__placeholder_purple_200 : Css.Style -focus__placeholder_purple_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#e9d8fd") - ] - ] - - -focus__placeholder_purple_300 : Css.Style -focus__placeholder_purple_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#d6bcfa") - ] - ] - - -focus__placeholder_purple_400 : Css.Style -focus__placeholder_purple_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#b794f4") - ] - ] - - -focus__placeholder_purple_500 : Css.Style -focus__placeholder_purple_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#9f7aea") - ] - ] - - -focus__placeholder_purple_600 : Css.Style -focus__placeholder_purple_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#805ad5") - ] - ] - - -focus__placeholder_purple_700 : Css.Style -focus__placeholder_purple_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#6b46c1") - ] - ] - - -focus__placeholder_purple_800 : Css.Style -focus__placeholder_purple_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#553c9a") - ] - ] - - -focus__placeholder_purple_900 : Css.Style -focus__placeholder_purple_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#44337a") - ] - ] - - -focus__placeholder_pink_100 : Css.Style -focus__placeholder_pink_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fff5f7") - ] - ] - - -focus__placeholder_pink_200 : Css.Style -focus__placeholder_pink_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fed7e2") - ] - ] - - -focus__placeholder_pink_300 : Css.Style -focus__placeholder_pink_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fbb6ce") - ] - ] - - -focus__placeholder_pink_400 : Css.Style -focus__placeholder_pink_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#f687b3") - ] - ] - - -focus__placeholder_pink_500 : Css.Style -focus__placeholder_pink_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#ed64a6") - ] - ] - - -focus__placeholder_pink_600 : Css.Style -focus__placeholder_pink_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#d53f8c") - ] - ] - - -focus__placeholder_pink_700 : Css.Style -focus__placeholder_pink_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#b83280") - ] - ] - - -focus__placeholder_pink_800 : Css.Style -focus__placeholder_pink_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#97266d") - ] - ] - - -focus__placeholder_pink_900 : Css.Style -focus__placeholder_pink_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#702459") - ] - ] - - -pointer_events_none : Css.Style -pointer_events_none = - Css.batch - [ Css.pointerEvents Css.none - ] - - -pointer_events_auto : Css.Style -pointer_events_auto = - Css.batch - [ Css.pointerEvents Css.auto - ] - - -static : Css.Style -static = - Css.batch - [ Css.position Css.static - ] - - -fixed : Css.Style -fixed = - Css.batch - [ Css.position Css.fixed - ] - - -absolute : Css.Style -absolute = - Css.batch - [ Css.position Css.absolute - ] - - -relative : Css.Style -relative = - Css.batch - [ Css.position Css.relative - ] - - -sticky : Css.Style -sticky = - Css.batch - [ Css.position Css.sticky - ] - - -inset_0 : Css.Style -inset_0 = - Css.batch - [ Css.top (Css.px 0) - , Css.right (Css.px 0) - , Css.bottom (Css.px 0) - , Css.left (Css.px 0) - ] - - -inset_auto : Css.Style -inset_auto = - Css.batch - [ Css.top Css.auto - , Css.right Css.auto - , Css.bottom Css.auto - , Css.left Css.auto - ] - - -inset_y_0 : Css.Style -inset_y_0 = - Css.batch - [ Css.top (Css.px 0) - , Css.bottom (Css.px 0) - ] - - -inset_x_0 : Css.Style -inset_x_0 = - Css.batch - [ Css.right (Css.px 0) - , Css.left (Css.px 0) - ] - - -inset_y_auto : Css.Style -inset_y_auto = - Css.batch - [ Css.top Css.auto - , Css.bottom Css.auto - ] - - -inset_x_auto : Css.Style -inset_x_auto = - Css.batch - [ Css.right Css.auto - , Css.left Css.auto - ] - - -top_0 : Css.Style -top_0 = - Css.batch - [ Css.top (Css.px 0) - ] - - -right_0 : Css.Style -right_0 = - Css.batch - [ Css.right (Css.px 0) - ] - - -bottom_0 : Css.Style -bottom_0 = - Css.batch - [ Css.bottom (Css.px 0) - ] - - -left_0 : Css.Style -left_0 = - Css.batch - [ Css.left (Css.px 0) - ] - - -top_auto : Css.Style -top_auto = - Css.batch - [ Css.top Css.auto - ] - - -right_auto : Css.Style -right_auto = - Css.batch - [ Css.right Css.auto - ] - - -bottom_auto : Css.Style -bottom_auto = - Css.batch - [ Css.bottom Css.auto - ] - - -left_auto : Css.Style -left_auto = - Css.batch - [ Css.left Css.auto - ] - - -resize_none : Css.Style -resize_none = - Css.batch - [ Css.resize Css.none - ] - - -resize_y : Css.Style -resize_y = - Css.batch - [ Css.resize Css.vertical - ] - - -resize_x : Css.Style -resize_x = - Css.batch - [ Css.resize Css.horizontal - ] - - -resize : Css.Style -resize = - Css.batch - [ Css.resize Css.both - ] - - -shadow_xs : Css.Style -shadow_xs = - Css.batch - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - - -shadow_sm : Css.Style -shadow_sm = - Css.batch - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - - -shadow : Css.Style -shadow = - Css.batch - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - - -shadow_md : Css.Style -shadow_md = - Css.batch - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - - -shadow_lg : Css.Style -shadow_lg = - Css.batch - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - - -shadow_xl : Css.Style -shadow_xl = - Css.batch - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - - -shadow_2xl : Css.Style -shadow_2xl = - Css.batch - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - - -shadow_inner : Css.Style -shadow_inner = - Css.batch - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - - -shadow_outline : Css.Style -shadow_outline = - Css.batch - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - - -shadow_none : Css.Style -shadow_none = - Css.batch - [ Css.property "box-shadow" "none" - ] - - -hover__shadow_xs : Css.Style -hover__shadow_xs = - Css.batch - [ Css.hover - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - - -hover__shadow_sm : Css.Style -hover__shadow_sm = - Css.batch - [ Css.hover - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - - -hover__shadow : Css.Style -hover__shadow = - Css.batch - [ Css.hover - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - - -hover__shadow_md : Css.Style -hover__shadow_md = - Css.batch - [ Css.hover - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - - -hover__shadow_lg : Css.Style -hover__shadow_lg = - Css.batch - [ Css.hover - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - - -hover__shadow_xl : Css.Style -hover__shadow_xl = - Css.batch - [ Css.hover - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - - -hover__shadow_2xl : Css.Style -hover__shadow_2xl = - Css.batch - [ Css.hover - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - - -hover__shadow_inner : Css.Style -hover__shadow_inner = - Css.batch - [ Css.hover - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - - -hover__shadow_outline : Css.Style -hover__shadow_outline = - Css.batch - [ Css.hover - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - - -hover__shadow_none : Css.Style -hover__shadow_none = - Css.batch - [ Css.hover - [ Css.property "box-shadow" "none" - ] - ] - - -focus__shadow_xs : Css.Style -focus__shadow_xs = - Css.batch - [ Css.focus - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - - -focus__shadow_sm : Css.Style -focus__shadow_sm = - Css.batch - [ Css.focus - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - - -focus__shadow : Css.Style -focus__shadow = - Css.batch - [ Css.focus - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - - -focus__shadow_md : Css.Style -focus__shadow_md = - Css.batch - [ Css.focus - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - - -focus__shadow_lg : Css.Style -focus__shadow_lg = - Css.batch - [ Css.focus - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - - -focus__shadow_xl : Css.Style -focus__shadow_xl = - Css.batch - [ Css.focus - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - - -focus__shadow_2xl : Css.Style -focus__shadow_2xl = - Css.batch - [ Css.focus - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - - -focus__shadow_inner : Css.Style -focus__shadow_inner = - Css.batch - [ Css.focus - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - - -focus__shadow_outline : Css.Style -focus__shadow_outline = - Css.batch - [ Css.focus - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - - -focus__shadow_none : Css.Style -focus__shadow_none = - Css.batch - [ Css.focus - [ Css.property "box-shadow" "none" - ] - ] - - -fill_current : Css.Style -fill_current = - Css.batch - [ Css.fill Css.currentColor - ] - - -stroke_current : Css.Style -stroke_current = - Css.batch - [ Css.property "stroke" "currentColor" - ] - - -stroke_0 : Css.Style -stroke_0 = - Css.batch - [ Css.property "stroke-width" "0" - ] - - -stroke_1 : Css.Style -stroke_1 = - Css.batch - [ Css.property "stroke-width" "1" - ] - - -stroke_2 : Css.Style -stroke_2 = - Css.batch - [ Css.property "stroke-width" "2" - ] - - -table_auto : Css.Style -table_auto = - Css.batch - [ Css.tableLayout Css.auto - ] - - -table_fixed : Css.Style -table_fixed = - Css.batch - [ Css.tableLayout Css.fixed - ] - - -text_left : Css.Style -text_left = - Css.batch - [ Css.textAlign Css.left - ] - - -text_center : Css.Style -text_center = - Css.batch - [ Css.textAlign Css.center - ] - - -text_right : Css.Style -text_right = - Css.batch - [ Css.textAlign Css.right - ] - - -text_justify : Css.Style -text_justify = - Css.batch - [ Css.textAlign Css.justify - ] - - -text_transparent : Css.Style -text_transparent = - Css.batch - [ Css.color Css.transparent - ] - - -text_current : Css.Style -text_current = - Css.batch - [ Css.color Css.currentColor - ] - - -text_black : Css.Style -text_black = - Css.batch - [ Css.color (Css.hex "#000") - ] - - -text_white : Css.Style -text_white = - Css.batch - [ Css.color (Css.hex "#fff") - ] - - -text_gray_100 : Css.Style -text_gray_100 = - Css.batch - [ Css.color (Css.hex "#f7fafc") - ] - - -text_gray_200 : Css.Style -text_gray_200 = - Css.batch - [ Css.color (Css.hex "#edf2f7") - ] - - -text_gray_300 : Css.Style -text_gray_300 = - Css.batch - [ Css.color (Css.hex "#e2e8f0") - ] - - -text_gray_400 : Css.Style -text_gray_400 = - Css.batch - [ Css.color (Css.hex "#cbd5e0") - ] - - -text_gray_500 : Css.Style -text_gray_500 = - Css.batch - [ Css.color (Css.hex "#a0aec0") - ] - - -text_gray_600 : Css.Style -text_gray_600 = - Css.batch - [ Css.color (Css.hex "#718096") - ] - - -text_gray_700 : Css.Style -text_gray_700 = - Css.batch - [ Css.color (Css.hex "#4a5568") - ] - - -text_gray_800 : Css.Style -text_gray_800 = - Css.batch - [ Css.color (Css.hex "#2d3748") - ] - - -text_gray_900 : Css.Style -text_gray_900 = - Css.batch - [ Css.color (Css.hex "#1a202c") - ] - - -text_red_100 : Css.Style -text_red_100 = - Css.batch - [ Css.color (Css.hex "#fff5f5") - ] - - -text_red_200 : Css.Style -text_red_200 = - Css.batch - [ Css.color (Css.hex "#fed7d7") - ] - - -text_red_300 : Css.Style -text_red_300 = - Css.batch - [ Css.color (Css.hex "#feb2b2") - ] - - -text_red_400 : Css.Style -text_red_400 = - Css.batch - [ Css.color (Css.hex "#fc8181") - ] - - -text_red_500 : Css.Style -text_red_500 = - Css.batch - [ Css.color (Css.hex "#f56565") - ] - - -text_red_600 : Css.Style -text_red_600 = - Css.batch - [ Css.color (Css.hex "#e53e3e") - ] - - -text_red_700 : Css.Style -text_red_700 = - Css.batch - [ Css.color (Css.hex "#c53030") - ] - - -text_red_800 : Css.Style -text_red_800 = - Css.batch - [ Css.color (Css.hex "#9b2c2c") - ] - - -text_red_900 : Css.Style -text_red_900 = - Css.batch - [ Css.color (Css.hex "#742a2a") - ] - - -text_orange_100 : Css.Style -text_orange_100 = - Css.batch - [ Css.color (Css.hex "#fffaf0") - ] - - -text_orange_200 : Css.Style -text_orange_200 = - Css.batch - [ Css.color (Css.hex "#feebc8") - ] - - -text_orange_300 : Css.Style -text_orange_300 = - Css.batch - [ Css.color (Css.hex "#fbd38d") - ] - - -text_orange_400 : Css.Style -text_orange_400 = - Css.batch - [ Css.color (Css.hex "#f6ad55") - ] - - -text_orange_500 : Css.Style -text_orange_500 = - Css.batch - [ Css.color (Css.hex "#ed8936") - ] - - -text_orange_600 : Css.Style -text_orange_600 = - Css.batch - [ Css.color (Css.hex "#dd6b20") - ] - - -text_orange_700 : Css.Style -text_orange_700 = - Css.batch - [ Css.color (Css.hex "#c05621") - ] - - -text_orange_800 : Css.Style -text_orange_800 = - Css.batch - [ Css.color (Css.hex "#9c4221") - ] - - -text_orange_900 : Css.Style -text_orange_900 = - Css.batch - [ Css.color (Css.hex "#7b341e") - ] - - -text_yellow_100 : Css.Style -text_yellow_100 = - Css.batch - [ Css.color (Css.hex "#fffff0") - ] - - -text_yellow_200 : Css.Style -text_yellow_200 = - Css.batch - [ Css.color (Css.hex "#fefcbf") - ] - - -text_yellow_300 : Css.Style -text_yellow_300 = - Css.batch - [ Css.color (Css.hex "#faf089") - ] - - -text_yellow_400 : Css.Style -text_yellow_400 = - Css.batch - [ Css.color (Css.hex "#f6e05e") - ] - - -text_yellow_500 : Css.Style -text_yellow_500 = - Css.batch - [ Css.color (Css.hex "#ecc94b") - ] - - -text_yellow_600 : Css.Style -text_yellow_600 = - Css.batch - [ Css.color (Css.hex "#d69e2e") - ] - - -text_yellow_700 : Css.Style -text_yellow_700 = - Css.batch - [ Css.color (Css.hex "#b7791f") - ] - - -text_yellow_800 : Css.Style -text_yellow_800 = - Css.batch - [ Css.color (Css.hex "#975a16") - ] - - -text_yellow_900 : Css.Style -text_yellow_900 = - Css.batch - [ Css.color (Css.hex "#744210") - ] - - -text_green_100 : Css.Style -text_green_100 = - Css.batch - [ Css.color (Css.hex "#f0fff4") - ] - - -text_green_200 : Css.Style -text_green_200 = - Css.batch - [ Css.color (Css.hex "#c6f6d5") - ] - - -text_green_300 : Css.Style -text_green_300 = - Css.batch - [ Css.color (Css.hex "#9ae6b4") - ] - - -text_green_400 : Css.Style -text_green_400 = - Css.batch - [ Css.color (Css.hex "#68d391") - ] - - -text_green_500 : Css.Style -text_green_500 = - Css.batch - [ Css.color (Css.hex "#48bb78") - ] - - -text_green_600 : Css.Style -text_green_600 = - Css.batch - [ Css.color (Css.hex "#38a169") - ] - - -text_green_700 : Css.Style -text_green_700 = - Css.batch - [ Css.color (Css.hex "#2f855a") - ] - - -text_green_800 : Css.Style -text_green_800 = - Css.batch - [ Css.color (Css.hex "#276749") - ] - - -text_green_900 : Css.Style -text_green_900 = - Css.batch - [ Css.color (Css.hex "#22543d") - ] - - -text_teal_100 : Css.Style -text_teal_100 = - Css.batch - [ Css.color (Css.hex "#e6fffa") - ] - - -text_teal_200 : Css.Style -text_teal_200 = - Css.batch - [ Css.color (Css.hex "#b2f5ea") - ] - - -text_teal_300 : Css.Style -text_teal_300 = - Css.batch - [ Css.color (Css.hex "#81e6d9") - ] - - -text_teal_400 : Css.Style -text_teal_400 = - Css.batch - [ Css.color (Css.hex "#4fd1c5") - ] - - -text_teal_500 : Css.Style -text_teal_500 = - Css.batch - [ Css.color (Css.hex "#38b2ac") - ] - - -text_teal_600 : Css.Style -text_teal_600 = - Css.batch - [ Css.color (Css.hex "#319795") - ] - - -text_teal_700 : Css.Style -text_teal_700 = - Css.batch - [ Css.color (Css.hex "#2c7a7b") - ] - - -text_teal_800 : Css.Style -text_teal_800 = - Css.batch - [ Css.color (Css.hex "#285e61") - ] - - -text_teal_900 : Css.Style -text_teal_900 = - Css.batch - [ Css.color (Css.hex "#234e52") - ] - - -text_blue_100 : Css.Style -text_blue_100 = - Css.batch - [ Css.color (Css.hex "#ebf8ff") - ] - - -text_blue_200 : Css.Style -text_blue_200 = - Css.batch - [ Css.color (Css.hex "#bee3f8") - ] - - -text_blue_300 : Css.Style -text_blue_300 = - Css.batch - [ Css.color (Css.hex "#90cdf4") - ] - - -text_blue_400 : Css.Style -text_blue_400 = - Css.batch - [ Css.color (Css.hex "#63b3ed") - ] - - -text_blue_500 : Css.Style -text_blue_500 = - Css.batch - [ Css.color (Css.hex "#4299e1") - ] - - -text_blue_600 : Css.Style -text_blue_600 = - Css.batch - [ Css.color (Css.hex "#3182ce") - ] - - -text_blue_700 : Css.Style -text_blue_700 = - Css.batch - [ Css.color (Css.hex "#2b6cb0") - ] - - -text_blue_800 : Css.Style -text_blue_800 = - Css.batch - [ Css.color (Css.hex "#2c5282") - ] - - -text_blue_900 : Css.Style -text_blue_900 = - Css.batch - [ Css.color (Css.hex "#2a4365") - ] - - -text_indigo_100 : Css.Style -text_indigo_100 = - Css.batch - [ Css.color (Css.hex "#ebf4ff") - ] - - -text_indigo_200 : Css.Style -text_indigo_200 = - Css.batch - [ Css.color (Css.hex "#c3dafe") - ] - - -text_indigo_300 : Css.Style -text_indigo_300 = - Css.batch - [ Css.color (Css.hex "#a3bffa") - ] - - -text_indigo_400 : Css.Style -text_indigo_400 = - Css.batch - [ Css.color (Css.hex "#7f9cf5") - ] - - -text_indigo_500 : Css.Style -text_indigo_500 = - Css.batch - [ Css.color (Css.hex "#667eea") - ] - - -text_indigo_600 : Css.Style -text_indigo_600 = - Css.batch - [ Css.color (Css.hex "#5a67d8") - ] - - -text_indigo_700 : Css.Style -text_indigo_700 = - Css.batch - [ Css.color (Css.hex "#4c51bf") - ] - - -text_indigo_800 : Css.Style -text_indigo_800 = - Css.batch - [ Css.color (Css.hex "#434190") - ] - - -text_indigo_900 : Css.Style -text_indigo_900 = - Css.batch - [ Css.color (Css.hex "#3c366b") - ] - - -text_purple_100 : Css.Style -text_purple_100 = - Css.batch - [ Css.color (Css.hex "#faf5ff") - ] - - -text_purple_200 : Css.Style -text_purple_200 = - Css.batch - [ Css.color (Css.hex "#e9d8fd") - ] - - -text_purple_300 : Css.Style -text_purple_300 = - Css.batch - [ Css.color (Css.hex "#d6bcfa") - ] - - -text_purple_400 : Css.Style -text_purple_400 = - Css.batch - [ Css.color (Css.hex "#b794f4") - ] - - -text_purple_500 : Css.Style -text_purple_500 = - Css.batch - [ Css.color (Css.hex "#9f7aea") - ] - - -text_purple_600 : Css.Style -text_purple_600 = - Css.batch - [ Css.color (Css.hex "#805ad5") - ] - - -text_purple_700 : Css.Style -text_purple_700 = - Css.batch - [ Css.color (Css.hex "#6b46c1") - ] - - -text_purple_800 : Css.Style -text_purple_800 = - Css.batch - [ Css.color (Css.hex "#553c9a") - ] - - -text_purple_900 : Css.Style -text_purple_900 = - Css.batch - [ Css.color (Css.hex "#44337a") - ] - - -text_pink_100 : Css.Style -text_pink_100 = - Css.batch - [ Css.color (Css.hex "#fff5f7") - ] - - -text_pink_200 : Css.Style -text_pink_200 = - Css.batch - [ Css.color (Css.hex "#fed7e2") - ] - - -text_pink_300 : Css.Style -text_pink_300 = - Css.batch - [ Css.color (Css.hex "#fbb6ce") - ] - - -text_pink_400 : Css.Style -text_pink_400 = - Css.batch - [ Css.color (Css.hex "#f687b3") - ] - - -text_pink_500 : Css.Style -text_pink_500 = - Css.batch - [ Css.color (Css.hex "#ed64a6") - ] - - -text_pink_600 : Css.Style -text_pink_600 = - Css.batch - [ Css.color (Css.hex "#d53f8c") - ] - - -text_pink_700 : Css.Style -text_pink_700 = - Css.batch - [ Css.color (Css.hex "#b83280") - ] - - -text_pink_800 : Css.Style -text_pink_800 = - Css.batch - [ Css.color (Css.hex "#97266d") - ] - - -text_pink_900 : Css.Style -text_pink_900 = - Css.batch - [ Css.color (Css.hex "#702459") - ] - - -hover__text_transparent : Css.Style -hover__text_transparent = - Css.batch - [ Css.hover - [ Css.color Css.transparent - ] - ] - - -hover__text_current : Css.Style -hover__text_current = - Css.batch - [ Css.hover - [ Css.color Css.currentColor - ] - ] - - -hover__text_black : Css.Style -hover__text_black = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#000") - ] - ] - - -hover__text_white : Css.Style -hover__text_white = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#fff") - ] - ] - - -hover__text_gray_100 : Css.Style -hover__text_gray_100 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#f7fafc") - ] - ] - - -hover__text_gray_200 : Css.Style -hover__text_gray_200 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#edf2f7") - ] - ] - - -hover__text_gray_300 : Css.Style -hover__text_gray_300 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#e2e8f0") - ] - ] - - -hover__text_gray_400 : Css.Style -hover__text_gray_400 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#cbd5e0") - ] - ] - - -hover__text_gray_500 : Css.Style -hover__text_gray_500 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#a0aec0") - ] - ] - - -hover__text_gray_600 : Css.Style -hover__text_gray_600 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#718096") - ] - ] - - -hover__text_gray_700 : Css.Style -hover__text_gray_700 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#4a5568") - ] - ] - - -hover__text_gray_800 : Css.Style -hover__text_gray_800 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#2d3748") - ] - ] - - -hover__text_gray_900 : Css.Style -hover__text_gray_900 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#1a202c") - ] - ] - - -hover__text_red_100 : Css.Style -hover__text_red_100 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#fff5f5") - ] - ] - - -hover__text_red_200 : Css.Style -hover__text_red_200 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#fed7d7") - ] - ] - - -hover__text_red_300 : Css.Style -hover__text_red_300 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#feb2b2") - ] - ] - - -hover__text_red_400 : Css.Style -hover__text_red_400 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#fc8181") - ] - ] - - -hover__text_red_500 : Css.Style -hover__text_red_500 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#f56565") - ] - ] - - -hover__text_red_600 : Css.Style -hover__text_red_600 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#e53e3e") - ] - ] - - -hover__text_red_700 : Css.Style -hover__text_red_700 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#c53030") - ] - ] - - -hover__text_red_800 : Css.Style -hover__text_red_800 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#9b2c2c") - ] - ] - - -hover__text_red_900 : Css.Style -hover__text_red_900 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#742a2a") - ] - ] - - -hover__text_orange_100 : Css.Style -hover__text_orange_100 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#fffaf0") - ] - ] - - -hover__text_orange_200 : Css.Style -hover__text_orange_200 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#feebc8") - ] - ] - - -hover__text_orange_300 : Css.Style -hover__text_orange_300 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#fbd38d") - ] - ] - - -hover__text_orange_400 : Css.Style -hover__text_orange_400 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#f6ad55") - ] - ] - - -hover__text_orange_500 : Css.Style -hover__text_orange_500 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#ed8936") - ] - ] - - -hover__text_orange_600 : Css.Style -hover__text_orange_600 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#dd6b20") - ] - ] - - -hover__text_orange_700 : Css.Style -hover__text_orange_700 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#c05621") - ] - ] - - -hover__text_orange_800 : Css.Style -hover__text_orange_800 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#9c4221") - ] - ] - - -hover__text_orange_900 : Css.Style -hover__text_orange_900 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#7b341e") - ] - ] - - -hover__text_yellow_100 : Css.Style -hover__text_yellow_100 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#fffff0") - ] - ] - - -hover__text_yellow_200 : Css.Style -hover__text_yellow_200 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#fefcbf") - ] - ] - - -hover__text_yellow_300 : Css.Style -hover__text_yellow_300 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#faf089") - ] - ] - - -hover__text_yellow_400 : Css.Style -hover__text_yellow_400 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#f6e05e") - ] - ] - - -hover__text_yellow_500 : Css.Style -hover__text_yellow_500 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#ecc94b") - ] - ] - - -hover__text_yellow_600 : Css.Style -hover__text_yellow_600 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#d69e2e") - ] - ] - - -hover__text_yellow_700 : Css.Style -hover__text_yellow_700 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#b7791f") - ] - ] - - -hover__text_yellow_800 : Css.Style -hover__text_yellow_800 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#975a16") - ] - ] - - -hover__text_yellow_900 : Css.Style -hover__text_yellow_900 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#744210") - ] - ] - - -hover__text_green_100 : Css.Style -hover__text_green_100 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#f0fff4") - ] - ] - - -hover__text_green_200 : Css.Style -hover__text_green_200 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#c6f6d5") - ] - ] - - -hover__text_green_300 : Css.Style -hover__text_green_300 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#9ae6b4") - ] - ] - - -hover__text_green_400 : Css.Style -hover__text_green_400 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#68d391") - ] - ] - - -hover__text_green_500 : Css.Style -hover__text_green_500 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#48bb78") - ] - ] - - -hover__text_green_600 : Css.Style -hover__text_green_600 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#38a169") - ] - ] - - -hover__text_green_700 : Css.Style -hover__text_green_700 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#2f855a") - ] - ] - - -hover__text_green_800 : Css.Style -hover__text_green_800 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#276749") - ] - ] - - -hover__text_green_900 : Css.Style -hover__text_green_900 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#22543d") - ] - ] - - -hover__text_teal_100 : Css.Style -hover__text_teal_100 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#e6fffa") - ] - ] - - -hover__text_teal_200 : Css.Style -hover__text_teal_200 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#b2f5ea") - ] - ] - - -hover__text_teal_300 : Css.Style -hover__text_teal_300 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#81e6d9") - ] - ] - - -hover__text_teal_400 : Css.Style -hover__text_teal_400 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#4fd1c5") - ] - ] - - -hover__text_teal_500 : Css.Style -hover__text_teal_500 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#38b2ac") - ] - ] - - -hover__text_teal_600 : Css.Style -hover__text_teal_600 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#319795") - ] - ] - - -hover__text_teal_700 : Css.Style -hover__text_teal_700 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#2c7a7b") - ] - ] - - -hover__text_teal_800 : Css.Style -hover__text_teal_800 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#285e61") - ] - ] - - -hover__text_teal_900 : Css.Style -hover__text_teal_900 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#234e52") - ] - ] - - -hover__text_blue_100 : Css.Style -hover__text_blue_100 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#ebf8ff") - ] - ] - - -hover__text_blue_200 : Css.Style -hover__text_blue_200 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#bee3f8") - ] - ] - - -hover__text_blue_300 : Css.Style -hover__text_blue_300 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#90cdf4") - ] - ] - - -hover__text_blue_400 : Css.Style -hover__text_blue_400 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#63b3ed") - ] - ] - - -hover__text_blue_500 : Css.Style -hover__text_blue_500 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#4299e1") - ] - ] - - -hover__text_blue_600 : Css.Style -hover__text_blue_600 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#3182ce") - ] - ] - - -hover__text_blue_700 : Css.Style -hover__text_blue_700 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#2b6cb0") - ] - ] - - -hover__text_blue_800 : Css.Style -hover__text_blue_800 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#2c5282") - ] - ] - - -hover__text_blue_900 : Css.Style -hover__text_blue_900 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#2a4365") - ] - ] - - -hover__text_indigo_100 : Css.Style -hover__text_indigo_100 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#ebf4ff") - ] - ] - - -hover__text_indigo_200 : Css.Style -hover__text_indigo_200 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#c3dafe") - ] - ] - - -hover__text_indigo_300 : Css.Style -hover__text_indigo_300 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#a3bffa") - ] - ] - - -hover__text_indigo_400 : Css.Style -hover__text_indigo_400 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#7f9cf5") - ] - ] - - -hover__text_indigo_500 : Css.Style -hover__text_indigo_500 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#667eea") - ] - ] - - -hover__text_indigo_600 : Css.Style -hover__text_indigo_600 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#5a67d8") - ] - ] - - -hover__text_indigo_700 : Css.Style -hover__text_indigo_700 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#4c51bf") - ] - ] - - -hover__text_indigo_800 : Css.Style -hover__text_indigo_800 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#434190") - ] - ] - - -hover__text_indigo_900 : Css.Style -hover__text_indigo_900 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#3c366b") - ] - ] - - -hover__text_purple_100 : Css.Style -hover__text_purple_100 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#faf5ff") - ] - ] - - -hover__text_purple_200 : Css.Style -hover__text_purple_200 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#e9d8fd") - ] - ] - - -hover__text_purple_300 : Css.Style -hover__text_purple_300 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#d6bcfa") - ] - ] - - -hover__text_purple_400 : Css.Style -hover__text_purple_400 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#b794f4") - ] - ] - - -hover__text_purple_500 : Css.Style -hover__text_purple_500 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#9f7aea") - ] - ] - - -hover__text_purple_600 : Css.Style -hover__text_purple_600 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#805ad5") - ] - ] - - -hover__text_purple_700 : Css.Style -hover__text_purple_700 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#6b46c1") - ] - ] - - -hover__text_purple_800 : Css.Style -hover__text_purple_800 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#553c9a") - ] - ] - - -hover__text_purple_900 : Css.Style -hover__text_purple_900 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#44337a") - ] - ] - - -hover__text_pink_100 : Css.Style -hover__text_pink_100 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#fff5f7") - ] - ] - - -hover__text_pink_200 : Css.Style -hover__text_pink_200 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#fed7e2") - ] - ] - - -hover__text_pink_300 : Css.Style -hover__text_pink_300 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#fbb6ce") - ] - ] - - -hover__text_pink_400 : Css.Style -hover__text_pink_400 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#f687b3") - ] - ] - - -hover__text_pink_500 : Css.Style -hover__text_pink_500 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#ed64a6") - ] - ] - - -hover__text_pink_600 : Css.Style -hover__text_pink_600 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#d53f8c") - ] - ] - - -hover__text_pink_700 : Css.Style -hover__text_pink_700 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#b83280") - ] - ] - - -hover__text_pink_800 : Css.Style -hover__text_pink_800 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#97266d") - ] - ] - - -hover__text_pink_900 : Css.Style -hover__text_pink_900 = - Css.batch - [ Css.hover - [ Css.color (Css.hex "#702459") - ] - ] - - -focus__text_transparent : Css.Style -focus__text_transparent = - Css.batch - [ Css.focus - [ Css.color Css.transparent - ] - ] - - -focus__text_current : Css.Style -focus__text_current = - Css.batch - [ Css.focus - [ Css.color Css.currentColor - ] - ] - - -focus__text_black : Css.Style -focus__text_black = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#000") - ] - ] - - -focus__text_white : Css.Style -focus__text_white = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fff") - ] - ] - - -focus__text_gray_100 : Css.Style -focus__text_gray_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#f7fafc") - ] - ] - - -focus__text_gray_200 : Css.Style -focus__text_gray_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#edf2f7") - ] - ] - - -focus__text_gray_300 : Css.Style -focus__text_gray_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#e2e8f0") - ] - ] - - -focus__text_gray_400 : Css.Style -focus__text_gray_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#cbd5e0") - ] - ] - - -focus__text_gray_500 : Css.Style -focus__text_gray_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#a0aec0") - ] - ] - - -focus__text_gray_600 : Css.Style -focus__text_gray_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#718096") - ] - ] - - -focus__text_gray_700 : Css.Style -focus__text_gray_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#4a5568") - ] - ] - - -focus__text_gray_800 : Css.Style -focus__text_gray_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#2d3748") - ] - ] - - -focus__text_gray_900 : Css.Style -focus__text_gray_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#1a202c") - ] - ] - - -focus__text_red_100 : Css.Style -focus__text_red_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fff5f5") - ] - ] - - -focus__text_red_200 : Css.Style -focus__text_red_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fed7d7") - ] - ] - - -focus__text_red_300 : Css.Style -focus__text_red_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#feb2b2") - ] - ] - - -focus__text_red_400 : Css.Style -focus__text_red_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fc8181") - ] - ] - - -focus__text_red_500 : Css.Style -focus__text_red_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#f56565") - ] - ] - - -focus__text_red_600 : Css.Style -focus__text_red_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#e53e3e") - ] - ] - - -focus__text_red_700 : Css.Style -focus__text_red_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#c53030") - ] - ] - - -focus__text_red_800 : Css.Style -focus__text_red_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#9b2c2c") - ] - ] - - -focus__text_red_900 : Css.Style -focus__text_red_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#742a2a") - ] - ] - - -focus__text_orange_100 : Css.Style -focus__text_orange_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fffaf0") - ] - ] - - -focus__text_orange_200 : Css.Style -focus__text_orange_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#feebc8") - ] - ] - - -focus__text_orange_300 : Css.Style -focus__text_orange_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fbd38d") - ] - ] - - -focus__text_orange_400 : Css.Style -focus__text_orange_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#f6ad55") - ] - ] - - -focus__text_orange_500 : Css.Style -focus__text_orange_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#ed8936") - ] - ] - - -focus__text_orange_600 : Css.Style -focus__text_orange_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#dd6b20") - ] - ] - - -focus__text_orange_700 : Css.Style -focus__text_orange_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#c05621") - ] - ] - - -focus__text_orange_800 : Css.Style -focus__text_orange_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#9c4221") - ] - ] - - -focus__text_orange_900 : Css.Style -focus__text_orange_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#7b341e") - ] - ] - - -focus__text_yellow_100 : Css.Style -focus__text_yellow_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fffff0") - ] - ] - - -focus__text_yellow_200 : Css.Style -focus__text_yellow_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fefcbf") - ] - ] - - -focus__text_yellow_300 : Css.Style -focus__text_yellow_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#faf089") - ] - ] - - -focus__text_yellow_400 : Css.Style -focus__text_yellow_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#f6e05e") - ] - ] - - -focus__text_yellow_500 : Css.Style -focus__text_yellow_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#ecc94b") - ] - ] - - -focus__text_yellow_600 : Css.Style -focus__text_yellow_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#d69e2e") - ] - ] - - -focus__text_yellow_700 : Css.Style -focus__text_yellow_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#b7791f") - ] - ] - - -focus__text_yellow_800 : Css.Style -focus__text_yellow_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#975a16") - ] - ] - - -focus__text_yellow_900 : Css.Style -focus__text_yellow_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#744210") - ] - ] - - -focus__text_green_100 : Css.Style -focus__text_green_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#f0fff4") - ] - ] - - -focus__text_green_200 : Css.Style -focus__text_green_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#c6f6d5") - ] - ] - - -focus__text_green_300 : Css.Style -focus__text_green_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#9ae6b4") - ] - ] - - -focus__text_green_400 : Css.Style -focus__text_green_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#68d391") - ] - ] - - -focus__text_green_500 : Css.Style -focus__text_green_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#48bb78") - ] - ] - - -focus__text_green_600 : Css.Style -focus__text_green_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#38a169") - ] - ] - - -focus__text_green_700 : Css.Style -focus__text_green_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#2f855a") - ] - ] - - -focus__text_green_800 : Css.Style -focus__text_green_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#276749") - ] - ] - - -focus__text_green_900 : Css.Style -focus__text_green_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#22543d") - ] - ] - - -focus__text_teal_100 : Css.Style -focus__text_teal_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#e6fffa") - ] - ] - - -focus__text_teal_200 : Css.Style -focus__text_teal_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#b2f5ea") - ] - ] - - -focus__text_teal_300 : Css.Style -focus__text_teal_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#81e6d9") - ] - ] - - -focus__text_teal_400 : Css.Style -focus__text_teal_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#4fd1c5") - ] - ] - - -focus__text_teal_500 : Css.Style -focus__text_teal_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#38b2ac") - ] - ] - - -focus__text_teal_600 : Css.Style -focus__text_teal_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#319795") - ] - ] - - -focus__text_teal_700 : Css.Style -focus__text_teal_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#2c7a7b") - ] - ] - - -focus__text_teal_800 : Css.Style -focus__text_teal_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#285e61") - ] - ] - - -focus__text_teal_900 : Css.Style -focus__text_teal_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#234e52") - ] - ] - - -focus__text_blue_100 : Css.Style -focus__text_blue_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#ebf8ff") - ] - ] - - -focus__text_blue_200 : Css.Style -focus__text_blue_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#bee3f8") - ] - ] - - -focus__text_blue_300 : Css.Style -focus__text_blue_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#90cdf4") - ] - ] - - -focus__text_blue_400 : Css.Style -focus__text_blue_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#63b3ed") - ] - ] - - -focus__text_blue_500 : Css.Style -focus__text_blue_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#4299e1") - ] - ] - - -focus__text_blue_600 : Css.Style -focus__text_blue_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#3182ce") - ] - ] - - -focus__text_blue_700 : Css.Style -focus__text_blue_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#2b6cb0") - ] - ] - - -focus__text_blue_800 : Css.Style -focus__text_blue_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#2c5282") - ] - ] - - -focus__text_blue_900 : Css.Style -focus__text_blue_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#2a4365") - ] - ] - - -focus__text_indigo_100 : Css.Style -focus__text_indigo_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#ebf4ff") - ] - ] - - -focus__text_indigo_200 : Css.Style -focus__text_indigo_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#c3dafe") - ] - ] - - -focus__text_indigo_300 : Css.Style -focus__text_indigo_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#a3bffa") - ] - ] - - -focus__text_indigo_400 : Css.Style -focus__text_indigo_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#7f9cf5") - ] - ] - - -focus__text_indigo_500 : Css.Style -focus__text_indigo_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#667eea") - ] - ] - - -focus__text_indigo_600 : Css.Style -focus__text_indigo_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#5a67d8") - ] - ] - - -focus__text_indigo_700 : Css.Style -focus__text_indigo_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#4c51bf") - ] - ] - - -focus__text_indigo_800 : Css.Style -focus__text_indigo_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#434190") - ] - ] - - -focus__text_indigo_900 : Css.Style -focus__text_indigo_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#3c366b") - ] - ] - - -focus__text_purple_100 : Css.Style -focus__text_purple_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#faf5ff") - ] - ] - - -focus__text_purple_200 : Css.Style -focus__text_purple_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#e9d8fd") - ] - ] - - -focus__text_purple_300 : Css.Style -focus__text_purple_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#d6bcfa") - ] - ] - - -focus__text_purple_400 : Css.Style -focus__text_purple_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#b794f4") - ] - ] - - -focus__text_purple_500 : Css.Style -focus__text_purple_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#9f7aea") - ] - ] - - -focus__text_purple_600 : Css.Style -focus__text_purple_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#805ad5") - ] - ] - - -focus__text_purple_700 : Css.Style -focus__text_purple_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#6b46c1") - ] - ] - - -focus__text_purple_800 : Css.Style -focus__text_purple_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#553c9a") - ] - ] - - -focus__text_purple_900 : Css.Style -focus__text_purple_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#44337a") - ] - ] - - -focus__text_pink_100 : Css.Style -focus__text_pink_100 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fff5f7") - ] - ] - - -focus__text_pink_200 : Css.Style -focus__text_pink_200 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fed7e2") - ] - ] - - -focus__text_pink_300 : Css.Style -focus__text_pink_300 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#fbb6ce") - ] - ] - - -focus__text_pink_400 : Css.Style -focus__text_pink_400 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#f687b3") - ] - ] - - -focus__text_pink_500 : Css.Style -focus__text_pink_500 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#ed64a6") - ] - ] - - -focus__text_pink_600 : Css.Style -focus__text_pink_600 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#d53f8c") - ] - ] - - -focus__text_pink_700 : Css.Style -focus__text_pink_700 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#b83280") - ] - ] - - -focus__text_pink_800 : Css.Style -focus__text_pink_800 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#97266d") - ] - ] - - -focus__text_pink_900 : Css.Style -focus__text_pink_900 = - Css.batch - [ Css.focus - [ Css.color (Css.hex "#702459") - ] - ] - - -italic : Css.Style -italic = - Css.batch - [ Css.fontStyle Css.italic - ] - - -not_italic : Css.Style -not_italic = - Css.batch - [ Css.fontStyle Css.normal - ] - - -uppercase : Css.Style -uppercase = - Css.batch - [ Css.textTransform Css.uppercase - ] - - -lowercase : Css.Style -lowercase = - Css.batch - [ Css.textTransform Css.lowercase - ] - - -capitalize : Css.Style -capitalize = - Css.batch - [ Css.textTransform Css.capitalize - ] - - -normal_case : Css.Style -normal_case = - Css.batch - [ Css.textTransform Css.none - ] - - -underline : Css.Style -underline = - Css.batch - [ Css.textDecoration Css.underline - ] - - -line_through : Css.Style -line_through = - Css.batch - [ Css.textDecoration Css.lineThrough - ] - - -no_underline : Css.Style -no_underline = - Css.batch - [ Css.textDecoration Css.none - ] - - -hover__underline : Css.Style -hover__underline = - Css.batch - [ Css.hover - [ Css.textDecoration Css.underline - ] - ] - - -hover__line_through : Css.Style -hover__line_through = - Css.batch - [ Css.hover - [ Css.textDecoration Css.lineThrough - ] - ] - - -hover__no_underline : Css.Style -hover__no_underline = - Css.batch - [ Css.hover - [ Css.textDecoration Css.none - ] - ] - - -focus__underline : Css.Style -focus__underline = - Css.batch - [ Css.focus - [ Css.textDecoration Css.underline - ] - ] - - -focus__line_through : Css.Style -focus__line_through = - Css.batch - [ Css.focus - [ Css.textDecoration Css.lineThrough - ] - ] - - -focus__no_underline : Css.Style -focus__no_underline = - Css.batch - [ Css.focus - [ Css.textDecoration Css.none - ] - ] - - -antialiased : Css.Style -antialiased = - Css.batch - [ Css.property "-webkit-font-smoothing" "antialiased" - , Css.property "-moz-osx-font-smoothing" "grayscale" - ] - - -subpixel_antialiased : Css.Style -subpixel_antialiased = - Css.batch - [ Css.property "-webkit-font-smoothing" "auto" - , Css.property "-moz-osx-font-smoothing" "auto" - ] - - -tracking_tighter : Css.Style -tracking_tighter = - Css.batch - [ Css.letterSpacing (Css.em -0.05) - ] - - -tracking_tight : Css.Style -tracking_tight = - Css.batch - [ Css.letterSpacing (Css.em -0.025) - ] - - -tracking_normal : Css.Style -tracking_normal = - Css.batch - [ Css.letterSpacing (Css.px 0) - ] - - -tracking_wide : Css.Style -tracking_wide = - Css.batch - [ Css.letterSpacing (Css.em 0.025) - ] - - -tracking_wider : Css.Style -tracking_wider = - Css.batch - [ Css.letterSpacing (Css.em 0.05) - ] - - -tracking_widest : Css.Style -tracking_widest = - Css.batch - [ Css.letterSpacing (Css.em 0.1) - ] - - -select_none : Css.Style -select_none = - Css.batch - [ Css.property "user-select" "none" - ] - - -select_text : Css.Style -select_text = - Css.batch - [ Css.property "user-select" "text" - ] - - -select_all : Css.Style -select_all = - Css.batch - [ Css.property "user-select" "all" - ] - - -select_auto : Css.Style -select_auto = - Css.batch - [ Css.property "user-select" "auto" - ] - - -align_baseline : Css.Style -align_baseline = - Css.batch - [ Css.verticalAlign Css.baseline - ] - - -align_top : Css.Style -align_top = - Css.batch - [ Css.verticalAlign Css.top - ] - - -align_middle : Css.Style -align_middle = - Css.batch - [ Css.verticalAlign Css.middle - ] - - -align_bottom : Css.Style -align_bottom = - Css.batch - [ Css.verticalAlign Css.bottom - ] - - -align_text_top : Css.Style -align_text_top = - Css.batch - [ Css.verticalAlign Css.textTop - ] - - -align_text_bottom : Css.Style -align_text_bottom = - Css.batch - [ Css.verticalAlign Css.textBottom - ] - - -visible : Css.Style -visible = - Css.batch - [ Css.visibility Css.visible - ] - - -invisible : Css.Style -invisible = - Css.batch - [ Css.visibility Css.hidden - ] - - -whitespace_normal : Css.Style -whitespace_normal = - Css.batch - [ Css.whiteSpace Css.normal - ] - - -whitespace_no_wrap : Css.Style -whitespace_no_wrap = - Css.batch - [ Css.whiteSpace Css.noWrap - ] - - -whitespace_pre : Css.Style -whitespace_pre = - Css.batch - [ Css.whiteSpace Css.pre - ] - - -whitespace_pre_line : Css.Style -whitespace_pre_line = - Css.batch - [ Css.whiteSpace Css.preLine - ] - - -whitespace_pre_wrap : Css.Style -whitespace_pre_wrap = - Css.batch - [ Css.whiteSpace Css.preWrap - ] - - -break_normal : Css.Style -break_normal = - Css.batch - [ Css.overflowWrap Css.normal - , Css.property "word-break" "normal" - ] - - -break_words : Css.Style -break_words = - Css.batch - [ Css.overflowWrap Css.breakWord - ] - - -break_all : Css.Style -break_all = - Css.batch - [ Css.property "word-break" "break-all" - ] - - -truncate : Css.Style -truncate = - Css.batch - [ Css.overflow Css.hidden - , Css.textOverflow Css.ellipsis - , Css.whiteSpace Css.noWrap - ] - - -w_0 : Css.Style -w_0 = - Css.batch - [ Css.width (Css.px 0) - ] - - -w_1 : Css.Style -w_1 = - Css.batch - [ Css.width (Css.rem 0.25) - ] - - -w_2 : Css.Style -w_2 = - Css.batch - [ Css.width (Css.rem 0.5) - ] - - -w_3 : Css.Style -w_3 = - Css.batch - [ Css.width (Css.rem 0.75) - ] - - -w_4 : Css.Style -w_4 = - Css.batch - [ Css.width (Css.rem 1) - ] - - -w_5 : Css.Style -w_5 = - Css.batch - [ Css.width (Css.rem 1.25) - ] - - -w_6 : Css.Style -w_6 = - Css.batch - [ Css.width (Css.rem 1.5) - ] - - -w_8 : Css.Style -w_8 = - Css.batch - [ Css.width (Css.rem 2) - ] - - -w_10 : Css.Style -w_10 = - Css.batch - [ Css.width (Css.rem 2.5) - ] - - -w_12 : Css.Style -w_12 = - Css.batch - [ Css.width (Css.rem 3) - ] - - -w_16 : Css.Style -w_16 = - Css.batch - [ Css.width (Css.rem 4) - ] - - -w_20 : Css.Style -w_20 = - Css.batch - [ Css.width (Css.rem 5) - ] - - -w_24 : Css.Style -w_24 = - Css.batch - [ Css.width (Css.rem 6) - ] - - -w_32 : Css.Style -w_32 = - Css.batch - [ Css.width (Css.rem 8) - ] - - -w_40 : Css.Style -w_40 = - Css.batch - [ Css.width (Css.rem 10) - ] - - -w_48 : Css.Style -w_48 = - Css.batch - [ Css.width (Css.rem 12) - ] - - -w_56 : Css.Style -w_56 = - Css.batch - [ Css.width (Css.rem 14) - ] - - -w_64 : Css.Style -w_64 = - Css.batch - [ Css.width (Css.rem 16) - ] - - -w_auto : Css.Style -w_auto = - Css.batch - [ Css.width Css.auto - ] - - -w_px : Css.Style -w_px = - Css.batch - [ Css.width (Css.px 1) - ] - - -w_1over2 : Css.Style -w_1over2 = - Css.batch - [ Css.width (Css.pct 50) - ] - - -w_1over3 : Css.Style -w_1over3 = - Css.batch - [ Css.width (Css.pct 33.333333) - ] - - -w_2over3 : Css.Style -w_2over3 = - Css.batch - [ Css.width (Css.pct 66.666667) - ] - - -w_1over4 : Css.Style -w_1over4 = - Css.batch - [ Css.width (Css.pct 25) - ] - - -w_2over4 : Css.Style -w_2over4 = - Css.batch - [ Css.width (Css.pct 50) - ] - - -w_3over4 : Css.Style -w_3over4 = - Css.batch - [ Css.width (Css.pct 75) - ] - - -w_1over5 : Css.Style -w_1over5 = - Css.batch - [ Css.width (Css.pct 20) - ] - - -w_2over5 : Css.Style -w_2over5 = - Css.batch - [ Css.width (Css.pct 40) - ] - - -w_3over5 : Css.Style -w_3over5 = - Css.batch - [ Css.width (Css.pct 60) - ] - - -w_4over5 : Css.Style -w_4over5 = - Css.batch - [ Css.width (Css.pct 80) - ] - - -w_1over6 : Css.Style -w_1over6 = - Css.batch - [ Css.width (Css.pct 16.666667) - ] - - -w_2over6 : Css.Style -w_2over6 = - Css.batch - [ Css.width (Css.pct 33.333333) - ] - - -w_3over6 : Css.Style -w_3over6 = - Css.batch - [ Css.width (Css.pct 50) - ] - - -w_4over6 : Css.Style -w_4over6 = - Css.batch - [ Css.width (Css.pct 66.666667) - ] - - -w_5over6 : Css.Style -w_5over6 = - Css.batch - [ Css.width (Css.pct 83.333333) - ] - - -w_1over12 : Css.Style -w_1over12 = - Css.batch - [ Css.width (Css.pct 8.333333) - ] - - -w_2over12 : Css.Style -w_2over12 = - Css.batch - [ Css.width (Css.pct 16.666667) - ] - - -w_3over12 : Css.Style -w_3over12 = - Css.batch - [ Css.width (Css.pct 25) - ] - - -w_4over12 : Css.Style -w_4over12 = - Css.batch - [ Css.width (Css.pct 33.333333) - ] - - -w_5over12 : Css.Style -w_5over12 = - Css.batch - [ Css.width (Css.pct 41.666667) - ] - - -w_6over12 : Css.Style -w_6over12 = - Css.batch - [ Css.width (Css.pct 50) - ] - - -w_7over12 : Css.Style -w_7over12 = - Css.batch - [ Css.width (Css.pct 58.333333) - ] - - -w_8over12 : Css.Style -w_8over12 = - Css.batch - [ Css.width (Css.pct 66.666667) - ] - - -w_9over12 : Css.Style -w_9over12 = - Css.batch - [ Css.width (Css.pct 75) - ] - - -w_10over12 : Css.Style -w_10over12 = - Css.batch - [ Css.width (Css.pct 83.333333) - ] - - -w_11over12 : Css.Style -w_11over12 = - Css.batch - [ Css.width (Css.pct 91.666667) - ] - - -w_full : Css.Style -w_full = - Css.batch - [ Css.width (Css.pct 100) - ] - - -w_screen : Css.Style -w_screen = - Css.batch - [ Css.width (Css.vw 100) - ] - - -z_0 : Css.Style -z_0 = - Css.batch - [ Css.zIndex (Css.int 0) - ] - - -z_10 : Css.Style -z_10 = - Css.batch - [ Css.zIndex (Css.int 10) - ] - - -z_20 : Css.Style -z_20 = - Css.batch - [ Css.zIndex (Css.int 20) - ] - - -z_30 : Css.Style -z_30 = - Css.batch - [ Css.zIndex (Css.int 30) - ] - - -z_40 : Css.Style -z_40 = - Css.batch - [ Css.zIndex (Css.int 40) - ] - - -z_50 : Css.Style -z_50 = - Css.batch - [ Css.zIndex (Css.int 50) - ] - - -z_auto : Css.Style -z_auto = - Css.batch - [ Css.zIndex Css.auto - ] - - -transform_none : Css.Style -transform_none = - Css.batch - [ Css.transform Css.none - ] - - -origin_center : Css.Style -origin_center = - Css.batch - [ Css.property "transform-origin" "center" - ] - - -origin_top : Css.Style -origin_top = - Css.batch - [ Css.property "transform-origin" "top" - ] - - -origin_top_right : Css.Style -origin_top_right = - Css.batch - [ Css.property "transform-origin" "top right" - ] - - -origin_right : Css.Style -origin_right = - Css.batch - [ Css.property "transform-origin" "right" - ] - - -origin_bottom_right : Css.Style -origin_bottom_right = - Css.batch - [ Css.property "transform-origin" "bottom right" - ] - - -origin_bottom : Css.Style -origin_bottom = - Css.batch - [ Css.property "transform-origin" "bottom" - ] - - -origin_bottom_left : Css.Style -origin_bottom_left = - Css.batch - [ Css.property "transform-origin" "bottom left" - ] - - -origin_left : Css.Style -origin_left = - Css.batch - [ Css.property "transform-origin" "left" - ] - - -origin_top_left : Css.Style -origin_top_left = - Css.batch - [ Css.property "transform-origin" "top left" - ] - - -sm__container : Css.Style -sm__container = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 100) - , Css.maxWidth (Css.px 640) - , Css.maxWidth (Css.px 768) - , Css.maxWidth (Css.px 1024) - , Css.maxWidth (Css.px 1280) - ] - ] - - -sm__divide_transparent : Css.Style -sm__divide_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor Css.transparent - ] - ] - - -sm__divide_current : Css.Style -sm__divide_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor Css.currentColor - ] - ] - - -sm__divide_black : Css.Style -sm__divide_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#000") - ] - ] - - -sm__divide_white : Css.Style -sm__divide_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fff") - ] - ] - - -sm__divide_gray_100 : Css.Style -sm__divide_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - - -sm__divide_gray_200 : Css.Style -sm__divide_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - - -sm__divide_gray_300 : Css.Style -sm__divide_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - - -sm__divide_gray_400 : Css.Style -sm__divide_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - - -sm__divide_gray_500 : Css.Style -sm__divide_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - - -sm__divide_gray_600 : Css.Style -sm__divide_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#718096") - ] - ] - - -sm__divide_gray_700 : Css.Style -sm__divide_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - - -sm__divide_gray_800 : Css.Style -sm__divide_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - - -sm__divide_gray_900 : Css.Style -sm__divide_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - - -sm__divide_red_100 : Css.Style -sm__divide_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - - -sm__divide_red_200 : Css.Style -sm__divide_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - - -sm__divide_red_300 : Css.Style -sm__divide_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - - -sm__divide_red_400 : Css.Style -sm__divide_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - - -sm__divide_red_500 : Css.Style -sm__divide_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#f56565") - ] - ] - - -sm__divide_red_600 : Css.Style -sm__divide_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - - -sm__divide_red_700 : Css.Style -sm__divide_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#c53030") - ] - ] - - -sm__divide_red_800 : Css.Style -sm__divide_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - - -sm__divide_red_900 : Css.Style -sm__divide_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - - -sm__divide_orange_100 : Css.Style -sm__divide_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - - -sm__divide_orange_200 : Css.Style -sm__divide_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - - -sm__divide_orange_300 : Css.Style -sm__divide_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - - -sm__divide_orange_400 : Css.Style -sm__divide_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - - -sm__divide_orange_500 : Css.Style -sm__divide_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - - -sm__divide_orange_600 : Css.Style -sm__divide_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - - -sm__divide_orange_700 : Css.Style -sm__divide_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#c05621") - ] - ] - - -sm__divide_orange_800 : Css.Style -sm__divide_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - - -sm__divide_orange_900 : Css.Style -sm__divide_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - - -sm__divide_yellow_100 : Css.Style -sm__divide_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - - -sm__divide_yellow_200 : Css.Style -sm__divide_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - - -sm__divide_yellow_300 : Css.Style -sm__divide_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#faf089") - ] - ] - - -sm__divide_yellow_400 : Css.Style -sm__divide_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - - -sm__divide_yellow_500 : Css.Style -sm__divide_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - - -sm__divide_yellow_600 : Css.Style -sm__divide_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - - -sm__divide_yellow_700 : Css.Style -sm__divide_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - - -sm__divide_yellow_800 : Css.Style -sm__divide_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#975a16") - ] - ] - - -sm__divide_yellow_900 : Css.Style -sm__divide_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#744210") - ] - ] - - -sm__divide_green_100 : Css.Style -sm__divide_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - - -sm__divide_green_200 : Css.Style -sm__divide_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - - -sm__divide_green_300 : Css.Style -sm__divide_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - - -sm__divide_green_400 : Css.Style -sm__divide_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#68d391") - ] - ] - - -sm__divide_green_500 : Css.Style -sm__divide_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - - -sm__divide_green_600 : Css.Style -sm__divide_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#38a169") - ] - ] - - -sm__divide_green_700 : Css.Style -sm__divide_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - - -sm__divide_green_800 : Css.Style -sm__divide_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#276749") - ] - ] - - -sm__divide_green_900 : Css.Style -sm__divide_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#22543d") - ] - ] - - -sm__divide_teal_100 : Css.Style -sm__divide_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - - -sm__divide_teal_200 : Css.Style -sm__divide_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - - -sm__divide_teal_300 : Css.Style -sm__divide_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - - -sm__divide_teal_400 : Css.Style -sm__divide_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - - -sm__divide_teal_500 : Css.Style -sm__divide_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - - -sm__divide_teal_600 : Css.Style -sm__divide_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#319795") - ] - ] - - -sm__divide_teal_700 : Css.Style -sm__divide_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - - -sm__divide_teal_800 : Css.Style -sm__divide_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#285e61") - ] - ] - - -sm__divide_teal_900 : Css.Style -sm__divide_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#234e52") - ] - ] - - -sm__divide_blue_100 : Css.Style -sm__divide_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - - -sm__divide_blue_200 : Css.Style -sm__divide_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - - -sm__divide_blue_300 : Css.Style -sm__divide_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - - -sm__divide_blue_400 : Css.Style -sm__divide_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - - -sm__divide_blue_500 : Css.Style -sm__divide_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - - -sm__divide_blue_600 : Css.Style -sm__divide_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - - -sm__divide_blue_700 : Css.Style -sm__divide_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - - -sm__divide_blue_800 : Css.Style -sm__divide_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - - -sm__divide_blue_900 : Css.Style -sm__divide_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - - -sm__divide_indigo_100 : Css.Style -sm__divide_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - - -sm__divide_indigo_200 : Css.Style -sm__divide_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - - -sm__divide_indigo_300 : Css.Style -sm__divide_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - - -sm__divide_indigo_400 : Css.Style -sm__divide_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - - -sm__divide_indigo_500 : Css.Style -sm__divide_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#667eea") - ] - ] - - -sm__divide_indigo_600 : Css.Style -sm__divide_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - - -sm__divide_indigo_700 : Css.Style -sm__divide_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - - -sm__divide_indigo_800 : Css.Style -sm__divide_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#434190") - ] - ] - - -sm__divide_indigo_900 : Css.Style -sm__divide_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - - -sm__divide_purple_100 : Css.Style -sm__divide_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - - -sm__divide_purple_200 : Css.Style -sm__divide_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - - -sm__divide_purple_300 : Css.Style -sm__divide_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - - -sm__divide_purple_400 : Css.Style -sm__divide_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - - -sm__divide_purple_500 : Css.Style -sm__divide_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - - -sm__divide_purple_600 : Css.Style -sm__divide_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - - -sm__divide_purple_700 : Css.Style -sm__divide_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - - -sm__divide_purple_800 : Css.Style -sm__divide_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - - -sm__divide_purple_900 : Css.Style -sm__divide_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#44337a") - ] - ] - - -sm__divide_pink_100 : Css.Style -sm__divide_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - - -sm__divide_pink_200 : Css.Style -sm__divide_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - - -sm__divide_pink_300 : Css.Style -sm__divide_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - - -sm__divide_pink_400 : Css.Style -sm__divide_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - - -sm__divide_pink_500 : Css.Style -sm__divide_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - - -sm__divide_pink_600 : Css.Style -sm__divide_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - - -sm__divide_pink_700 : Css.Style -sm__divide_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#b83280") - ] - ] - - -sm__divide_pink_800 : Css.Style -sm__divide_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#97266d") - ] - ] - - -sm__divide_pink_900 : Css.Style -sm__divide_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#702459") - ] - ] - - -sm__sr_only : Css.Style -sm__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property "clip" "rect(0, 0, 0, 0)" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - - -sm__not_sr_only : Css.Style -sm__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property "clip" "auto" - , Css.whiteSpace Css.normal - ] - ] - - -sm__focus__sr_only : Css.Style -sm__focus__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property "clip" "rect(0, 0, 0, 0)" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - ] - - -sm__focus__not_sr_only : Css.Style -sm__focus__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property "clip" "auto" - , Css.whiteSpace Css.normal - ] - ] - ] - - -sm__appearance_none : Css.Style -sm__appearance_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "appearance" "none" - ] - ] - - -sm__bg_fixed : Css.Style -sm__bg_fixed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundAttachment Css.fixed - ] - ] - - -sm__bg_local : Css.Style -sm__bg_local = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundAttachment Css.local - ] - ] - - -sm__bg_scroll : Css.Style -sm__bg_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundAttachment Css.scroll - ] - ] - - -sm__bg_transparent : Css.Style -sm__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor Css.transparent - ] - ] - - -sm__bg_current : Css.Style -sm__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor Css.currentColor - ] - ] - - -sm__bg_black : Css.Style -sm__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#000") - ] - ] - - -sm__bg_white : Css.Style -sm__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - - -sm__bg_gray_100 : Css.Style -sm__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - - -sm__bg_gray_200 : Css.Style -sm__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - - -sm__bg_gray_300 : Css.Style -sm__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - - -sm__bg_gray_400 : Css.Style -sm__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - - -sm__bg_gray_500 : Css.Style -sm__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - - -sm__bg_gray_600 : Css.Style -sm__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - - -sm__bg_gray_700 : Css.Style -sm__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - - -sm__bg_gray_800 : Css.Style -sm__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - - -sm__bg_gray_900 : Css.Style -sm__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - - -sm__bg_red_100 : Css.Style -sm__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - - -sm__bg_red_200 : Css.Style -sm__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - - -sm__bg_red_300 : Css.Style -sm__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - - -sm__bg_red_400 : Css.Style -sm__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - - -sm__bg_red_500 : Css.Style -sm__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - - -sm__bg_red_600 : Css.Style -sm__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - - -sm__bg_red_700 : Css.Style -sm__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - - -sm__bg_red_800 : Css.Style -sm__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - - -sm__bg_red_900 : Css.Style -sm__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - - -sm__bg_orange_100 : Css.Style -sm__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - - -sm__bg_orange_200 : Css.Style -sm__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - - -sm__bg_orange_300 : Css.Style -sm__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - - -sm__bg_orange_400 : Css.Style -sm__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - - -sm__bg_orange_500 : Css.Style -sm__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - - -sm__bg_orange_600 : Css.Style -sm__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - - -sm__bg_orange_700 : Css.Style -sm__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - - -sm__bg_orange_800 : Css.Style -sm__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - - -sm__bg_orange_900 : Css.Style -sm__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - - -sm__bg_yellow_100 : Css.Style -sm__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - - -sm__bg_yellow_200 : Css.Style -sm__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - - -sm__bg_yellow_300 : Css.Style -sm__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - - -sm__bg_yellow_400 : Css.Style -sm__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - - -sm__bg_yellow_500 : Css.Style -sm__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - - -sm__bg_yellow_600 : Css.Style -sm__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - - -sm__bg_yellow_700 : Css.Style -sm__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - - -sm__bg_yellow_800 : Css.Style -sm__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - - -sm__bg_yellow_900 : Css.Style -sm__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - - -sm__bg_green_100 : Css.Style -sm__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - - -sm__bg_green_200 : Css.Style -sm__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - - -sm__bg_green_300 : Css.Style -sm__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - - -sm__bg_green_400 : Css.Style -sm__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - - -sm__bg_green_500 : Css.Style -sm__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - - -sm__bg_green_600 : Css.Style -sm__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - - -sm__bg_green_700 : Css.Style -sm__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - - -sm__bg_green_800 : Css.Style -sm__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - - -sm__bg_green_900 : Css.Style -sm__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - - -sm__bg_teal_100 : Css.Style -sm__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - - -sm__bg_teal_200 : Css.Style -sm__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - - -sm__bg_teal_300 : Css.Style -sm__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - - -sm__bg_teal_400 : Css.Style -sm__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - - -sm__bg_teal_500 : Css.Style -sm__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - - -sm__bg_teal_600 : Css.Style -sm__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - - -sm__bg_teal_700 : Css.Style -sm__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - - -sm__bg_teal_800 : Css.Style -sm__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - - -sm__bg_teal_900 : Css.Style -sm__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - - -sm__bg_blue_100 : Css.Style -sm__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - - -sm__bg_blue_200 : Css.Style -sm__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - - -sm__bg_blue_300 : Css.Style -sm__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - - -sm__bg_blue_400 : Css.Style -sm__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - - -sm__bg_blue_500 : Css.Style -sm__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - - -sm__bg_blue_600 : Css.Style -sm__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - - -sm__bg_blue_700 : Css.Style -sm__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - - -sm__bg_blue_800 : Css.Style -sm__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - - -sm__bg_blue_900 : Css.Style -sm__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - - -sm__bg_indigo_100 : Css.Style -sm__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - - -sm__bg_indigo_200 : Css.Style -sm__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - - -sm__bg_indigo_300 : Css.Style -sm__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - - -sm__bg_indigo_400 : Css.Style -sm__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - - -sm__bg_indigo_500 : Css.Style -sm__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - - -sm__bg_indigo_600 : Css.Style -sm__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - - -sm__bg_indigo_700 : Css.Style -sm__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - - -sm__bg_indigo_800 : Css.Style -sm__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - - -sm__bg_indigo_900 : Css.Style -sm__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - - -sm__bg_purple_100 : Css.Style -sm__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - - -sm__bg_purple_200 : Css.Style -sm__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - - -sm__bg_purple_300 : Css.Style -sm__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - - -sm__bg_purple_400 : Css.Style -sm__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - - -sm__bg_purple_500 : Css.Style -sm__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - - -sm__bg_purple_600 : Css.Style -sm__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - - -sm__bg_purple_700 : Css.Style -sm__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - - -sm__bg_purple_800 : Css.Style -sm__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - - -sm__bg_purple_900 : Css.Style -sm__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - - -sm__bg_pink_100 : Css.Style -sm__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - - -sm__bg_pink_200 : Css.Style -sm__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - - -sm__bg_pink_300 : Css.Style -sm__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - - -sm__bg_pink_400 : Css.Style -sm__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - - -sm__bg_pink_500 : Css.Style -sm__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - - -sm__bg_pink_600 : Css.Style -sm__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - - -sm__bg_pink_700 : Css.Style -sm__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - - -sm__bg_pink_800 : Css.Style -sm__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - - -sm__bg_pink_900 : Css.Style -sm__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - - -sm__hover__bg_transparent : Css.Style -sm__hover__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -sm__hover__bg_current : Css.Style -sm__hover__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -sm__hover__bg_black : Css.Style -sm__hover__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#000") - ] - ] - ] - - -sm__hover__bg_white : Css.Style -sm__hover__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - ] - - -sm__hover__bg_gray_100 : Css.Style -sm__hover__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - ] - - -sm__hover__bg_gray_200 : Css.Style -sm__hover__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - ] - - -sm__hover__bg_gray_300 : Css.Style -sm__hover__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - ] - - -sm__hover__bg_gray_400 : Css.Style -sm__hover__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - ] - - -sm__hover__bg_gray_500 : Css.Style -sm__hover__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - ] - - -sm__hover__bg_gray_600 : Css.Style -sm__hover__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - ] - - -sm__hover__bg_gray_700 : Css.Style -sm__hover__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - ] - - -sm__hover__bg_gray_800 : Css.Style -sm__hover__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - ] - - -sm__hover__bg_gray_900 : Css.Style -sm__hover__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - ] - - -sm__hover__bg_red_100 : Css.Style -sm__hover__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - ] - - -sm__hover__bg_red_200 : Css.Style -sm__hover__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - ] - - -sm__hover__bg_red_300 : Css.Style -sm__hover__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - ] - - -sm__hover__bg_red_400 : Css.Style -sm__hover__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - ] - - -sm__hover__bg_red_500 : Css.Style -sm__hover__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - ] - - -sm__hover__bg_red_600 : Css.Style -sm__hover__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - ] - - -sm__hover__bg_red_700 : Css.Style -sm__hover__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - ] - - -sm__hover__bg_red_800 : Css.Style -sm__hover__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - ] - - -sm__hover__bg_red_900 : Css.Style -sm__hover__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - ] - - -sm__hover__bg_orange_100 : Css.Style -sm__hover__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - ] - - -sm__hover__bg_orange_200 : Css.Style -sm__hover__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - ] - - -sm__hover__bg_orange_300 : Css.Style -sm__hover__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - ] - - -sm__hover__bg_orange_400 : Css.Style -sm__hover__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - ] - - -sm__hover__bg_orange_500 : Css.Style -sm__hover__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - ] - - -sm__hover__bg_orange_600 : Css.Style -sm__hover__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - ] - - -sm__hover__bg_orange_700 : Css.Style -sm__hover__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - ] - - -sm__hover__bg_orange_800 : Css.Style -sm__hover__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - ] - - -sm__hover__bg_orange_900 : Css.Style -sm__hover__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - ] - - -sm__hover__bg_yellow_100 : Css.Style -sm__hover__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - ] - - -sm__hover__bg_yellow_200 : Css.Style -sm__hover__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - ] - - -sm__hover__bg_yellow_300 : Css.Style -sm__hover__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - ] - - -sm__hover__bg_yellow_400 : Css.Style -sm__hover__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - ] - - -sm__hover__bg_yellow_500 : Css.Style -sm__hover__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - ] - - -sm__hover__bg_yellow_600 : Css.Style -sm__hover__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - ] - - -sm__hover__bg_yellow_700 : Css.Style -sm__hover__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - ] - - -sm__hover__bg_yellow_800 : Css.Style -sm__hover__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - ] - - -sm__hover__bg_yellow_900 : Css.Style -sm__hover__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - ] - - -sm__hover__bg_green_100 : Css.Style -sm__hover__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - ] - - -sm__hover__bg_green_200 : Css.Style -sm__hover__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - ] - - -sm__hover__bg_green_300 : Css.Style -sm__hover__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - ] - - -sm__hover__bg_green_400 : Css.Style -sm__hover__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - ] - - -sm__hover__bg_green_500 : Css.Style -sm__hover__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - ] - - -sm__hover__bg_green_600 : Css.Style -sm__hover__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - ] - - -sm__hover__bg_green_700 : Css.Style -sm__hover__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - ] - - -sm__hover__bg_green_800 : Css.Style -sm__hover__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - ] - - -sm__hover__bg_green_900 : Css.Style -sm__hover__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - ] - - -sm__hover__bg_teal_100 : Css.Style -sm__hover__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - ] - - -sm__hover__bg_teal_200 : Css.Style -sm__hover__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - ] - - -sm__hover__bg_teal_300 : Css.Style -sm__hover__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - ] - - -sm__hover__bg_teal_400 : Css.Style -sm__hover__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - ] - - -sm__hover__bg_teal_500 : Css.Style -sm__hover__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - ] - - -sm__hover__bg_teal_600 : Css.Style -sm__hover__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - ] - - -sm__hover__bg_teal_700 : Css.Style -sm__hover__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - ] - - -sm__hover__bg_teal_800 : Css.Style -sm__hover__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - ] - - -sm__hover__bg_teal_900 : Css.Style -sm__hover__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - ] - - -sm__hover__bg_blue_100 : Css.Style -sm__hover__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - ] - - -sm__hover__bg_blue_200 : Css.Style -sm__hover__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - ] - - -sm__hover__bg_blue_300 : Css.Style -sm__hover__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - ] - - -sm__hover__bg_blue_400 : Css.Style -sm__hover__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - ] - - -sm__hover__bg_blue_500 : Css.Style -sm__hover__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - ] - - -sm__hover__bg_blue_600 : Css.Style -sm__hover__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - ] - - -sm__hover__bg_blue_700 : Css.Style -sm__hover__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - ] - - -sm__hover__bg_blue_800 : Css.Style -sm__hover__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - ] - - -sm__hover__bg_blue_900 : Css.Style -sm__hover__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - ] - - -sm__hover__bg_indigo_100 : Css.Style -sm__hover__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - ] - - -sm__hover__bg_indigo_200 : Css.Style -sm__hover__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - ] - - -sm__hover__bg_indigo_300 : Css.Style -sm__hover__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - ] - - -sm__hover__bg_indigo_400 : Css.Style -sm__hover__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - ] - - -sm__hover__bg_indigo_500 : Css.Style -sm__hover__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - ] - - -sm__hover__bg_indigo_600 : Css.Style -sm__hover__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - ] - - -sm__hover__bg_indigo_700 : Css.Style -sm__hover__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - ] - - -sm__hover__bg_indigo_800 : Css.Style -sm__hover__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - ] - - -sm__hover__bg_indigo_900 : Css.Style -sm__hover__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - ] - - -sm__hover__bg_purple_100 : Css.Style -sm__hover__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - ] - - -sm__hover__bg_purple_200 : Css.Style -sm__hover__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - ] - - -sm__hover__bg_purple_300 : Css.Style -sm__hover__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - ] - - -sm__hover__bg_purple_400 : Css.Style -sm__hover__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - ] - - -sm__hover__bg_purple_500 : Css.Style -sm__hover__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - ] - - -sm__hover__bg_purple_600 : Css.Style -sm__hover__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - ] - - -sm__hover__bg_purple_700 : Css.Style -sm__hover__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - ] - - -sm__hover__bg_purple_800 : Css.Style -sm__hover__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - ] - - -sm__hover__bg_purple_900 : Css.Style -sm__hover__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - ] - - -sm__hover__bg_pink_100 : Css.Style -sm__hover__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - ] - - -sm__hover__bg_pink_200 : Css.Style -sm__hover__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - ] - - -sm__hover__bg_pink_300 : Css.Style -sm__hover__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - ] - - -sm__hover__bg_pink_400 : Css.Style -sm__hover__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - ] - - -sm__hover__bg_pink_500 : Css.Style -sm__hover__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - ] - - -sm__hover__bg_pink_600 : Css.Style -sm__hover__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - ] - - -sm__hover__bg_pink_700 : Css.Style -sm__hover__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - ] - - -sm__hover__bg_pink_800 : Css.Style -sm__hover__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - ] - - -sm__hover__bg_pink_900 : Css.Style -sm__hover__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - ] - - -sm__focus__bg_transparent : Css.Style -sm__focus__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -sm__focus__bg_current : Css.Style -sm__focus__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -sm__focus__bg_black : Css.Style -sm__focus__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#000") - ] - ] - ] - - -sm__focus__bg_white : Css.Style -sm__focus__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - ] - - -sm__focus__bg_gray_100 : Css.Style -sm__focus__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - ] - - -sm__focus__bg_gray_200 : Css.Style -sm__focus__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - ] - - -sm__focus__bg_gray_300 : Css.Style -sm__focus__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - ] - - -sm__focus__bg_gray_400 : Css.Style -sm__focus__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - ] - - -sm__focus__bg_gray_500 : Css.Style -sm__focus__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - ] - - -sm__focus__bg_gray_600 : Css.Style -sm__focus__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - ] - - -sm__focus__bg_gray_700 : Css.Style -sm__focus__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - ] - - -sm__focus__bg_gray_800 : Css.Style -sm__focus__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - ] - - -sm__focus__bg_gray_900 : Css.Style -sm__focus__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - ] - - -sm__focus__bg_red_100 : Css.Style -sm__focus__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - ] - - -sm__focus__bg_red_200 : Css.Style -sm__focus__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - ] - - -sm__focus__bg_red_300 : Css.Style -sm__focus__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - ] - - -sm__focus__bg_red_400 : Css.Style -sm__focus__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - ] - - -sm__focus__bg_red_500 : Css.Style -sm__focus__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - ] - - -sm__focus__bg_red_600 : Css.Style -sm__focus__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - ] - - -sm__focus__bg_red_700 : Css.Style -sm__focus__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - ] - - -sm__focus__bg_red_800 : Css.Style -sm__focus__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - ] - - -sm__focus__bg_red_900 : Css.Style -sm__focus__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - ] - - -sm__focus__bg_orange_100 : Css.Style -sm__focus__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - ] - - -sm__focus__bg_orange_200 : Css.Style -sm__focus__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - ] - - -sm__focus__bg_orange_300 : Css.Style -sm__focus__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - ] - - -sm__focus__bg_orange_400 : Css.Style -sm__focus__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - ] - - -sm__focus__bg_orange_500 : Css.Style -sm__focus__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - ] - - -sm__focus__bg_orange_600 : Css.Style -sm__focus__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - ] - - -sm__focus__bg_orange_700 : Css.Style -sm__focus__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - ] - - -sm__focus__bg_orange_800 : Css.Style -sm__focus__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - ] - - -sm__focus__bg_orange_900 : Css.Style -sm__focus__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - ] - - -sm__focus__bg_yellow_100 : Css.Style -sm__focus__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - ] - - -sm__focus__bg_yellow_200 : Css.Style -sm__focus__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - ] - - -sm__focus__bg_yellow_300 : Css.Style -sm__focus__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - ] - - -sm__focus__bg_yellow_400 : Css.Style -sm__focus__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - ] - - -sm__focus__bg_yellow_500 : Css.Style -sm__focus__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - ] - - -sm__focus__bg_yellow_600 : Css.Style -sm__focus__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - ] - - -sm__focus__bg_yellow_700 : Css.Style -sm__focus__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - ] - - -sm__focus__bg_yellow_800 : Css.Style -sm__focus__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - ] - - -sm__focus__bg_yellow_900 : Css.Style -sm__focus__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - ] - - -sm__focus__bg_green_100 : Css.Style -sm__focus__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - ] - - -sm__focus__bg_green_200 : Css.Style -sm__focus__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - ] - - -sm__focus__bg_green_300 : Css.Style -sm__focus__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - ] - - -sm__focus__bg_green_400 : Css.Style -sm__focus__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - ] - - -sm__focus__bg_green_500 : Css.Style -sm__focus__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - ] - - -sm__focus__bg_green_600 : Css.Style -sm__focus__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - ] - - -sm__focus__bg_green_700 : Css.Style -sm__focus__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - ] - - -sm__focus__bg_green_800 : Css.Style -sm__focus__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - ] - - -sm__focus__bg_green_900 : Css.Style -sm__focus__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - ] - - -sm__focus__bg_teal_100 : Css.Style -sm__focus__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - ] - - -sm__focus__bg_teal_200 : Css.Style -sm__focus__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - ] - - -sm__focus__bg_teal_300 : Css.Style -sm__focus__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - ] - - -sm__focus__bg_teal_400 : Css.Style -sm__focus__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - ] - - -sm__focus__bg_teal_500 : Css.Style -sm__focus__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - ] - - -sm__focus__bg_teal_600 : Css.Style -sm__focus__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - ] - - -sm__focus__bg_teal_700 : Css.Style -sm__focus__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - ] - - -sm__focus__bg_teal_800 : Css.Style -sm__focus__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - ] - - -sm__focus__bg_teal_900 : Css.Style -sm__focus__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - ] - - -sm__focus__bg_blue_100 : Css.Style -sm__focus__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - ] - - -sm__focus__bg_blue_200 : Css.Style -sm__focus__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - ] - - -sm__focus__bg_blue_300 : Css.Style -sm__focus__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - ] - - -sm__focus__bg_blue_400 : Css.Style -sm__focus__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - ] - - -sm__focus__bg_blue_500 : Css.Style -sm__focus__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - ] - - -sm__focus__bg_blue_600 : Css.Style -sm__focus__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - ] - - -sm__focus__bg_blue_700 : Css.Style -sm__focus__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - ] - - -sm__focus__bg_blue_800 : Css.Style -sm__focus__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - ] - - -sm__focus__bg_blue_900 : Css.Style -sm__focus__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - ] - - -sm__focus__bg_indigo_100 : Css.Style -sm__focus__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - ] - - -sm__focus__bg_indigo_200 : Css.Style -sm__focus__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - ] - - -sm__focus__bg_indigo_300 : Css.Style -sm__focus__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - ] - - -sm__focus__bg_indigo_400 : Css.Style -sm__focus__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - ] - - -sm__focus__bg_indigo_500 : Css.Style -sm__focus__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - ] - - -sm__focus__bg_indigo_600 : Css.Style -sm__focus__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - ] - - -sm__focus__bg_indigo_700 : Css.Style -sm__focus__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - ] - - -sm__focus__bg_indigo_800 : Css.Style -sm__focus__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - ] - - -sm__focus__bg_indigo_900 : Css.Style -sm__focus__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - ] - - -sm__focus__bg_purple_100 : Css.Style -sm__focus__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - ] - - -sm__focus__bg_purple_200 : Css.Style -sm__focus__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - ] - - -sm__focus__bg_purple_300 : Css.Style -sm__focus__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - ] - - -sm__focus__bg_purple_400 : Css.Style -sm__focus__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - ] - - -sm__focus__bg_purple_500 : Css.Style -sm__focus__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - ] - - -sm__focus__bg_purple_600 : Css.Style -sm__focus__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - ] - - -sm__focus__bg_purple_700 : Css.Style -sm__focus__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - ] - - -sm__focus__bg_purple_800 : Css.Style -sm__focus__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - ] - - -sm__focus__bg_purple_900 : Css.Style -sm__focus__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - ] - - -sm__focus__bg_pink_100 : Css.Style -sm__focus__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - ] - - -sm__focus__bg_pink_200 : Css.Style -sm__focus__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - ] - - -sm__focus__bg_pink_300 : Css.Style -sm__focus__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - ] - - -sm__focus__bg_pink_400 : Css.Style -sm__focus__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - ] - - -sm__focus__bg_pink_500 : Css.Style -sm__focus__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - ] - - -sm__focus__bg_pink_600 : Css.Style -sm__focus__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - ] - - -sm__focus__bg_pink_700 : Css.Style -sm__focus__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - ] - - -sm__focus__bg_pink_800 : Css.Style -sm__focus__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - ] - - -sm__focus__bg_pink_900 : Css.Style -sm__focus__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - ] - - -sm__bg_bottom : Css.Style -sm__bg_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "background-position" "bottom" - ] - ] - - -sm__bg_center : Css.Style -sm__bg_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "background-position" "center" - ] - ] - - -sm__bg_left : Css.Style -sm__bg_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "background-position" "left" - ] - ] - - -sm__bg_left_bottom : Css.Style -sm__bg_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "background-position" "left bottom" - ] - ] - - -sm__bg_left_top : Css.Style -sm__bg_left_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "background-position" "left top" - ] - ] - - -sm__bg_right : Css.Style -sm__bg_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "background-position" "right" - ] - ] - - -sm__bg_right_bottom : Css.Style -sm__bg_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "background-position" "right bottom" - ] - ] - - -sm__bg_right_top : Css.Style -sm__bg_right_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "background-position" "right top" - ] - ] - - -sm__bg_top : Css.Style -sm__bg_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "background-position" "top" - ] - ] - - -sm__bg_repeat : Css.Style -sm__bg_repeat = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundRepeat Css.repeat - ] - ] - - -sm__bg_no_repeat : Css.Style -sm__bg_no_repeat = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundRepeat Css.noRepeat - ] - ] - - -sm__bg_repeat_x : Css.Style -sm__bg_repeat_x = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundRepeat Css.repeatX - ] - ] - - -sm__bg_repeat_y : Css.Style -sm__bg_repeat_y = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundRepeat Css.repeatY - ] - ] - - -sm__bg_repeat_round : Css.Style -sm__bg_repeat_round = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundRepeat Css.round - ] - ] - - -sm__bg_repeat_space : Css.Style -sm__bg_repeat_space = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundRepeat Css.space - ] - ] - - -sm__bg_auto : Css.Style -sm__bg_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundSize Css.auto - ] - ] - - -sm__bg_cover : Css.Style -sm__bg_cover = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundSize Css.cover - ] - ] - - -sm__bg_contain : Css.Style -sm__bg_contain = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.backgroundSize Css.contain - ] - ] - - -sm__border_collapse : Css.Style -sm__border_collapse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderCollapse Css.collapse - ] - ] - - -sm__border_separate : Css.Style -sm__border_separate = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderCollapse Css.separate - ] - ] - - -sm__border_transparent : Css.Style -sm__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor Css.transparent - ] - ] - - -sm__border_current : Css.Style -sm__border_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor Css.currentColor - ] - ] - - -sm__border_black : Css.Style -sm__border_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#000") - ] - ] - - -sm__border_white : Css.Style -sm__border_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fff") - ] - ] - - -sm__border_gray_100 : Css.Style -sm__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - - -sm__border_gray_200 : Css.Style -sm__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - - -sm__border_gray_300 : Css.Style -sm__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - - -sm__border_gray_400 : Css.Style -sm__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - - -sm__border_gray_500 : Css.Style -sm__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - - -sm__border_gray_600 : Css.Style -sm__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#718096") - ] - ] - - -sm__border_gray_700 : Css.Style -sm__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - - -sm__border_gray_800 : Css.Style -sm__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - - -sm__border_gray_900 : Css.Style -sm__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - - -sm__border_red_100 : Css.Style -sm__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - - -sm__border_red_200 : Css.Style -sm__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - - -sm__border_red_300 : Css.Style -sm__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - - -sm__border_red_400 : Css.Style -sm__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - - -sm__border_red_500 : Css.Style -sm__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#f56565") - ] - ] - - -sm__border_red_600 : Css.Style -sm__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - - -sm__border_red_700 : Css.Style -sm__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#c53030") - ] - ] - - -sm__border_red_800 : Css.Style -sm__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - - -sm__border_red_900 : Css.Style -sm__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - - -sm__border_orange_100 : Css.Style -sm__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - - -sm__border_orange_200 : Css.Style -sm__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - - -sm__border_orange_300 : Css.Style -sm__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - - -sm__border_orange_400 : Css.Style -sm__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - - -sm__border_orange_500 : Css.Style -sm__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - - -sm__border_orange_600 : Css.Style -sm__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - - -sm__border_orange_700 : Css.Style -sm__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#c05621") - ] - ] - - -sm__border_orange_800 : Css.Style -sm__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - - -sm__border_orange_900 : Css.Style -sm__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - - -sm__border_yellow_100 : Css.Style -sm__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - - -sm__border_yellow_200 : Css.Style -sm__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - - -sm__border_yellow_300 : Css.Style -sm__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#faf089") - ] - ] - - -sm__border_yellow_400 : Css.Style -sm__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - - -sm__border_yellow_500 : Css.Style -sm__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - - -sm__border_yellow_600 : Css.Style -sm__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - - -sm__border_yellow_700 : Css.Style -sm__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - - -sm__border_yellow_800 : Css.Style -sm__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#975a16") - ] - ] - - -sm__border_yellow_900 : Css.Style -sm__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#744210") - ] - ] - - -sm__border_green_100 : Css.Style -sm__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - - -sm__border_green_200 : Css.Style -sm__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - - -sm__border_green_300 : Css.Style -sm__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - - -sm__border_green_400 : Css.Style -sm__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#68d391") - ] - ] - - -sm__border_green_500 : Css.Style -sm__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - - -sm__border_green_600 : Css.Style -sm__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#38a169") - ] - ] - - -sm__border_green_700 : Css.Style -sm__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - - -sm__border_green_800 : Css.Style -sm__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#276749") - ] - ] - - -sm__border_green_900 : Css.Style -sm__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#22543d") - ] - ] - - -sm__border_teal_100 : Css.Style -sm__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - - -sm__border_teal_200 : Css.Style -sm__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - - -sm__border_teal_300 : Css.Style -sm__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - - -sm__border_teal_400 : Css.Style -sm__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - - -sm__border_teal_500 : Css.Style -sm__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - - -sm__border_teal_600 : Css.Style -sm__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#319795") - ] - ] - - -sm__border_teal_700 : Css.Style -sm__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - - -sm__border_teal_800 : Css.Style -sm__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#285e61") - ] - ] - - -sm__border_teal_900 : Css.Style -sm__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#234e52") - ] - ] - - -sm__border_blue_100 : Css.Style -sm__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - - -sm__border_blue_200 : Css.Style -sm__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - - -sm__border_blue_300 : Css.Style -sm__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - - -sm__border_blue_400 : Css.Style -sm__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - - -sm__border_blue_500 : Css.Style -sm__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - - -sm__border_blue_600 : Css.Style -sm__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - - -sm__border_blue_700 : Css.Style -sm__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - - -sm__border_blue_800 : Css.Style -sm__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - - -sm__border_blue_900 : Css.Style -sm__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - - -sm__border_indigo_100 : Css.Style -sm__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - - -sm__border_indigo_200 : Css.Style -sm__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - - -sm__border_indigo_300 : Css.Style -sm__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - - -sm__border_indigo_400 : Css.Style -sm__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - - -sm__border_indigo_500 : Css.Style -sm__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#667eea") - ] - ] - - -sm__border_indigo_600 : Css.Style -sm__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - - -sm__border_indigo_700 : Css.Style -sm__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - - -sm__border_indigo_800 : Css.Style -sm__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#434190") - ] - ] - - -sm__border_indigo_900 : Css.Style -sm__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - - -sm__border_purple_100 : Css.Style -sm__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - - -sm__border_purple_200 : Css.Style -sm__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - - -sm__border_purple_300 : Css.Style -sm__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - - -sm__border_purple_400 : Css.Style -sm__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - - -sm__border_purple_500 : Css.Style -sm__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - - -sm__border_purple_600 : Css.Style -sm__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - - -sm__border_purple_700 : Css.Style -sm__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - - -sm__border_purple_800 : Css.Style -sm__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - - -sm__border_purple_900 : Css.Style -sm__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#44337a") - ] - ] - - -sm__border_pink_100 : Css.Style -sm__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - - -sm__border_pink_200 : Css.Style -sm__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - - -sm__border_pink_300 : Css.Style -sm__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - - -sm__border_pink_400 : Css.Style -sm__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - - -sm__border_pink_500 : Css.Style -sm__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - - -sm__border_pink_600 : Css.Style -sm__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - - -sm__border_pink_700 : Css.Style -sm__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#b83280") - ] - ] - - -sm__border_pink_800 : Css.Style -sm__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#97266d") - ] - ] - - -sm__border_pink_900 : Css.Style -sm__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderColor (Css.hex "#702459") - ] - ] - - -sm__hover__border_transparent : Css.Style -sm__hover__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor Css.transparent - ] - ] - ] - - -sm__hover__border_current : Css.Style -sm__hover__border_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor Css.currentColor - ] - ] - ] - - -sm__hover__border_black : Css.Style -sm__hover__border_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#000") - ] - ] - ] - - -sm__hover__border_white : Css.Style -sm__hover__border_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fff") - ] - ] - ] - - -sm__hover__border_gray_100 : Css.Style -sm__hover__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - ] - - -sm__hover__border_gray_200 : Css.Style -sm__hover__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - ] - - -sm__hover__border_gray_300 : Css.Style -sm__hover__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - ] - - -sm__hover__border_gray_400 : Css.Style -sm__hover__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - ] - - -sm__hover__border_gray_500 : Css.Style -sm__hover__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - ] - - -sm__hover__border_gray_600 : Css.Style -sm__hover__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#718096") - ] - ] - ] - - -sm__hover__border_gray_700 : Css.Style -sm__hover__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - ] - - -sm__hover__border_gray_800 : Css.Style -sm__hover__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - ] - - -sm__hover__border_gray_900 : Css.Style -sm__hover__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - ] - - -sm__hover__border_red_100 : Css.Style -sm__hover__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - ] - - -sm__hover__border_red_200 : Css.Style -sm__hover__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - ] - - -sm__hover__border_red_300 : Css.Style -sm__hover__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - ] - - -sm__hover__border_red_400 : Css.Style -sm__hover__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - ] - - -sm__hover__border_red_500 : Css.Style -sm__hover__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f56565") - ] - ] - ] - - -sm__hover__border_red_600 : Css.Style -sm__hover__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - ] - - -sm__hover__border_red_700 : Css.Style -sm__hover__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c53030") - ] - ] - ] - - -sm__hover__border_red_800 : Css.Style -sm__hover__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - ] - - -sm__hover__border_red_900 : Css.Style -sm__hover__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - ] - - -sm__hover__border_orange_100 : Css.Style -sm__hover__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - ] - - -sm__hover__border_orange_200 : Css.Style -sm__hover__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - ] - - -sm__hover__border_orange_300 : Css.Style -sm__hover__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - ] - - -sm__hover__border_orange_400 : Css.Style -sm__hover__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - ] - - -sm__hover__border_orange_500 : Css.Style -sm__hover__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - ] - - -sm__hover__border_orange_600 : Css.Style -sm__hover__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - ] - - -sm__hover__border_orange_700 : Css.Style -sm__hover__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c05621") - ] - ] - ] - - -sm__hover__border_orange_800 : Css.Style -sm__hover__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - ] - - -sm__hover__border_orange_900 : Css.Style -sm__hover__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - ] - - -sm__hover__border_yellow_100 : Css.Style -sm__hover__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - ] - - -sm__hover__border_yellow_200 : Css.Style -sm__hover__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - ] - - -sm__hover__border_yellow_300 : Css.Style -sm__hover__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#faf089") - ] - ] - ] - - -sm__hover__border_yellow_400 : Css.Style -sm__hover__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - ] - - -sm__hover__border_yellow_500 : Css.Style -sm__hover__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - ] - - -sm__hover__border_yellow_600 : Css.Style -sm__hover__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - ] - - -sm__hover__border_yellow_700 : Css.Style -sm__hover__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - ] - - -sm__hover__border_yellow_800 : Css.Style -sm__hover__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#975a16") - ] - ] - ] - - -sm__hover__border_yellow_900 : Css.Style -sm__hover__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#744210") - ] - ] - ] - - -sm__hover__border_green_100 : Css.Style -sm__hover__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - ] - - -sm__hover__border_green_200 : Css.Style -sm__hover__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - ] - - -sm__hover__border_green_300 : Css.Style -sm__hover__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - ] - - -sm__hover__border_green_400 : Css.Style -sm__hover__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#68d391") - ] - ] - ] - - -sm__hover__border_green_500 : Css.Style -sm__hover__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - ] - - -sm__hover__border_green_600 : Css.Style -sm__hover__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#38a169") - ] - ] - ] - - -sm__hover__border_green_700 : Css.Style -sm__hover__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - ] - - -sm__hover__border_green_800 : Css.Style -sm__hover__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#276749") - ] - ] - ] - - -sm__hover__border_green_900 : Css.Style -sm__hover__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#22543d") - ] - ] - ] - - -sm__hover__border_teal_100 : Css.Style -sm__hover__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - ] - - -sm__hover__border_teal_200 : Css.Style -sm__hover__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - ] - - -sm__hover__border_teal_300 : Css.Style -sm__hover__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - ] - - -sm__hover__border_teal_400 : Css.Style -sm__hover__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - ] - - -sm__hover__border_teal_500 : Css.Style -sm__hover__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - ] - - -sm__hover__border_teal_600 : Css.Style -sm__hover__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#319795") - ] - ] - ] - - -sm__hover__border_teal_700 : Css.Style -sm__hover__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - ] - - -sm__hover__border_teal_800 : Css.Style -sm__hover__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#285e61") - ] - ] - ] - - -sm__hover__border_teal_900 : Css.Style -sm__hover__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#234e52") - ] - ] - ] - - -sm__hover__border_blue_100 : Css.Style -sm__hover__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - ] - - -sm__hover__border_blue_200 : Css.Style -sm__hover__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - ] - - -sm__hover__border_blue_300 : Css.Style -sm__hover__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - ] - - -sm__hover__border_blue_400 : Css.Style -sm__hover__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - ] - - -sm__hover__border_blue_500 : Css.Style -sm__hover__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - ] - - -sm__hover__border_blue_600 : Css.Style -sm__hover__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - ] - - -sm__hover__border_blue_700 : Css.Style -sm__hover__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - ] - - -sm__hover__border_blue_800 : Css.Style -sm__hover__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - ] - - -sm__hover__border_blue_900 : Css.Style -sm__hover__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - ] - - -sm__hover__border_indigo_100 : Css.Style -sm__hover__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - ] - - -sm__hover__border_indigo_200 : Css.Style -sm__hover__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - ] - - -sm__hover__border_indigo_300 : Css.Style -sm__hover__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - ] - - -sm__hover__border_indigo_400 : Css.Style -sm__hover__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - ] - - -sm__hover__border_indigo_500 : Css.Style -sm__hover__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#667eea") - ] - ] - ] - - -sm__hover__border_indigo_600 : Css.Style -sm__hover__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - ] - - -sm__hover__border_indigo_700 : Css.Style -sm__hover__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - ] - - -sm__hover__border_indigo_800 : Css.Style -sm__hover__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#434190") - ] - ] - ] - - -sm__hover__border_indigo_900 : Css.Style -sm__hover__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - ] - - -sm__hover__border_purple_100 : Css.Style -sm__hover__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - ] - - -sm__hover__border_purple_200 : Css.Style -sm__hover__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - ] - - -sm__hover__border_purple_300 : Css.Style -sm__hover__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - ] - - -sm__hover__border_purple_400 : Css.Style -sm__hover__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - ] - - -sm__hover__border_purple_500 : Css.Style -sm__hover__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - ] - - -sm__hover__border_purple_600 : Css.Style -sm__hover__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - ] - - -sm__hover__border_purple_700 : Css.Style -sm__hover__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - ] - - -sm__hover__border_purple_800 : Css.Style -sm__hover__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - ] - - -sm__hover__border_purple_900 : Css.Style -sm__hover__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#44337a") - ] - ] - ] - - -sm__hover__border_pink_100 : Css.Style -sm__hover__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - ] - - -sm__hover__border_pink_200 : Css.Style -sm__hover__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - ] - - -sm__hover__border_pink_300 : Css.Style -sm__hover__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - ] - - -sm__hover__border_pink_400 : Css.Style -sm__hover__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - ] - - -sm__hover__border_pink_500 : Css.Style -sm__hover__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - ] - - -sm__hover__border_pink_600 : Css.Style -sm__hover__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - ] - - -sm__hover__border_pink_700 : Css.Style -sm__hover__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b83280") - ] - ] - ] - - -sm__hover__border_pink_800 : Css.Style -sm__hover__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#97266d") - ] - ] - ] - - -sm__hover__border_pink_900 : Css.Style -sm__hover__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#702459") - ] - ] - ] - - -sm__focus__border_transparent : Css.Style -sm__focus__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor Css.transparent - ] - ] - ] - - -sm__focus__border_current : Css.Style -sm__focus__border_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor Css.currentColor - ] - ] - ] - - -sm__focus__border_black : Css.Style -sm__focus__border_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#000") - ] - ] - ] - - -sm__focus__border_white : Css.Style -sm__focus__border_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fff") - ] - ] - ] - - -sm__focus__border_gray_100 : Css.Style -sm__focus__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - ] - - -sm__focus__border_gray_200 : Css.Style -sm__focus__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - ] - - -sm__focus__border_gray_300 : Css.Style -sm__focus__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - ] - - -sm__focus__border_gray_400 : Css.Style -sm__focus__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - ] - - -sm__focus__border_gray_500 : Css.Style -sm__focus__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - ] - - -sm__focus__border_gray_600 : Css.Style -sm__focus__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#718096") - ] - ] - ] - - -sm__focus__border_gray_700 : Css.Style -sm__focus__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - ] - - -sm__focus__border_gray_800 : Css.Style -sm__focus__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - ] - - -sm__focus__border_gray_900 : Css.Style -sm__focus__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - ] - - -sm__focus__border_red_100 : Css.Style -sm__focus__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - ] - - -sm__focus__border_red_200 : Css.Style -sm__focus__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - ] - - -sm__focus__border_red_300 : Css.Style -sm__focus__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - ] - - -sm__focus__border_red_400 : Css.Style -sm__focus__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - ] - - -sm__focus__border_red_500 : Css.Style -sm__focus__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f56565") - ] - ] - ] - - -sm__focus__border_red_600 : Css.Style -sm__focus__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - ] - - -sm__focus__border_red_700 : Css.Style -sm__focus__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c53030") - ] - ] - ] - - -sm__focus__border_red_800 : Css.Style -sm__focus__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - ] - - -sm__focus__border_red_900 : Css.Style -sm__focus__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - ] - - -sm__focus__border_orange_100 : Css.Style -sm__focus__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - ] - - -sm__focus__border_orange_200 : Css.Style -sm__focus__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - ] - - -sm__focus__border_orange_300 : Css.Style -sm__focus__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - ] - - -sm__focus__border_orange_400 : Css.Style -sm__focus__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - ] - - -sm__focus__border_orange_500 : Css.Style -sm__focus__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - ] - - -sm__focus__border_orange_600 : Css.Style -sm__focus__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - ] - - -sm__focus__border_orange_700 : Css.Style -sm__focus__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c05621") - ] - ] - ] - - -sm__focus__border_orange_800 : Css.Style -sm__focus__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - ] - - -sm__focus__border_orange_900 : Css.Style -sm__focus__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - ] - - -sm__focus__border_yellow_100 : Css.Style -sm__focus__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - ] - - -sm__focus__border_yellow_200 : Css.Style -sm__focus__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - ] - - -sm__focus__border_yellow_300 : Css.Style -sm__focus__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#faf089") - ] - ] - ] - - -sm__focus__border_yellow_400 : Css.Style -sm__focus__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - ] - - -sm__focus__border_yellow_500 : Css.Style -sm__focus__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - ] - - -sm__focus__border_yellow_600 : Css.Style -sm__focus__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - ] - - -sm__focus__border_yellow_700 : Css.Style -sm__focus__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - ] - - -sm__focus__border_yellow_800 : Css.Style -sm__focus__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#975a16") - ] - ] - ] - - -sm__focus__border_yellow_900 : Css.Style -sm__focus__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#744210") - ] - ] - ] - - -sm__focus__border_green_100 : Css.Style -sm__focus__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - ] - - -sm__focus__border_green_200 : Css.Style -sm__focus__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - ] - - -sm__focus__border_green_300 : Css.Style -sm__focus__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - ] - - -sm__focus__border_green_400 : Css.Style -sm__focus__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#68d391") - ] - ] - ] - - -sm__focus__border_green_500 : Css.Style -sm__focus__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - ] - - -sm__focus__border_green_600 : Css.Style -sm__focus__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#38a169") - ] - ] - ] - - -sm__focus__border_green_700 : Css.Style -sm__focus__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - ] - - -sm__focus__border_green_800 : Css.Style -sm__focus__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#276749") - ] - ] - ] - - -sm__focus__border_green_900 : Css.Style -sm__focus__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#22543d") - ] - ] - ] - - -sm__focus__border_teal_100 : Css.Style -sm__focus__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - ] - - -sm__focus__border_teal_200 : Css.Style -sm__focus__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - ] - - -sm__focus__border_teal_300 : Css.Style -sm__focus__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - ] - - -sm__focus__border_teal_400 : Css.Style -sm__focus__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - ] - - -sm__focus__border_teal_500 : Css.Style -sm__focus__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - ] - - -sm__focus__border_teal_600 : Css.Style -sm__focus__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#319795") - ] - ] - ] - - -sm__focus__border_teal_700 : Css.Style -sm__focus__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - ] - - -sm__focus__border_teal_800 : Css.Style -sm__focus__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#285e61") - ] - ] - ] - - -sm__focus__border_teal_900 : Css.Style -sm__focus__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#234e52") - ] - ] - ] - - -sm__focus__border_blue_100 : Css.Style -sm__focus__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - ] - - -sm__focus__border_blue_200 : Css.Style -sm__focus__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - ] - - -sm__focus__border_blue_300 : Css.Style -sm__focus__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - ] - - -sm__focus__border_blue_400 : Css.Style -sm__focus__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - ] - - -sm__focus__border_blue_500 : Css.Style -sm__focus__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - ] - - -sm__focus__border_blue_600 : Css.Style -sm__focus__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - ] - - -sm__focus__border_blue_700 : Css.Style -sm__focus__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - ] - - -sm__focus__border_blue_800 : Css.Style -sm__focus__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - ] - - -sm__focus__border_blue_900 : Css.Style -sm__focus__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - ] - - -sm__focus__border_indigo_100 : Css.Style -sm__focus__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - ] - - -sm__focus__border_indigo_200 : Css.Style -sm__focus__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - ] - - -sm__focus__border_indigo_300 : Css.Style -sm__focus__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - ] - - -sm__focus__border_indigo_400 : Css.Style -sm__focus__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - ] - - -sm__focus__border_indigo_500 : Css.Style -sm__focus__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#667eea") - ] - ] - ] - - -sm__focus__border_indigo_600 : Css.Style -sm__focus__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - ] - - -sm__focus__border_indigo_700 : Css.Style -sm__focus__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - ] - - -sm__focus__border_indigo_800 : Css.Style -sm__focus__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#434190") - ] - ] - ] - - -sm__focus__border_indigo_900 : Css.Style -sm__focus__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - ] - - -sm__focus__border_purple_100 : Css.Style -sm__focus__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - ] - - -sm__focus__border_purple_200 : Css.Style -sm__focus__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - ] - - -sm__focus__border_purple_300 : Css.Style -sm__focus__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - ] - - -sm__focus__border_purple_400 : Css.Style -sm__focus__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - ] - - -sm__focus__border_purple_500 : Css.Style -sm__focus__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - ] - - -sm__focus__border_purple_600 : Css.Style -sm__focus__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - ] - - -sm__focus__border_purple_700 : Css.Style -sm__focus__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - ] - - -sm__focus__border_purple_800 : Css.Style -sm__focus__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - ] - - -sm__focus__border_purple_900 : Css.Style -sm__focus__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#44337a") - ] - ] - ] - - -sm__focus__border_pink_100 : Css.Style -sm__focus__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - ] - - -sm__focus__border_pink_200 : Css.Style -sm__focus__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - ] - - -sm__focus__border_pink_300 : Css.Style -sm__focus__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - ] - - -sm__focus__border_pink_400 : Css.Style -sm__focus__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - ] - - -sm__focus__border_pink_500 : Css.Style -sm__focus__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - ] - - -sm__focus__border_pink_600 : Css.Style -sm__focus__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - ] - - -sm__focus__border_pink_700 : Css.Style -sm__focus__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b83280") - ] - ] - ] - - -sm__focus__border_pink_800 : Css.Style -sm__focus__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#97266d") - ] - ] - ] - - -sm__focus__border_pink_900 : Css.Style -sm__focus__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#702459") - ] - ] - ] - - -sm__rounded_none : Css.Style -sm__rounded_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderRadius (Css.px 0) - ] - ] - - -sm__rounded_sm : Css.Style -sm__rounded_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderRadius (Css.rem 0.125) - ] - ] - - -sm__rounded : Css.Style -sm__rounded = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_md : Css.Style -sm__rounded_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_lg : Css.Style -sm__rounded_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_full : Css.Style -sm__rounded_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderRadius (Css.px 9999) - ] - ] - - -sm__rounded_t_none : Css.Style -sm__rounded_t_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderTopRightRadius (Css.px 0) - ] - ] - - -sm__rounded_r_none : Css.Style -sm__rounded_r_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopRightRadius (Css.px 0) - , Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -sm__rounded_b_none : Css.Style -sm__rounded_b_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomRightRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -sm__rounded_l_none : Css.Style -sm__rounded_l_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -sm__rounded_t_sm : Css.Style -sm__rounded_t_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_r_sm : Css.Style -sm__rounded_r_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - , Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_b_sm : Css.Style -sm__rounded_b_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_l_sm : Css.Style -sm__rounded_l_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_t : Css.Style -sm__rounded_t = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_r : Css.Style -sm__rounded_r = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - , Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_b : Css.Style -sm__rounded_b = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_l : Css.Style -sm__rounded_l = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_t_md : Css.Style -sm__rounded_t_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_r_md : Css.Style -sm__rounded_r_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - , Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_b_md : Css.Style -sm__rounded_b_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_l_md : Css.Style -sm__rounded_l_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_t_lg : Css.Style -sm__rounded_t_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_r_lg : Css.Style -sm__rounded_r_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - , Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_b_lg : Css.Style -sm__rounded_b_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_l_lg : Css.Style -sm__rounded_l_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_t_full : Css.Style -sm__rounded_t_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -sm__rounded_r_full : Css.Style -sm__rounded_r_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopRightRadius (Css.px 9999) - , Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -sm__rounded_b_full : Css.Style -sm__rounded_b_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomRightRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -sm__rounded_l_full : Css.Style -sm__rounded_l_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -sm__rounded_tl_none : Css.Style -sm__rounded_tl_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.px 0) - ] - ] - - -sm__rounded_tr_none : Css.Style -sm__rounded_tr_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopRightRadius (Css.px 0) - ] - ] - - -sm__rounded_br_none : Css.Style -sm__rounded_br_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -sm__rounded_bl_none : Css.Style -sm__rounded_bl_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -sm__rounded_tl_sm : Css.Style -sm__rounded_tl_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_tr_sm : Css.Style -sm__rounded_tr_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_br_sm : Css.Style -sm__rounded_br_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_bl_sm : Css.Style -sm__rounded_bl_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_tl : Css.Style -sm__rounded_tl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_tr : Css.Style -sm__rounded_tr = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_br : Css.Style -sm__rounded_br = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_bl : Css.Style -sm__rounded_bl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_tl_md : Css.Style -sm__rounded_tl_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_tr_md : Css.Style -sm__rounded_tr_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_br_md : Css.Style -sm__rounded_br_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_bl_md : Css.Style -sm__rounded_bl_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_tl_lg : Css.Style -sm__rounded_tl_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_tr_lg : Css.Style -sm__rounded_tr_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_br_lg : Css.Style -sm__rounded_br_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_bl_lg : Css.Style -sm__rounded_bl_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_tl_full : Css.Style -sm__rounded_tl_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopLeftRadius (Css.px 9999) - ] - ] - - -sm__rounded_tr_full : Css.Style -sm__rounded_tr_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -sm__rounded_br_full : Css.Style -sm__rounded_br_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -sm__rounded_bl_full : Css.Style -sm__rounded_bl_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -sm__border_solid : Css.Style -sm__border_solid = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderStyle Css.solid - ] - ] - - -sm__border_dashed : Css.Style -sm__border_dashed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderStyle Css.dashed - ] - ] - - -sm__border_dotted : Css.Style -sm__border_dotted = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderStyle Css.dotted - ] - ] - - -sm__border_double : Css.Style -sm__border_double = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderStyle Css.double - ] - ] - - -sm__border_none : Css.Style -sm__border_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderStyle Css.none - ] - ] - - -sm__border_0 : Css.Style -sm__border_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderWidth (Css.px 0) - ] - ] - - -sm__border_2 : Css.Style -sm__border_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderWidth (Css.px 2) - ] - ] - - -sm__border_4 : Css.Style -sm__border_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderWidth (Css.px 4) - ] - ] - - -sm__border_8 : Css.Style -sm__border_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderWidth (Css.px 8) - ] - ] - - -sm__border : Css.Style -sm__border = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderWidth (Css.px 1) - ] - ] - - -sm__border_t_0 : Css.Style -sm__border_t_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopWidth (Css.px 0) - ] - ] - - -sm__border_r_0 : Css.Style -sm__border_r_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderRightWidth (Css.px 0) - ] - ] - - -sm__border_b_0 : Css.Style -sm__border_b_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomWidth (Css.px 0) - ] - ] - - -sm__border_l_0 : Css.Style -sm__border_l_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderLeftWidth (Css.px 0) - ] - ] - - -sm__border_t_2 : Css.Style -sm__border_t_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopWidth (Css.px 2) - ] - ] - - -sm__border_r_2 : Css.Style -sm__border_r_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderRightWidth (Css.px 2) - ] - ] - - -sm__border_b_2 : Css.Style -sm__border_b_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomWidth (Css.px 2) - ] - ] - - -sm__border_l_2 : Css.Style -sm__border_l_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderLeftWidth (Css.px 2) - ] - ] - - -sm__border_t_4 : Css.Style -sm__border_t_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopWidth (Css.px 4) - ] - ] - - -sm__border_r_4 : Css.Style -sm__border_r_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderRightWidth (Css.px 4) - ] - ] - - -sm__border_b_4 : Css.Style -sm__border_b_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomWidth (Css.px 4) - ] - ] - - -sm__border_l_4 : Css.Style -sm__border_l_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderLeftWidth (Css.px 4) - ] - ] - - -sm__border_t_8 : Css.Style -sm__border_t_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopWidth (Css.px 8) - ] - ] - - -sm__border_r_8 : Css.Style -sm__border_r_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderRightWidth (Css.px 8) - ] - ] - - -sm__border_b_8 : Css.Style -sm__border_b_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomWidth (Css.px 8) - ] - ] - - -sm__border_l_8 : Css.Style -sm__border_l_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderLeftWidth (Css.px 8) - ] - ] - - -sm__border_t : Css.Style -sm__border_t = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderTopWidth (Css.px 1) - ] - ] - - -sm__border_r : Css.Style -sm__border_r = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderRightWidth (Css.px 1) - ] - ] - - -sm__border_b : Css.Style -sm__border_b = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderBottomWidth (Css.px 1) - ] - ] - - -sm__border_l : Css.Style -sm__border_l = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.borderLeftWidth (Css.px 1) - ] - ] - - -sm__box_border : Css.Style -sm__box_border = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.boxSizing Css.borderBox - ] - ] - - -sm__box_content : Css.Style -sm__box_content = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.boxSizing Css.contentBox - ] - ] - - -sm__cursor_auto : Css.Style -sm__cursor_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.cursor Css.auto - ] - ] - - -sm__cursor_default : Css.Style -sm__cursor_default = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.cursor Css.default - ] - ] - - -sm__cursor_pointer : Css.Style -sm__cursor_pointer = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.cursor Css.pointer - ] - ] - - -sm__cursor_wait : Css.Style -sm__cursor_wait = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.cursor Css.wait - ] - ] - - -sm__cursor_text : Css.Style -sm__cursor_text = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "cursor" "text" - ] - ] - - -sm__cursor_move : Css.Style -sm__cursor_move = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.cursor Css.move - ] - ] - - -sm__cursor_not_allowed : Css.Style -sm__cursor_not_allowed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.cursor Css.notAllowed - ] - ] - - -sm__block : Css.Style -sm__block = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.block - ] - ] - - -sm__inline_block : Css.Style -sm__inline_block = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.inlineBlock - ] - ] - - -sm__inline : Css.Style -sm__inline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.inline - ] - ] - - -sm__flex : Css.Style -sm__flex = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.displayFlex - ] - ] - - -sm__inline_flex : Css.Style -sm__inline_flex = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.inlineFlex - ] - ] - - -sm__table : Css.Style -sm__table = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.table - ] - ] - - -sm__table_caption : Css.Style -sm__table_caption = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.tableCaption - ] - ] - - -sm__table_cell : Css.Style -sm__table_cell = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.tableCell - ] - ] - - -sm__table_column : Css.Style -sm__table_column = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.tableColumn - ] - ] - - -sm__table_column_group : Css.Style -sm__table_column_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.tableColumnGroup - ] - ] - - -sm__table_footer_group : Css.Style -sm__table_footer_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.tableFooterGroup - ] - ] - - -sm__table_header_group : Css.Style -sm__table_header_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.tableHeaderGroup - ] - ] - - -sm__table_row_group : Css.Style -sm__table_row_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.tableRowGroup - ] - ] - - -sm__table_row : Css.Style -sm__table_row = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.tableRow - ] - ] - - -sm__flow_root : Css.Style -sm__flow_root = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "display" "flow-root" - ] - ] - - -sm__grid : Css.Style -sm__grid = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "display" "grid" - ] - ] - - -sm__inline_grid : Css.Style -sm__inline_grid = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "display" "inline-grid" - ] - ] - - -sm__hidden : Css.Style -sm__hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.display Css.none - ] - ] - - -sm__flex_row : Css.Style -sm__flex_row = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.flexDirection Css.row - ] - ] - - -sm__flex_row_reverse : Css.Style -sm__flex_row_reverse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.flexDirection Css.rowReverse - ] - ] - - -sm__flex_col : Css.Style -sm__flex_col = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.flexDirection Css.column - ] - ] - - -sm__flex_col_reverse : Css.Style -sm__flex_col_reverse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.flexDirection Css.columnReverse - ] - ] - - -sm__flex_wrap : Css.Style -sm__flex_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.flexWrap Css.wrap - ] - ] - - -sm__flex_wrap_reverse : Css.Style -sm__flex_wrap_reverse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.flexWrap Css.wrapReverse - ] - ] - - -sm__flex_no_wrap : Css.Style -sm__flex_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.flexWrap Css.noWrap - ] - ] - - -sm__items_start : Css.Style -sm__items_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.alignItems Css.flexStart - ] - ] - - -sm__items_end : Css.Style -sm__items_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.alignItems Css.flexEnd - ] - ] - - -sm__items_center : Css.Style -sm__items_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.alignItems Css.center - ] - ] - - -sm__items_baseline : Css.Style -sm__items_baseline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.alignItems Css.baseline - ] - ] - - -sm__items_stretch : Css.Style -sm__items_stretch = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.alignItems Css.stretch - ] - ] - - -sm__self_auto : Css.Style -sm__self_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "align-self" "auto" - ] - ] - - -sm__self_start : Css.Style -sm__self_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.alignSelf Css.flexStart - ] - ] - - -sm__self_end : Css.Style -sm__self_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.alignSelf Css.flexEnd - ] - ] - - -sm__self_center : Css.Style -sm__self_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.alignSelf Css.center - ] - ] - - -sm__self_stretch : Css.Style -sm__self_stretch = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.alignSelf Css.stretch - ] - ] - - -sm__justify_start : Css.Style -sm__justify_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.justifyContent Css.flexStart - ] - ] - - -sm__justify_end : Css.Style -sm__justify_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.justifyContent Css.flexEnd - ] - ] - - -sm__justify_center : Css.Style -sm__justify_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.justifyContent Css.center - ] - ] - - -sm__justify_between : Css.Style -sm__justify_between = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.justifyContent Css.spaceBetween - ] - ] - - -sm__justify_around : Css.Style -sm__justify_around = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.justifyContent Css.spaceAround - ] - ] - - -sm__justify_evenly : Css.Style -sm__justify_evenly = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "justify-content" "space-evenly" - ] - ] - - -sm__content_center : Css.Style -sm__content_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "align-content" "center" - ] - ] - - -sm__content_start : Css.Style -sm__content_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "align-content" "flex-start" - ] - ] - - -sm__content_end : Css.Style -sm__content_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "align-content" "flex-end" - ] - ] - - -sm__content_between : Css.Style -sm__content_between = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "align-content" "space-between" - ] - ] - - -sm__content_around : Css.Style -sm__content_around = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "align-content" "space-around" - ] - ] - - -sm__flex_1 : Css.Style -sm__flex_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "flex" "1 1 0%" - ] - ] - - -sm__flex_auto : Css.Style -sm__flex_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "flex" "1 1 auto" - ] - ] - - -sm__flex_initial : Css.Style -sm__flex_initial = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "flex" "0 1 auto" - ] - ] - - -sm__flex_none : Css.Style -sm__flex_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "flex" "none" - ] - ] - - -sm__flex_grow_0 : Css.Style -sm__flex_grow_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.flexGrow (Css.int 0) - ] - ] - - -sm__flex_grow : Css.Style -sm__flex_grow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.flexGrow (Css.int 1) - ] - ] - - -sm__flex_shrink_0 : Css.Style -sm__flex_shrink_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.flexShrink (Css.int 0) - ] - ] - - -sm__flex_shrink : Css.Style -sm__flex_shrink = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.flexShrink (Css.int 1) - ] - ] - - -sm__order_1 : Css.Style -sm__order_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 1) - ] - ] - - -sm__order_2 : Css.Style -sm__order_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 2) - ] - ] - - -sm__order_3 : Css.Style -sm__order_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 3) - ] - ] - - -sm__order_4 : Css.Style -sm__order_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 4) - ] - ] - - -sm__order_5 : Css.Style -sm__order_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 5) - ] - ] - - -sm__order_6 : Css.Style -sm__order_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 6) - ] - ] - - -sm__order_7 : Css.Style -sm__order_7 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 7) - ] - ] - - -sm__order_8 : Css.Style -sm__order_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 8) - ] - ] - - -sm__order_9 : Css.Style -sm__order_9 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 9) - ] - ] - - -sm__order_10 : Css.Style -sm__order_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 10) - ] - ] - - -sm__order_11 : Css.Style -sm__order_11 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 11) - ] - ] - - -sm__order_12 : Css.Style -sm__order_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 12) - ] - ] - - -sm__order_first : Css.Style -sm__order_first = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int -9999) - ] - ] - - -sm__order_last : Css.Style -sm__order_last = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 9999) - ] - ] - - -sm__order_none : Css.Style -sm__order_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.order (Css.int 0) - ] - ] - - -sm__float_right : Css.Style -sm__float_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "float" "right" - ] - ] - - -sm__float_left : Css.Style -sm__float_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "float" "left" - ] - ] - - -sm__float_none : Css.Style -sm__float_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "float" "none" - ] - ] - - -sm__clearfix : Css.Style -sm__clearfix = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "content" "\"\"" - , Css.display Css.table - , Css.property "clear" "both" - ] - ] - - -sm__clear_left : Css.Style -sm__clear_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "clear" "left" - ] - ] - - -sm__clear_right : Css.Style -sm__clear_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "clear" "right" - ] - ] - - -sm__clear_both : Css.Style -sm__clear_both = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "clear" "both" - ] - ] - - -sm__clear_none : Css.Style -sm__clear_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "clear" "none" - ] - ] - - -sm__font_sans : Css.Style -sm__font_sans = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "font-family" "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"" - ] - ] - - -sm__font_serif : Css.Style -sm__font_serif = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "font-family" "Georgia, Cambria, \"Times New Roman\", Times, serif" - ] - ] - - -sm__font_mono : Css.Style -sm__font_mono = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "font-family" "Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace" - ] - ] - - -sm__font_hairline : Css.Style -sm__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontWeight (Css.int 100) - ] - ] - - -sm__font_thin : Css.Style -sm__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontWeight (Css.int 200) - ] - ] - - -sm__font_light : Css.Style -sm__font_light = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontWeight (Css.int 300) - ] - ] - - -sm__font_normal : Css.Style -sm__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontWeight (Css.int 400) - ] - ] - - -sm__font_medium : Css.Style -sm__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontWeight (Css.int 500) - ] - ] - - -sm__font_semibold : Css.Style -sm__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontWeight (Css.int 600) - ] - ] - - -sm__font_bold : Css.Style -sm__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontWeight (Css.int 700) - ] - ] - - -sm__font_extrabold : Css.Style -sm__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontWeight (Css.int 800) - ] - ] - - -sm__font_black : Css.Style -sm__font_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontWeight (Css.int 900) - ] - ] - - -sm__hover__font_hairline : Css.Style -sm__hover__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -sm__hover__font_thin : Css.Style -sm__hover__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -sm__hover__font_light : Css.Style -sm__hover__font_light = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -sm__hover__font_normal : Css.Style -sm__hover__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -sm__hover__font_medium : Css.Style -sm__hover__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -sm__hover__font_semibold : Css.Style -sm__hover__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -sm__hover__font_bold : Css.Style -sm__hover__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -sm__hover__font_extrabold : Css.Style -sm__hover__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -sm__hover__font_black : Css.Style -sm__hover__font_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -sm__focus__font_hairline : Css.Style -sm__focus__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -sm__focus__font_thin : Css.Style -sm__focus__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -sm__focus__font_light : Css.Style -sm__focus__font_light = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -sm__focus__font_normal : Css.Style -sm__focus__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -sm__focus__font_medium : Css.Style -sm__focus__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -sm__focus__font_semibold : Css.Style -sm__focus__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -sm__focus__font_bold : Css.Style -sm__focus__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -sm__focus__font_extrabold : Css.Style -sm__focus__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -sm__focus__font_black : Css.Style -sm__focus__font_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -sm__h_0 : Css.Style -sm__h_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.px 0) - ] - ] - - -sm__h_1 : Css.Style -sm__h_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 0.25) - ] - ] - - -sm__h_2 : Css.Style -sm__h_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 0.5) - ] - ] - - -sm__h_3 : Css.Style -sm__h_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 0.75) - ] - ] - - -sm__h_4 : Css.Style -sm__h_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 1) - ] - ] - - -sm__h_5 : Css.Style -sm__h_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 1.25) - ] - ] - - -sm__h_6 : Css.Style -sm__h_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 1.5) - ] - ] - - -sm__h_8 : Css.Style -sm__h_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 2) - ] - ] - - -sm__h_10 : Css.Style -sm__h_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 2.5) - ] - ] - - -sm__h_12 : Css.Style -sm__h_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 3) - ] - ] - - -sm__h_16 : Css.Style -sm__h_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 4) - ] - ] - - -sm__h_20 : Css.Style -sm__h_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 5) - ] - ] - - -sm__h_24 : Css.Style -sm__h_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 6) - ] - ] - - -sm__h_32 : Css.Style -sm__h_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 8) - ] - ] - - -sm__h_40 : Css.Style -sm__h_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 10) - ] - ] - - -sm__h_48 : Css.Style -sm__h_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 12) - ] - ] - - -sm__h_56 : Css.Style -sm__h_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 14) - ] - ] - - -sm__h_64 : Css.Style -sm__h_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.rem 16) - ] - ] - - -sm__h_auto : Css.Style -sm__h_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height Css.auto - ] - ] - - -sm__h_px : Css.Style -sm__h_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.px 1) - ] - ] - - -sm__h_full : Css.Style -sm__h_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.pct 100) - ] - ] - - -sm__h_screen : Css.Style -sm__h_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.height (Css.vh 100) - ] - ] - - -sm__text_xs : Css.Style -sm__text_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontSize (Css.rem 0.75) - ] - ] - - -sm__text_sm : Css.Style -sm__text_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontSize (Css.rem 0.875) - ] - ] - - -sm__text_base : Css.Style -sm__text_base = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontSize (Css.rem 1) - ] - ] - - -sm__text_lg : Css.Style -sm__text_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontSize (Css.rem 1.125) - ] - ] - - -sm__text_xl : Css.Style -sm__text_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontSize (Css.rem 1.25) - ] - ] - - -sm__text_2xl : Css.Style -sm__text_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontSize (Css.rem 1.5) - ] - ] - - -sm__text_3xl : Css.Style -sm__text_3xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontSize (Css.rem 1.875) - ] - ] - - -sm__text_4xl : Css.Style -sm__text_4xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontSize (Css.rem 2.25) - ] - ] - - -sm__text_5xl : Css.Style -sm__text_5xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontSize (Css.rem 3) - ] - ] - - -sm__text_6xl : Css.Style -sm__text_6xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontSize (Css.rem 4) - ] - ] - - -sm__leading_3 : Css.Style -sm__leading_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.rem 0.75) - ] - ] - - -sm__leading_4 : Css.Style -sm__leading_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.rem 1) - ] - ] - - -sm__leading_5 : Css.Style -sm__leading_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.rem 1.25) - ] - ] - - -sm__leading_6 : Css.Style -sm__leading_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.rem 1.5) - ] - ] - - -sm__leading_7 : Css.Style -sm__leading_7 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.rem 1.75) - ] - ] - - -sm__leading_8 : Css.Style -sm__leading_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.rem 2) - ] - ] - - -sm__leading_9 : Css.Style -sm__leading_9 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.rem 2.25) - ] - ] - - -sm__leading_10 : Css.Style -sm__leading_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.rem 2.5) - ] - ] - - -sm__leading_none : Css.Style -sm__leading_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.int 1) - ] - ] - - -sm__leading_tight : Css.Style -sm__leading_tight = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.num 1.25) - ] - ] - - -sm__leading_snug : Css.Style -sm__leading_snug = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.num 1.375) - ] - ] - - -sm__leading_normal : Css.Style -sm__leading_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.num 1.5) - ] - ] - - -sm__leading_relaxed : Css.Style -sm__leading_relaxed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.num 1.625) - ] - ] - - -sm__leading_loose : Css.Style -sm__leading_loose = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.lineHeight (Css.int 2) - ] - ] - - -sm__list_inside : Css.Style -sm__list_inside = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.listStylePosition Css.inside - ] - ] - - -sm__list_outside : Css.Style -sm__list_outside = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.listStylePosition Css.outside - ] - ] - - -sm__list_none : Css.Style -sm__list_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.listStyleType Css.none - ] - ] - - -sm__list_disc : Css.Style -sm__list_disc = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.listStyleType Css.disc - ] - ] - - -sm__list_decimal : Css.Style -sm__list_decimal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.listStyleType Css.decimal - ] - ] - - -sm__m_0 : Css.Style -sm__m_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.px 0) - ] - ] - - -sm__m_1 : Css.Style -sm__m_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 0.25) - ] - ] - - -sm__m_2 : Css.Style -sm__m_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 0.5) - ] - ] - - -sm__m_3 : Css.Style -sm__m_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 0.75) - ] - ] - - -sm__m_4 : Css.Style -sm__m_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 1) - ] - ] - - -sm__m_5 : Css.Style -sm__m_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 1.25) - ] - ] - - -sm__m_6 : Css.Style -sm__m_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 1.5) - ] - ] - - -sm__m_8 : Css.Style -sm__m_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 2) - ] - ] - - -sm__m_10 : Css.Style -sm__m_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 2.5) - ] - ] - - -sm__m_12 : Css.Style -sm__m_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 3) - ] - ] - - -sm__m_16 : Css.Style -sm__m_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 4) - ] - ] - - -sm__m_20 : Css.Style -sm__m_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 5) - ] - ] - - -sm__m_24 : Css.Style -sm__m_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 6) - ] - ] - - -sm__m_32 : Css.Style -sm__m_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 8) - ] - ] - - -sm__m_40 : Css.Style -sm__m_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 10) - ] - ] - - -sm__m_48 : Css.Style -sm__m_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 12) - ] - ] - - -sm__m_56 : Css.Style -sm__m_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 14) - ] - ] - - -sm__m_64 : Css.Style -sm__m_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem 16) - ] - ] - - -sm__m_auto : Css.Style -sm__m_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin Css.auto - ] - ] - - -sm__m_px : Css.Style -sm__m_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.px 1) - ] - ] - - -sm__neg_m_1 : Css.Style -sm__neg_m_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -0.25) - ] - ] - - -sm__neg_m_2 : Css.Style -sm__neg_m_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -0.5) - ] - ] - - -sm__neg_m_3 : Css.Style -sm__neg_m_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -0.75) - ] - ] - - -sm__neg_m_4 : Css.Style -sm__neg_m_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -1) - ] - ] - - -sm__neg_m_5 : Css.Style -sm__neg_m_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -1.25) - ] - ] - - -sm__neg_m_6 : Css.Style -sm__neg_m_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -1.5) - ] - ] - - -sm__neg_m_8 : Css.Style -sm__neg_m_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -2) - ] - ] - - -sm__neg_m_10 : Css.Style -sm__neg_m_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -2.5) - ] - ] - - -sm__neg_m_12 : Css.Style -sm__neg_m_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -3) - ] - ] - - -sm__neg_m_16 : Css.Style -sm__neg_m_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -4) - ] - ] - - -sm__neg_m_20 : Css.Style -sm__neg_m_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -5) - ] - ] - - -sm__neg_m_24 : Css.Style -sm__neg_m_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -6) - ] - ] - - -sm__neg_m_32 : Css.Style -sm__neg_m_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -8) - ] - ] - - -sm__neg_m_40 : Css.Style -sm__neg_m_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -10) - ] - ] - - -sm__neg_m_48 : Css.Style -sm__neg_m_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -12) - ] - ] - - -sm__neg_m_56 : Css.Style -sm__neg_m_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -14) - ] - ] - - -sm__neg_m_64 : Css.Style -sm__neg_m_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.rem -16) - ] - ] - - -sm__neg_m_px : Css.Style -sm__neg_m_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.margin (Css.px -1) - ] - ] - - -sm__my_0 : Css.Style -sm__my_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.px 0) - , Css.marginBottom (Css.px 0) - ] - ] - - -sm__mx_0 : Css.Style -sm__mx_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.px 0) - , Css.marginRight (Css.px 0) - ] - ] - - -sm__my_1 : Css.Style -sm__my_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 0.25) - , Css.marginBottom (Css.rem 0.25) - ] - ] - - -sm__mx_1 : Css.Style -sm__mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 0.25) - , Css.marginRight (Css.rem 0.25) - ] - ] - - -sm__my_2 : Css.Style -sm__my_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 0.5) - , Css.marginBottom (Css.rem 0.5) - ] - ] - - -sm__mx_2 : Css.Style -sm__mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 0.5) - , Css.marginRight (Css.rem 0.5) - ] - ] - - -sm__my_3 : Css.Style -sm__my_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 0.75) - , Css.marginBottom (Css.rem 0.75) - ] - ] - - -sm__mx_3 : Css.Style -sm__mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 0.75) - , Css.marginRight (Css.rem 0.75) - ] - ] - - -sm__my_4 : Css.Style -sm__my_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 1) - , Css.marginBottom (Css.rem 1) - ] - ] - - -sm__mx_4 : Css.Style -sm__mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 1) - , Css.marginRight (Css.rem 1) - ] - ] - - -sm__my_5 : Css.Style -sm__my_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 1.25) - , Css.marginBottom (Css.rem 1.25) - ] - ] - - -sm__mx_5 : Css.Style -sm__mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 1.25) - , Css.marginRight (Css.rem 1.25) - ] - ] - - -sm__my_6 : Css.Style -sm__my_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 1.5) - , Css.marginBottom (Css.rem 1.5) - ] - ] - - -sm__mx_6 : Css.Style -sm__mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 1.5) - , Css.marginRight (Css.rem 1.5) - ] - ] - - -sm__my_8 : Css.Style -sm__my_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 2) - , Css.marginBottom (Css.rem 2) - ] - ] - - -sm__mx_8 : Css.Style -sm__mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 2) - , Css.marginRight (Css.rem 2) - ] - ] - - -sm__my_10 : Css.Style -sm__my_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 2.5) - , Css.marginBottom (Css.rem 2.5) - ] - ] - - -sm__mx_10 : Css.Style -sm__mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 2.5) - , Css.marginRight (Css.rem 2.5) - ] - ] - - -sm__my_12 : Css.Style -sm__my_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 3) - , Css.marginBottom (Css.rem 3) - ] - ] - - -sm__mx_12 : Css.Style -sm__mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 3) - , Css.marginRight (Css.rem 3) - ] - ] - - -sm__my_16 : Css.Style -sm__my_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 4) - , Css.marginBottom (Css.rem 4) - ] - ] - - -sm__mx_16 : Css.Style -sm__mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 4) - , Css.marginRight (Css.rem 4) - ] - ] - - -sm__my_20 : Css.Style -sm__my_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 5) - , Css.marginBottom (Css.rem 5) - ] - ] - - -sm__mx_20 : Css.Style -sm__mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 5) - , Css.marginRight (Css.rem 5) - ] - ] - - -sm__my_24 : Css.Style -sm__my_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 6) - , Css.marginBottom (Css.rem 6) - ] - ] - - -sm__mx_24 : Css.Style -sm__mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 6) - , Css.marginRight (Css.rem 6) - ] - ] - - -sm__my_32 : Css.Style -sm__my_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 8) - , Css.marginBottom (Css.rem 8) - ] - ] - - -sm__mx_32 : Css.Style -sm__mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 8) - , Css.marginRight (Css.rem 8) - ] - ] - - -sm__my_40 : Css.Style -sm__my_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 10) - , Css.marginBottom (Css.rem 10) - ] - ] - - -sm__mx_40 : Css.Style -sm__mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 10) - , Css.marginRight (Css.rem 10) - ] - ] - - -sm__my_48 : Css.Style -sm__my_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 12) - , Css.marginBottom (Css.rem 12) - ] - ] - - -sm__mx_48 : Css.Style -sm__mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 12) - , Css.marginRight (Css.rem 12) - ] - ] - - -sm__my_56 : Css.Style -sm__my_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 14) - , Css.marginBottom (Css.rem 14) - ] - ] - - -sm__mx_56 : Css.Style -sm__mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 14) - , Css.marginRight (Css.rem 14) - ] - ] - - -sm__my_64 : Css.Style -sm__my_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 16) - , Css.marginBottom (Css.rem 16) - ] - ] - - -sm__mx_64 : Css.Style -sm__mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 16) - , Css.marginRight (Css.rem 16) - ] - ] - - -sm__my_auto : Css.Style -sm__my_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop Css.auto - , Css.marginBottom Css.auto - ] - ] - - -sm__mx_auto : Css.Style -sm__mx_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft Css.auto - , Css.marginRight Css.auto - ] - ] - - -sm__my_px : Css.Style -sm__my_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.px 1) - , Css.marginBottom (Css.px 1) - ] - ] - - -sm__mx_px : Css.Style -sm__mx_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.px 1) - , Css.marginRight (Css.px 1) - ] - ] - - -sm__neg_my_1 : Css.Style -sm__neg_my_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -0.25) - , Css.marginBottom (Css.rem -0.25) - ] - ] - - -sm__neg_mx_1 : Css.Style -sm__neg_mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -0.25) - , Css.marginRight (Css.rem -0.25) - ] - ] - - -sm__neg_my_2 : Css.Style -sm__neg_my_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -0.5) - , Css.marginBottom (Css.rem -0.5) - ] - ] - - -sm__neg_mx_2 : Css.Style -sm__neg_mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -0.5) - , Css.marginRight (Css.rem -0.5) - ] - ] - - -sm__neg_my_3 : Css.Style -sm__neg_my_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -0.75) - , Css.marginBottom (Css.rem -0.75) - ] - ] - - -sm__neg_mx_3 : Css.Style -sm__neg_mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -0.75) - , Css.marginRight (Css.rem -0.75) - ] - ] - - -sm__neg_my_4 : Css.Style -sm__neg_my_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -1) - , Css.marginBottom (Css.rem -1) - ] - ] - - -sm__neg_mx_4 : Css.Style -sm__neg_mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -1) - , Css.marginRight (Css.rem -1) - ] - ] - - -sm__neg_my_5 : Css.Style -sm__neg_my_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -1.25) - , Css.marginBottom (Css.rem -1.25) - ] - ] - - -sm__neg_mx_5 : Css.Style -sm__neg_mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -1.25) - , Css.marginRight (Css.rem -1.25) - ] - ] - - -sm__neg_my_6 : Css.Style -sm__neg_my_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -1.5) - , Css.marginBottom (Css.rem -1.5) - ] - ] - - -sm__neg_mx_6 : Css.Style -sm__neg_mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -1.5) - , Css.marginRight (Css.rem -1.5) - ] - ] - - -sm__neg_my_8 : Css.Style -sm__neg_my_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -2) - , Css.marginBottom (Css.rem -2) - ] - ] - - -sm__neg_mx_8 : Css.Style -sm__neg_mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -2) - , Css.marginRight (Css.rem -2) - ] - ] - - -sm__neg_my_10 : Css.Style -sm__neg_my_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -2.5) - , Css.marginBottom (Css.rem -2.5) - ] - ] - - -sm__neg_mx_10 : Css.Style -sm__neg_mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -2.5) - , Css.marginRight (Css.rem -2.5) - ] - ] - - -sm__neg_my_12 : Css.Style -sm__neg_my_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -3) - , Css.marginBottom (Css.rem -3) - ] - ] - - -sm__neg_mx_12 : Css.Style -sm__neg_mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -3) - , Css.marginRight (Css.rem -3) - ] - ] - - -sm__neg_my_16 : Css.Style -sm__neg_my_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -4) - , Css.marginBottom (Css.rem -4) - ] - ] - - -sm__neg_mx_16 : Css.Style -sm__neg_mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -4) - , Css.marginRight (Css.rem -4) - ] - ] - - -sm__neg_my_20 : Css.Style -sm__neg_my_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -5) - , Css.marginBottom (Css.rem -5) - ] - ] - - -sm__neg_mx_20 : Css.Style -sm__neg_mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -5) - , Css.marginRight (Css.rem -5) - ] - ] - - -sm__neg_my_24 : Css.Style -sm__neg_my_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -6) - , Css.marginBottom (Css.rem -6) - ] - ] - - -sm__neg_mx_24 : Css.Style -sm__neg_mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -6) - , Css.marginRight (Css.rem -6) - ] - ] - - -sm__neg_my_32 : Css.Style -sm__neg_my_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -8) - , Css.marginBottom (Css.rem -8) - ] - ] - - -sm__neg_mx_32 : Css.Style -sm__neg_mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -8) - , Css.marginRight (Css.rem -8) - ] - ] - - -sm__neg_my_40 : Css.Style -sm__neg_my_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -10) - , Css.marginBottom (Css.rem -10) - ] - ] - - -sm__neg_mx_40 : Css.Style -sm__neg_mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -10) - , Css.marginRight (Css.rem -10) - ] - ] - - -sm__neg_my_48 : Css.Style -sm__neg_my_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -12) - , Css.marginBottom (Css.rem -12) - ] - ] - - -sm__neg_mx_48 : Css.Style -sm__neg_mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -12) - , Css.marginRight (Css.rem -12) - ] - ] - - -sm__neg_my_56 : Css.Style -sm__neg_my_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -14) - , Css.marginBottom (Css.rem -14) - ] - ] - - -sm__neg_mx_56 : Css.Style -sm__neg_mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -14) - , Css.marginRight (Css.rem -14) - ] - ] - - -sm__neg_my_64 : Css.Style -sm__neg_my_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -16) - , Css.marginBottom (Css.rem -16) - ] - ] - - -sm__neg_mx_64 : Css.Style -sm__neg_mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -16) - , Css.marginRight (Css.rem -16) - ] - ] - - -sm__neg_my_px : Css.Style -sm__neg_my_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.px -1) - , Css.marginBottom (Css.px -1) - ] - ] - - -sm__neg_mx_px : Css.Style -sm__neg_mx_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.px -1) - , Css.marginRight (Css.px -1) - ] - ] - - -sm__mt_0 : Css.Style -sm__mt_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.px 0) - ] - ] - - -sm__mr_0 : Css.Style -sm__mr_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.px 0) - ] - ] - - -sm__mb_0 : Css.Style -sm__mb_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.px 0) - ] - ] - - -sm__ml_0 : Css.Style -sm__ml_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.px 0) - ] - ] - - -sm__mt_1 : Css.Style -sm__mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 0.25) - ] - ] - - -sm__mr_1 : Css.Style -sm__mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 0.25) - ] - ] - - -sm__mb_1 : Css.Style -sm__mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 0.25) - ] - ] - - -sm__ml_1 : Css.Style -sm__ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 0.25) - ] - ] - - -sm__mt_2 : Css.Style -sm__mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 0.5) - ] - ] - - -sm__mr_2 : Css.Style -sm__mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 0.5) - ] - ] - - -sm__mb_2 : Css.Style -sm__mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 0.5) - ] - ] - - -sm__ml_2 : Css.Style -sm__ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 0.5) - ] - ] - - -sm__mt_3 : Css.Style -sm__mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 0.75) - ] - ] - - -sm__mr_3 : Css.Style -sm__mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 0.75) - ] - ] - - -sm__mb_3 : Css.Style -sm__mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 0.75) - ] - ] - - -sm__ml_3 : Css.Style -sm__ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 0.75) - ] - ] - - -sm__mt_4 : Css.Style -sm__mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 1) - ] - ] - - -sm__mr_4 : Css.Style -sm__mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 1) - ] - ] - - -sm__mb_4 : Css.Style -sm__mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 1) - ] - ] - - -sm__ml_4 : Css.Style -sm__ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 1) - ] - ] - - -sm__mt_5 : Css.Style -sm__mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 1.25) - ] - ] - - -sm__mr_5 : Css.Style -sm__mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 1.25) - ] - ] - - -sm__mb_5 : Css.Style -sm__mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 1.25) - ] - ] - - -sm__ml_5 : Css.Style -sm__ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 1.25) - ] - ] - - -sm__mt_6 : Css.Style -sm__mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 1.5) - ] - ] - - -sm__mr_6 : Css.Style -sm__mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 1.5) - ] - ] - - -sm__mb_6 : Css.Style -sm__mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 1.5) - ] - ] - - -sm__ml_6 : Css.Style -sm__ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 1.5) - ] - ] - - -sm__mt_8 : Css.Style -sm__mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 2) - ] - ] - - -sm__mr_8 : Css.Style -sm__mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 2) - ] - ] - - -sm__mb_8 : Css.Style -sm__mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 2) - ] - ] - - -sm__ml_8 : Css.Style -sm__ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 2) - ] - ] - - -sm__mt_10 : Css.Style -sm__mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 2.5) - ] - ] - - -sm__mr_10 : Css.Style -sm__mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 2.5) - ] - ] - - -sm__mb_10 : Css.Style -sm__mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 2.5) - ] - ] - - -sm__ml_10 : Css.Style -sm__ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 2.5) - ] - ] - - -sm__mt_12 : Css.Style -sm__mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 3) - ] - ] - - -sm__mr_12 : Css.Style -sm__mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 3) - ] - ] - - -sm__mb_12 : Css.Style -sm__mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 3) - ] - ] - - -sm__ml_12 : Css.Style -sm__ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 3) - ] - ] - - -sm__mt_16 : Css.Style -sm__mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 4) - ] - ] - - -sm__mr_16 : Css.Style -sm__mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 4) - ] - ] - - -sm__mb_16 : Css.Style -sm__mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 4) - ] - ] - - -sm__ml_16 : Css.Style -sm__ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 4) - ] - ] - - -sm__mt_20 : Css.Style -sm__mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 5) - ] - ] - - -sm__mr_20 : Css.Style -sm__mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 5) - ] - ] - - -sm__mb_20 : Css.Style -sm__mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 5) - ] - ] - - -sm__ml_20 : Css.Style -sm__ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 5) - ] - ] - - -sm__mt_24 : Css.Style -sm__mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 6) - ] - ] - - -sm__mr_24 : Css.Style -sm__mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 6) - ] - ] - - -sm__mb_24 : Css.Style -sm__mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 6) - ] - ] - - -sm__ml_24 : Css.Style -sm__ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 6) - ] - ] - - -sm__mt_32 : Css.Style -sm__mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 8) - ] - ] - - -sm__mr_32 : Css.Style -sm__mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 8) - ] - ] - - -sm__mb_32 : Css.Style -sm__mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 8) - ] - ] - - -sm__ml_32 : Css.Style -sm__ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 8) - ] - ] - - -sm__mt_40 : Css.Style -sm__mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 10) - ] - ] - - -sm__mr_40 : Css.Style -sm__mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 10) - ] - ] - - -sm__mb_40 : Css.Style -sm__mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 10) - ] - ] - - -sm__ml_40 : Css.Style -sm__ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 10) - ] - ] - - -sm__mt_48 : Css.Style -sm__mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 12) - ] - ] - - -sm__mr_48 : Css.Style -sm__mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 12) - ] - ] - - -sm__mb_48 : Css.Style -sm__mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 12) - ] - ] - - -sm__ml_48 : Css.Style -sm__ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 12) - ] - ] - - -sm__mt_56 : Css.Style -sm__mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 14) - ] - ] - - -sm__mr_56 : Css.Style -sm__mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 14) - ] - ] - - -sm__mb_56 : Css.Style -sm__mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 14) - ] - ] - - -sm__ml_56 : Css.Style -sm__ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 14) - ] - ] - - -sm__mt_64 : Css.Style -sm__mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem 16) - ] - ] - - -sm__mr_64 : Css.Style -sm__mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem 16) - ] - ] - - -sm__mb_64 : Css.Style -sm__mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem 16) - ] - ] - - -sm__ml_64 : Css.Style -sm__ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem 16) - ] - ] - - -sm__mt_auto : Css.Style -sm__mt_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop Css.auto - ] - ] - - -sm__mr_auto : Css.Style -sm__mr_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight Css.auto - ] - ] - - -sm__mb_auto : Css.Style -sm__mb_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom Css.auto - ] - ] - - -sm__ml_auto : Css.Style -sm__ml_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft Css.auto - ] - ] - - -sm__mt_px : Css.Style -sm__mt_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.px 1) - ] - ] - - -sm__mr_px : Css.Style -sm__mr_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.px 1) - ] - ] - - -sm__mb_px : Css.Style -sm__mb_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.px 1) - ] - ] - - -sm__ml_px : Css.Style -sm__ml_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.px 1) - ] - ] - - -sm__neg_mt_1 : Css.Style -sm__neg_mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -0.25) - ] - ] - - -sm__neg_mr_1 : Css.Style -sm__neg_mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -0.25) - ] - ] - - -sm__neg_mb_1 : Css.Style -sm__neg_mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -0.25) - ] - ] - - -sm__neg_ml_1 : Css.Style -sm__neg_ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -0.25) - ] - ] - - -sm__neg_mt_2 : Css.Style -sm__neg_mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -0.5) - ] - ] - - -sm__neg_mr_2 : Css.Style -sm__neg_mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -0.5) - ] - ] - - -sm__neg_mb_2 : Css.Style -sm__neg_mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -0.5) - ] - ] - - -sm__neg_ml_2 : Css.Style -sm__neg_ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -0.5) - ] - ] - - -sm__neg_mt_3 : Css.Style -sm__neg_mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -0.75) - ] - ] - - -sm__neg_mr_3 : Css.Style -sm__neg_mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -0.75) - ] - ] - - -sm__neg_mb_3 : Css.Style -sm__neg_mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -0.75) - ] - ] - - -sm__neg_ml_3 : Css.Style -sm__neg_ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -0.75) - ] - ] - - -sm__neg_mt_4 : Css.Style -sm__neg_mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -1) - ] - ] - - -sm__neg_mr_4 : Css.Style -sm__neg_mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -1) - ] - ] - - -sm__neg_mb_4 : Css.Style -sm__neg_mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -1) - ] - ] - - -sm__neg_ml_4 : Css.Style -sm__neg_ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -1) - ] - ] - - -sm__neg_mt_5 : Css.Style -sm__neg_mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -1.25) - ] - ] - - -sm__neg_mr_5 : Css.Style -sm__neg_mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -1.25) - ] - ] - - -sm__neg_mb_5 : Css.Style -sm__neg_mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -1.25) - ] - ] - - -sm__neg_ml_5 : Css.Style -sm__neg_ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -1.25) - ] - ] - - -sm__neg_mt_6 : Css.Style -sm__neg_mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -1.5) - ] - ] - - -sm__neg_mr_6 : Css.Style -sm__neg_mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -1.5) - ] - ] - - -sm__neg_mb_6 : Css.Style -sm__neg_mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -1.5) - ] - ] - - -sm__neg_ml_6 : Css.Style -sm__neg_ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -1.5) - ] - ] - - -sm__neg_mt_8 : Css.Style -sm__neg_mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -2) - ] - ] - - -sm__neg_mr_8 : Css.Style -sm__neg_mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -2) - ] - ] - - -sm__neg_mb_8 : Css.Style -sm__neg_mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -2) - ] - ] - - -sm__neg_ml_8 : Css.Style -sm__neg_ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -2) - ] - ] - - -sm__neg_mt_10 : Css.Style -sm__neg_mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -2.5) - ] - ] - - -sm__neg_mr_10 : Css.Style -sm__neg_mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -2.5) - ] - ] - - -sm__neg_mb_10 : Css.Style -sm__neg_mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -2.5) - ] - ] - - -sm__neg_ml_10 : Css.Style -sm__neg_ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -2.5) - ] - ] - - -sm__neg_mt_12 : Css.Style -sm__neg_mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -3) - ] - ] - - -sm__neg_mr_12 : Css.Style -sm__neg_mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -3) - ] - ] - - -sm__neg_mb_12 : Css.Style -sm__neg_mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -3) - ] - ] - - -sm__neg_ml_12 : Css.Style -sm__neg_ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -3) - ] - ] - - -sm__neg_mt_16 : Css.Style -sm__neg_mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -4) - ] - ] - - -sm__neg_mr_16 : Css.Style -sm__neg_mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -4) - ] - ] - - -sm__neg_mb_16 : Css.Style -sm__neg_mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -4) - ] - ] - - -sm__neg_ml_16 : Css.Style -sm__neg_ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -4) - ] - ] - - -sm__neg_mt_20 : Css.Style -sm__neg_mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -5) - ] - ] - - -sm__neg_mr_20 : Css.Style -sm__neg_mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -5) - ] - ] - - -sm__neg_mb_20 : Css.Style -sm__neg_mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -5) - ] - ] - - -sm__neg_ml_20 : Css.Style -sm__neg_ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -5) - ] - ] - - -sm__neg_mt_24 : Css.Style -sm__neg_mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -6) - ] - ] - - -sm__neg_mr_24 : Css.Style -sm__neg_mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -6) - ] - ] - - -sm__neg_mb_24 : Css.Style -sm__neg_mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -6) - ] - ] - - -sm__neg_ml_24 : Css.Style -sm__neg_ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -6) - ] - ] - - -sm__neg_mt_32 : Css.Style -sm__neg_mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -8) - ] - ] - - -sm__neg_mr_32 : Css.Style -sm__neg_mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -8) - ] - ] - - -sm__neg_mb_32 : Css.Style -sm__neg_mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -8) - ] - ] - - -sm__neg_ml_32 : Css.Style -sm__neg_ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -8) - ] - ] - - -sm__neg_mt_40 : Css.Style -sm__neg_mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -10) - ] - ] - - -sm__neg_mr_40 : Css.Style -sm__neg_mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -10) - ] - ] - - -sm__neg_mb_40 : Css.Style -sm__neg_mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -10) - ] - ] - - -sm__neg_ml_40 : Css.Style -sm__neg_ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -10) - ] - ] - - -sm__neg_mt_48 : Css.Style -sm__neg_mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -12) - ] - ] - - -sm__neg_mr_48 : Css.Style -sm__neg_mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -12) - ] - ] - - -sm__neg_mb_48 : Css.Style -sm__neg_mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -12) - ] - ] - - -sm__neg_ml_48 : Css.Style -sm__neg_ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -12) - ] - ] - - -sm__neg_mt_56 : Css.Style -sm__neg_mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -14) - ] - ] - - -sm__neg_mr_56 : Css.Style -sm__neg_mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -14) - ] - ] - - -sm__neg_mb_56 : Css.Style -sm__neg_mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -14) - ] - ] - - -sm__neg_ml_56 : Css.Style -sm__neg_ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -14) - ] - ] - - -sm__neg_mt_64 : Css.Style -sm__neg_mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.rem -16) - ] - ] - - -sm__neg_mr_64 : Css.Style -sm__neg_mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.rem -16) - ] - ] - - -sm__neg_mb_64 : Css.Style -sm__neg_mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.rem -16) - ] - ] - - -sm__neg_ml_64 : Css.Style -sm__neg_ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.rem -16) - ] - ] - - -sm__neg_mt_px : Css.Style -sm__neg_mt_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginTop (Css.px -1) - ] - ] - - -sm__neg_mr_px : Css.Style -sm__neg_mr_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginRight (Css.px -1) - ] - ] - - -sm__neg_mb_px : Css.Style -sm__neg_mb_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginBottom (Css.px -1) - ] - ] - - -sm__neg_ml_px : Css.Style -sm__neg_ml_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.marginLeft (Css.px -1) - ] - ] - - -sm__max_h_full : Css.Style -sm__max_h_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxHeight (Css.pct 100) - ] - ] - - -sm__max_h_screen : Css.Style -sm__max_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxHeight (Css.vh 100) - ] - ] - - -sm__max_w_none : Css.Style -sm__max_w_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth Css.none - ] - ] - - -sm__max_w_xs : Css.Style -sm__max_w_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.rem 20) - ] - ] - - -sm__max_w_sm : Css.Style -sm__max_w_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.rem 24) - ] - ] - - -sm__max_w_md : Css.Style -sm__max_w_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.rem 28) - ] - ] - - -sm__max_w_lg : Css.Style -sm__max_w_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.rem 32) - ] - ] - - -sm__max_w_xl : Css.Style -sm__max_w_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.rem 36) - ] - ] - - -sm__max_w_2xl : Css.Style -sm__max_w_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.rem 42) - ] - ] - - -sm__max_w_3xl : Css.Style -sm__max_w_3xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.rem 48) - ] - ] - - -sm__max_w_4xl : Css.Style -sm__max_w_4xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.rem 56) - ] - ] - - -sm__max_w_5xl : Css.Style -sm__max_w_5xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.rem 64) - ] - ] - - -sm__max_w_6xl : Css.Style -sm__max_w_6xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.rem 72) - ] - ] - - -sm__max_w_full : Css.Style -sm__max_w_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.pct 100) - ] - ] - - -sm__max_w_screen_sm : Css.Style -sm__max_w_screen_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.px 640) - ] - ] - - -sm__max_w_screen_md : Css.Style -sm__max_w_screen_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.px 768) - ] - ] - - -sm__max_w_screen_lg : Css.Style -sm__max_w_screen_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.px 1024) - ] - ] - - -sm__max_w_screen_xl : Css.Style -sm__max_w_screen_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.maxWidth (Css.px 1280) - ] - ] - - -sm__min_h_0 : Css.Style -sm__min_h_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.minHeight (Css.px 0) - ] - ] - - -sm__min_h_full : Css.Style -sm__min_h_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.minHeight (Css.pct 100) - ] - ] - - -sm__min_h_screen : Css.Style -sm__min_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.minHeight (Css.vh 100) - ] - ] - - -sm__min_w_0 : Css.Style -sm__min_w_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.minWidth (Css.px 0) - ] - ] - - -sm__min_w_full : Css.Style -sm__min_w_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.minWidth (Css.pct 100) - ] - ] - - -sm__object_contain : Css.Style -sm__object_contain = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-fit" "contain" - ] - ] - - -sm__object_cover : Css.Style -sm__object_cover = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-fit" "cover" - ] - ] - - -sm__object_fill : Css.Style -sm__object_fill = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-fit" "fill" - ] - ] - - -sm__object_none : Css.Style -sm__object_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-fit" "none" - ] - ] - - -sm__object_scale_down : Css.Style -sm__object_scale_down = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-fit" "scale-down" - ] - ] - - -sm__object_bottom : Css.Style -sm__object_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-position" "bottom" - ] - ] - - -sm__object_center : Css.Style -sm__object_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-position" "center" - ] - ] - - -sm__object_left : Css.Style -sm__object_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-position" "left" - ] - ] - - -sm__object_left_bottom : Css.Style -sm__object_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-position" "left bottom" - ] - ] - - -sm__object_left_top : Css.Style -sm__object_left_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-position" "left top" - ] - ] - - -sm__object_right : Css.Style -sm__object_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-position" "right" - ] - ] - - -sm__object_right_bottom : Css.Style -sm__object_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-position" "right bottom" - ] - ] - - -sm__object_right_top : Css.Style -sm__object_right_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-position" "right top" - ] - ] - - -sm__object_top : Css.Style -sm__object_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "object-position" "top" - ] - ] - - -sm__opacity_0 : Css.Style -sm__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.opacity (Css.int 0) - ] - ] - - -sm__opacity_25 : Css.Style -sm__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.opacity (Css.num 0.25) - ] - ] - - -sm__opacity_50 : Css.Style -sm__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.opacity (Css.num 0.5) - ] - ] - - -sm__opacity_75 : Css.Style -sm__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.opacity (Css.num 0.75) - ] - ] - - -sm__opacity_100 : Css.Style -sm__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.opacity (Css.int 1) - ] - ] - - -sm__hover__opacity_0 : Css.Style -sm__hover__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.opacity (Css.int 0) - ] - ] - ] - - -sm__hover__opacity_25 : Css.Style -sm__hover__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -sm__hover__opacity_50 : Css.Style -sm__hover__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -sm__hover__opacity_75 : Css.Style -sm__hover__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -sm__hover__opacity_100 : Css.Style -sm__hover__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.opacity (Css.int 1) - ] - ] - ] - - -sm__focus__opacity_0 : Css.Style -sm__focus__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.opacity (Css.int 0) - ] - ] - ] - - -sm__focus__opacity_25 : Css.Style -sm__focus__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -sm__focus__opacity_50 : Css.Style -sm__focus__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -sm__focus__opacity_75 : Css.Style -sm__focus__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -sm__focus__opacity_100 : Css.Style -sm__focus__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.opacity (Css.int 1) - ] - ] - ] - - -sm__outline_none : Css.Style -sm__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "outline" "0" - ] - ] - - -sm__focus__outline_none : Css.Style -sm__focus__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.property "outline" "0" - ] - ] - ] - - -sm__overflow_auto : Css.Style -sm__overflow_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflow Css.auto - ] - ] - - -sm__overflow_hidden : Css.Style -sm__overflow_hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflow Css.hidden - ] - ] - - -sm__overflow_visible : Css.Style -sm__overflow_visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflow Css.visible - ] - ] - - -sm__overflow_scroll : Css.Style -sm__overflow_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflow Css.scroll - ] - ] - - -sm__overflow_x_auto : Css.Style -sm__overflow_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflowX Css.auto - ] - ] - - -sm__overflow_y_auto : Css.Style -sm__overflow_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflowY Css.auto - ] - ] - - -sm__overflow_x_hidden : Css.Style -sm__overflow_x_hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflowX Css.hidden - ] - ] - - -sm__overflow_y_hidden : Css.Style -sm__overflow_y_hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflowY Css.hidden - ] - ] - - -sm__overflow_x_visible : Css.Style -sm__overflow_x_visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflowX Css.visible - ] - ] - - -sm__overflow_y_visible : Css.Style -sm__overflow_y_visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflowY Css.visible - ] - ] - - -sm__overflow_x_scroll : Css.Style -sm__overflow_x_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflowX Css.scroll - ] - ] - - -sm__overflow_y_scroll : Css.Style -sm__overflow_y_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflowY Css.scroll - ] - ] - - -sm__scrolling_touch : Css.Style -sm__scrolling_touch = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "-webkit-overflow-scrolling" "touch" - ] - ] - - -sm__scrolling_auto : Css.Style -sm__scrolling_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "-webkit-overflow-scrolling" "auto" - ] - ] - - -sm__p_0 : Css.Style -sm__p_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.px 0) - ] - ] - - -sm__p_1 : Css.Style -sm__p_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 0.25) - ] - ] - - -sm__p_2 : Css.Style -sm__p_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 0.5) - ] - ] - - -sm__p_3 : Css.Style -sm__p_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 0.75) - ] - ] - - -sm__p_4 : Css.Style -sm__p_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 1) - ] - ] - - -sm__p_5 : Css.Style -sm__p_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 1.25) - ] - ] - - -sm__p_6 : Css.Style -sm__p_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 1.5) - ] - ] - - -sm__p_8 : Css.Style -sm__p_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 2) - ] - ] - - -sm__p_10 : Css.Style -sm__p_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 2.5) - ] - ] - - -sm__p_12 : Css.Style -sm__p_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 3) - ] - ] - - -sm__p_16 : Css.Style -sm__p_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 4) - ] - ] - - -sm__p_20 : Css.Style -sm__p_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 5) - ] - ] - - -sm__p_24 : Css.Style -sm__p_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 6) - ] - ] - - -sm__p_32 : Css.Style -sm__p_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 8) - ] - ] - - -sm__p_40 : Css.Style -sm__p_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 10) - ] - ] - - -sm__p_48 : Css.Style -sm__p_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 12) - ] - ] - - -sm__p_56 : Css.Style -sm__p_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 14) - ] - ] - - -sm__p_64 : Css.Style -sm__p_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.rem 16) - ] - ] - - -sm__p_px : Css.Style -sm__p_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.padding (Css.px 1) - ] - ] - - -sm__py_0 : Css.Style -sm__py_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.px 0) - , Css.paddingBottom (Css.px 0) - ] - ] - - -sm__px_0 : Css.Style -sm__px_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.px 0) - , Css.paddingRight (Css.px 0) - ] - ] - - -sm__py_1 : Css.Style -sm__py_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 0.25) - , Css.paddingBottom (Css.rem 0.25) - ] - ] - - -sm__px_1 : Css.Style -sm__px_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 0.25) - , Css.paddingRight (Css.rem 0.25) - ] - ] - - -sm__py_2 : Css.Style -sm__py_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 0.5) - , Css.paddingBottom (Css.rem 0.5) - ] - ] - - -sm__px_2 : Css.Style -sm__px_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 0.5) - , Css.paddingRight (Css.rem 0.5) - ] - ] - - -sm__py_3 : Css.Style -sm__py_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 0.75) - , Css.paddingBottom (Css.rem 0.75) - ] - ] - - -sm__px_3 : Css.Style -sm__px_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 0.75) - , Css.paddingRight (Css.rem 0.75) - ] - ] - - -sm__py_4 : Css.Style -sm__py_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 1) - , Css.paddingBottom (Css.rem 1) - ] - ] - - -sm__px_4 : Css.Style -sm__px_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 1) - , Css.paddingRight (Css.rem 1) - ] - ] - - -sm__py_5 : Css.Style -sm__py_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 1.25) - , Css.paddingBottom (Css.rem 1.25) - ] - ] - - -sm__px_5 : Css.Style -sm__px_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 1.25) - , Css.paddingRight (Css.rem 1.25) - ] - ] - - -sm__py_6 : Css.Style -sm__py_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 1.5) - , Css.paddingBottom (Css.rem 1.5) - ] - ] - - -sm__px_6 : Css.Style -sm__px_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 1.5) - , Css.paddingRight (Css.rem 1.5) - ] - ] - - -sm__py_8 : Css.Style -sm__py_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 2) - , Css.paddingBottom (Css.rem 2) - ] - ] - - -sm__px_8 : Css.Style -sm__px_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 2) - , Css.paddingRight (Css.rem 2) - ] - ] - - -sm__py_10 : Css.Style -sm__py_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 2.5) - , Css.paddingBottom (Css.rem 2.5) - ] - ] - - -sm__px_10 : Css.Style -sm__px_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 2.5) - , Css.paddingRight (Css.rem 2.5) - ] - ] - - -sm__py_12 : Css.Style -sm__py_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 3) - , Css.paddingBottom (Css.rem 3) - ] - ] - - -sm__px_12 : Css.Style -sm__px_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 3) - , Css.paddingRight (Css.rem 3) - ] - ] - - -sm__py_16 : Css.Style -sm__py_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 4) - , Css.paddingBottom (Css.rem 4) - ] - ] - - -sm__px_16 : Css.Style -sm__px_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 4) - , Css.paddingRight (Css.rem 4) - ] - ] - - -sm__py_20 : Css.Style -sm__py_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 5) - , Css.paddingBottom (Css.rem 5) - ] - ] - - -sm__px_20 : Css.Style -sm__px_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 5) - , Css.paddingRight (Css.rem 5) - ] - ] - - -sm__py_24 : Css.Style -sm__py_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 6) - , Css.paddingBottom (Css.rem 6) - ] - ] - - -sm__px_24 : Css.Style -sm__px_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 6) - , Css.paddingRight (Css.rem 6) - ] - ] - - -sm__py_32 : Css.Style -sm__py_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 8) - , Css.paddingBottom (Css.rem 8) - ] - ] - - -sm__px_32 : Css.Style -sm__px_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 8) - , Css.paddingRight (Css.rem 8) - ] - ] - - -sm__py_40 : Css.Style -sm__py_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 10) - , Css.paddingBottom (Css.rem 10) - ] - ] - - -sm__px_40 : Css.Style -sm__px_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 10) - , Css.paddingRight (Css.rem 10) - ] - ] - - -sm__py_48 : Css.Style -sm__py_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 12) - , Css.paddingBottom (Css.rem 12) - ] - ] - - -sm__px_48 : Css.Style -sm__px_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 12) - , Css.paddingRight (Css.rem 12) - ] - ] - - -sm__py_56 : Css.Style -sm__py_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 14) - , Css.paddingBottom (Css.rem 14) - ] - ] - - -sm__px_56 : Css.Style -sm__px_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 14) - , Css.paddingRight (Css.rem 14) - ] - ] - - -sm__py_64 : Css.Style -sm__py_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 16) - , Css.paddingBottom (Css.rem 16) - ] - ] - - -sm__px_64 : Css.Style -sm__px_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 16) - , Css.paddingRight (Css.rem 16) - ] - ] - - -sm__py_px : Css.Style -sm__py_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.px 1) - , Css.paddingBottom (Css.px 1) - ] - ] - - -sm__px_px : Css.Style -sm__px_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.px 1) - , Css.paddingRight (Css.px 1) - ] - ] - - -sm__pt_0 : Css.Style -sm__pt_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.px 0) - ] - ] - - -sm__pr_0 : Css.Style -sm__pr_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.px 0) - ] - ] - - -sm__pb_0 : Css.Style -sm__pb_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.px 0) - ] - ] - - -sm__pl_0 : Css.Style -sm__pl_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.px 0) - ] - ] - - -sm__pt_1 : Css.Style -sm__pt_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 0.25) - ] - ] - - -sm__pr_1 : Css.Style -sm__pr_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 0.25) - ] - ] - - -sm__pb_1 : Css.Style -sm__pb_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 0.25) - ] - ] - - -sm__pl_1 : Css.Style -sm__pl_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 0.25) - ] - ] - - -sm__pt_2 : Css.Style -sm__pt_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 0.5) - ] - ] - - -sm__pr_2 : Css.Style -sm__pr_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 0.5) - ] - ] - - -sm__pb_2 : Css.Style -sm__pb_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 0.5) - ] - ] - - -sm__pl_2 : Css.Style -sm__pl_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 0.5) - ] - ] - - -sm__pt_3 : Css.Style -sm__pt_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 0.75) - ] - ] - - -sm__pr_3 : Css.Style -sm__pr_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 0.75) - ] - ] - - -sm__pb_3 : Css.Style -sm__pb_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 0.75) - ] - ] - - -sm__pl_3 : Css.Style -sm__pl_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 0.75) - ] - ] - - -sm__pt_4 : Css.Style -sm__pt_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 1) - ] - ] - - -sm__pr_4 : Css.Style -sm__pr_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 1) - ] - ] - - -sm__pb_4 : Css.Style -sm__pb_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 1) - ] - ] - - -sm__pl_4 : Css.Style -sm__pl_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 1) - ] - ] - - -sm__pt_5 : Css.Style -sm__pt_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 1.25) - ] - ] - - -sm__pr_5 : Css.Style -sm__pr_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 1.25) - ] - ] - - -sm__pb_5 : Css.Style -sm__pb_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 1.25) - ] - ] - - -sm__pl_5 : Css.Style -sm__pl_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 1.25) - ] - ] - - -sm__pt_6 : Css.Style -sm__pt_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 1.5) - ] - ] - - -sm__pr_6 : Css.Style -sm__pr_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 1.5) - ] - ] - - -sm__pb_6 : Css.Style -sm__pb_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 1.5) - ] - ] - - -sm__pl_6 : Css.Style -sm__pl_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 1.5) - ] - ] - - -sm__pt_8 : Css.Style -sm__pt_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 2) - ] - ] - - -sm__pr_8 : Css.Style -sm__pr_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 2) - ] - ] - - -sm__pb_8 : Css.Style -sm__pb_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 2) - ] - ] - - -sm__pl_8 : Css.Style -sm__pl_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 2) - ] - ] - - -sm__pt_10 : Css.Style -sm__pt_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 2.5) - ] - ] - - -sm__pr_10 : Css.Style -sm__pr_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 2.5) - ] - ] - - -sm__pb_10 : Css.Style -sm__pb_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 2.5) - ] - ] - - -sm__pl_10 : Css.Style -sm__pl_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 2.5) - ] - ] - - -sm__pt_12 : Css.Style -sm__pt_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 3) - ] - ] - - -sm__pr_12 : Css.Style -sm__pr_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 3) - ] - ] - - -sm__pb_12 : Css.Style -sm__pb_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 3) - ] - ] - - -sm__pl_12 : Css.Style -sm__pl_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 3) - ] - ] - - -sm__pt_16 : Css.Style -sm__pt_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 4) - ] - ] - - -sm__pr_16 : Css.Style -sm__pr_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 4) - ] - ] - - -sm__pb_16 : Css.Style -sm__pb_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 4) - ] - ] - - -sm__pl_16 : Css.Style -sm__pl_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 4) - ] - ] - - -sm__pt_20 : Css.Style -sm__pt_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 5) - ] - ] - - -sm__pr_20 : Css.Style -sm__pr_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 5) - ] - ] - - -sm__pb_20 : Css.Style -sm__pb_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 5) - ] - ] - - -sm__pl_20 : Css.Style -sm__pl_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 5) - ] - ] - - -sm__pt_24 : Css.Style -sm__pt_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 6) - ] - ] - - -sm__pr_24 : Css.Style -sm__pr_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 6) - ] - ] - - -sm__pb_24 : Css.Style -sm__pb_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 6) - ] - ] - - -sm__pl_24 : Css.Style -sm__pl_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 6) - ] - ] - - -sm__pt_32 : Css.Style -sm__pt_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 8) - ] - ] - - -sm__pr_32 : Css.Style -sm__pr_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 8) - ] - ] - - -sm__pb_32 : Css.Style -sm__pb_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 8) - ] - ] - - -sm__pl_32 : Css.Style -sm__pl_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 8) - ] - ] - - -sm__pt_40 : Css.Style -sm__pt_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 10) - ] - ] - - -sm__pr_40 : Css.Style -sm__pr_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 10) - ] - ] - - -sm__pb_40 : Css.Style -sm__pb_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 10) - ] - ] - - -sm__pl_40 : Css.Style -sm__pl_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 10) - ] - ] - - -sm__pt_48 : Css.Style -sm__pt_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 12) - ] - ] - - -sm__pr_48 : Css.Style -sm__pr_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 12) - ] - ] - - -sm__pb_48 : Css.Style -sm__pb_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 12) - ] - ] - - -sm__pl_48 : Css.Style -sm__pl_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 12) - ] - ] - - -sm__pt_56 : Css.Style -sm__pt_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 14) - ] - ] - - -sm__pr_56 : Css.Style -sm__pr_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 14) - ] - ] - - -sm__pb_56 : Css.Style -sm__pb_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 14) - ] - ] - - -sm__pl_56 : Css.Style -sm__pl_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 14) - ] - ] - - -sm__pt_64 : Css.Style -sm__pt_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.rem 16) - ] - ] - - -sm__pr_64 : Css.Style -sm__pr_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.rem 16) - ] - ] - - -sm__pb_64 : Css.Style -sm__pb_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.rem 16) - ] - ] - - -sm__pl_64 : Css.Style -sm__pl_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.rem 16) - ] - ] - - -sm__pt_px : Css.Style -sm__pt_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingTop (Css.px 1) - ] - ] - - -sm__pr_px : Css.Style -sm__pr_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingRight (Css.px 1) - ] - ] - - -sm__pb_px : Css.Style -sm__pb_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingBottom (Css.px 1) - ] - ] - - -sm__pl_px : Css.Style -sm__pl_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.paddingLeft (Css.px 1) - ] - ] - - -sm__placeholder_transparent : Css.Style -sm__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color Css.transparent - ] - ] - - -sm__placeholder_current : Css.Style -sm__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color Css.currentColor - ] - ] - - -sm__placeholder_black : Css.Style -sm__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#000") - ] - ] - - -sm__placeholder_white : Css.Style -sm__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fff") - ] - ] - - -sm__placeholder_gray_100 : Css.Style -sm__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#f7fafc") - ] - ] - - -sm__placeholder_gray_200 : Css.Style -sm__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#edf2f7") - ] - ] - - -sm__placeholder_gray_300 : Css.Style -sm__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#e2e8f0") - ] - ] - - -sm__placeholder_gray_400 : Css.Style -sm__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#cbd5e0") - ] - ] - - -sm__placeholder_gray_500 : Css.Style -sm__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#a0aec0") - ] - ] - - -sm__placeholder_gray_600 : Css.Style -sm__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#718096") - ] - ] - - -sm__placeholder_gray_700 : Css.Style -sm__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#4a5568") - ] - ] - - -sm__placeholder_gray_800 : Css.Style -sm__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#2d3748") - ] - ] - - -sm__placeholder_gray_900 : Css.Style -sm__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#1a202c") - ] - ] - - -sm__placeholder_red_100 : Css.Style -sm__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fff5f5") - ] - ] - - -sm__placeholder_red_200 : Css.Style -sm__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fed7d7") - ] - ] - - -sm__placeholder_red_300 : Css.Style -sm__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#feb2b2") - ] - ] - - -sm__placeholder_red_400 : Css.Style -sm__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fc8181") - ] - ] - - -sm__placeholder_red_500 : Css.Style -sm__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#f56565") - ] - ] - - -sm__placeholder_red_600 : Css.Style -sm__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#e53e3e") - ] - ] - - -sm__placeholder_red_700 : Css.Style -sm__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#c53030") - ] - ] - - -sm__placeholder_red_800 : Css.Style -sm__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#9b2c2c") - ] - ] - - -sm__placeholder_red_900 : Css.Style -sm__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#742a2a") - ] - ] - - -sm__placeholder_orange_100 : Css.Style -sm__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fffaf0") - ] - ] - - -sm__placeholder_orange_200 : Css.Style -sm__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#feebc8") - ] - ] - - -sm__placeholder_orange_300 : Css.Style -sm__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fbd38d") - ] - ] - - -sm__placeholder_orange_400 : Css.Style -sm__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#f6ad55") - ] - ] - - -sm__placeholder_orange_500 : Css.Style -sm__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#ed8936") - ] - ] - - -sm__placeholder_orange_600 : Css.Style -sm__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#dd6b20") - ] - ] - - -sm__placeholder_orange_700 : Css.Style -sm__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#c05621") - ] - ] - - -sm__placeholder_orange_800 : Css.Style -sm__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#9c4221") - ] - ] - - -sm__placeholder_orange_900 : Css.Style -sm__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#7b341e") - ] - ] - - -sm__placeholder_yellow_100 : Css.Style -sm__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fffff0") - ] - ] - - -sm__placeholder_yellow_200 : Css.Style -sm__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fefcbf") - ] - ] - - -sm__placeholder_yellow_300 : Css.Style -sm__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#faf089") - ] - ] - - -sm__placeholder_yellow_400 : Css.Style -sm__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#f6e05e") - ] - ] - - -sm__placeholder_yellow_500 : Css.Style -sm__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#ecc94b") - ] - ] - - -sm__placeholder_yellow_600 : Css.Style -sm__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#d69e2e") - ] - ] - - -sm__placeholder_yellow_700 : Css.Style -sm__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#b7791f") - ] - ] - - -sm__placeholder_yellow_800 : Css.Style -sm__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#975a16") - ] - ] - - -sm__placeholder_yellow_900 : Css.Style -sm__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#744210") - ] - ] - - -sm__placeholder_green_100 : Css.Style -sm__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#f0fff4") - ] - ] - - -sm__placeholder_green_200 : Css.Style -sm__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#c6f6d5") - ] - ] - - -sm__placeholder_green_300 : Css.Style -sm__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#9ae6b4") - ] - ] - - -sm__placeholder_green_400 : Css.Style -sm__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#68d391") - ] - ] - - -sm__placeholder_green_500 : Css.Style -sm__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#48bb78") - ] - ] - - -sm__placeholder_green_600 : Css.Style -sm__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#38a169") - ] - ] - - -sm__placeholder_green_700 : Css.Style -sm__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#2f855a") - ] - ] - - -sm__placeholder_green_800 : Css.Style -sm__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#276749") - ] - ] - - -sm__placeholder_green_900 : Css.Style -sm__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#22543d") - ] - ] - - -sm__placeholder_teal_100 : Css.Style -sm__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#e6fffa") - ] - ] - - -sm__placeholder_teal_200 : Css.Style -sm__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#b2f5ea") - ] - ] - - -sm__placeholder_teal_300 : Css.Style -sm__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#81e6d9") - ] - ] - - -sm__placeholder_teal_400 : Css.Style -sm__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#4fd1c5") - ] - ] - - -sm__placeholder_teal_500 : Css.Style -sm__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#38b2ac") - ] - ] - - -sm__placeholder_teal_600 : Css.Style -sm__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#319795") - ] - ] - - -sm__placeholder_teal_700 : Css.Style -sm__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#2c7a7b") - ] - ] - - -sm__placeholder_teal_800 : Css.Style -sm__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#285e61") - ] - ] - - -sm__placeholder_teal_900 : Css.Style -sm__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#234e52") - ] - ] - - -sm__placeholder_blue_100 : Css.Style -sm__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#ebf8ff") - ] - ] - - -sm__placeholder_blue_200 : Css.Style -sm__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#bee3f8") - ] - ] - - -sm__placeholder_blue_300 : Css.Style -sm__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#90cdf4") - ] - ] - - -sm__placeholder_blue_400 : Css.Style -sm__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#63b3ed") - ] - ] - - -sm__placeholder_blue_500 : Css.Style -sm__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#4299e1") - ] - ] - - -sm__placeholder_blue_600 : Css.Style -sm__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#3182ce") - ] - ] - - -sm__placeholder_blue_700 : Css.Style -sm__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#2b6cb0") - ] - ] - - -sm__placeholder_blue_800 : Css.Style -sm__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#2c5282") - ] - ] - - -sm__placeholder_blue_900 : Css.Style -sm__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#2a4365") - ] - ] - - -sm__placeholder_indigo_100 : Css.Style -sm__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#ebf4ff") - ] - ] - - -sm__placeholder_indigo_200 : Css.Style -sm__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#c3dafe") - ] - ] - - -sm__placeholder_indigo_300 : Css.Style -sm__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#a3bffa") - ] - ] - - -sm__placeholder_indigo_400 : Css.Style -sm__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#7f9cf5") - ] - ] - - -sm__placeholder_indigo_500 : Css.Style -sm__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#667eea") - ] - ] - - -sm__placeholder_indigo_600 : Css.Style -sm__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#5a67d8") - ] - ] - - -sm__placeholder_indigo_700 : Css.Style -sm__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#4c51bf") - ] - ] - - -sm__placeholder_indigo_800 : Css.Style -sm__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#434190") - ] - ] - - -sm__placeholder_indigo_900 : Css.Style -sm__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#3c366b") - ] - ] - - -sm__placeholder_purple_100 : Css.Style -sm__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#faf5ff") - ] - ] - - -sm__placeholder_purple_200 : Css.Style -sm__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#e9d8fd") - ] - ] - - -sm__placeholder_purple_300 : Css.Style -sm__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#d6bcfa") - ] - ] - - -sm__placeholder_purple_400 : Css.Style -sm__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#b794f4") - ] - ] - - -sm__placeholder_purple_500 : Css.Style -sm__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#9f7aea") - ] - ] - - -sm__placeholder_purple_600 : Css.Style -sm__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#805ad5") - ] - ] - - -sm__placeholder_purple_700 : Css.Style -sm__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#6b46c1") - ] - ] - - -sm__placeholder_purple_800 : Css.Style -sm__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#553c9a") - ] - ] - - -sm__placeholder_purple_900 : Css.Style -sm__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#44337a") - ] - ] - - -sm__placeholder_pink_100 : Css.Style -sm__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fff5f7") - ] - ] - - -sm__placeholder_pink_200 : Css.Style -sm__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fed7e2") - ] - ] - - -sm__placeholder_pink_300 : Css.Style -sm__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fbb6ce") - ] - ] - - -sm__placeholder_pink_400 : Css.Style -sm__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#f687b3") - ] - ] - - -sm__placeholder_pink_500 : Css.Style -sm__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#ed64a6") - ] - ] - - -sm__placeholder_pink_600 : Css.Style -sm__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#d53f8c") - ] - ] - - -sm__placeholder_pink_700 : Css.Style -sm__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#b83280") - ] - ] - - -sm__placeholder_pink_800 : Css.Style -sm__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#97266d") - ] - ] - - -sm__placeholder_pink_900 : Css.Style -sm__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#702459") - ] - ] - - -sm__focus__placeholder_transparent : Css.Style -sm__focus__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -sm__focus__placeholder_current : Css.Style -sm__focus__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -sm__focus__placeholder_black : Css.Style -sm__focus__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#000") - ] - ] - ] - - -sm__focus__placeholder_white : Css.Style -sm__focus__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff") - ] - ] - ] - - -sm__focus__placeholder_gray_100 : Css.Style -sm__focus__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#f7fafc") - ] - ] - ] - - -sm__focus__placeholder_gray_200 : Css.Style -sm__focus__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#edf2f7") - ] - ] - ] - - -sm__focus__placeholder_gray_300 : Css.Style -sm__focus__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#e2e8f0") - ] - ] - ] - - -sm__focus__placeholder_gray_400 : Css.Style -sm__focus__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#cbd5e0") - ] - ] - ] - - -sm__focus__placeholder_gray_500 : Css.Style -sm__focus__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#a0aec0") - ] - ] - ] - - -sm__focus__placeholder_gray_600 : Css.Style -sm__focus__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#718096") - ] - ] - ] - - -sm__focus__placeholder_gray_700 : Css.Style -sm__focus__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#4a5568") - ] - ] - ] - - -sm__focus__placeholder_gray_800 : Css.Style -sm__focus__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#2d3748") - ] - ] - ] - - -sm__focus__placeholder_gray_900 : Css.Style -sm__focus__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#1a202c") - ] - ] - ] - - -sm__focus__placeholder_red_100 : Css.Style -sm__focus__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f5") - ] - ] - ] - - -sm__focus__placeholder_red_200 : Css.Style -sm__focus__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7d7") - ] - ] - ] - - -sm__focus__placeholder_red_300 : Css.Style -sm__focus__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#feb2b2") - ] - ] - ] - - -sm__focus__placeholder_red_400 : Css.Style -sm__focus__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fc8181") - ] - ] - ] - - -sm__focus__placeholder_red_500 : Css.Style -sm__focus__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#f56565") - ] - ] - ] - - -sm__focus__placeholder_red_600 : Css.Style -sm__focus__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#e53e3e") - ] - ] - ] - - -sm__focus__placeholder_red_700 : Css.Style -sm__focus__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#c53030") - ] - ] - ] - - -sm__focus__placeholder_red_800 : Css.Style -sm__focus__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#9b2c2c") - ] - ] - ] - - -sm__focus__placeholder_red_900 : Css.Style -sm__focus__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#742a2a") - ] - ] - ] - - -sm__focus__placeholder_orange_100 : Css.Style -sm__focus__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffaf0") - ] - ] - ] - - -sm__focus__placeholder_orange_200 : Css.Style -sm__focus__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#feebc8") - ] - ] - ] - - -sm__focus__placeholder_orange_300 : Css.Style -sm__focus__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbd38d") - ] - ] - ] - - -sm__focus__placeholder_orange_400 : Css.Style -sm__focus__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6ad55") - ] - ] - ] - - -sm__focus__placeholder_orange_500 : Css.Style -sm__focus__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed8936") - ] - ] - ] - - -sm__focus__placeholder_orange_600 : Css.Style -sm__focus__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#dd6b20") - ] - ] - ] - - -sm__focus__placeholder_orange_700 : Css.Style -sm__focus__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#c05621") - ] - ] - ] - - -sm__focus__placeholder_orange_800 : Css.Style -sm__focus__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#9c4221") - ] - ] - ] - - -sm__focus__placeholder_orange_900 : Css.Style -sm__focus__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#7b341e") - ] - ] - ] - - -sm__focus__placeholder_yellow_100 : Css.Style -sm__focus__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffff0") - ] - ] - ] - - -sm__focus__placeholder_yellow_200 : Css.Style -sm__focus__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fefcbf") - ] - ] - ] - - -sm__focus__placeholder_yellow_300 : Css.Style -sm__focus__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf089") - ] - ] - ] - - -sm__focus__placeholder_yellow_400 : Css.Style -sm__focus__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6e05e") - ] - ] - ] - - -sm__focus__placeholder_yellow_500 : Css.Style -sm__focus__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#ecc94b") - ] - ] - ] - - -sm__focus__placeholder_yellow_600 : Css.Style -sm__focus__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#d69e2e") - ] - ] - ] - - -sm__focus__placeholder_yellow_700 : Css.Style -sm__focus__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#b7791f") - ] - ] - ] - - -sm__focus__placeholder_yellow_800 : Css.Style -sm__focus__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#975a16") - ] - ] - ] - - -sm__focus__placeholder_yellow_900 : Css.Style -sm__focus__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#744210") - ] - ] - ] - - -sm__focus__placeholder_green_100 : Css.Style -sm__focus__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#f0fff4") - ] - ] - ] - - -sm__focus__placeholder_green_200 : Css.Style -sm__focus__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#c6f6d5") - ] - ] - ] - - -sm__focus__placeholder_green_300 : Css.Style -sm__focus__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#9ae6b4") - ] - ] - ] - - -sm__focus__placeholder_green_400 : Css.Style -sm__focus__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#68d391") - ] - ] - ] - - -sm__focus__placeholder_green_500 : Css.Style -sm__focus__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#48bb78") - ] - ] - ] - - -sm__focus__placeholder_green_600 : Css.Style -sm__focus__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#38a169") - ] - ] - ] - - -sm__focus__placeholder_green_700 : Css.Style -sm__focus__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#2f855a") - ] - ] - ] - - -sm__focus__placeholder_green_800 : Css.Style -sm__focus__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#276749") - ] - ] - ] - - -sm__focus__placeholder_green_900 : Css.Style -sm__focus__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#22543d") - ] - ] - ] - - -sm__focus__placeholder_teal_100 : Css.Style -sm__focus__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#e6fffa") - ] - ] - ] - - -sm__focus__placeholder_teal_200 : Css.Style -sm__focus__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#b2f5ea") - ] - ] - ] - - -sm__focus__placeholder_teal_300 : Css.Style -sm__focus__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#81e6d9") - ] - ] - ] - - -sm__focus__placeholder_teal_400 : Css.Style -sm__focus__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#4fd1c5") - ] - ] - ] - - -sm__focus__placeholder_teal_500 : Css.Style -sm__focus__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#38b2ac") - ] - ] - ] - - -sm__focus__placeholder_teal_600 : Css.Style -sm__focus__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#319795") - ] - ] - ] - - -sm__focus__placeholder_teal_700 : Css.Style -sm__focus__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c7a7b") - ] - ] - ] - - -sm__focus__placeholder_teal_800 : Css.Style -sm__focus__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#285e61") - ] - ] - ] - - -sm__focus__placeholder_teal_900 : Css.Style -sm__focus__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#234e52") - ] - ] - ] - - -sm__focus__placeholder_blue_100 : Css.Style -sm__focus__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf8ff") - ] - ] - ] - - -sm__focus__placeholder_blue_200 : Css.Style -sm__focus__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#bee3f8") - ] - ] - ] - - -sm__focus__placeholder_blue_300 : Css.Style -sm__focus__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#90cdf4") - ] - ] - ] - - -sm__focus__placeholder_blue_400 : Css.Style -sm__focus__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#63b3ed") - ] - ] - ] - - -sm__focus__placeholder_blue_500 : Css.Style -sm__focus__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#4299e1") - ] - ] - ] - - -sm__focus__placeholder_blue_600 : Css.Style -sm__focus__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#3182ce") - ] - ] - ] - - -sm__focus__placeholder_blue_700 : Css.Style -sm__focus__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#2b6cb0") - ] - ] - ] - - -sm__focus__placeholder_blue_800 : Css.Style -sm__focus__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c5282") - ] - ] - ] - - -sm__focus__placeholder_blue_900 : Css.Style -sm__focus__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#2a4365") - ] - ] - ] - - -sm__focus__placeholder_indigo_100 : Css.Style -sm__focus__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf4ff") - ] - ] - ] - - -sm__focus__placeholder_indigo_200 : Css.Style -sm__focus__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#c3dafe") - ] - ] - ] - - -sm__focus__placeholder_indigo_300 : Css.Style -sm__focus__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#a3bffa") - ] - ] - ] - - -sm__focus__placeholder_indigo_400 : Css.Style -sm__focus__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#7f9cf5") - ] - ] - ] - - -sm__focus__placeholder_indigo_500 : Css.Style -sm__focus__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#667eea") - ] - ] - ] - - -sm__focus__placeholder_indigo_600 : Css.Style -sm__focus__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#5a67d8") - ] - ] - ] - - -sm__focus__placeholder_indigo_700 : Css.Style -sm__focus__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#4c51bf") - ] - ] - ] - - -sm__focus__placeholder_indigo_800 : Css.Style -sm__focus__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#434190") - ] - ] - ] - - -sm__focus__placeholder_indigo_900 : Css.Style -sm__focus__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#3c366b") - ] - ] - ] - - -sm__focus__placeholder_purple_100 : Css.Style -sm__focus__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf5ff") - ] - ] - ] - - -sm__focus__placeholder_purple_200 : Css.Style -sm__focus__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#e9d8fd") - ] - ] - ] - - -sm__focus__placeholder_purple_300 : Css.Style -sm__focus__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#d6bcfa") - ] - ] - ] - - -sm__focus__placeholder_purple_400 : Css.Style -sm__focus__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#b794f4") - ] - ] - ] - - -sm__focus__placeholder_purple_500 : Css.Style -sm__focus__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#9f7aea") - ] - ] - ] - - -sm__focus__placeholder_purple_600 : Css.Style -sm__focus__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#805ad5") - ] - ] - ] - - -sm__focus__placeholder_purple_700 : Css.Style -sm__focus__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#6b46c1") - ] - ] - ] - - -sm__focus__placeholder_purple_800 : Css.Style -sm__focus__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#553c9a") - ] - ] - ] - - -sm__focus__placeholder_purple_900 : Css.Style -sm__focus__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#44337a") - ] - ] - ] - - -sm__focus__placeholder_pink_100 : Css.Style -sm__focus__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f7") - ] - ] - ] - - -sm__focus__placeholder_pink_200 : Css.Style -sm__focus__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7e2") - ] - ] - ] - - -sm__focus__placeholder_pink_300 : Css.Style -sm__focus__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbb6ce") - ] - ] - ] - - -sm__focus__placeholder_pink_400 : Css.Style -sm__focus__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#f687b3") - ] - ] - ] - - -sm__focus__placeholder_pink_500 : Css.Style -sm__focus__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed64a6") - ] - ] - ] - - -sm__focus__placeholder_pink_600 : Css.Style -sm__focus__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#d53f8c") - ] - ] - ] - - -sm__focus__placeholder_pink_700 : Css.Style -sm__focus__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#b83280") - ] - ] - ] - - -sm__focus__placeholder_pink_800 : Css.Style -sm__focus__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#97266d") - ] - ] - ] - - -sm__focus__placeholder_pink_900 : Css.Style -sm__focus__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#702459") - ] - ] - ] - - -sm__pointer_events_none : Css.Style -sm__pointer_events_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.pointerEvents Css.none - ] - ] - - -sm__pointer_events_auto : Css.Style -sm__pointer_events_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.pointerEvents Css.auto - ] - ] - - -sm__static : Css.Style -sm__static = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.position Css.static - ] - ] - - -sm__fixed : Css.Style -sm__fixed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.position Css.fixed - ] - ] - - -sm__absolute : Css.Style -sm__absolute = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.position Css.absolute - ] - ] - - -sm__relative : Css.Style -sm__relative = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.position Css.relative - ] - ] - - -sm__sticky : Css.Style -sm__sticky = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.position Css.sticky - ] - ] - - -sm__inset_0 : Css.Style -sm__inset_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.top (Css.px 0) - , Css.right (Css.px 0) - , Css.bottom (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -sm__inset_auto : Css.Style -sm__inset_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.top Css.auto - , Css.right Css.auto - , Css.bottom Css.auto - , Css.left Css.auto - ] - ] - - -sm__inset_y_0 : Css.Style -sm__inset_y_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.top (Css.px 0) - , Css.bottom (Css.px 0) - ] - ] - - -sm__inset_x_0 : Css.Style -sm__inset_x_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.right (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -sm__inset_y_auto : Css.Style -sm__inset_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.top Css.auto - , Css.bottom Css.auto - ] - ] - - -sm__inset_x_auto : Css.Style -sm__inset_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.right Css.auto - , Css.left Css.auto - ] - ] - - -sm__top_0 : Css.Style -sm__top_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.top (Css.px 0) - ] - ] - - -sm__right_0 : Css.Style -sm__right_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.right (Css.px 0) - ] - ] - - -sm__bottom_0 : Css.Style -sm__bottom_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.bottom (Css.px 0) - ] - ] - - -sm__left_0 : Css.Style -sm__left_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.left (Css.px 0) - ] - ] - - -sm__top_auto : Css.Style -sm__top_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.top Css.auto - ] - ] - - -sm__right_auto : Css.Style -sm__right_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.right Css.auto - ] - ] - - -sm__bottom_auto : Css.Style -sm__bottom_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.bottom Css.auto - ] - ] - - -sm__left_auto : Css.Style -sm__left_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.left Css.auto - ] - ] - - -sm__resize_none : Css.Style -sm__resize_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.resize Css.none - ] - ] - - -sm__resize_y : Css.Style -sm__resize_y = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.resize Css.vertical - ] - ] - - -sm__resize_x : Css.Style -sm__resize_x = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.resize Css.horizontal - ] - ] - - -sm__resize : Css.Style -sm__resize = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.resize Css.both - ] - ] - - -sm__shadow_xs : Css.Style -sm__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - - -sm__shadow_sm : Css.Style -sm__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - - -sm__shadow : Css.Style -sm__shadow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - - -sm__shadow_md : Css.Style -sm__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - - -sm__shadow_lg : Css.Style -sm__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - - -sm__shadow_xl : Css.Style -sm__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - - -sm__shadow_2xl : Css.Style -sm__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - - -sm__shadow_inner : Css.Style -sm__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - - -sm__shadow_outline : Css.Style -sm__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - - -sm__shadow_none : Css.Style -sm__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "box-shadow" "none" - ] - ] - - -sm__hover__shadow_xs : Css.Style -sm__hover__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -sm__hover__shadow_sm : Css.Style -sm__hover__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -sm__hover__shadow : Css.Style -sm__hover__shadow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -sm__hover__shadow_md : Css.Style -sm__hover__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -sm__hover__shadow_lg : Css.Style -sm__hover__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -sm__hover__shadow_xl : Css.Style -sm__hover__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - ] - - -sm__hover__shadow_2xl : Css.Style -sm__hover__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - ] - - -sm__hover__shadow_inner : Css.Style -sm__hover__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -sm__hover__shadow_outline : Css.Style -sm__hover__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - ] - - -sm__hover__shadow_none : Css.Style -sm__hover__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.property "box-shadow" "none" - ] - ] - ] - - -sm__focus__shadow_xs : Css.Style -sm__focus__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -sm__focus__shadow_sm : Css.Style -sm__focus__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -sm__focus__shadow : Css.Style -sm__focus__shadow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -sm__focus__shadow_md : Css.Style -sm__focus__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -sm__focus__shadow_lg : Css.Style -sm__focus__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -sm__focus__shadow_xl : Css.Style -sm__focus__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - ] - - -sm__focus__shadow_2xl : Css.Style -sm__focus__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - ] - - -sm__focus__shadow_inner : Css.Style -sm__focus__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -sm__focus__shadow_outline : Css.Style -sm__focus__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - ] - - -sm__focus__shadow_none : Css.Style -sm__focus__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.property "box-shadow" "none" - ] - ] - ] - - -sm__fill_current : Css.Style -sm__fill_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fill Css.currentColor - ] - ] - - -sm__stroke_current : Css.Style -sm__stroke_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "stroke" "currentColor" - ] - ] - - -sm__stroke_0 : Css.Style -sm__stroke_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "stroke-width" "0" - ] - ] - - -sm__stroke_1 : Css.Style -sm__stroke_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "stroke-width" "1" - ] - ] - - -sm__stroke_2 : Css.Style -sm__stroke_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "stroke-width" "2" - ] - ] - - -sm__table_auto : Css.Style -sm__table_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.tableLayout Css.auto - ] - ] - - -sm__table_fixed : Css.Style -sm__table_fixed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.tableLayout Css.fixed - ] - ] - - -sm__text_left : Css.Style -sm__text_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.textAlign Css.left - ] - ] - - -sm__text_center : Css.Style -sm__text_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.textAlign Css.center - ] - ] - - -sm__text_right : Css.Style -sm__text_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.textAlign Css.right - ] - ] - - -sm__text_justify : Css.Style -sm__text_justify = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.textAlign Css.justify - ] - ] - - -sm__text_transparent : Css.Style -sm__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color Css.transparent - ] - ] - - -sm__text_current : Css.Style -sm__text_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color Css.currentColor - ] - ] - - -sm__text_black : Css.Style -sm__text_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#000") - ] - ] - - -sm__text_white : Css.Style -sm__text_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fff") - ] - ] - - -sm__text_gray_100 : Css.Style -sm__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#f7fafc") - ] - ] - - -sm__text_gray_200 : Css.Style -sm__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#edf2f7") - ] - ] - - -sm__text_gray_300 : Css.Style -sm__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#e2e8f0") - ] - ] - - -sm__text_gray_400 : Css.Style -sm__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#cbd5e0") - ] - ] - - -sm__text_gray_500 : Css.Style -sm__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#a0aec0") - ] - ] - - -sm__text_gray_600 : Css.Style -sm__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#718096") - ] - ] - - -sm__text_gray_700 : Css.Style -sm__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#4a5568") - ] - ] - - -sm__text_gray_800 : Css.Style -sm__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#2d3748") - ] - ] - - -sm__text_gray_900 : Css.Style -sm__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#1a202c") - ] - ] - - -sm__text_red_100 : Css.Style -sm__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fff5f5") - ] - ] - - -sm__text_red_200 : Css.Style -sm__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fed7d7") - ] - ] - - -sm__text_red_300 : Css.Style -sm__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#feb2b2") - ] - ] - - -sm__text_red_400 : Css.Style -sm__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fc8181") - ] - ] - - -sm__text_red_500 : Css.Style -sm__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#f56565") - ] - ] - - -sm__text_red_600 : Css.Style -sm__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#e53e3e") - ] - ] - - -sm__text_red_700 : Css.Style -sm__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#c53030") - ] - ] - - -sm__text_red_800 : Css.Style -sm__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#9b2c2c") - ] - ] - - -sm__text_red_900 : Css.Style -sm__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#742a2a") - ] - ] - - -sm__text_orange_100 : Css.Style -sm__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fffaf0") - ] - ] - - -sm__text_orange_200 : Css.Style -sm__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#feebc8") - ] - ] - - -sm__text_orange_300 : Css.Style -sm__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fbd38d") - ] - ] - - -sm__text_orange_400 : Css.Style -sm__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#f6ad55") - ] - ] - - -sm__text_orange_500 : Css.Style -sm__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#ed8936") - ] - ] - - -sm__text_orange_600 : Css.Style -sm__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#dd6b20") - ] - ] - - -sm__text_orange_700 : Css.Style -sm__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#c05621") - ] - ] - - -sm__text_orange_800 : Css.Style -sm__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#9c4221") - ] - ] - - -sm__text_orange_900 : Css.Style -sm__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#7b341e") - ] - ] - - -sm__text_yellow_100 : Css.Style -sm__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fffff0") - ] - ] - - -sm__text_yellow_200 : Css.Style -sm__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fefcbf") - ] - ] - - -sm__text_yellow_300 : Css.Style -sm__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#faf089") - ] - ] - - -sm__text_yellow_400 : Css.Style -sm__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#f6e05e") - ] - ] - - -sm__text_yellow_500 : Css.Style -sm__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#ecc94b") - ] - ] - - -sm__text_yellow_600 : Css.Style -sm__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#d69e2e") - ] - ] - - -sm__text_yellow_700 : Css.Style -sm__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#b7791f") - ] - ] - - -sm__text_yellow_800 : Css.Style -sm__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#975a16") - ] - ] - - -sm__text_yellow_900 : Css.Style -sm__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#744210") - ] - ] - - -sm__text_green_100 : Css.Style -sm__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#f0fff4") - ] - ] - - -sm__text_green_200 : Css.Style -sm__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#c6f6d5") - ] - ] - - -sm__text_green_300 : Css.Style -sm__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#9ae6b4") - ] - ] - - -sm__text_green_400 : Css.Style -sm__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#68d391") - ] - ] - - -sm__text_green_500 : Css.Style -sm__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#48bb78") - ] - ] - - -sm__text_green_600 : Css.Style -sm__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#38a169") - ] - ] - - -sm__text_green_700 : Css.Style -sm__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#2f855a") - ] - ] - - -sm__text_green_800 : Css.Style -sm__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#276749") - ] - ] - - -sm__text_green_900 : Css.Style -sm__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#22543d") - ] - ] - - -sm__text_teal_100 : Css.Style -sm__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#e6fffa") - ] - ] - - -sm__text_teal_200 : Css.Style -sm__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#b2f5ea") - ] - ] - - -sm__text_teal_300 : Css.Style -sm__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#81e6d9") - ] - ] - - -sm__text_teal_400 : Css.Style -sm__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#4fd1c5") - ] - ] - - -sm__text_teal_500 : Css.Style -sm__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#38b2ac") - ] - ] - - -sm__text_teal_600 : Css.Style -sm__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#319795") - ] - ] - - -sm__text_teal_700 : Css.Style -sm__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#2c7a7b") - ] - ] - - -sm__text_teal_800 : Css.Style -sm__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#285e61") - ] - ] - - -sm__text_teal_900 : Css.Style -sm__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#234e52") - ] - ] - - -sm__text_blue_100 : Css.Style -sm__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#ebf8ff") - ] - ] - - -sm__text_blue_200 : Css.Style -sm__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#bee3f8") - ] - ] - - -sm__text_blue_300 : Css.Style -sm__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#90cdf4") - ] - ] - - -sm__text_blue_400 : Css.Style -sm__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#63b3ed") - ] - ] - - -sm__text_blue_500 : Css.Style -sm__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#4299e1") - ] - ] - - -sm__text_blue_600 : Css.Style -sm__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#3182ce") - ] - ] - - -sm__text_blue_700 : Css.Style -sm__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#2b6cb0") - ] - ] - - -sm__text_blue_800 : Css.Style -sm__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#2c5282") - ] - ] - - -sm__text_blue_900 : Css.Style -sm__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#2a4365") - ] - ] - - -sm__text_indigo_100 : Css.Style -sm__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#ebf4ff") - ] - ] - - -sm__text_indigo_200 : Css.Style -sm__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#c3dafe") - ] - ] - - -sm__text_indigo_300 : Css.Style -sm__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#a3bffa") - ] - ] - - -sm__text_indigo_400 : Css.Style -sm__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#7f9cf5") - ] - ] - - -sm__text_indigo_500 : Css.Style -sm__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#667eea") - ] - ] - - -sm__text_indigo_600 : Css.Style -sm__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#5a67d8") - ] - ] - - -sm__text_indigo_700 : Css.Style -sm__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#4c51bf") - ] - ] - - -sm__text_indigo_800 : Css.Style -sm__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#434190") - ] - ] - - -sm__text_indigo_900 : Css.Style -sm__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#3c366b") - ] - ] - - -sm__text_purple_100 : Css.Style -sm__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#faf5ff") - ] - ] - - -sm__text_purple_200 : Css.Style -sm__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#e9d8fd") - ] - ] - - -sm__text_purple_300 : Css.Style -sm__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#d6bcfa") - ] - ] - - -sm__text_purple_400 : Css.Style -sm__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#b794f4") - ] - ] - - -sm__text_purple_500 : Css.Style -sm__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#9f7aea") - ] - ] - - -sm__text_purple_600 : Css.Style -sm__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#805ad5") - ] - ] - - -sm__text_purple_700 : Css.Style -sm__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#6b46c1") - ] - ] - - -sm__text_purple_800 : Css.Style -sm__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#553c9a") - ] - ] - - -sm__text_purple_900 : Css.Style -sm__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#44337a") - ] - ] - - -sm__text_pink_100 : Css.Style -sm__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fff5f7") - ] - ] - - -sm__text_pink_200 : Css.Style -sm__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fed7e2") - ] - ] - - -sm__text_pink_300 : Css.Style -sm__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#fbb6ce") - ] - ] - - -sm__text_pink_400 : Css.Style -sm__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#f687b3") - ] - ] - - -sm__text_pink_500 : Css.Style -sm__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#ed64a6") - ] - ] - - -sm__text_pink_600 : Css.Style -sm__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#d53f8c") - ] - ] - - -sm__text_pink_700 : Css.Style -sm__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#b83280") - ] - ] - - -sm__text_pink_800 : Css.Style -sm__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#97266d") - ] - ] - - -sm__text_pink_900 : Css.Style -sm__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.color (Css.hex "#702459") - ] - ] - - -sm__hover__text_transparent : Css.Style -sm__hover__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color Css.transparent - ] - ] - ] - - -sm__hover__text_current : Css.Style -sm__hover__text_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color Css.currentColor - ] - ] - ] - - -sm__hover__text_black : Css.Style -sm__hover__text_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#000") - ] - ] - ] - - -sm__hover__text_white : Css.Style -sm__hover__text_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#fff") - ] - ] - ] - - -sm__hover__text_gray_100 : Css.Style -sm__hover__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#f7fafc") - ] - ] - ] - - -sm__hover__text_gray_200 : Css.Style -sm__hover__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#edf2f7") - ] - ] - ] - - -sm__hover__text_gray_300 : Css.Style -sm__hover__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#e2e8f0") - ] - ] - ] - - -sm__hover__text_gray_400 : Css.Style -sm__hover__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#cbd5e0") - ] - ] - ] - - -sm__hover__text_gray_500 : Css.Style -sm__hover__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#a0aec0") - ] - ] - ] - - -sm__hover__text_gray_600 : Css.Style -sm__hover__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#718096") - ] - ] - ] - - -sm__hover__text_gray_700 : Css.Style -sm__hover__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#4a5568") - ] - ] - ] - - -sm__hover__text_gray_800 : Css.Style -sm__hover__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#2d3748") - ] - ] - ] - - -sm__hover__text_gray_900 : Css.Style -sm__hover__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#1a202c") - ] - ] - ] - - -sm__hover__text_red_100 : Css.Style -sm__hover__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#fff5f5") - ] - ] - ] - - -sm__hover__text_red_200 : Css.Style -sm__hover__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#fed7d7") - ] - ] - ] - - -sm__hover__text_red_300 : Css.Style -sm__hover__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#feb2b2") - ] - ] - ] - - -sm__hover__text_red_400 : Css.Style -sm__hover__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#fc8181") - ] - ] - ] - - -sm__hover__text_red_500 : Css.Style -sm__hover__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#f56565") - ] - ] - ] - - -sm__hover__text_red_600 : Css.Style -sm__hover__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#e53e3e") - ] - ] - ] - - -sm__hover__text_red_700 : Css.Style -sm__hover__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#c53030") - ] - ] - ] - - -sm__hover__text_red_800 : Css.Style -sm__hover__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#9b2c2c") - ] - ] - ] - - -sm__hover__text_red_900 : Css.Style -sm__hover__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#742a2a") - ] - ] - ] - - -sm__hover__text_orange_100 : Css.Style -sm__hover__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#fffaf0") - ] - ] - ] - - -sm__hover__text_orange_200 : Css.Style -sm__hover__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#feebc8") - ] - ] - ] - - -sm__hover__text_orange_300 : Css.Style -sm__hover__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#fbd38d") - ] - ] - ] - - -sm__hover__text_orange_400 : Css.Style -sm__hover__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#f6ad55") - ] - ] - ] - - -sm__hover__text_orange_500 : Css.Style -sm__hover__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#ed8936") - ] - ] - ] - - -sm__hover__text_orange_600 : Css.Style -sm__hover__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#dd6b20") - ] - ] - ] - - -sm__hover__text_orange_700 : Css.Style -sm__hover__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#c05621") - ] - ] - ] - - -sm__hover__text_orange_800 : Css.Style -sm__hover__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#9c4221") - ] - ] - ] - - -sm__hover__text_orange_900 : Css.Style -sm__hover__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#7b341e") - ] - ] - ] - - -sm__hover__text_yellow_100 : Css.Style -sm__hover__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#fffff0") - ] - ] - ] - - -sm__hover__text_yellow_200 : Css.Style -sm__hover__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#fefcbf") - ] - ] - ] - - -sm__hover__text_yellow_300 : Css.Style -sm__hover__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#faf089") - ] - ] - ] - - -sm__hover__text_yellow_400 : Css.Style -sm__hover__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#f6e05e") - ] - ] - ] - - -sm__hover__text_yellow_500 : Css.Style -sm__hover__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#ecc94b") - ] - ] - ] - - -sm__hover__text_yellow_600 : Css.Style -sm__hover__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#d69e2e") - ] - ] - ] - - -sm__hover__text_yellow_700 : Css.Style -sm__hover__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#b7791f") - ] - ] - ] - - -sm__hover__text_yellow_800 : Css.Style -sm__hover__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#975a16") - ] - ] - ] - - -sm__hover__text_yellow_900 : Css.Style -sm__hover__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#744210") - ] - ] - ] - - -sm__hover__text_green_100 : Css.Style -sm__hover__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#f0fff4") - ] - ] - ] - - -sm__hover__text_green_200 : Css.Style -sm__hover__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#c6f6d5") - ] - ] - ] - - -sm__hover__text_green_300 : Css.Style -sm__hover__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#9ae6b4") - ] - ] - ] - - -sm__hover__text_green_400 : Css.Style -sm__hover__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#68d391") - ] - ] - ] - - -sm__hover__text_green_500 : Css.Style -sm__hover__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#48bb78") - ] - ] - ] - - -sm__hover__text_green_600 : Css.Style -sm__hover__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#38a169") - ] - ] - ] - - -sm__hover__text_green_700 : Css.Style -sm__hover__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#2f855a") - ] - ] - ] - - -sm__hover__text_green_800 : Css.Style -sm__hover__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#276749") - ] - ] - ] - - -sm__hover__text_green_900 : Css.Style -sm__hover__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#22543d") - ] - ] - ] - - -sm__hover__text_teal_100 : Css.Style -sm__hover__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#e6fffa") - ] - ] - ] - - -sm__hover__text_teal_200 : Css.Style -sm__hover__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#b2f5ea") - ] - ] - ] - - -sm__hover__text_teal_300 : Css.Style -sm__hover__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#81e6d9") - ] - ] - ] - - -sm__hover__text_teal_400 : Css.Style -sm__hover__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#4fd1c5") - ] - ] - ] - - -sm__hover__text_teal_500 : Css.Style -sm__hover__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#38b2ac") - ] - ] - ] - - -sm__hover__text_teal_600 : Css.Style -sm__hover__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#319795") - ] - ] - ] - - -sm__hover__text_teal_700 : Css.Style -sm__hover__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#2c7a7b") - ] - ] - ] - - -sm__hover__text_teal_800 : Css.Style -sm__hover__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#285e61") - ] - ] - ] - - -sm__hover__text_teal_900 : Css.Style -sm__hover__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#234e52") - ] - ] - ] - - -sm__hover__text_blue_100 : Css.Style -sm__hover__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#ebf8ff") - ] - ] - ] - - -sm__hover__text_blue_200 : Css.Style -sm__hover__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#bee3f8") - ] - ] - ] - - -sm__hover__text_blue_300 : Css.Style -sm__hover__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#90cdf4") - ] - ] - ] - - -sm__hover__text_blue_400 : Css.Style -sm__hover__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#63b3ed") - ] - ] - ] - - -sm__hover__text_blue_500 : Css.Style -sm__hover__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#4299e1") - ] - ] - ] - - -sm__hover__text_blue_600 : Css.Style -sm__hover__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#3182ce") - ] - ] - ] - - -sm__hover__text_blue_700 : Css.Style -sm__hover__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#2b6cb0") - ] - ] - ] - - -sm__hover__text_blue_800 : Css.Style -sm__hover__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#2c5282") - ] - ] - ] - - -sm__hover__text_blue_900 : Css.Style -sm__hover__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#2a4365") - ] - ] - ] - - -sm__hover__text_indigo_100 : Css.Style -sm__hover__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#ebf4ff") - ] - ] - ] - - -sm__hover__text_indigo_200 : Css.Style -sm__hover__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#c3dafe") - ] - ] - ] - - -sm__hover__text_indigo_300 : Css.Style -sm__hover__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#a3bffa") - ] - ] - ] - - -sm__hover__text_indigo_400 : Css.Style -sm__hover__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#7f9cf5") - ] - ] - ] - - -sm__hover__text_indigo_500 : Css.Style -sm__hover__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#667eea") - ] - ] - ] - - -sm__hover__text_indigo_600 : Css.Style -sm__hover__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#5a67d8") - ] - ] - ] - - -sm__hover__text_indigo_700 : Css.Style -sm__hover__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#4c51bf") - ] - ] - ] - - -sm__hover__text_indigo_800 : Css.Style -sm__hover__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#434190") - ] - ] - ] - - -sm__hover__text_indigo_900 : Css.Style -sm__hover__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#3c366b") - ] - ] - ] - - -sm__hover__text_purple_100 : Css.Style -sm__hover__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#faf5ff") - ] - ] - ] - - -sm__hover__text_purple_200 : Css.Style -sm__hover__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#e9d8fd") - ] - ] - ] - - -sm__hover__text_purple_300 : Css.Style -sm__hover__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#d6bcfa") - ] - ] - ] - - -sm__hover__text_purple_400 : Css.Style -sm__hover__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#b794f4") - ] - ] - ] - - -sm__hover__text_purple_500 : Css.Style -sm__hover__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#9f7aea") - ] - ] - ] - - -sm__hover__text_purple_600 : Css.Style -sm__hover__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#805ad5") - ] - ] - ] - - -sm__hover__text_purple_700 : Css.Style -sm__hover__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#6b46c1") - ] - ] - ] - - -sm__hover__text_purple_800 : Css.Style -sm__hover__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#553c9a") - ] - ] - ] - - -sm__hover__text_purple_900 : Css.Style -sm__hover__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#44337a") - ] - ] - ] - - -sm__hover__text_pink_100 : Css.Style -sm__hover__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#fff5f7") - ] - ] - ] - - -sm__hover__text_pink_200 : Css.Style -sm__hover__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#fed7e2") - ] - ] - ] - - -sm__hover__text_pink_300 : Css.Style -sm__hover__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#fbb6ce") - ] - ] - ] - - -sm__hover__text_pink_400 : Css.Style -sm__hover__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#f687b3") - ] - ] - ] - - -sm__hover__text_pink_500 : Css.Style -sm__hover__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#ed64a6") - ] - ] - ] - - -sm__hover__text_pink_600 : Css.Style -sm__hover__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#d53f8c") - ] - ] - ] - - -sm__hover__text_pink_700 : Css.Style -sm__hover__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#b83280") - ] - ] - ] - - -sm__hover__text_pink_800 : Css.Style -sm__hover__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#97266d") - ] - ] - ] - - -sm__hover__text_pink_900 : Css.Style -sm__hover__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.color (Css.hex "#702459") - ] - ] - ] - - -sm__focus__text_transparent : Css.Style -sm__focus__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -sm__focus__text_current : Css.Style -sm__focus__text_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -sm__focus__text_black : Css.Style -sm__focus__text_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#000") - ] - ] - ] - - -sm__focus__text_white : Css.Style -sm__focus__text_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff") - ] - ] - ] - - -sm__focus__text_gray_100 : Css.Style -sm__focus__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#f7fafc") - ] - ] - ] - - -sm__focus__text_gray_200 : Css.Style -sm__focus__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#edf2f7") - ] - ] - ] - - -sm__focus__text_gray_300 : Css.Style -sm__focus__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#e2e8f0") - ] - ] - ] - - -sm__focus__text_gray_400 : Css.Style -sm__focus__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#cbd5e0") - ] - ] - ] - - -sm__focus__text_gray_500 : Css.Style -sm__focus__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#a0aec0") - ] - ] - ] - - -sm__focus__text_gray_600 : Css.Style -sm__focus__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#718096") - ] - ] - ] - - -sm__focus__text_gray_700 : Css.Style -sm__focus__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#4a5568") - ] - ] - ] - - -sm__focus__text_gray_800 : Css.Style -sm__focus__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#2d3748") - ] - ] - ] - - -sm__focus__text_gray_900 : Css.Style -sm__focus__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#1a202c") - ] - ] - ] - - -sm__focus__text_red_100 : Css.Style -sm__focus__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f5") - ] - ] - ] - - -sm__focus__text_red_200 : Css.Style -sm__focus__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7d7") - ] - ] - ] - - -sm__focus__text_red_300 : Css.Style -sm__focus__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#feb2b2") - ] - ] - ] - - -sm__focus__text_red_400 : Css.Style -sm__focus__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fc8181") - ] - ] - ] - - -sm__focus__text_red_500 : Css.Style -sm__focus__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#f56565") - ] - ] - ] - - -sm__focus__text_red_600 : Css.Style -sm__focus__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#e53e3e") - ] - ] - ] - - -sm__focus__text_red_700 : Css.Style -sm__focus__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#c53030") - ] - ] - ] - - -sm__focus__text_red_800 : Css.Style -sm__focus__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#9b2c2c") - ] - ] - ] - - -sm__focus__text_red_900 : Css.Style -sm__focus__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#742a2a") - ] - ] - ] - - -sm__focus__text_orange_100 : Css.Style -sm__focus__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffaf0") - ] - ] - ] - - -sm__focus__text_orange_200 : Css.Style -sm__focus__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#feebc8") - ] - ] - ] - - -sm__focus__text_orange_300 : Css.Style -sm__focus__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbd38d") - ] - ] - ] - - -sm__focus__text_orange_400 : Css.Style -sm__focus__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6ad55") - ] - ] - ] - - -sm__focus__text_orange_500 : Css.Style -sm__focus__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed8936") - ] - ] - ] - - -sm__focus__text_orange_600 : Css.Style -sm__focus__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#dd6b20") - ] - ] - ] - - -sm__focus__text_orange_700 : Css.Style -sm__focus__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#c05621") - ] - ] - ] - - -sm__focus__text_orange_800 : Css.Style -sm__focus__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#9c4221") - ] - ] - ] - - -sm__focus__text_orange_900 : Css.Style -sm__focus__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#7b341e") - ] - ] - ] - - -sm__focus__text_yellow_100 : Css.Style -sm__focus__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffff0") - ] - ] - ] - - -sm__focus__text_yellow_200 : Css.Style -sm__focus__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fefcbf") - ] - ] - ] - - -sm__focus__text_yellow_300 : Css.Style -sm__focus__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf089") - ] - ] - ] - - -sm__focus__text_yellow_400 : Css.Style -sm__focus__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6e05e") - ] - ] - ] - - -sm__focus__text_yellow_500 : Css.Style -sm__focus__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#ecc94b") - ] - ] - ] - - -sm__focus__text_yellow_600 : Css.Style -sm__focus__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#d69e2e") - ] - ] - ] - - -sm__focus__text_yellow_700 : Css.Style -sm__focus__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#b7791f") - ] - ] - ] - - -sm__focus__text_yellow_800 : Css.Style -sm__focus__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#975a16") - ] - ] - ] - - -sm__focus__text_yellow_900 : Css.Style -sm__focus__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#744210") - ] - ] - ] - - -sm__focus__text_green_100 : Css.Style -sm__focus__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#f0fff4") - ] - ] - ] - - -sm__focus__text_green_200 : Css.Style -sm__focus__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#c6f6d5") - ] - ] - ] - - -sm__focus__text_green_300 : Css.Style -sm__focus__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#9ae6b4") - ] - ] - ] - - -sm__focus__text_green_400 : Css.Style -sm__focus__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#68d391") - ] - ] - ] - - -sm__focus__text_green_500 : Css.Style -sm__focus__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#48bb78") - ] - ] - ] - - -sm__focus__text_green_600 : Css.Style -sm__focus__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#38a169") - ] - ] - ] - - -sm__focus__text_green_700 : Css.Style -sm__focus__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#2f855a") - ] - ] - ] - - -sm__focus__text_green_800 : Css.Style -sm__focus__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#276749") - ] - ] - ] - - -sm__focus__text_green_900 : Css.Style -sm__focus__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#22543d") - ] - ] - ] - - -sm__focus__text_teal_100 : Css.Style -sm__focus__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#e6fffa") - ] - ] - ] - - -sm__focus__text_teal_200 : Css.Style -sm__focus__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#b2f5ea") - ] - ] - ] - - -sm__focus__text_teal_300 : Css.Style -sm__focus__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#81e6d9") - ] - ] - ] - - -sm__focus__text_teal_400 : Css.Style -sm__focus__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#4fd1c5") - ] - ] - ] - - -sm__focus__text_teal_500 : Css.Style -sm__focus__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#38b2ac") - ] - ] - ] - - -sm__focus__text_teal_600 : Css.Style -sm__focus__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#319795") - ] - ] - ] - - -sm__focus__text_teal_700 : Css.Style -sm__focus__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c7a7b") - ] - ] - ] - - -sm__focus__text_teal_800 : Css.Style -sm__focus__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#285e61") - ] - ] - ] - - -sm__focus__text_teal_900 : Css.Style -sm__focus__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#234e52") - ] - ] - ] - - -sm__focus__text_blue_100 : Css.Style -sm__focus__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf8ff") - ] - ] - ] - - -sm__focus__text_blue_200 : Css.Style -sm__focus__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#bee3f8") - ] - ] - ] - - -sm__focus__text_blue_300 : Css.Style -sm__focus__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#90cdf4") - ] - ] - ] - - -sm__focus__text_blue_400 : Css.Style -sm__focus__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#63b3ed") - ] - ] - ] - - -sm__focus__text_blue_500 : Css.Style -sm__focus__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#4299e1") - ] - ] - ] - - -sm__focus__text_blue_600 : Css.Style -sm__focus__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#3182ce") - ] - ] - ] - - -sm__focus__text_blue_700 : Css.Style -sm__focus__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#2b6cb0") - ] - ] - ] - - -sm__focus__text_blue_800 : Css.Style -sm__focus__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c5282") - ] - ] - ] - - -sm__focus__text_blue_900 : Css.Style -sm__focus__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#2a4365") - ] - ] - ] - - -sm__focus__text_indigo_100 : Css.Style -sm__focus__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf4ff") - ] - ] - ] - - -sm__focus__text_indigo_200 : Css.Style -sm__focus__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#c3dafe") - ] - ] - ] - - -sm__focus__text_indigo_300 : Css.Style -sm__focus__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#a3bffa") - ] - ] - ] - - -sm__focus__text_indigo_400 : Css.Style -sm__focus__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#7f9cf5") - ] - ] - ] - - -sm__focus__text_indigo_500 : Css.Style -sm__focus__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#667eea") - ] - ] - ] - - -sm__focus__text_indigo_600 : Css.Style -sm__focus__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#5a67d8") - ] - ] - ] - - -sm__focus__text_indigo_700 : Css.Style -sm__focus__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#4c51bf") - ] - ] - ] - - -sm__focus__text_indigo_800 : Css.Style -sm__focus__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#434190") - ] - ] - ] - - -sm__focus__text_indigo_900 : Css.Style -sm__focus__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#3c366b") - ] - ] - ] - - -sm__focus__text_purple_100 : Css.Style -sm__focus__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf5ff") - ] - ] - ] - - -sm__focus__text_purple_200 : Css.Style -sm__focus__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#e9d8fd") - ] - ] - ] - - -sm__focus__text_purple_300 : Css.Style -sm__focus__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#d6bcfa") - ] - ] - ] - - -sm__focus__text_purple_400 : Css.Style -sm__focus__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#b794f4") - ] - ] - ] - - -sm__focus__text_purple_500 : Css.Style -sm__focus__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#9f7aea") - ] - ] - ] - - -sm__focus__text_purple_600 : Css.Style -sm__focus__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#805ad5") - ] - ] - ] - - -sm__focus__text_purple_700 : Css.Style -sm__focus__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#6b46c1") - ] - ] - ] - - -sm__focus__text_purple_800 : Css.Style -sm__focus__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#553c9a") - ] - ] - ] - - -sm__focus__text_purple_900 : Css.Style -sm__focus__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#44337a") - ] - ] - ] - - -sm__focus__text_pink_100 : Css.Style -sm__focus__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f7") - ] - ] - ] - - -sm__focus__text_pink_200 : Css.Style -sm__focus__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7e2") - ] - ] - ] - - -sm__focus__text_pink_300 : Css.Style -sm__focus__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbb6ce") - ] - ] - ] - - -sm__focus__text_pink_400 : Css.Style -sm__focus__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#f687b3") - ] - ] - ] - - -sm__focus__text_pink_500 : Css.Style -sm__focus__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed64a6") - ] - ] - ] - - -sm__focus__text_pink_600 : Css.Style -sm__focus__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#d53f8c") - ] - ] - ] - - -sm__focus__text_pink_700 : Css.Style -sm__focus__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#b83280") - ] - ] - ] - - -sm__focus__text_pink_800 : Css.Style -sm__focus__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#97266d") - ] - ] - ] - - -sm__focus__text_pink_900 : Css.Style -sm__focus__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.color (Css.hex "#702459") - ] - ] - ] - - -sm__italic : Css.Style -sm__italic = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontStyle Css.italic - ] - ] - - -sm__not_italic : Css.Style -sm__not_italic = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.fontStyle Css.normal - ] - ] - - -sm__uppercase : Css.Style -sm__uppercase = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.textTransform Css.uppercase - ] - ] - - -sm__lowercase : Css.Style -sm__lowercase = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.textTransform Css.lowercase - ] - ] - - -sm__capitalize : Css.Style -sm__capitalize = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.textTransform Css.capitalize - ] - ] - - -sm__normal_case : Css.Style -sm__normal_case = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.textTransform Css.none - ] - ] - - -sm__underline : Css.Style -sm__underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.textDecoration Css.underline - ] - ] - - -sm__line_through : Css.Style -sm__line_through = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.textDecoration Css.lineThrough - ] - ] - - -sm__no_underline : Css.Style -sm__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.textDecoration Css.none - ] - ] - - -sm__hover__underline : Css.Style -sm__hover__underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.textDecoration Css.underline - ] - ] - ] - - -sm__hover__line_through : Css.Style -sm__hover__line_through = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -sm__hover__no_underline : Css.Style -sm__hover__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.hover - [ Css.textDecoration Css.none - ] - ] - ] - - -sm__focus__underline : Css.Style -sm__focus__underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.textDecoration Css.underline - ] - ] - ] - - -sm__focus__line_through : Css.Style -sm__focus__line_through = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -sm__focus__no_underline : Css.Style -sm__focus__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.focus - [ Css.textDecoration Css.none - ] - ] - ] - - -sm__antialiased : Css.Style -sm__antialiased = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "-webkit-font-smoothing" "antialiased" - , Css.property "-moz-osx-font-smoothing" "grayscale" - ] - ] - - -sm__subpixel_antialiased : Css.Style -sm__subpixel_antialiased = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "-webkit-font-smoothing" "auto" - , Css.property "-moz-osx-font-smoothing" "auto" - ] - ] - - -sm__tracking_tighter : Css.Style -sm__tracking_tighter = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.letterSpacing (Css.em -0.05) - ] - ] - - -sm__tracking_tight : Css.Style -sm__tracking_tight = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.letterSpacing (Css.em -0.025) - ] - ] - - -sm__tracking_normal : Css.Style -sm__tracking_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.letterSpacing (Css.px 0) - ] - ] - - -sm__tracking_wide : Css.Style -sm__tracking_wide = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.letterSpacing (Css.em 0.025) - ] - ] - - -sm__tracking_wider : Css.Style -sm__tracking_wider = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.letterSpacing (Css.em 0.05) - ] - ] - - -sm__tracking_widest : Css.Style -sm__tracking_widest = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.letterSpacing (Css.em 0.1) - ] - ] - - -sm__select_none : Css.Style -sm__select_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "user-select" "none" - ] - ] - - -sm__select_text : Css.Style -sm__select_text = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "user-select" "text" - ] - ] - - -sm__select_all : Css.Style -sm__select_all = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "user-select" "all" - ] - ] - - -sm__select_auto : Css.Style -sm__select_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "user-select" "auto" - ] - ] - - -sm__align_baseline : Css.Style -sm__align_baseline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.verticalAlign Css.baseline - ] - ] - - -sm__align_top : Css.Style -sm__align_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.verticalAlign Css.top - ] - ] - - -sm__align_middle : Css.Style -sm__align_middle = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.verticalAlign Css.middle - ] - ] - - -sm__align_bottom : Css.Style -sm__align_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.verticalAlign Css.bottom - ] - ] - - -sm__align_text_top : Css.Style -sm__align_text_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.verticalAlign Css.textTop - ] - ] - - -sm__align_text_bottom : Css.Style -sm__align_text_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.verticalAlign Css.textBottom - ] - ] - - -sm__visible : Css.Style -sm__visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.visibility Css.visible - ] - ] - - -sm__invisible : Css.Style -sm__invisible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.visibility Css.hidden - ] - ] - - -sm__whitespace_normal : Css.Style -sm__whitespace_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.whiteSpace Css.normal - ] - ] - - -sm__whitespace_no_wrap : Css.Style -sm__whitespace_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.whiteSpace Css.noWrap - ] - ] - - -sm__whitespace_pre : Css.Style -sm__whitespace_pre = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.whiteSpace Css.pre - ] - ] - - -sm__whitespace_pre_line : Css.Style -sm__whitespace_pre_line = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.whiteSpace Css.preLine - ] - ] - - -sm__whitespace_pre_wrap : Css.Style -sm__whitespace_pre_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.whiteSpace Css.preWrap - ] - ] - - -sm__break_normal : Css.Style -sm__break_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflowWrap Css.normal - , Css.property "word-break" "normal" - ] - ] - - -sm__break_words : Css.Style -sm__break_words = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflowWrap Css.breakWord - ] - ] - - -sm__break_all : Css.Style -sm__break_all = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "word-break" "break-all" - ] - ] - - -sm__truncate : Css.Style -sm__truncate = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.overflow Css.hidden - , Css.textOverflow Css.ellipsis - , Css.whiteSpace Css.noWrap - ] - ] - - -sm__w_0 : Css.Style -sm__w_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.px 0) - ] - ] - - -sm__w_1 : Css.Style -sm__w_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 0.25) - ] - ] - - -sm__w_2 : Css.Style -sm__w_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 0.5) - ] - ] - - -sm__w_3 : Css.Style -sm__w_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 0.75) - ] - ] - - -sm__w_4 : Css.Style -sm__w_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 1) - ] - ] - - -sm__w_5 : Css.Style -sm__w_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 1.25) - ] - ] - - -sm__w_6 : Css.Style -sm__w_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 1.5) - ] - ] - - -sm__w_8 : Css.Style -sm__w_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 2) - ] - ] - - -sm__w_10 : Css.Style -sm__w_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 2.5) - ] - ] - - -sm__w_12 : Css.Style -sm__w_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 3) - ] - ] - - -sm__w_16 : Css.Style -sm__w_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 4) - ] - ] - - -sm__w_20 : Css.Style -sm__w_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 5) - ] - ] - - -sm__w_24 : Css.Style -sm__w_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 6) - ] - ] - - -sm__w_32 : Css.Style -sm__w_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 8) - ] - ] - - -sm__w_40 : Css.Style -sm__w_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 10) - ] - ] - - -sm__w_48 : Css.Style -sm__w_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 12) - ] - ] - - -sm__w_56 : Css.Style -sm__w_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 14) - ] - ] - - -sm__w_64 : Css.Style -sm__w_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.rem 16) - ] - ] - - -sm__w_auto : Css.Style -sm__w_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width Css.auto - ] - ] - - -sm__w_px : Css.Style -sm__w_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.px 1) - ] - ] - - -sm__w_1over2 : Css.Style -sm__w_1over2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -sm__w_1over3 : Css.Style -sm__w_1over3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -sm__w_2over3 : Css.Style -sm__w_2over3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -sm__w_1over4 : Css.Style -sm__w_1over4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 25) - ] - ] - - -sm__w_2over4 : Css.Style -sm__w_2over4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -sm__w_3over4 : Css.Style -sm__w_3over4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 75) - ] - ] - - -sm__w_1over5 : Css.Style -sm__w_1over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 20) - ] - ] - - -sm__w_2over5 : Css.Style -sm__w_2over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 40) - ] - ] - - -sm__w_3over5 : Css.Style -sm__w_3over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 60) - ] - ] - - -sm__w_4over5 : Css.Style -sm__w_4over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 80) - ] - ] - - -sm__w_1over6 : Css.Style -sm__w_1over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -sm__w_2over6 : Css.Style -sm__w_2over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -sm__w_3over6 : Css.Style -sm__w_3over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -sm__w_4over6 : Css.Style -sm__w_4over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -sm__w_5over6 : Css.Style -sm__w_5over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -sm__w_1over12 : Css.Style -sm__w_1over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 8.333333) - ] - ] - - -sm__w_2over12 : Css.Style -sm__w_2over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -sm__w_3over12 : Css.Style -sm__w_3over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 25) - ] - ] - - -sm__w_4over12 : Css.Style -sm__w_4over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -sm__w_5over12 : Css.Style -sm__w_5over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 41.666667) - ] - ] - - -sm__w_6over12 : Css.Style -sm__w_6over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -sm__w_7over12 : Css.Style -sm__w_7over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 58.333333) - ] - ] - - -sm__w_8over12 : Css.Style -sm__w_8over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -sm__w_9over12 : Css.Style -sm__w_9over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 75) - ] - ] - - -sm__w_10over12 : Css.Style -sm__w_10over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -sm__w_11over12 : Css.Style -sm__w_11over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 91.666667) - ] - ] - - -sm__w_full : Css.Style -sm__w_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.pct 100) - ] - ] - - -sm__w_screen : Css.Style -sm__w_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.width (Css.vw 100) - ] - ] - - -sm__z_0 : Css.Style -sm__z_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.zIndex (Css.int 0) - ] - ] - - -sm__z_10 : Css.Style -sm__z_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.zIndex (Css.int 10) - ] - ] - - -sm__z_20 : Css.Style -sm__z_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.zIndex (Css.int 20) - ] - ] - - -sm__z_30 : Css.Style -sm__z_30 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.zIndex (Css.int 30) - ] - ] - - -sm__z_40 : Css.Style -sm__z_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.zIndex (Css.int 40) - ] - ] - - -sm__z_50 : Css.Style -sm__z_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.zIndex (Css.int 50) - ] - ] - - -sm__z_auto : Css.Style -sm__z_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.zIndex Css.auto - ] - ] - - -sm__transform_none : Css.Style -sm__transform_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.transform Css.none - ] - ] - - -sm__origin_center : Css.Style -sm__origin_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "transform-origin" "center" - ] - ] - - -sm__origin_top : Css.Style -sm__origin_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "transform-origin" "top" - ] - ] - - -sm__origin_top_right : Css.Style -sm__origin_top_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "transform-origin" "top right" - ] - ] - - -sm__origin_right : Css.Style -sm__origin_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "transform-origin" "right" - ] - ] - - -sm__origin_bottom_right : Css.Style -sm__origin_bottom_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "transform-origin" "bottom right" - ] - ] - - -sm__origin_bottom : Css.Style -sm__origin_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "transform-origin" "bottom" - ] - ] - - -sm__origin_bottom_left : Css.Style -sm__origin_bottom_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "transform-origin" "bottom left" - ] - ] - - -sm__origin_left : Css.Style -sm__origin_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "transform-origin" "left" - ] - ] - - -sm__origin_top_left : Css.Style -sm__origin_top_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 640px)" ] - [ Css.property "transform-origin" "top left" - ] - ] - - -md__container : Css.Style -md__container = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 100) - , Css.maxWidth (Css.px 640) - , Css.maxWidth (Css.px 768) - , Css.maxWidth (Css.px 1024) - , Css.maxWidth (Css.px 1280) - ] - ] - - -md__divide_transparent : Css.Style -md__divide_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor Css.transparent - ] - ] - - -md__divide_current : Css.Style -md__divide_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor Css.currentColor - ] - ] - - -md__divide_black : Css.Style -md__divide_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#000") - ] - ] - - -md__divide_white : Css.Style -md__divide_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fff") - ] - ] - - -md__divide_gray_100 : Css.Style -md__divide_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - - -md__divide_gray_200 : Css.Style -md__divide_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - - -md__divide_gray_300 : Css.Style -md__divide_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - - -md__divide_gray_400 : Css.Style -md__divide_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - - -md__divide_gray_500 : Css.Style -md__divide_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - - -md__divide_gray_600 : Css.Style -md__divide_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#718096") - ] - ] - - -md__divide_gray_700 : Css.Style -md__divide_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - - -md__divide_gray_800 : Css.Style -md__divide_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - - -md__divide_gray_900 : Css.Style -md__divide_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - - -md__divide_red_100 : Css.Style -md__divide_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - - -md__divide_red_200 : Css.Style -md__divide_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - - -md__divide_red_300 : Css.Style -md__divide_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - - -md__divide_red_400 : Css.Style -md__divide_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - - -md__divide_red_500 : Css.Style -md__divide_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#f56565") - ] - ] - - -md__divide_red_600 : Css.Style -md__divide_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - - -md__divide_red_700 : Css.Style -md__divide_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#c53030") - ] - ] - - -md__divide_red_800 : Css.Style -md__divide_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - - -md__divide_red_900 : Css.Style -md__divide_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - - -md__divide_orange_100 : Css.Style -md__divide_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - - -md__divide_orange_200 : Css.Style -md__divide_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - - -md__divide_orange_300 : Css.Style -md__divide_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - - -md__divide_orange_400 : Css.Style -md__divide_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - - -md__divide_orange_500 : Css.Style -md__divide_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - - -md__divide_orange_600 : Css.Style -md__divide_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - - -md__divide_orange_700 : Css.Style -md__divide_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#c05621") - ] - ] - - -md__divide_orange_800 : Css.Style -md__divide_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - - -md__divide_orange_900 : Css.Style -md__divide_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - - -md__divide_yellow_100 : Css.Style -md__divide_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - - -md__divide_yellow_200 : Css.Style -md__divide_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - - -md__divide_yellow_300 : Css.Style -md__divide_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#faf089") - ] - ] - - -md__divide_yellow_400 : Css.Style -md__divide_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - - -md__divide_yellow_500 : Css.Style -md__divide_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - - -md__divide_yellow_600 : Css.Style -md__divide_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - - -md__divide_yellow_700 : Css.Style -md__divide_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - - -md__divide_yellow_800 : Css.Style -md__divide_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#975a16") - ] - ] - - -md__divide_yellow_900 : Css.Style -md__divide_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#744210") - ] - ] - - -md__divide_green_100 : Css.Style -md__divide_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - - -md__divide_green_200 : Css.Style -md__divide_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - - -md__divide_green_300 : Css.Style -md__divide_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - - -md__divide_green_400 : Css.Style -md__divide_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#68d391") - ] - ] - - -md__divide_green_500 : Css.Style -md__divide_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - - -md__divide_green_600 : Css.Style -md__divide_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#38a169") - ] - ] - - -md__divide_green_700 : Css.Style -md__divide_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - - -md__divide_green_800 : Css.Style -md__divide_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#276749") - ] - ] - - -md__divide_green_900 : Css.Style -md__divide_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#22543d") - ] - ] - - -md__divide_teal_100 : Css.Style -md__divide_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - - -md__divide_teal_200 : Css.Style -md__divide_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - - -md__divide_teal_300 : Css.Style -md__divide_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - - -md__divide_teal_400 : Css.Style -md__divide_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - - -md__divide_teal_500 : Css.Style -md__divide_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - - -md__divide_teal_600 : Css.Style -md__divide_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#319795") - ] - ] - - -md__divide_teal_700 : Css.Style -md__divide_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - - -md__divide_teal_800 : Css.Style -md__divide_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#285e61") - ] - ] - - -md__divide_teal_900 : Css.Style -md__divide_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#234e52") - ] - ] - - -md__divide_blue_100 : Css.Style -md__divide_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - - -md__divide_blue_200 : Css.Style -md__divide_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - - -md__divide_blue_300 : Css.Style -md__divide_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - - -md__divide_blue_400 : Css.Style -md__divide_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - - -md__divide_blue_500 : Css.Style -md__divide_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - - -md__divide_blue_600 : Css.Style -md__divide_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - - -md__divide_blue_700 : Css.Style -md__divide_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - - -md__divide_blue_800 : Css.Style -md__divide_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - - -md__divide_blue_900 : Css.Style -md__divide_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - - -md__divide_indigo_100 : Css.Style -md__divide_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - - -md__divide_indigo_200 : Css.Style -md__divide_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - - -md__divide_indigo_300 : Css.Style -md__divide_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - - -md__divide_indigo_400 : Css.Style -md__divide_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - - -md__divide_indigo_500 : Css.Style -md__divide_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#667eea") - ] - ] - - -md__divide_indigo_600 : Css.Style -md__divide_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - - -md__divide_indigo_700 : Css.Style -md__divide_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - - -md__divide_indigo_800 : Css.Style -md__divide_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#434190") - ] - ] - - -md__divide_indigo_900 : Css.Style -md__divide_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - - -md__divide_purple_100 : Css.Style -md__divide_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - - -md__divide_purple_200 : Css.Style -md__divide_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - - -md__divide_purple_300 : Css.Style -md__divide_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - - -md__divide_purple_400 : Css.Style -md__divide_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - - -md__divide_purple_500 : Css.Style -md__divide_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - - -md__divide_purple_600 : Css.Style -md__divide_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - - -md__divide_purple_700 : Css.Style -md__divide_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - - -md__divide_purple_800 : Css.Style -md__divide_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - - -md__divide_purple_900 : Css.Style -md__divide_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#44337a") - ] - ] - - -md__divide_pink_100 : Css.Style -md__divide_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - - -md__divide_pink_200 : Css.Style -md__divide_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - - -md__divide_pink_300 : Css.Style -md__divide_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - - -md__divide_pink_400 : Css.Style -md__divide_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - - -md__divide_pink_500 : Css.Style -md__divide_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - - -md__divide_pink_600 : Css.Style -md__divide_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - - -md__divide_pink_700 : Css.Style -md__divide_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#b83280") - ] - ] - - -md__divide_pink_800 : Css.Style -md__divide_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#97266d") - ] - ] - - -md__divide_pink_900 : Css.Style -md__divide_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#702459") - ] - ] - - -md__sr_only : Css.Style -md__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property "clip" "rect(0, 0, 0, 0)" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - - -md__not_sr_only : Css.Style -md__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property "clip" "auto" - , Css.whiteSpace Css.normal - ] - ] - - -md__focus__sr_only : Css.Style -md__focus__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property "clip" "rect(0, 0, 0, 0)" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - ] - - -md__focus__not_sr_only : Css.Style -md__focus__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property "clip" "auto" - , Css.whiteSpace Css.normal - ] - ] - ] - - -md__appearance_none : Css.Style -md__appearance_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "appearance" "none" - ] - ] - - -md__bg_fixed : Css.Style -md__bg_fixed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundAttachment Css.fixed - ] - ] - - -md__bg_local : Css.Style -md__bg_local = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundAttachment Css.local - ] - ] - - -md__bg_scroll : Css.Style -md__bg_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundAttachment Css.scroll - ] - ] - - -md__bg_transparent : Css.Style -md__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor Css.transparent - ] - ] - - -md__bg_current : Css.Style -md__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor Css.currentColor - ] - ] - - -md__bg_black : Css.Style -md__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#000") - ] - ] - - -md__bg_white : Css.Style -md__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - - -md__bg_gray_100 : Css.Style -md__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - - -md__bg_gray_200 : Css.Style -md__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - - -md__bg_gray_300 : Css.Style -md__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - - -md__bg_gray_400 : Css.Style -md__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - - -md__bg_gray_500 : Css.Style -md__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - - -md__bg_gray_600 : Css.Style -md__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - - -md__bg_gray_700 : Css.Style -md__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - - -md__bg_gray_800 : Css.Style -md__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - - -md__bg_gray_900 : Css.Style -md__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - - -md__bg_red_100 : Css.Style -md__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - - -md__bg_red_200 : Css.Style -md__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - - -md__bg_red_300 : Css.Style -md__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - - -md__bg_red_400 : Css.Style -md__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - - -md__bg_red_500 : Css.Style -md__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - - -md__bg_red_600 : Css.Style -md__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - - -md__bg_red_700 : Css.Style -md__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - - -md__bg_red_800 : Css.Style -md__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - - -md__bg_red_900 : Css.Style -md__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - - -md__bg_orange_100 : Css.Style -md__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - - -md__bg_orange_200 : Css.Style -md__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - - -md__bg_orange_300 : Css.Style -md__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - - -md__bg_orange_400 : Css.Style -md__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - - -md__bg_orange_500 : Css.Style -md__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - - -md__bg_orange_600 : Css.Style -md__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - - -md__bg_orange_700 : Css.Style -md__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - - -md__bg_orange_800 : Css.Style -md__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - - -md__bg_orange_900 : Css.Style -md__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - - -md__bg_yellow_100 : Css.Style -md__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - - -md__bg_yellow_200 : Css.Style -md__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - - -md__bg_yellow_300 : Css.Style -md__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - - -md__bg_yellow_400 : Css.Style -md__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - - -md__bg_yellow_500 : Css.Style -md__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - - -md__bg_yellow_600 : Css.Style -md__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - - -md__bg_yellow_700 : Css.Style -md__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - - -md__bg_yellow_800 : Css.Style -md__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - - -md__bg_yellow_900 : Css.Style -md__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - - -md__bg_green_100 : Css.Style -md__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - - -md__bg_green_200 : Css.Style -md__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - - -md__bg_green_300 : Css.Style -md__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - - -md__bg_green_400 : Css.Style -md__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - - -md__bg_green_500 : Css.Style -md__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - - -md__bg_green_600 : Css.Style -md__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - - -md__bg_green_700 : Css.Style -md__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - - -md__bg_green_800 : Css.Style -md__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - - -md__bg_green_900 : Css.Style -md__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - - -md__bg_teal_100 : Css.Style -md__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - - -md__bg_teal_200 : Css.Style -md__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - - -md__bg_teal_300 : Css.Style -md__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - - -md__bg_teal_400 : Css.Style -md__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - - -md__bg_teal_500 : Css.Style -md__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - - -md__bg_teal_600 : Css.Style -md__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - - -md__bg_teal_700 : Css.Style -md__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - - -md__bg_teal_800 : Css.Style -md__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - - -md__bg_teal_900 : Css.Style -md__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - - -md__bg_blue_100 : Css.Style -md__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - - -md__bg_blue_200 : Css.Style -md__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - - -md__bg_blue_300 : Css.Style -md__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - - -md__bg_blue_400 : Css.Style -md__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - - -md__bg_blue_500 : Css.Style -md__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - - -md__bg_blue_600 : Css.Style -md__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - - -md__bg_blue_700 : Css.Style -md__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - - -md__bg_blue_800 : Css.Style -md__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - - -md__bg_blue_900 : Css.Style -md__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - - -md__bg_indigo_100 : Css.Style -md__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - - -md__bg_indigo_200 : Css.Style -md__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - - -md__bg_indigo_300 : Css.Style -md__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - - -md__bg_indigo_400 : Css.Style -md__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - - -md__bg_indigo_500 : Css.Style -md__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - - -md__bg_indigo_600 : Css.Style -md__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - - -md__bg_indigo_700 : Css.Style -md__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - - -md__bg_indigo_800 : Css.Style -md__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - - -md__bg_indigo_900 : Css.Style -md__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - - -md__bg_purple_100 : Css.Style -md__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - - -md__bg_purple_200 : Css.Style -md__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - - -md__bg_purple_300 : Css.Style -md__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - - -md__bg_purple_400 : Css.Style -md__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - - -md__bg_purple_500 : Css.Style -md__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - - -md__bg_purple_600 : Css.Style -md__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - - -md__bg_purple_700 : Css.Style -md__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - - -md__bg_purple_800 : Css.Style -md__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - - -md__bg_purple_900 : Css.Style -md__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - - -md__bg_pink_100 : Css.Style -md__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - - -md__bg_pink_200 : Css.Style -md__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - - -md__bg_pink_300 : Css.Style -md__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - - -md__bg_pink_400 : Css.Style -md__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - - -md__bg_pink_500 : Css.Style -md__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - - -md__bg_pink_600 : Css.Style -md__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - - -md__bg_pink_700 : Css.Style -md__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - - -md__bg_pink_800 : Css.Style -md__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - - -md__bg_pink_900 : Css.Style -md__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - - -md__hover__bg_transparent : Css.Style -md__hover__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -md__hover__bg_current : Css.Style -md__hover__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -md__hover__bg_black : Css.Style -md__hover__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#000") - ] - ] - ] - - -md__hover__bg_white : Css.Style -md__hover__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - ] - - -md__hover__bg_gray_100 : Css.Style -md__hover__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - ] - - -md__hover__bg_gray_200 : Css.Style -md__hover__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - ] - - -md__hover__bg_gray_300 : Css.Style -md__hover__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - ] - - -md__hover__bg_gray_400 : Css.Style -md__hover__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - ] - - -md__hover__bg_gray_500 : Css.Style -md__hover__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - ] - - -md__hover__bg_gray_600 : Css.Style -md__hover__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - ] - - -md__hover__bg_gray_700 : Css.Style -md__hover__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - ] - - -md__hover__bg_gray_800 : Css.Style -md__hover__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - ] - - -md__hover__bg_gray_900 : Css.Style -md__hover__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - ] - - -md__hover__bg_red_100 : Css.Style -md__hover__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - ] - - -md__hover__bg_red_200 : Css.Style -md__hover__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - ] - - -md__hover__bg_red_300 : Css.Style -md__hover__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - ] - - -md__hover__bg_red_400 : Css.Style -md__hover__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - ] - - -md__hover__bg_red_500 : Css.Style -md__hover__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - ] - - -md__hover__bg_red_600 : Css.Style -md__hover__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - ] - - -md__hover__bg_red_700 : Css.Style -md__hover__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - ] - - -md__hover__bg_red_800 : Css.Style -md__hover__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - ] - - -md__hover__bg_red_900 : Css.Style -md__hover__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - ] - - -md__hover__bg_orange_100 : Css.Style -md__hover__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - ] - - -md__hover__bg_orange_200 : Css.Style -md__hover__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - ] - - -md__hover__bg_orange_300 : Css.Style -md__hover__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - ] - - -md__hover__bg_orange_400 : Css.Style -md__hover__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - ] - - -md__hover__bg_orange_500 : Css.Style -md__hover__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - ] - - -md__hover__bg_orange_600 : Css.Style -md__hover__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - ] - - -md__hover__bg_orange_700 : Css.Style -md__hover__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - ] - - -md__hover__bg_orange_800 : Css.Style -md__hover__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - ] - - -md__hover__bg_orange_900 : Css.Style -md__hover__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - ] - - -md__hover__bg_yellow_100 : Css.Style -md__hover__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - ] - - -md__hover__bg_yellow_200 : Css.Style -md__hover__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - ] - - -md__hover__bg_yellow_300 : Css.Style -md__hover__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - ] - - -md__hover__bg_yellow_400 : Css.Style -md__hover__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - ] - - -md__hover__bg_yellow_500 : Css.Style -md__hover__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - ] - - -md__hover__bg_yellow_600 : Css.Style -md__hover__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - ] - - -md__hover__bg_yellow_700 : Css.Style -md__hover__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - ] - - -md__hover__bg_yellow_800 : Css.Style -md__hover__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - ] - - -md__hover__bg_yellow_900 : Css.Style -md__hover__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - ] - - -md__hover__bg_green_100 : Css.Style -md__hover__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - ] - - -md__hover__bg_green_200 : Css.Style -md__hover__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - ] - - -md__hover__bg_green_300 : Css.Style -md__hover__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - ] - - -md__hover__bg_green_400 : Css.Style -md__hover__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - ] - - -md__hover__bg_green_500 : Css.Style -md__hover__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - ] - - -md__hover__bg_green_600 : Css.Style -md__hover__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - ] - - -md__hover__bg_green_700 : Css.Style -md__hover__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - ] - - -md__hover__bg_green_800 : Css.Style -md__hover__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - ] - - -md__hover__bg_green_900 : Css.Style -md__hover__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - ] - - -md__hover__bg_teal_100 : Css.Style -md__hover__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - ] - - -md__hover__bg_teal_200 : Css.Style -md__hover__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - ] - - -md__hover__bg_teal_300 : Css.Style -md__hover__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - ] - - -md__hover__bg_teal_400 : Css.Style -md__hover__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - ] - - -md__hover__bg_teal_500 : Css.Style -md__hover__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - ] - - -md__hover__bg_teal_600 : Css.Style -md__hover__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - ] - - -md__hover__bg_teal_700 : Css.Style -md__hover__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - ] - - -md__hover__bg_teal_800 : Css.Style -md__hover__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - ] - - -md__hover__bg_teal_900 : Css.Style -md__hover__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - ] - - -md__hover__bg_blue_100 : Css.Style -md__hover__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - ] - - -md__hover__bg_blue_200 : Css.Style -md__hover__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - ] - - -md__hover__bg_blue_300 : Css.Style -md__hover__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - ] - - -md__hover__bg_blue_400 : Css.Style -md__hover__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - ] - - -md__hover__bg_blue_500 : Css.Style -md__hover__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - ] - - -md__hover__bg_blue_600 : Css.Style -md__hover__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - ] - - -md__hover__bg_blue_700 : Css.Style -md__hover__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - ] - - -md__hover__bg_blue_800 : Css.Style -md__hover__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - ] - - -md__hover__bg_blue_900 : Css.Style -md__hover__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - ] - - -md__hover__bg_indigo_100 : Css.Style -md__hover__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - ] - - -md__hover__bg_indigo_200 : Css.Style -md__hover__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - ] - - -md__hover__bg_indigo_300 : Css.Style -md__hover__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - ] - - -md__hover__bg_indigo_400 : Css.Style -md__hover__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - ] - - -md__hover__bg_indigo_500 : Css.Style -md__hover__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - ] - - -md__hover__bg_indigo_600 : Css.Style -md__hover__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - ] - - -md__hover__bg_indigo_700 : Css.Style -md__hover__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - ] - - -md__hover__bg_indigo_800 : Css.Style -md__hover__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - ] - - -md__hover__bg_indigo_900 : Css.Style -md__hover__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - ] - - -md__hover__bg_purple_100 : Css.Style -md__hover__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - ] - - -md__hover__bg_purple_200 : Css.Style -md__hover__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - ] - - -md__hover__bg_purple_300 : Css.Style -md__hover__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - ] - - -md__hover__bg_purple_400 : Css.Style -md__hover__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - ] - - -md__hover__bg_purple_500 : Css.Style -md__hover__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - ] - - -md__hover__bg_purple_600 : Css.Style -md__hover__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - ] - - -md__hover__bg_purple_700 : Css.Style -md__hover__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - ] - - -md__hover__bg_purple_800 : Css.Style -md__hover__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - ] - - -md__hover__bg_purple_900 : Css.Style -md__hover__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - ] - - -md__hover__bg_pink_100 : Css.Style -md__hover__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - ] - - -md__hover__bg_pink_200 : Css.Style -md__hover__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - ] - - -md__hover__bg_pink_300 : Css.Style -md__hover__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - ] - - -md__hover__bg_pink_400 : Css.Style -md__hover__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - ] - - -md__hover__bg_pink_500 : Css.Style -md__hover__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - ] - - -md__hover__bg_pink_600 : Css.Style -md__hover__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - ] - - -md__hover__bg_pink_700 : Css.Style -md__hover__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - ] - - -md__hover__bg_pink_800 : Css.Style -md__hover__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - ] - - -md__hover__bg_pink_900 : Css.Style -md__hover__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - ] - - -md__focus__bg_transparent : Css.Style -md__focus__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -md__focus__bg_current : Css.Style -md__focus__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -md__focus__bg_black : Css.Style -md__focus__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#000") - ] - ] - ] - - -md__focus__bg_white : Css.Style -md__focus__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - ] - - -md__focus__bg_gray_100 : Css.Style -md__focus__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - ] - - -md__focus__bg_gray_200 : Css.Style -md__focus__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - ] - - -md__focus__bg_gray_300 : Css.Style -md__focus__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - ] - - -md__focus__bg_gray_400 : Css.Style -md__focus__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - ] - - -md__focus__bg_gray_500 : Css.Style -md__focus__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - ] - - -md__focus__bg_gray_600 : Css.Style -md__focus__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - ] - - -md__focus__bg_gray_700 : Css.Style -md__focus__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - ] - - -md__focus__bg_gray_800 : Css.Style -md__focus__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - ] - - -md__focus__bg_gray_900 : Css.Style -md__focus__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - ] - - -md__focus__bg_red_100 : Css.Style -md__focus__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - ] - - -md__focus__bg_red_200 : Css.Style -md__focus__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - ] - - -md__focus__bg_red_300 : Css.Style -md__focus__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - ] - - -md__focus__bg_red_400 : Css.Style -md__focus__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - ] - - -md__focus__bg_red_500 : Css.Style -md__focus__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - ] - - -md__focus__bg_red_600 : Css.Style -md__focus__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - ] - - -md__focus__bg_red_700 : Css.Style -md__focus__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - ] - - -md__focus__bg_red_800 : Css.Style -md__focus__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - ] - - -md__focus__bg_red_900 : Css.Style -md__focus__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - ] - - -md__focus__bg_orange_100 : Css.Style -md__focus__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - ] - - -md__focus__bg_orange_200 : Css.Style -md__focus__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - ] - - -md__focus__bg_orange_300 : Css.Style -md__focus__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - ] - - -md__focus__bg_orange_400 : Css.Style -md__focus__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - ] - - -md__focus__bg_orange_500 : Css.Style -md__focus__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - ] - - -md__focus__bg_orange_600 : Css.Style -md__focus__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - ] - - -md__focus__bg_orange_700 : Css.Style -md__focus__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - ] - - -md__focus__bg_orange_800 : Css.Style -md__focus__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - ] - - -md__focus__bg_orange_900 : Css.Style -md__focus__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - ] - - -md__focus__bg_yellow_100 : Css.Style -md__focus__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - ] - - -md__focus__bg_yellow_200 : Css.Style -md__focus__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - ] - - -md__focus__bg_yellow_300 : Css.Style -md__focus__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - ] - - -md__focus__bg_yellow_400 : Css.Style -md__focus__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - ] - - -md__focus__bg_yellow_500 : Css.Style -md__focus__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - ] - - -md__focus__bg_yellow_600 : Css.Style -md__focus__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - ] - - -md__focus__bg_yellow_700 : Css.Style -md__focus__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - ] - - -md__focus__bg_yellow_800 : Css.Style -md__focus__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - ] - - -md__focus__bg_yellow_900 : Css.Style -md__focus__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - ] - - -md__focus__bg_green_100 : Css.Style -md__focus__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - ] - - -md__focus__bg_green_200 : Css.Style -md__focus__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - ] - - -md__focus__bg_green_300 : Css.Style -md__focus__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - ] - - -md__focus__bg_green_400 : Css.Style -md__focus__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - ] - - -md__focus__bg_green_500 : Css.Style -md__focus__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - ] - - -md__focus__bg_green_600 : Css.Style -md__focus__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - ] - - -md__focus__bg_green_700 : Css.Style -md__focus__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - ] - - -md__focus__bg_green_800 : Css.Style -md__focus__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - ] - - -md__focus__bg_green_900 : Css.Style -md__focus__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - ] - - -md__focus__bg_teal_100 : Css.Style -md__focus__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - ] - - -md__focus__bg_teal_200 : Css.Style -md__focus__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - ] - - -md__focus__bg_teal_300 : Css.Style -md__focus__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - ] - - -md__focus__bg_teal_400 : Css.Style -md__focus__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - ] - - -md__focus__bg_teal_500 : Css.Style -md__focus__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - ] - - -md__focus__bg_teal_600 : Css.Style -md__focus__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - ] - - -md__focus__bg_teal_700 : Css.Style -md__focus__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - ] - - -md__focus__bg_teal_800 : Css.Style -md__focus__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - ] - - -md__focus__bg_teal_900 : Css.Style -md__focus__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - ] - - -md__focus__bg_blue_100 : Css.Style -md__focus__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - ] - - -md__focus__bg_blue_200 : Css.Style -md__focus__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - ] - - -md__focus__bg_blue_300 : Css.Style -md__focus__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - ] - - -md__focus__bg_blue_400 : Css.Style -md__focus__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - ] - - -md__focus__bg_blue_500 : Css.Style -md__focus__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - ] - - -md__focus__bg_blue_600 : Css.Style -md__focus__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - ] - - -md__focus__bg_blue_700 : Css.Style -md__focus__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - ] - - -md__focus__bg_blue_800 : Css.Style -md__focus__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - ] - - -md__focus__bg_blue_900 : Css.Style -md__focus__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - ] - - -md__focus__bg_indigo_100 : Css.Style -md__focus__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - ] - - -md__focus__bg_indigo_200 : Css.Style -md__focus__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - ] - - -md__focus__bg_indigo_300 : Css.Style -md__focus__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - ] - - -md__focus__bg_indigo_400 : Css.Style -md__focus__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - ] - - -md__focus__bg_indigo_500 : Css.Style -md__focus__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - ] - - -md__focus__bg_indigo_600 : Css.Style -md__focus__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - ] - - -md__focus__bg_indigo_700 : Css.Style -md__focus__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - ] - - -md__focus__bg_indigo_800 : Css.Style -md__focus__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - ] - - -md__focus__bg_indigo_900 : Css.Style -md__focus__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - ] - - -md__focus__bg_purple_100 : Css.Style -md__focus__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - ] - - -md__focus__bg_purple_200 : Css.Style -md__focus__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - ] - - -md__focus__bg_purple_300 : Css.Style -md__focus__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - ] - - -md__focus__bg_purple_400 : Css.Style -md__focus__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - ] - - -md__focus__bg_purple_500 : Css.Style -md__focus__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - ] - - -md__focus__bg_purple_600 : Css.Style -md__focus__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - ] - - -md__focus__bg_purple_700 : Css.Style -md__focus__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - ] - - -md__focus__bg_purple_800 : Css.Style -md__focus__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - ] - - -md__focus__bg_purple_900 : Css.Style -md__focus__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - ] - - -md__focus__bg_pink_100 : Css.Style -md__focus__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - ] - - -md__focus__bg_pink_200 : Css.Style -md__focus__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - ] - - -md__focus__bg_pink_300 : Css.Style -md__focus__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - ] - - -md__focus__bg_pink_400 : Css.Style -md__focus__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - ] - - -md__focus__bg_pink_500 : Css.Style -md__focus__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - ] - - -md__focus__bg_pink_600 : Css.Style -md__focus__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - ] - - -md__focus__bg_pink_700 : Css.Style -md__focus__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - ] - - -md__focus__bg_pink_800 : Css.Style -md__focus__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - ] - - -md__focus__bg_pink_900 : Css.Style -md__focus__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - ] - - -md__bg_bottom : Css.Style -md__bg_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "background-position" "bottom" - ] - ] - - -md__bg_center : Css.Style -md__bg_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "background-position" "center" - ] - ] - - -md__bg_left : Css.Style -md__bg_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "background-position" "left" - ] - ] - - -md__bg_left_bottom : Css.Style -md__bg_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "background-position" "left bottom" - ] - ] - - -md__bg_left_top : Css.Style -md__bg_left_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "background-position" "left top" - ] - ] - - -md__bg_right : Css.Style -md__bg_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "background-position" "right" - ] - ] - - -md__bg_right_bottom : Css.Style -md__bg_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "background-position" "right bottom" - ] - ] - - -md__bg_right_top : Css.Style -md__bg_right_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "background-position" "right top" - ] - ] - - -md__bg_top : Css.Style -md__bg_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "background-position" "top" - ] - ] - - -md__bg_repeat : Css.Style -md__bg_repeat = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundRepeat Css.repeat - ] - ] - - -md__bg_no_repeat : Css.Style -md__bg_no_repeat = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundRepeat Css.noRepeat - ] - ] - - -md__bg_repeat_x : Css.Style -md__bg_repeat_x = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundRepeat Css.repeatX - ] - ] - - -md__bg_repeat_y : Css.Style -md__bg_repeat_y = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundRepeat Css.repeatY - ] - ] - - -md__bg_repeat_round : Css.Style -md__bg_repeat_round = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundRepeat Css.round - ] - ] - - -md__bg_repeat_space : Css.Style -md__bg_repeat_space = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundRepeat Css.space - ] - ] - - -md__bg_auto : Css.Style -md__bg_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundSize Css.auto - ] - ] - - -md__bg_cover : Css.Style -md__bg_cover = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundSize Css.cover - ] - ] - - -md__bg_contain : Css.Style -md__bg_contain = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.backgroundSize Css.contain - ] - ] - - -md__border_collapse : Css.Style -md__border_collapse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderCollapse Css.collapse - ] - ] - - -md__border_separate : Css.Style -md__border_separate = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderCollapse Css.separate - ] - ] - - -md__border_transparent : Css.Style -md__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor Css.transparent - ] - ] - - -md__border_current : Css.Style -md__border_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor Css.currentColor - ] - ] - - -md__border_black : Css.Style -md__border_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#000") - ] - ] - - -md__border_white : Css.Style -md__border_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fff") - ] - ] - - -md__border_gray_100 : Css.Style -md__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - - -md__border_gray_200 : Css.Style -md__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - - -md__border_gray_300 : Css.Style -md__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - - -md__border_gray_400 : Css.Style -md__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - - -md__border_gray_500 : Css.Style -md__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - - -md__border_gray_600 : Css.Style -md__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#718096") - ] - ] - - -md__border_gray_700 : Css.Style -md__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - - -md__border_gray_800 : Css.Style -md__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - - -md__border_gray_900 : Css.Style -md__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - - -md__border_red_100 : Css.Style -md__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - - -md__border_red_200 : Css.Style -md__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - - -md__border_red_300 : Css.Style -md__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - - -md__border_red_400 : Css.Style -md__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - - -md__border_red_500 : Css.Style -md__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#f56565") - ] - ] - - -md__border_red_600 : Css.Style -md__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - - -md__border_red_700 : Css.Style -md__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#c53030") - ] - ] - - -md__border_red_800 : Css.Style -md__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - - -md__border_red_900 : Css.Style -md__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - - -md__border_orange_100 : Css.Style -md__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - - -md__border_orange_200 : Css.Style -md__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - - -md__border_orange_300 : Css.Style -md__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - - -md__border_orange_400 : Css.Style -md__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - - -md__border_orange_500 : Css.Style -md__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - - -md__border_orange_600 : Css.Style -md__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - - -md__border_orange_700 : Css.Style -md__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#c05621") - ] - ] - - -md__border_orange_800 : Css.Style -md__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - - -md__border_orange_900 : Css.Style -md__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - - -md__border_yellow_100 : Css.Style -md__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - - -md__border_yellow_200 : Css.Style -md__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - - -md__border_yellow_300 : Css.Style -md__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#faf089") - ] - ] - - -md__border_yellow_400 : Css.Style -md__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - - -md__border_yellow_500 : Css.Style -md__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - - -md__border_yellow_600 : Css.Style -md__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - - -md__border_yellow_700 : Css.Style -md__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - - -md__border_yellow_800 : Css.Style -md__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#975a16") - ] - ] - - -md__border_yellow_900 : Css.Style -md__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#744210") - ] - ] - - -md__border_green_100 : Css.Style -md__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - - -md__border_green_200 : Css.Style -md__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - - -md__border_green_300 : Css.Style -md__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - - -md__border_green_400 : Css.Style -md__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#68d391") - ] - ] - - -md__border_green_500 : Css.Style -md__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - - -md__border_green_600 : Css.Style -md__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#38a169") - ] - ] - - -md__border_green_700 : Css.Style -md__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - - -md__border_green_800 : Css.Style -md__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#276749") - ] - ] - - -md__border_green_900 : Css.Style -md__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#22543d") - ] - ] - - -md__border_teal_100 : Css.Style -md__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - - -md__border_teal_200 : Css.Style -md__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - - -md__border_teal_300 : Css.Style -md__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - - -md__border_teal_400 : Css.Style -md__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - - -md__border_teal_500 : Css.Style -md__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - - -md__border_teal_600 : Css.Style -md__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#319795") - ] - ] - - -md__border_teal_700 : Css.Style -md__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - - -md__border_teal_800 : Css.Style -md__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#285e61") - ] - ] - - -md__border_teal_900 : Css.Style -md__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#234e52") - ] - ] - - -md__border_blue_100 : Css.Style -md__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - - -md__border_blue_200 : Css.Style -md__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - - -md__border_blue_300 : Css.Style -md__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - - -md__border_blue_400 : Css.Style -md__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - - -md__border_blue_500 : Css.Style -md__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - - -md__border_blue_600 : Css.Style -md__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - - -md__border_blue_700 : Css.Style -md__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - - -md__border_blue_800 : Css.Style -md__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - - -md__border_blue_900 : Css.Style -md__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - - -md__border_indigo_100 : Css.Style -md__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - - -md__border_indigo_200 : Css.Style -md__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - - -md__border_indigo_300 : Css.Style -md__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - - -md__border_indigo_400 : Css.Style -md__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - - -md__border_indigo_500 : Css.Style -md__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#667eea") - ] - ] - - -md__border_indigo_600 : Css.Style -md__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - - -md__border_indigo_700 : Css.Style -md__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - - -md__border_indigo_800 : Css.Style -md__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#434190") - ] - ] - - -md__border_indigo_900 : Css.Style -md__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - - -md__border_purple_100 : Css.Style -md__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - - -md__border_purple_200 : Css.Style -md__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - - -md__border_purple_300 : Css.Style -md__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - - -md__border_purple_400 : Css.Style -md__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - - -md__border_purple_500 : Css.Style -md__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - - -md__border_purple_600 : Css.Style -md__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - - -md__border_purple_700 : Css.Style -md__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - - -md__border_purple_800 : Css.Style -md__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - - -md__border_purple_900 : Css.Style -md__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#44337a") - ] - ] - - -md__border_pink_100 : Css.Style -md__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - - -md__border_pink_200 : Css.Style -md__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - - -md__border_pink_300 : Css.Style -md__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - - -md__border_pink_400 : Css.Style -md__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - - -md__border_pink_500 : Css.Style -md__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - - -md__border_pink_600 : Css.Style -md__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - - -md__border_pink_700 : Css.Style -md__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#b83280") - ] - ] - - -md__border_pink_800 : Css.Style -md__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#97266d") - ] - ] - - -md__border_pink_900 : Css.Style -md__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderColor (Css.hex "#702459") - ] - ] - - -md__hover__border_transparent : Css.Style -md__hover__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor Css.transparent - ] - ] - ] - - -md__hover__border_current : Css.Style -md__hover__border_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor Css.currentColor - ] - ] - ] - - -md__hover__border_black : Css.Style -md__hover__border_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#000") - ] - ] - ] - - -md__hover__border_white : Css.Style -md__hover__border_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fff") - ] - ] - ] - - -md__hover__border_gray_100 : Css.Style -md__hover__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - ] - - -md__hover__border_gray_200 : Css.Style -md__hover__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - ] - - -md__hover__border_gray_300 : Css.Style -md__hover__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - ] - - -md__hover__border_gray_400 : Css.Style -md__hover__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - ] - - -md__hover__border_gray_500 : Css.Style -md__hover__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - ] - - -md__hover__border_gray_600 : Css.Style -md__hover__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#718096") - ] - ] - ] - - -md__hover__border_gray_700 : Css.Style -md__hover__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - ] - - -md__hover__border_gray_800 : Css.Style -md__hover__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - ] - - -md__hover__border_gray_900 : Css.Style -md__hover__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - ] - - -md__hover__border_red_100 : Css.Style -md__hover__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - ] - - -md__hover__border_red_200 : Css.Style -md__hover__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - ] - - -md__hover__border_red_300 : Css.Style -md__hover__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - ] - - -md__hover__border_red_400 : Css.Style -md__hover__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - ] - - -md__hover__border_red_500 : Css.Style -md__hover__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f56565") - ] - ] - ] - - -md__hover__border_red_600 : Css.Style -md__hover__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - ] - - -md__hover__border_red_700 : Css.Style -md__hover__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c53030") - ] - ] - ] - - -md__hover__border_red_800 : Css.Style -md__hover__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - ] - - -md__hover__border_red_900 : Css.Style -md__hover__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - ] - - -md__hover__border_orange_100 : Css.Style -md__hover__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - ] - - -md__hover__border_orange_200 : Css.Style -md__hover__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - ] - - -md__hover__border_orange_300 : Css.Style -md__hover__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - ] - - -md__hover__border_orange_400 : Css.Style -md__hover__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - ] - - -md__hover__border_orange_500 : Css.Style -md__hover__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - ] - - -md__hover__border_orange_600 : Css.Style -md__hover__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - ] - - -md__hover__border_orange_700 : Css.Style -md__hover__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c05621") - ] - ] - ] - - -md__hover__border_orange_800 : Css.Style -md__hover__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - ] - - -md__hover__border_orange_900 : Css.Style -md__hover__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - ] - - -md__hover__border_yellow_100 : Css.Style -md__hover__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - ] - - -md__hover__border_yellow_200 : Css.Style -md__hover__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - ] - - -md__hover__border_yellow_300 : Css.Style -md__hover__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#faf089") - ] - ] - ] - - -md__hover__border_yellow_400 : Css.Style -md__hover__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - ] - - -md__hover__border_yellow_500 : Css.Style -md__hover__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - ] - - -md__hover__border_yellow_600 : Css.Style -md__hover__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - ] - - -md__hover__border_yellow_700 : Css.Style -md__hover__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - ] - - -md__hover__border_yellow_800 : Css.Style -md__hover__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#975a16") - ] - ] - ] - - -md__hover__border_yellow_900 : Css.Style -md__hover__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#744210") - ] - ] - ] - - -md__hover__border_green_100 : Css.Style -md__hover__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - ] - - -md__hover__border_green_200 : Css.Style -md__hover__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - ] - - -md__hover__border_green_300 : Css.Style -md__hover__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - ] - - -md__hover__border_green_400 : Css.Style -md__hover__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#68d391") - ] - ] - ] - - -md__hover__border_green_500 : Css.Style -md__hover__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - ] - - -md__hover__border_green_600 : Css.Style -md__hover__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#38a169") - ] - ] - ] - - -md__hover__border_green_700 : Css.Style -md__hover__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - ] - - -md__hover__border_green_800 : Css.Style -md__hover__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#276749") - ] - ] - ] - - -md__hover__border_green_900 : Css.Style -md__hover__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#22543d") - ] - ] - ] - - -md__hover__border_teal_100 : Css.Style -md__hover__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - ] - - -md__hover__border_teal_200 : Css.Style -md__hover__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - ] - - -md__hover__border_teal_300 : Css.Style -md__hover__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - ] - - -md__hover__border_teal_400 : Css.Style -md__hover__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - ] - - -md__hover__border_teal_500 : Css.Style -md__hover__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - ] - - -md__hover__border_teal_600 : Css.Style -md__hover__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#319795") - ] - ] - ] - - -md__hover__border_teal_700 : Css.Style -md__hover__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - ] - - -md__hover__border_teal_800 : Css.Style -md__hover__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#285e61") - ] - ] - ] - - -md__hover__border_teal_900 : Css.Style -md__hover__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#234e52") - ] - ] - ] - - -md__hover__border_blue_100 : Css.Style -md__hover__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - ] - - -md__hover__border_blue_200 : Css.Style -md__hover__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - ] - - -md__hover__border_blue_300 : Css.Style -md__hover__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - ] - - -md__hover__border_blue_400 : Css.Style -md__hover__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - ] - - -md__hover__border_blue_500 : Css.Style -md__hover__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - ] - - -md__hover__border_blue_600 : Css.Style -md__hover__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - ] - - -md__hover__border_blue_700 : Css.Style -md__hover__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - ] - - -md__hover__border_blue_800 : Css.Style -md__hover__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - ] - - -md__hover__border_blue_900 : Css.Style -md__hover__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - ] - - -md__hover__border_indigo_100 : Css.Style -md__hover__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - ] - - -md__hover__border_indigo_200 : Css.Style -md__hover__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - ] - - -md__hover__border_indigo_300 : Css.Style -md__hover__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - ] - - -md__hover__border_indigo_400 : Css.Style -md__hover__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - ] - - -md__hover__border_indigo_500 : Css.Style -md__hover__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#667eea") - ] - ] - ] - - -md__hover__border_indigo_600 : Css.Style -md__hover__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - ] - - -md__hover__border_indigo_700 : Css.Style -md__hover__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - ] - - -md__hover__border_indigo_800 : Css.Style -md__hover__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#434190") - ] - ] - ] - - -md__hover__border_indigo_900 : Css.Style -md__hover__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - ] - - -md__hover__border_purple_100 : Css.Style -md__hover__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - ] - - -md__hover__border_purple_200 : Css.Style -md__hover__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - ] - - -md__hover__border_purple_300 : Css.Style -md__hover__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - ] - - -md__hover__border_purple_400 : Css.Style -md__hover__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - ] - - -md__hover__border_purple_500 : Css.Style -md__hover__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - ] - - -md__hover__border_purple_600 : Css.Style -md__hover__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - ] - - -md__hover__border_purple_700 : Css.Style -md__hover__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - ] - - -md__hover__border_purple_800 : Css.Style -md__hover__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - ] - - -md__hover__border_purple_900 : Css.Style -md__hover__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#44337a") - ] - ] - ] - - -md__hover__border_pink_100 : Css.Style -md__hover__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - ] - - -md__hover__border_pink_200 : Css.Style -md__hover__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - ] - - -md__hover__border_pink_300 : Css.Style -md__hover__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - ] - - -md__hover__border_pink_400 : Css.Style -md__hover__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - ] - - -md__hover__border_pink_500 : Css.Style -md__hover__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - ] - - -md__hover__border_pink_600 : Css.Style -md__hover__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - ] - - -md__hover__border_pink_700 : Css.Style -md__hover__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b83280") - ] - ] - ] - - -md__hover__border_pink_800 : Css.Style -md__hover__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#97266d") - ] - ] - ] - - -md__hover__border_pink_900 : Css.Style -md__hover__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#702459") - ] - ] - ] - - -md__focus__border_transparent : Css.Style -md__focus__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor Css.transparent - ] - ] - ] - - -md__focus__border_current : Css.Style -md__focus__border_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor Css.currentColor - ] - ] - ] - - -md__focus__border_black : Css.Style -md__focus__border_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#000") - ] - ] - ] - - -md__focus__border_white : Css.Style -md__focus__border_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fff") - ] - ] - ] - - -md__focus__border_gray_100 : Css.Style -md__focus__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - ] - - -md__focus__border_gray_200 : Css.Style -md__focus__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - ] - - -md__focus__border_gray_300 : Css.Style -md__focus__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - ] - - -md__focus__border_gray_400 : Css.Style -md__focus__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - ] - - -md__focus__border_gray_500 : Css.Style -md__focus__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - ] - - -md__focus__border_gray_600 : Css.Style -md__focus__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#718096") - ] - ] - ] - - -md__focus__border_gray_700 : Css.Style -md__focus__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - ] - - -md__focus__border_gray_800 : Css.Style -md__focus__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - ] - - -md__focus__border_gray_900 : Css.Style -md__focus__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - ] - - -md__focus__border_red_100 : Css.Style -md__focus__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - ] - - -md__focus__border_red_200 : Css.Style -md__focus__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - ] - - -md__focus__border_red_300 : Css.Style -md__focus__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - ] - - -md__focus__border_red_400 : Css.Style -md__focus__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - ] - - -md__focus__border_red_500 : Css.Style -md__focus__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f56565") - ] - ] - ] - - -md__focus__border_red_600 : Css.Style -md__focus__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - ] - - -md__focus__border_red_700 : Css.Style -md__focus__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c53030") - ] - ] - ] - - -md__focus__border_red_800 : Css.Style -md__focus__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - ] - - -md__focus__border_red_900 : Css.Style -md__focus__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - ] - - -md__focus__border_orange_100 : Css.Style -md__focus__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - ] - - -md__focus__border_orange_200 : Css.Style -md__focus__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - ] - - -md__focus__border_orange_300 : Css.Style -md__focus__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - ] - - -md__focus__border_orange_400 : Css.Style -md__focus__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - ] - - -md__focus__border_orange_500 : Css.Style -md__focus__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - ] - - -md__focus__border_orange_600 : Css.Style -md__focus__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - ] - - -md__focus__border_orange_700 : Css.Style -md__focus__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c05621") - ] - ] - ] - - -md__focus__border_orange_800 : Css.Style -md__focus__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - ] - - -md__focus__border_orange_900 : Css.Style -md__focus__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - ] - - -md__focus__border_yellow_100 : Css.Style -md__focus__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - ] - - -md__focus__border_yellow_200 : Css.Style -md__focus__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - ] - - -md__focus__border_yellow_300 : Css.Style -md__focus__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#faf089") - ] - ] - ] - - -md__focus__border_yellow_400 : Css.Style -md__focus__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - ] - - -md__focus__border_yellow_500 : Css.Style -md__focus__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - ] - - -md__focus__border_yellow_600 : Css.Style -md__focus__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - ] - - -md__focus__border_yellow_700 : Css.Style -md__focus__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - ] - - -md__focus__border_yellow_800 : Css.Style -md__focus__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#975a16") - ] - ] - ] - - -md__focus__border_yellow_900 : Css.Style -md__focus__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#744210") - ] - ] - ] - - -md__focus__border_green_100 : Css.Style -md__focus__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - ] - - -md__focus__border_green_200 : Css.Style -md__focus__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - ] - - -md__focus__border_green_300 : Css.Style -md__focus__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - ] - - -md__focus__border_green_400 : Css.Style -md__focus__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#68d391") - ] - ] - ] - - -md__focus__border_green_500 : Css.Style -md__focus__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - ] - - -md__focus__border_green_600 : Css.Style -md__focus__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#38a169") - ] - ] - ] - - -md__focus__border_green_700 : Css.Style -md__focus__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - ] - - -md__focus__border_green_800 : Css.Style -md__focus__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#276749") - ] - ] - ] - - -md__focus__border_green_900 : Css.Style -md__focus__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#22543d") - ] - ] - ] - - -md__focus__border_teal_100 : Css.Style -md__focus__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - ] - - -md__focus__border_teal_200 : Css.Style -md__focus__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - ] - - -md__focus__border_teal_300 : Css.Style -md__focus__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - ] - - -md__focus__border_teal_400 : Css.Style -md__focus__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - ] - - -md__focus__border_teal_500 : Css.Style -md__focus__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - ] - - -md__focus__border_teal_600 : Css.Style -md__focus__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#319795") - ] - ] - ] - - -md__focus__border_teal_700 : Css.Style -md__focus__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - ] - - -md__focus__border_teal_800 : Css.Style -md__focus__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#285e61") - ] - ] - ] - - -md__focus__border_teal_900 : Css.Style -md__focus__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#234e52") - ] - ] - ] - - -md__focus__border_blue_100 : Css.Style -md__focus__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - ] - - -md__focus__border_blue_200 : Css.Style -md__focus__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - ] - - -md__focus__border_blue_300 : Css.Style -md__focus__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - ] - - -md__focus__border_blue_400 : Css.Style -md__focus__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - ] - - -md__focus__border_blue_500 : Css.Style -md__focus__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - ] - - -md__focus__border_blue_600 : Css.Style -md__focus__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - ] - - -md__focus__border_blue_700 : Css.Style -md__focus__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - ] - - -md__focus__border_blue_800 : Css.Style -md__focus__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - ] - - -md__focus__border_blue_900 : Css.Style -md__focus__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - ] - - -md__focus__border_indigo_100 : Css.Style -md__focus__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - ] - - -md__focus__border_indigo_200 : Css.Style -md__focus__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - ] - - -md__focus__border_indigo_300 : Css.Style -md__focus__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - ] - - -md__focus__border_indigo_400 : Css.Style -md__focus__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - ] - - -md__focus__border_indigo_500 : Css.Style -md__focus__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#667eea") - ] - ] - ] - - -md__focus__border_indigo_600 : Css.Style -md__focus__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - ] - - -md__focus__border_indigo_700 : Css.Style -md__focus__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - ] - - -md__focus__border_indigo_800 : Css.Style -md__focus__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#434190") - ] - ] - ] - - -md__focus__border_indigo_900 : Css.Style -md__focus__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - ] - - -md__focus__border_purple_100 : Css.Style -md__focus__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - ] - - -md__focus__border_purple_200 : Css.Style -md__focus__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - ] - - -md__focus__border_purple_300 : Css.Style -md__focus__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - ] - - -md__focus__border_purple_400 : Css.Style -md__focus__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - ] - - -md__focus__border_purple_500 : Css.Style -md__focus__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - ] - - -md__focus__border_purple_600 : Css.Style -md__focus__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - ] - - -md__focus__border_purple_700 : Css.Style -md__focus__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - ] - - -md__focus__border_purple_800 : Css.Style -md__focus__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - ] - - -md__focus__border_purple_900 : Css.Style -md__focus__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#44337a") - ] - ] - ] - - -md__focus__border_pink_100 : Css.Style -md__focus__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - ] - - -md__focus__border_pink_200 : Css.Style -md__focus__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - ] - - -md__focus__border_pink_300 : Css.Style -md__focus__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - ] - - -md__focus__border_pink_400 : Css.Style -md__focus__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - ] - - -md__focus__border_pink_500 : Css.Style -md__focus__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - ] - - -md__focus__border_pink_600 : Css.Style -md__focus__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - ] - - -md__focus__border_pink_700 : Css.Style -md__focus__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b83280") - ] - ] - ] - - -md__focus__border_pink_800 : Css.Style -md__focus__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#97266d") - ] - ] - ] - - -md__focus__border_pink_900 : Css.Style -md__focus__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#702459") - ] - ] - ] - - -md__rounded_none : Css.Style -md__rounded_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderRadius (Css.px 0) - ] - ] - - -md__rounded_sm : Css.Style -md__rounded_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderRadius (Css.rem 0.125) - ] - ] - - -md__rounded : Css.Style -md__rounded = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderRadius (Css.rem 0.25) - ] - ] - - -md__rounded_md : Css.Style -md__rounded_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderRadius (Css.rem 0.375) - ] - ] - - -md__rounded_lg : Css.Style -md__rounded_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderRadius (Css.rem 0.5) - ] - ] - - -md__rounded_full : Css.Style -md__rounded_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderRadius (Css.px 9999) - ] - ] - - -md__rounded_t_none : Css.Style -md__rounded_t_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderTopRightRadius (Css.px 0) - ] - ] - - -md__rounded_r_none : Css.Style -md__rounded_r_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopRightRadius (Css.px 0) - , Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -md__rounded_b_none : Css.Style -md__rounded_b_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomRightRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -md__rounded_l_none : Css.Style -md__rounded_l_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -md__rounded_t_sm : Css.Style -md__rounded_t_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -md__rounded_r_sm : Css.Style -md__rounded_r_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - , Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -md__rounded_b_sm : Css.Style -md__rounded_b_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -md__rounded_l_sm : Css.Style -md__rounded_l_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -md__rounded_t : Css.Style -md__rounded_t = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -md__rounded_r : Css.Style -md__rounded_r = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - , Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -md__rounded_b : Css.Style -md__rounded_b = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -md__rounded_l : Css.Style -md__rounded_l = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -md__rounded_t_md : Css.Style -md__rounded_t_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -md__rounded_r_md : Css.Style -md__rounded_r_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - , Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -md__rounded_b_md : Css.Style -md__rounded_b_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -md__rounded_l_md : Css.Style -md__rounded_l_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -md__rounded_t_lg : Css.Style -md__rounded_t_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -md__rounded_r_lg : Css.Style -md__rounded_r_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - , Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -md__rounded_b_lg : Css.Style -md__rounded_b_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -md__rounded_l_lg : Css.Style -md__rounded_l_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -md__rounded_t_full : Css.Style -md__rounded_t_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -md__rounded_r_full : Css.Style -md__rounded_r_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopRightRadius (Css.px 9999) - , Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -md__rounded_b_full : Css.Style -md__rounded_b_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomRightRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -md__rounded_l_full : Css.Style -md__rounded_l_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -md__rounded_tl_none : Css.Style -md__rounded_tl_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.px 0) - ] - ] - - -md__rounded_tr_none : Css.Style -md__rounded_tr_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopRightRadius (Css.px 0) - ] - ] - - -md__rounded_br_none : Css.Style -md__rounded_br_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -md__rounded_bl_none : Css.Style -md__rounded_bl_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -md__rounded_tl_sm : Css.Style -md__rounded_tl_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - ] - ] - - -md__rounded_tr_sm : Css.Style -md__rounded_tr_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -md__rounded_br_sm : Css.Style -md__rounded_br_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -md__rounded_bl_sm : Css.Style -md__rounded_bl_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -md__rounded_tl : Css.Style -md__rounded_tl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - ] - ] - - -md__rounded_tr : Css.Style -md__rounded_tr = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -md__rounded_br : Css.Style -md__rounded_br = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -md__rounded_bl : Css.Style -md__rounded_bl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -md__rounded_tl_md : Css.Style -md__rounded_tl_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - ] - ] - - -md__rounded_tr_md : Css.Style -md__rounded_tr_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -md__rounded_br_md : Css.Style -md__rounded_br_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -md__rounded_bl_md : Css.Style -md__rounded_bl_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -md__rounded_tl_lg : Css.Style -md__rounded_tl_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - ] - ] - - -md__rounded_tr_lg : Css.Style -md__rounded_tr_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -md__rounded_br_lg : Css.Style -md__rounded_br_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -md__rounded_bl_lg : Css.Style -md__rounded_bl_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -md__rounded_tl_full : Css.Style -md__rounded_tl_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopLeftRadius (Css.px 9999) - ] - ] - - -md__rounded_tr_full : Css.Style -md__rounded_tr_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -md__rounded_br_full : Css.Style -md__rounded_br_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -md__rounded_bl_full : Css.Style -md__rounded_bl_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -md__border_solid : Css.Style -md__border_solid = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderStyle Css.solid - ] - ] - - -md__border_dashed : Css.Style -md__border_dashed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderStyle Css.dashed - ] - ] - - -md__border_dotted : Css.Style -md__border_dotted = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderStyle Css.dotted - ] - ] - - -md__border_double : Css.Style -md__border_double = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderStyle Css.double - ] - ] - - -md__border_none : Css.Style -md__border_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderStyle Css.none - ] - ] - - -md__border_0 : Css.Style -md__border_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderWidth (Css.px 0) - ] - ] - - -md__border_2 : Css.Style -md__border_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderWidth (Css.px 2) - ] - ] - - -md__border_4 : Css.Style -md__border_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderWidth (Css.px 4) - ] - ] - - -md__border_8 : Css.Style -md__border_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderWidth (Css.px 8) - ] - ] - - -md__border : Css.Style -md__border = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderWidth (Css.px 1) - ] - ] - - -md__border_t_0 : Css.Style -md__border_t_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopWidth (Css.px 0) - ] - ] - - -md__border_r_0 : Css.Style -md__border_r_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderRightWidth (Css.px 0) - ] - ] - - -md__border_b_0 : Css.Style -md__border_b_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomWidth (Css.px 0) - ] - ] - - -md__border_l_0 : Css.Style -md__border_l_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderLeftWidth (Css.px 0) - ] - ] - - -md__border_t_2 : Css.Style -md__border_t_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopWidth (Css.px 2) - ] - ] - - -md__border_r_2 : Css.Style -md__border_r_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderRightWidth (Css.px 2) - ] - ] - - -md__border_b_2 : Css.Style -md__border_b_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomWidth (Css.px 2) - ] - ] - - -md__border_l_2 : Css.Style -md__border_l_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderLeftWidth (Css.px 2) - ] - ] - - -md__border_t_4 : Css.Style -md__border_t_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopWidth (Css.px 4) - ] - ] - - -md__border_r_4 : Css.Style -md__border_r_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderRightWidth (Css.px 4) - ] - ] - - -md__border_b_4 : Css.Style -md__border_b_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomWidth (Css.px 4) - ] - ] - - -md__border_l_4 : Css.Style -md__border_l_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderLeftWidth (Css.px 4) - ] - ] - - -md__border_t_8 : Css.Style -md__border_t_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopWidth (Css.px 8) - ] - ] - - -md__border_r_8 : Css.Style -md__border_r_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderRightWidth (Css.px 8) - ] - ] - - -md__border_b_8 : Css.Style -md__border_b_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomWidth (Css.px 8) - ] - ] - - -md__border_l_8 : Css.Style -md__border_l_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderLeftWidth (Css.px 8) - ] - ] - - -md__border_t : Css.Style -md__border_t = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderTopWidth (Css.px 1) - ] - ] - - -md__border_r : Css.Style -md__border_r = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderRightWidth (Css.px 1) - ] - ] - - -md__border_b : Css.Style -md__border_b = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderBottomWidth (Css.px 1) - ] - ] - - -md__border_l : Css.Style -md__border_l = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.borderLeftWidth (Css.px 1) - ] - ] - - -md__box_border : Css.Style -md__box_border = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.boxSizing Css.borderBox - ] - ] - - -md__box_content : Css.Style -md__box_content = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.boxSizing Css.contentBox - ] - ] - - -md__cursor_auto : Css.Style -md__cursor_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.cursor Css.auto - ] - ] - - -md__cursor_default : Css.Style -md__cursor_default = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.cursor Css.default - ] - ] - - -md__cursor_pointer : Css.Style -md__cursor_pointer = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.cursor Css.pointer - ] - ] - - -md__cursor_wait : Css.Style -md__cursor_wait = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.cursor Css.wait - ] - ] - - -md__cursor_text : Css.Style -md__cursor_text = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "cursor" "text" - ] - ] - - -md__cursor_move : Css.Style -md__cursor_move = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.cursor Css.move - ] - ] - - -md__cursor_not_allowed : Css.Style -md__cursor_not_allowed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.cursor Css.notAllowed - ] - ] - - -md__block : Css.Style -md__block = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.block - ] - ] - - -md__inline_block : Css.Style -md__inline_block = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.inlineBlock - ] - ] - - -md__inline : Css.Style -md__inline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.inline - ] - ] - - -md__flex : Css.Style -md__flex = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.displayFlex - ] - ] - - -md__inline_flex : Css.Style -md__inline_flex = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.inlineFlex - ] - ] - - -md__table : Css.Style -md__table = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.table - ] - ] - - -md__table_caption : Css.Style -md__table_caption = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.tableCaption - ] - ] - - -md__table_cell : Css.Style -md__table_cell = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.tableCell - ] - ] - - -md__table_column : Css.Style -md__table_column = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.tableColumn - ] - ] - - -md__table_column_group : Css.Style -md__table_column_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.tableColumnGroup - ] - ] - - -md__table_footer_group : Css.Style -md__table_footer_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.tableFooterGroup - ] - ] - - -md__table_header_group : Css.Style -md__table_header_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.tableHeaderGroup - ] - ] - - -md__table_row_group : Css.Style -md__table_row_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.tableRowGroup - ] - ] - - -md__table_row : Css.Style -md__table_row = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.tableRow - ] - ] - - -md__flow_root : Css.Style -md__flow_root = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "display" "flow-root" - ] - ] - - -md__grid : Css.Style -md__grid = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "display" "grid" - ] - ] - - -md__inline_grid : Css.Style -md__inline_grid = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "display" "inline-grid" - ] - ] - - -md__hidden : Css.Style -md__hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.display Css.none - ] - ] - - -md__flex_row : Css.Style -md__flex_row = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.flexDirection Css.row - ] - ] - - -md__flex_row_reverse : Css.Style -md__flex_row_reverse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.flexDirection Css.rowReverse - ] - ] - - -md__flex_col : Css.Style -md__flex_col = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.flexDirection Css.column - ] - ] - - -md__flex_col_reverse : Css.Style -md__flex_col_reverse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.flexDirection Css.columnReverse - ] - ] - - -md__flex_wrap : Css.Style -md__flex_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.flexWrap Css.wrap - ] - ] - - -md__flex_wrap_reverse : Css.Style -md__flex_wrap_reverse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.flexWrap Css.wrapReverse - ] - ] - - -md__flex_no_wrap : Css.Style -md__flex_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.flexWrap Css.noWrap - ] - ] - - -md__items_start : Css.Style -md__items_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.alignItems Css.flexStart - ] - ] - - -md__items_end : Css.Style -md__items_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.alignItems Css.flexEnd - ] - ] - - -md__items_center : Css.Style -md__items_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.alignItems Css.center - ] - ] - - -md__items_baseline : Css.Style -md__items_baseline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.alignItems Css.baseline - ] - ] - - -md__items_stretch : Css.Style -md__items_stretch = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.alignItems Css.stretch - ] - ] - - -md__self_auto : Css.Style -md__self_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "align-self" "auto" - ] - ] - - -md__self_start : Css.Style -md__self_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.alignSelf Css.flexStart - ] - ] - - -md__self_end : Css.Style -md__self_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.alignSelf Css.flexEnd - ] - ] - - -md__self_center : Css.Style -md__self_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.alignSelf Css.center - ] - ] - - -md__self_stretch : Css.Style -md__self_stretch = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.alignSelf Css.stretch - ] - ] - - -md__justify_start : Css.Style -md__justify_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.justifyContent Css.flexStart - ] - ] - - -md__justify_end : Css.Style -md__justify_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.justifyContent Css.flexEnd - ] - ] - - -md__justify_center : Css.Style -md__justify_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.justifyContent Css.center - ] - ] - - -md__justify_between : Css.Style -md__justify_between = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.justifyContent Css.spaceBetween - ] - ] - - -md__justify_around : Css.Style -md__justify_around = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.justifyContent Css.spaceAround - ] - ] - - -md__justify_evenly : Css.Style -md__justify_evenly = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "justify-content" "space-evenly" - ] - ] - - -md__content_center : Css.Style -md__content_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "align-content" "center" - ] - ] - - -md__content_start : Css.Style -md__content_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "align-content" "flex-start" - ] - ] - - -md__content_end : Css.Style -md__content_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "align-content" "flex-end" - ] - ] - - -md__content_between : Css.Style -md__content_between = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "align-content" "space-between" - ] - ] - - -md__content_around : Css.Style -md__content_around = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "align-content" "space-around" - ] - ] - - -md__flex_1 : Css.Style -md__flex_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "flex" "1 1 0%" - ] - ] - - -md__flex_auto : Css.Style -md__flex_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "flex" "1 1 auto" - ] - ] - - -md__flex_initial : Css.Style -md__flex_initial = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "flex" "0 1 auto" - ] - ] - - -md__flex_none : Css.Style -md__flex_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "flex" "none" - ] - ] - - -md__flex_grow_0 : Css.Style -md__flex_grow_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.flexGrow (Css.int 0) - ] - ] - - -md__flex_grow : Css.Style -md__flex_grow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.flexGrow (Css.int 1) - ] - ] - - -md__flex_shrink_0 : Css.Style -md__flex_shrink_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.flexShrink (Css.int 0) - ] - ] - - -md__flex_shrink : Css.Style -md__flex_shrink = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.flexShrink (Css.int 1) - ] - ] - - -md__order_1 : Css.Style -md__order_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 1) - ] - ] - - -md__order_2 : Css.Style -md__order_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 2) - ] - ] - - -md__order_3 : Css.Style -md__order_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 3) - ] - ] - - -md__order_4 : Css.Style -md__order_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 4) - ] - ] - - -md__order_5 : Css.Style -md__order_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 5) - ] - ] - - -md__order_6 : Css.Style -md__order_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 6) - ] - ] - - -md__order_7 : Css.Style -md__order_7 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 7) - ] - ] - - -md__order_8 : Css.Style -md__order_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 8) - ] - ] - - -md__order_9 : Css.Style -md__order_9 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 9) - ] - ] - - -md__order_10 : Css.Style -md__order_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 10) - ] - ] - - -md__order_11 : Css.Style -md__order_11 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 11) - ] - ] - - -md__order_12 : Css.Style -md__order_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 12) - ] - ] - - -md__order_first : Css.Style -md__order_first = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int -9999) - ] - ] - - -md__order_last : Css.Style -md__order_last = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 9999) - ] - ] - - -md__order_none : Css.Style -md__order_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.order (Css.int 0) - ] - ] - - -md__float_right : Css.Style -md__float_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "float" "right" - ] - ] - - -md__float_left : Css.Style -md__float_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "float" "left" - ] - ] - - -md__float_none : Css.Style -md__float_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "float" "none" - ] - ] - - -md__clearfix : Css.Style -md__clearfix = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "content" "\"\"" - , Css.display Css.table - , Css.property "clear" "both" - ] - ] - - -md__clear_left : Css.Style -md__clear_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "clear" "left" - ] - ] - - -md__clear_right : Css.Style -md__clear_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "clear" "right" - ] - ] - - -md__clear_both : Css.Style -md__clear_both = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "clear" "both" - ] - ] - - -md__clear_none : Css.Style -md__clear_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "clear" "none" - ] - ] - - -md__font_sans : Css.Style -md__font_sans = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "font-family" "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"" - ] - ] - - -md__font_serif : Css.Style -md__font_serif = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "font-family" "Georgia, Cambria, \"Times New Roman\", Times, serif" - ] - ] - - -md__font_mono : Css.Style -md__font_mono = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "font-family" "Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace" - ] - ] - - -md__font_hairline : Css.Style -md__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontWeight (Css.int 100) - ] - ] - - -md__font_thin : Css.Style -md__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontWeight (Css.int 200) - ] - ] - - -md__font_light : Css.Style -md__font_light = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontWeight (Css.int 300) - ] - ] - - -md__font_normal : Css.Style -md__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontWeight (Css.int 400) - ] - ] - - -md__font_medium : Css.Style -md__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontWeight (Css.int 500) - ] - ] - - -md__font_semibold : Css.Style -md__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontWeight (Css.int 600) - ] - ] - - -md__font_bold : Css.Style -md__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontWeight (Css.int 700) - ] - ] - - -md__font_extrabold : Css.Style -md__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontWeight (Css.int 800) - ] - ] - - -md__font_black : Css.Style -md__font_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontWeight (Css.int 900) - ] - ] - - -md__hover__font_hairline : Css.Style -md__hover__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -md__hover__font_thin : Css.Style -md__hover__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -md__hover__font_light : Css.Style -md__hover__font_light = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -md__hover__font_normal : Css.Style -md__hover__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -md__hover__font_medium : Css.Style -md__hover__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -md__hover__font_semibold : Css.Style -md__hover__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -md__hover__font_bold : Css.Style -md__hover__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -md__hover__font_extrabold : Css.Style -md__hover__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -md__hover__font_black : Css.Style -md__hover__font_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -md__focus__font_hairline : Css.Style -md__focus__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -md__focus__font_thin : Css.Style -md__focus__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -md__focus__font_light : Css.Style -md__focus__font_light = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -md__focus__font_normal : Css.Style -md__focus__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -md__focus__font_medium : Css.Style -md__focus__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -md__focus__font_semibold : Css.Style -md__focus__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -md__focus__font_bold : Css.Style -md__focus__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -md__focus__font_extrabold : Css.Style -md__focus__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -md__focus__font_black : Css.Style -md__focus__font_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -md__h_0 : Css.Style -md__h_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.px 0) - ] - ] - - -md__h_1 : Css.Style -md__h_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 0.25) - ] - ] - - -md__h_2 : Css.Style -md__h_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 0.5) - ] - ] - - -md__h_3 : Css.Style -md__h_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 0.75) - ] - ] - - -md__h_4 : Css.Style -md__h_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 1) - ] - ] - - -md__h_5 : Css.Style -md__h_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 1.25) - ] - ] - - -md__h_6 : Css.Style -md__h_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 1.5) - ] - ] - - -md__h_8 : Css.Style -md__h_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 2) - ] - ] - - -md__h_10 : Css.Style -md__h_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 2.5) - ] - ] - - -md__h_12 : Css.Style -md__h_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 3) - ] - ] - - -md__h_16 : Css.Style -md__h_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 4) - ] - ] - - -md__h_20 : Css.Style -md__h_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 5) - ] - ] - - -md__h_24 : Css.Style -md__h_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 6) - ] - ] - - -md__h_32 : Css.Style -md__h_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 8) - ] - ] - - -md__h_40 : Css.Style -md__h_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 10) - ] - ] - - -md__h_48 : Css.Style -md__h_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 12) - ] - ] - - -md__h_56 : Css.Style -md__h_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 14) - ] - ] - - -md__h_64 : Css.Style -md__h_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.rem 16) - ] - ] - - -md__h_auto : Css.Style -md__h_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height Css.auto - ] - ] - - -md__h_px : Css.Style -md__h_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.px 1) - ] - ] - - -md__h_full : Css.Style -md__h_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.pct 100) - ] - ] - - -md__h_screen : Css.Style -md__h_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.height (Css.vh 100) - ] - ] - - -md__text_xs : Css.Style -md__text_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontSize (Css.rem 0.75) - ] - ] - - -md__text_sm : Css.Style -md__text_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontSize (Css.rem 0.875) - ] - ] - - -md__text_base : Css.Style -md__text_base = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontSize (Css.rem 1) - ] - ] - - -md__text_lg : Css.Style -md__text_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontSize (Css.rem 1.125) - ] - ] - - -md__text_xl : Css.Style -md__text_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontSize (Css.rem 1.25) - ] - ] - - -md__text_2xl : Css.Style -md__text_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontSize (Css.rem 1.5) - ] - ] - - -md__text_3xl : Css.Style -md__text_3xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontSize (Css.rem 1.875) - ] - ] - - -md__text_4xl : Css.Style -md__text_4xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontSize (Css.rem 2.25) - ] - ] - - -md__text_5xl : Css.Style -md__text_5xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontSize (Css.rem 3) - ] - ] - - -md__text_6xl : Css.Style -md__text_6xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontSize (Css.rem 4) - ] - ] - - -md__leading_3 : Css.Style -md__leading_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.rem 0.75) - ] - ] - - -md__leading_4 : Css.Style -md__leading_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.rem 1) - ] - ] - - -md__leading_5 : Css.Style -md__leading_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.rem 1.25) - ] - ] - - -md__leading_6 : Css.Style -md__leading_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.rem 1.5) - ] - ] - - -md__leading_7 : Css.Style -md__leading_7 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.rem 1.75) - ] - ] - - -md__leading_8 : Css.Style -md__leading_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.rem 2) - ] - ] - - -md__leading_9 : Css.Style -md__leading_9 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.rem 2.25) - ] - ] - - -md__leading_10 : Css.Style -md__leading_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.rem 2.5) - ] - ] - - -md__leading_none : Css.Style -md__leading_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.int 1) - ] - ] - - -md__leading_tight : Css.Style -md__leading_tight = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.num 1.25) - ] - ] - - -md__leading_snug : Css.Style -md__leading_snug = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.num 1.375) - ] - ] - - -md__leading_normal : Css.Style -md__leading_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.num 1.5) - ] - ] - - -md__leading_relaxed : Css.Style -md__leading_relaxed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.num 1.625) - ] - ] - - -md__leading_loose : Css.Style -md__leading_loose = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.lineHeight (Css.int 2) - ] - ] - - -md__list_inside : Css.Style -md__list_inside = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.listStylePosition Css.inside - ] - ] - - -md__list_outside : Css.Style -md__list_outside = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.listStylePosition Css.outside - ] - ] - - -md__list_none : Css.Style -md__list_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.listStyleType Css.none - ] - ] - - -md__list_disc : Css.Style -md__list_disc = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.listStyleType Css.disc - ] - ] - - -md__list_decimal : Css.Style -md__list_decimal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.listStyleType Css.decimal - ] - ] - - -md__m_0 : Css.Style -md__m_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.px 0) - ] - ] - - -md__m_1 : Css.Style -md__m_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 0.25) - ] - ] - - -md__m_2 : Css.Style -md__m_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 0.5) - ] - ] - - -md__m_3 : Css.Style -md__m_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 0.75) - ] - ] - - -md__m_4 : Css.Style -md__m_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 1) - ] - ] - - -md__m_5 : Css.Style -md__m_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 1.25) - ] - ] - - -md__m_6 : Css.Style -md__m_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 1.5) - ] - ] - - -md__m_8 : Css.Style -md__m_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 2) - ] - ] - - -md__m_10 : Css.Style -md__m_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 2.5) - ] - ] - - -md__m_12 : Css.Style -md__m_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 3) - ] - ] - - -md__m_16 : Css.Style -md__m_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 4) - ] - ] - - -md__m_20 : Css.Style -md__m_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 5) - ] - ] - - -md__m_24 : Css.Style -md__m_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 6) - ] - ] - - -md__m_32 : Css.Style -md__m_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 8) - ] - ] - - -md__m_40 : Css.Style -md__m_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 10) - ] - ] - - -md__m_48 : Css.Style -md__m_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 12) - ] - ] - - -md__m_56 : Css.Style -md__m_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 14) - ] - ] - - -md__m_64 : Css.Style -md__m_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem 16) - ] - ] - - -md__m_auto : Css.Style -md__m_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin Css.auto - ] - ] - - -md__m_px : Css.Style -md__m_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.px 1) - ] - ] - - -md__neg_m_1 : Css.Style -md__neg_m_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -0.25) - ] - ] - - -md__neg_m_2 : Css.Style -md__neg_m_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -0.5) - ] - ] - - -md__neg_m_3 : Css.Style -md__neg_m_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -0.75) - ] - ] - - -md__neg_m_4 : Css.Style -md__neg_m_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -1) - ] - ] - - -md__neg_m_5 : Css.Style -md__neg_m_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -1.25) - ] - ] - - -md__neg_m_6 : Css.Style -md__neg_m_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -1.5) - ] - ] - - -md__neg_m_8 : Css.Style -md__neg_m_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -2) - ] - ] - - -md__neg_m_10 : Css.Style -md__neg_m_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -2.5) - ] - ] - - -md__neg_m_12 : Css.Style -md__neg_m_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -3) - ] - ] - - -md__neg_m_16 : Css.Style -md__neg_m_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -4) - ] - ] - - -md__neg_m_20 : Css.Style -md__neg_m_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -5) - ] - ] - - -md__neg_m_24 : Css.Style -md__neg_m_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -6) - ] - ] - - -md__neg_m_32 : Css.Style -md__neg_m_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -8) - ] - ] - - -md__neg_m_40 : Css.Style -md__neg_m_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -10) - ] - ] - - -md__neg_m_48 : Css.Style -md__neg_m_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -12) - ] - ] - - -md__neg_m_56 : Css.Style -md__neg_m_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -14) - ] - ] - - -md__neg_m_64 : Css.Style -md__neg_m_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.rem -16) - ] - ] - - -md__neg_m_px : Css.Style -md__neg_m_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.margin (Css.px -1) - ] - ] - - -md__my_0 : Css.Style -md__my_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.px 0) - , Css.marginBottom (Css.px 0) - ] - ] - - -md__mx_0 : Css.Style -md__mx_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.px 0) - , Css.marginRight (Css.px 0) - ] - ] - - -md__my_1 : Css.Style -md__my_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 0.25) - , Css.marginBottom (Css.rem 0.25) - ] - ] - - -md__mx_1 : Css.Style -md__mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 0.25) - , Css.marginRight (Css.rem 0.25) - ] - ] - - -md__my_2 : Css.Style -md__my_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 0.5) - , Css.marginBottom (Css.rem 0.5) - ] - ] - - -md__mx_2 : Css.Style -md__mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 0.5) - , Css.marginRight (Css.rem 0.5) - ] - ] - - -md__my_3 : Css.Style -md__my_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 0.75) - , Css.marginBottom (Css.rem 0.75) - ] - ] - - -md__mx_3 : Css.Style -md__mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 0.75) - , Css.marginRight (Css.rem 0.75) - ] - ] - - -md__my_4 : Css.Style -md__my_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 1) - , Css.marginBottom (Css.rem 1) - ] - ] - - -md__mx_4 : Css.Style -md__mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 1) - , Css.marginRight (Css.rem 1) - ] - ] - - -md__my_5 : Css.Style -md__my_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 1.25) - , Css.marginBottom (Css.rem 1.25) - ] - ] - - -md__mx_5 : Css.Style -md__mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 1.25) - , Css.marginRight (Css.rem 1.25) - ] - ] - - -md__my_6 : Css.Style -md__my_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 1.5) - , Css.marginBottom (Css.rem 1.5) - ] - ] - - -md__mx_6 : Css.Style -md__mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 1.5) - , Css.marginRight (Css.rem 1.5) - ] - ] - - -md__my_8 : Css.Style -md__my_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 2) - , Css.marginBottom (Css.rem 2) - ] - ] - - -md__mx_8 : Css.Style -md__mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 2) - , Css.marginRight (Css.rem 2) - ] - ] - - -md__my_10 : Css.Style -md__my_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 2.5) - , Css.marginBottom (Css.rem 2.5) - ] - ] - - -md__mx_10 : Css.Style -md__mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 2.5) - , Css.marginRight (Css.rem 2.5) - ] - ] - - -md__my_12 : Css.Style -md__my_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 3) - , Css.marginBottom (Css.rem 3) - ] - ] - - -md__mx_12 : Css.Style -md__mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 3) - , Css.marginRight (Css.rem 3) - ] - ] - - -md__my_16 : Css.Style -md__my_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 4) - , Css.marginBottom (Css.rem 4) - ] - ] - - -md__mx_16 : Css.Style -md__mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 4) - , Css.marginRight (Css.rem 4) - ] - ] - - -md__my_20 : Css.Style -md__my_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 5) - , Css.marginBottom (Css.rem 5) - ] - ] - - -md__mx_20 : Css.Style -md__mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 5) - , Css.marginRight (Css.rem 5) - ] - ] - - -md__my_24 : Css.Style -md__my_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 6) - , Css.marginBottom (Css.rem 6) - ] - ] - - -md__mx_24 : Css.Style -md__mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 6) - , Css.marginRight (Css.rem 6) - ] - ] - - -md__my_32 : Css.Style -md__my_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 8) - , Css.marginBottom (Css.rem 8) - ] - ] - - -md__mx_32 : Css.Style -md__mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 8) - , Css.marginRight (Css.rem 8) - ] - ] - - -md__my_40 : Css.Style -md__my_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 10) - , Css.marginBottom (Css.rem 10) - ] - ] - - -md__mx_40 : Css.Style -md__mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 10) - , Css.marginRight (Css.rem 10) - ] - ] - - -md__my_48 : Css.Style -md__my_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 12) - , Css.marginBottom (Css.rem 12) - ] - ] - - -md__mx_48 : Css.Style -md__mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 12) - , Css.marginRight (Css.rem 12) - ] - ] - - -md__my_56 : Css.Style -md__my_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 14) - , Css.marginBottom (Css.rem 14) - ] - ] - - -md__mx_56 : Css.Style -md__mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 14) - , Css.marginRight (Css.rem 14) - ] - ] - - -md__my_64 : Css.Style -md__my_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 16) - , Css.marginBottom (Css.rem 16) - ] - ] - - -md__mx_64 : Css.Style -md__mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 16) - , Css.marginRight (Css.rem 16) - ] - ] - - -md__my_auto : Css.Style -md__my_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop Css.auto - , Css.marginBottom Css.auto - ] - ] - - -md__mx_auto : Css.Style -md__mx_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft Css.auto - , Css.marginRight Css.auto - ] - ] - - -md__my_px : Css.Style -md__my_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.px 1) - , Css.marginBottom (Css.px 1) - ] - ] - - -md__mx_px : Css.Style -md__mx_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.px 1) - , Css.marginRight (Css.px 1) - ] - ] - - -md__neg_my_1 : Css.Style -md__neg_my_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -0.25) - , Css.marginBottom (Css.rem -0.25) - ] - ] - - -md__neg_mx_1 : Css.Style -md__neg_mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -0.25) - , Css.marginRight (Css.rem -0.25) - ] - ] - - -md__neg_my_2 : Css.Style -md__neg_my_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -0.5) - , Css.marginBottom (Css.rem -0.5) - ] - ] - - -md__neg_mx_2 : Css.Style -md__neg_mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -0.5) - , Css.marginRight (Css.rem -0.5) - ] - ] - - -md__neg_my_3 : Css.Style -md__neg_my_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -0.75) - , Css.marginBottom (Css.rem -0.75) - ] - ] - - -md__neg_mx_3 : Css.Style -md__neg_mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -0.75) - , Css.marginRight (Css.rem -0.75) - ] - ] - - -md__neg_my_4 : Css.Style -md__neg_my_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -1) - , Css.marginBottom (Css.rem -1) - ] - ] - - -md__neg_mx_4 : Css.Style -md__neg_mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -1) - , Css.marginRight (Css.rem -1) - ] - ] - - -md__neg_my_5 : Css.Style -md__neg_my_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -1.25) - , Css.marginBottom (Css.rem -1.25) - ] - ] - - -md__neg_mx_5 : Css.Style -md__neg_mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -1.25) - , Css.marginRight (Css.rem -1.25) - ] - ] - - -md__neg_my_6 : Css.Style -md__neg_my_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -1.5) - , Css.marginBottom (Css.rem -1.5) - ] - ] - - -md__neg_mx_6 : Css.Style -md__neg_mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -1.5) - , Css.marginRight (Css.rem -1.5) - ] - ] - - -md__neg_my_8 : Css.Style -md__neg_my_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -2) - , Css.marginBottom (Css.rem -2) - ] - ] - - -md__neg_mx_8 : Css.Style -md__neg_mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -2) - , Css.marginRight (Css.rem -2) - ] - ] - - -md__neg_my_10 : Css.Style -md__neg_my_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -2.5) - , Css.marginBottom (Css.rem -2.5) - ] - ] - - -md__neg_mx_10 : Css.Style -md__neg_mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -2.5) - , Css.marginRight (Css.rem -2.5) - ] - ] - - -md__neg_my_12 : Css.Style -md__neg_my_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -3) - , Css.marginBottom (Css.rem -3) - ] - ] - - -md__neg_mx_12 : Css.Style -md__neg_mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -3) - , Css.marginRight (Css.rem -3) - ] - ] - - -md__neg_my_16 : Css.Style -md__neg_my_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -4) - , Css.marginBottom (Css.rem -4) - ] - ] - - -md__neg_mx_16 : Css.Style -md__neg_mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -4) - , Css.marginRight (Css.rem -4) - ] - ] - - -md__neg_my_20 : Css.Style -md__neg_my_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -5) - , Css.marginBottom (Css.rem -5) - ] - ] - - -md__neg_mx_20 : Css.Style -md__neg_mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -5) - , Css.marginRight (Css.rem -5) - ] - ] - - -md__neg_my_24 : Css.Style -md__neg_my_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -6) - , Css.marginBottom (Css.rem -6) - ] - ] - - -md__neg_mx_24 : Css.Style -md__neg_mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -6) - , Css.marginRight (Css.rem -6) - ] - ] - - -md__neg_my_32 : Css.Style -md__neg_my_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -8) - , Css.marginBottom (Css.rem -8) - ] - ] - - -md__neg_mx_32 : Css.Style -md__neg_mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -8) - , Css.marginRight (Css.rem -8) - ] - ] - - -md__neg_my_40 : Css.Style -md__neg_my_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -10) - , Css.marginBottom (Css.rem -10) - ] - ] - - -md__neg_mx_40 : Css.Style -md__neg_mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -10) - , Css.marginRight (Css.rem -10) - ] - ] - - -md__neg_my_48 : Css.Style -md__neg_my_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -12) - , Css.marginBottom (Css.rem -12) - ] - ] - - -md__neg_mx_48 : Css.Style -md__neg_mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -12) - , Css.marginRight (Css.rem -12) - ] - ] - - -md__neg_my_56 : Css.Style -md__neg_my_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -14) - , Css.marginBottom (Css.rem -14) - ] - ] - - -md__neg_mx_56 : Css.Style -md__neg_mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -14) - , Css.marginRight (Css.rem -14) - ] - ] - - -md__neg_my_64 : Css.Style -md__neg_my_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -16) - , Css.marginBottom (Css.rem -16) - ] - ] - - -md__neg_mx_64 : Css.Style -md__neg_mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -16) - , Css.marginRight (Css.rem -16) - ] - ] - - -md__neg_my_px : Css.Style -md__neg_my_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.px -1) - , Css.marginBottom (Css.px -1) - ] - ] - - -md__neg_mx_px : Css.Style -md__neg_mx_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.px -1) - , Css.marginRight (Css.px -1) - ] - ] - - -md__mt_0 : Css.Style -md__mt_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.px 0) - ] - ] - - -md__mr_0 : Css.Style -md__mr_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.px 0) - ] - ] - - -md__mb_0 : Css.Style -md__mb_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.px 0) - ] - ] - - -md__ml_0 : Css.Style -md__ml_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.px 0) - ] - ] - - -md__mt_1 : Css.Style -md__mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 0.25) - ] - ] - - -md__mr_1 : Css.Style -md__mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 0.25) - ] - ] - - -md__mb_1 : Css.Style -md__mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 0.25) - ] - ] - - -md__ml_1 : Css.Style -md__ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 0.25) - ] - ] - - -md__mt_2 : Css.Style -md__mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 0.5) - ] - ] - - -md__mr_2 : Css.Style -md__mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 0.5) - ] - ] - - -md__mb_2 : Css.Style -md__mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 0.5) - ] - ] - - -md__ml_2 : Css.Style -md__ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 0.5) - ] - ] - - -md__mt_3 : Css.Style -md__mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 0.75) - ] - ] - - -md__mr_3 : Css.Style -md__mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 0.75) - ] - ] - - -md__mb_3 : Css.Style -md__mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 0.75) - ] - ] - - -md__ml_3 : Css.Style -md__ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 0.75) - ] - ] - - -md__mt_4 : Css.Style -md__mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 1) - ] - ] - - -md__mr_4 : Css.Style -md__mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 1) - ] - ] - - -md__mb_4 : Css.Style -md__mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 1) - ] - ] - - -md__ml_4 : Css.Style -md__ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 1) - ] - ] - - -md__mt_5 : Css.Style -md__mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 1.25) - ] - ] - - -md__mr_5 : Css.Style -md__mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 1.25) - ] - ] - - -md__mb_5 : Css.Style -md__mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 1.25) - ] - ] - - -md__ml_5 : Css.Style -md__ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 1.25) - ] - ] - - -md__mt_6 : Css.Style -md__mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 1.5) - ] - ] - - -md__mr_6 : Css.Style -md__mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 1.5) - ] - ] - - -md__mb_6 : Css.Style -md__mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 1.5) - ] - ] - - -md__ml_6 : Css.Style -md__ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 1.5) - ] - ] - - -md__mt_8 : Css.Style -md__mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 2) - ] - ] - - -md__mr_8 : Css.Style -md__mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 2) - ] - ] - - -md__mb_8 : Css.Style -md__mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 2) - ] - ] - - -md__ml_8 : Css.Style -md__ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 2) - ] - ] - - -md__mt_10 : Css.Style -md__mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 2.5) - ] - ] - - -md__mr_10 : Css.Style -md__mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 2.5) - ] - ] - - -md__mb_10 : Css.Style -md__mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 2.5) - ] - ] - - -md__ml_10 : Css.Style -md__ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 2.5) - ] - ] - - -md__mt_12 : Css.Style -md__mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 3) - ] - ] - - -md__mr_12 : Css.Style -md__mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 3) - ] - ] - - -md__mb_12 : Css.Style -md__mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 3) - ] - ] - - -md__ml_12 : Css.Style -md__ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 3) - ] - ] - - -md__mt_16 : Css.Style -md__mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 4) - ] - ] - - -md__mr_16 : Css.Style -md__mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 4) - ] - ] - - -md__mb_16 : Css.Style -md__mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 4) - ] - ] - - -md__ml_16 : Css.Style -md__ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 4) - ] - ] - - -md__mt_20 : Css.Style -md__mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 5) - ] - ] - - -md__mr_20 : Css.Style -md__mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 5) - ] - ] - - -md__mb_20 : Css.Style -md__mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 5) - ] - ] - - -md__ml_20 : Css.Style -md__ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 5) - ] - ] - - -md__mt_24 : Css.Style -md__mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 6) - ] - ] - - -md__mr_24 : Css.Style -md__mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 6) - ] - ] - - -md__mb_24 : Css.Style -md__mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 6) - ] - ] - - -md__ml_24 : Css.Style -md__ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 6) - ] - ] - - -md__mt_32 : Css.Style -md__mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 8) - ] - ] - - -md__mr_32 : Css.Style -md__mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 8) - ] - ] - - -md__mb_32 : Css.Style -md__mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 8) - ] - ] - - -md__ml_32 : Css.Style -md__ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 8) - ] - ] - - -md__mt_40 : Css.Style -md__mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 10) - ] - ] - - -md__mr_40 : Css.Style -md__mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 10) - ] - ] - - -md__mb_40 : Css.Style -md__mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 10) - ] - ] - - -md__ml_40 : Css.Style -md__ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 10) - ] - ] - - -md__mt_48 : Css.Style -md__mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 12) - ] - ] - - -md__mr_48 : Css.Style -md__mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 12) - ] - ] - - -md__mb_48 : Css.Style -md__mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 12) - ] - ] - - -md__ml_48 : Css.Style -md__ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 12) - ] - ] - - -md__mt_56 : Css.Style -md__mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 14) - ] - ] - - -md__mr_56 : Css.Style -md__mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 14) - ] - ] - - -md__mb_56 : Css.Style -md__mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 14) - ] - ] - - -md__ml_56 : Css.Style -md__ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 14) - ] - ] - - -md__mt_64 : Css.Style -md__mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem 16) - ] - ] - - -md__mr_64 : Css.Style -md__mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem 16) - ] - ] - - -md__mb_64 : Css.Style -md__mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem 16) - ] - ] - - -md__ml_64 : Css.Style -md__ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem 16) - ] - ] - - -md__mt_auto : Css.Style -md__mt_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop Css.auto - ] - ] - - -md__mr_auto : Css.Style -md__mr_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight Css.auto - ] - ] - - -md__mb_auto : Css.Style -md__mb_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom Css.auto - ] - ] - - -md__ml_auto : Css.Style -md__ml_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft Css.auto - ] - ] - - -md__mt_px : Css.Style -md__mt_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.px 1) - ] - ] - - -md__mr_px : Css.Style -md__mr_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.px 1) - ] - ] - - -md__mb_px : Css.Style -md__mb_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.px 1) - ] - ] - - -md__ml_px : Css.Style -md__ml_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.px 1) - ] - ] - - -md__neg_mt_1 : Css.Style -md__neg_mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -0.25) - ] - ] - - -md__neg_mr_1 : Css.Style -md__neg_mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -0.25) - ] - ] - - -md__neg_mb_1 : Css.Style -md__neg_mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -0.25) - ] - ] - - -md__neg_ml_1 : Css.Style -md__neg_ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -0.25) - ] - ] - - -md__neg_mt_2 : Css.Style -md__neg_mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -0.5) - ] - ] - - -md__neg_mr_2 : Css.Style -md__neg_mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -0.5) - ] - ] - - -md__neg_mb_2 : Css.Style -md__neg_mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -0.5) - ] - ] - - -md__neg_ml_2 : Css.Style -md__neg_ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -0.5) - ] - ] - - -md__neg_mt_3 : Css.Style -md__neg_mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -0.75) - ] - ] - - -md__neg_mr_3 : Css.Style -md__neg_mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -0.75) - ] - ] - - -md__neg_mb_3 : Css.Style -md__neg_mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -0.75) - ] - ] - - -md__neg_ml_3 : Css.Style -md__neg_ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -0.75) - ] - ] - - -md__neg_mt_4 : Css.Style -md__neg_mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -1) - ] - ] - - -md__neg_mr_4 : Css.Style -md__neg_mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -1) - ] - ] - - -md__neg_mb_4 : Css.Style -md__neg_mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -1) - ] - ] - - -md__neg_ml_4 : Css.Style -md__neg_ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -1) - ] - ] - - -md__neg_mt_5 : Css.Style -md__neg_mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -1.25) - ] - ] - - -md__neg_mr_5 : Css.Style -md__neg_mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -1.25) - ] - ] - - -md__neg_mb_5 : Css.Style -md__neg_mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -1.25) - ] - ] - - -md__neg_ml_5 : Css.Style -md__neg_ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -1.25) - ] - ] - - -md__neg_mt_6 : Css.Style -md__neg_mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -1.5) - ] - ] - - -md__neg_mr_6 : Css.Style -md__neg_mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -1.5) - ] - ] - - -md__neg_mb_6 : Css.Style -md__neg_mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -1.5) - ] - ] - - -md__neg_ml_6 : Css.Style -md__neg_ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -1.5) - ] - ] - - -md__neg_mt_8 : Css.Style -md__neg_mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -2) - ] - ] - - -md__neg_mr_8 : Css.Style -md__neg_mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -2) - ] - ] - - -md__neg_mb_8 : Css.Style -md__neg_mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -2) - ] - ] - - -md__neg_ml_8 : Css.Style -md__neg_ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -2) - ] - ] - - -md__neg_mt_10 : Css.Style -md__neg_mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -2.5) - ] - ] - - -md__neg_mr_10 : Css.Style -md__neg_mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -2.5) - ] - ] - - -md__neg_mb_10 : Css.Style -md__neg_mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -2.5) - ] - ] - - -md__neg_ml_10 : Css.Style -md__neg_ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -2.5) - ] - ] - - -md__neg_mt_12 : Css.Style -md__neg_mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -3) - ] - ] - - -md__neg_mr_12 : Css.Style -md__neg_mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -3) - ] - ] - - -md__neg_mb_12 : Css.Style -md__neg_mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -3) - ] - ] - - -md__neg_ml_12 : Css.Style -md__neg_ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -3) - ] - ] - - -md__neg_mt_16 : Css.Style -md__neg_mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -4) - ] - ] - - -md__neg_mr_16 : Css.Style -md__neg_mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -4) - ] - ] - - -md__neg_mb_16 : Css.Style -md__neg_mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -4) - ] - ] - - -md__neg_ml_16 : Css.Style -md__neg_ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -4) - ] - ] - - -md__neg_mt_20 : Css.Style -md__neg_mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -5) - ] - ] - - -md__neg_mr_20 : Css.Style -md__neg_mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -5) - ] - ] - - -md__neg_mb_20 : Css.Style -md__neg_mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -5) - ] - ] - - -md__neg_ml_20 : Css.Style -md__neg_ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -5) - ] - ] - - -md__neg_mt_24 : Css.Style -md__neg_mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -6) - ] - ] - - -md__neg_mr_24 : Css.Style -md__neg_mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -6) - ] - ] - - -md__neg_mb_24 : Css.Style -md__neg_mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -6) - ] - ] - - -md__neg_ml_24 : Css.Style -md__neg_ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -6) - ] - ] - - -md__neg_mt_32 : Css.Style -md__neg_mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -8) - ] - ] - - -md__neg_mr_32 : Css.Style -md__neg_mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -8) - ] - ] - - -md__neg_mb_32 : Css.Style -md__neg_mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -8) - ] - ] - - -md__neg_ml_32 : Css.Style -md__neg_ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -8) - ] - ] - - -md__neg_mt_40 : Css.Style -md__neg_mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -10) - ] - ] - - -md__neg_mr_40 : Css.Style -md__neg_mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -10) - ] - ] - - -md__neg_mb_40 : Css.Style -md__neg_mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -10) - ] - ] - - -md__neg_ml_40 : Css.Style -md__neg_ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -10) - ] - ] - - -md__neg_mt_48 : Css.Style -md__neg_mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -12) - ] - ] - - -md__neg_mr_48 : Css.Style -md__neg_mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -12) - ] - ] - - -md__neg_mb_48 : Css.Style -md__neg_mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -12) - ] - ] - - -md__neg_ml_48 : Css.Style -md__neg_ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -12) - ] - ] - - -md__neg_mt_56 : Css.Style -md__neg_mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -14) - ] - ] - - -md__neg_mr_56 : Css.Style -md__neg_mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -14) - ] - ] - - -md__neg_mb_56 : Css.Style -md__neg_mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -14) - ] - ] - - -md__neg_ml_56 : Css.Style -md__neg_ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -14) - ] - ] - - -md__neg_mt_64 : Css.Style -md__neg_mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.rem -16) - ] - ] - - -md__neg_mr_64 : Css.Style -md__neg_mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.rem -16) - ] - ] - - -md__neg_mb_64 : Css.Style -md__neg_mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.rem -16) - ] - ] - - -md__neg_ml_64 : Css.Style -md__neg_ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.rem -16) - ] - ] - - -md__neg_mt_px : Css.Style -md__neg_mt_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginTop (Css.px -1) - ] - ] - - -md__neg_mr_px : Css.Style -md__neg_mr_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginRight (Css.px -1) - ] - ] - - -md__neg_mb_px : Css.Style -md__neg_mb_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginBottom (Css.px -1) - ] - ] - - -md__neg_ml_px : Css.Style -md__neg_ml_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.marginLeft (Css.px -1) - ] - ] - - -md__max_h_full : Css.Style -md__max_h_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxHeight (Css.pct 100) - ] - ] - - -md__max_h_screen : Css.Style -md__max_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxHeight (Css.vh 100) - ] - ] - - -md__max_w_none : Css.Style -md__max_w_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth Css.none - ] - ] - - -md__max_w_xs : Css.Style -md__max_w_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.rem 20) - ] - ] - - -md__max_w_sm : Css.Style -md__max_w_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.rem 24) - ] - ] - - -md__max_w_md : Css.Style -md__max_w_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.rem 28) - ] - ] - - -md__max_w_lg : Css.Style -md__max_w_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.rem 32) - ] - ] - - -md__max_w_xl : Css.Style -md__max_w_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.rem 36) - ] - ] - - -md__max_w_2xl : Css.Style -md__max_w_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.rem 42) - ] - ] - - -md__max_w_3xl : Css.Style -md__max_w_3xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.rem 48) - ] - ] - - -md__max_w_4xl : Css.Style -md__max_w_4xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.rem 56) - ] - ] - - -md__max_w_5xl : Css.Style -md__max_w_5xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.rem 64) - ] - ] - - -md__max_w_6xl : Css.Style -md__max_w_6xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.rem 72) - ] - ] - - -md__max_w_full : Css.Style -md__max_w_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.pct 100) - ] - ] - - -md__max_w_screen_sm : Css.Style -md__max_w_screen_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.px 640) - ] - ] - - -md__max_w_screen_md : Css.Style -md__max_w_screen_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.px 768) - ] - ] - - -md__max_w_screen_lg : Css.Style -md__max_w_screen_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.px 1024) - ] - ] - - -md__max_w_screen_xl : Css.Style -md__max_w_screen_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.maxWidth (Css.px 1280) - ] - ] - - -md__min_h_0 : Css.Style -md__min_h_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.minHeight (Css.px 0) - ] - ] - - -md__min_h_full : Css.Style -md__min_h_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.minHeight (Css.pct 100) - ] - ] - - -md__min_h_screen : Css.Style -md__min_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.minHeight (Css.vh 100) - ] - ] - - -md__min_w_0 : Css.Style -md__min_w_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.minWidth (Css.px 0) - ] - ] - - -md__min_w_full : Css.Style -md__min_w_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.minWidth (Css.pct 100) - ] - ] - - -md__object_contain : Css.Style -md__object_contain = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-fit" "contain" - ] - ] - - -md__object_cover : Css.Style -md__object_cover = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-fit" "cover" - ] - ] - - -md__object_fill : Css.Style -md__object_fill = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-fit" "fill" - ] - ] - - -md__object_none : Css.Style -md__object_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-fit" "none" - ] - ] - - -md__object_scale_down : Css.Style -md__object_scale_down = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-fit" "scale-down" - ] - ] - - -md__object_bottom : Css.Style -md__object_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-position" "bottom" - ] - ] - - -md__object_center : Css.Style -md__object_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-position" "center" - ] - ] - - -md__object_left : Css.Style -md__object_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-position" "left" - ] - ] - - -md__object_left_bottom : Css.Style -md__object_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-position" "left bottom" - ] - ] - - -md__object_left_top : Css.Style -md__object_left_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-position" "left top" - ] - ] - - -md__object_right : Css.Style -md__object_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-position" "right" - ] - ] - - -md__object_right_bottom : Css.Style -md__object_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-position" "right bottom" - ] - ] - - -md__object_right_top : Css.Style -md__object_right_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-position" "right top" - ] - ] - - -md__object_top : Css.Style -md__object_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "object-position" "top" - ] - ] - - -md__opacity_0 : Css.Style -md__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.opacity (Css.int 0) - ] - ] - - -md__opacity_25 : Css.Style -md__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.opacity (Css.num 0.25) - ] - ] - - -md__opacity_50 : Css.Style -md__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.opacity (Css.num 0.5) - ] - ] - - -md__opacity_75 : Css.Style -md__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.opacity (Css.num 0.75) - ] - ] - - -md__opacity_100 : Css.Style -md__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.opacity (Css.int 1) - ] - ] - - -md__hover__opacity_0 : Css.Style -md__hover__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.opacity (Css.int 0) - ] - ] - ] - - -md__hover__opacity_25 : Css.Style -md__hover__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -md__hover__opacity_50 : Css.Style -md__hover__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -md__hover__opacity_75 : Css.Style -md__hover__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -md__hover__opacity_100 : Css.Style -md__hover__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.opacity (Css.int 1) - ] - ] - ] - - -md__focus__opacity_0 : Css.Style -md__focus__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.opacity (Css.int 0) - ] - ] - ] - - -md__focus__opacity_25 : Css.Style -md__focus__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -md__focus__opacity_50 : Css.Style -md__focus__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -md__focus__opacity_75 : Css.Style -md__focus__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -md__focus__opacity_100 : Css.Style -md__focus__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.opacity (Css.int 1) - ] - ] - ] - - -md__outline_none : Css.Style -md__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "outline" "0" - ] - ] - - -md__focus__outline_none : Css.Style -md__focus__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.property "outline" "0" - ] - ] - ] - - -md__overflow_auto : Css.Style -md__overflow_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflow Css.auto - ] - ] - - -md__overflow_hidden : Css.Style -md__overflow_hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflow Css.hidden - ] - ] - - -md__overflow_visible : Css.Style -md__overflow_visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflow Css.visible - ] - ] - - -md__overflow_scroll : Css.Style -md__overflow_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflow Css.scroll - ] - ] - - -md__overflow_x_auto : Css.Style -md__overflow_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflowX Css.auto - ] - ] - - -md__overflow_y_auto : Css.Style -md__overflow_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflowY Css.auto - ] - ] - - -md__overflow_x_hidden : Css.Style -md__overflow_x_hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflowX Css.hidden - ] - ] - - -md__overflow_y_hidden : Css.Style -md__overflow_y_hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflowY Css.hidden - ] - ] - - -md__overflow_x_visible : Css.Style -md__overflow_x_visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflowX Css.visible - ] - ] - - -md__overflow_y_visible : Css.Style -md__overflow_y_visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflowY Css.visible - ] - ] - - -md__overflow_x_scroll : Css.Style -md__overflow_x_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflowX Css.scroll - ] - ] - - -md__overflow_y_scroll : Css.Style -md__overflow_y_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflowY Css.scroll - ] - ] - - -md__scrolling_touch : Css.Style -md__scrolling_touch = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "-webkit-overflow-scrolling" "touch" - ] - ] - - -md__scrolling_auto : Css.Style -md__scrolling_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "-webkit-overflow-scrolling" "auto" - ] - ] - - -md__p_0 : Css.Style -md__p_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.px 0) - ] - ] - - -md__p_1 : Css.Style -md__p_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 0.25) - ] - ] - - -md__p_2 : Css.Style -md__p_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 0.5) - ] - ] - - -md__p_3 : Css.Style -md__p_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 0.75) - ] - ] - - -md__p_4 : Css.Style -md__p_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 1) - ] - ] - - -md__p_5 : Css.Style -md__p_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 1.25) - ] - ] - - -md__p_6 : Css.Style -md__p_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 1.5) - ] - ] - - -md__p_8 : Css.Style -md__p_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 2) - ] - ] - - -md__p_10 : Css.Style -md__p_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 2.5) - ] - ] - - -md__p_12 : Css.Style -md__p_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 3) - ] - ] - - -md__p_16 : Css.Style -md__p_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 4) - ] - ] - - -md__p_20 : Css.Style -md__p_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 5) - ] - ] - - -md__p_24 : Css.Style -md__p_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 6) - ] - ] - - -md__p_32 : Css.Style -md__p_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 8) - ] - ] - - -md__p_40 : Css.Style -md__p_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 10) - ] - ] - - -md__p_48 : Css.Style -md__p_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 12) - ] - ] - - -md__p_56 : Css.Style -md__p_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 14) - ] - ] - - -md__p_64 : Css.Style -md__p_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.rem 16) - ] - ] - - -md__p_px : Css.Style -md__p_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.padding (Css.px 1) - ] - ] - - -md__py_0 : Css.Style -md__py_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.px 0) - , Css.paddingBottom (Css.px 0) - ] - ] - - -md__px_0 : Css.Style -md__px_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.px 0) - , Css.paddingRight (Css.px 0) - ] - ] - - -md__py_1 : Css.Style -md__py_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 0.25) - , Css.paddingBottom (Css.rem 0.25) - ] - ] - - -md__px_1 : Css.Style -md__px_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 0.25) - , Css.paddingRight (Css.rem 0.25) - ] - ] - - -md__py_2 : Css.Style -md__py_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 0.5) - , Css.paddingBottom (Css.rem 0.5) - ] - ] - - -md__px_2 : Css.Style -md__px_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 0.5) - , Css.paddingRight (Css.rem 0.5) - ] - ] - - -md__py_3 : Css.Style -md__py_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 0.75) - , Css.paddingBottom (Css.rem 0.75) - ] - ] - - -md__px_3 : Css.Style -md__px_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 0.75) - , Css.paddingRight (Css.rem 0.75) - ] - ] - - -md__py_4 : Css.Style -md__py_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 1) - , Css.paddingBottom (Css.rem 1) - ] - ] - - -md__px_4 : Css.Style -md__px_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 1) - , Css.paddingRight (Css.rem 1) - ] - ] - - -md__py_5 : Css.Style -md__py_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 1.25) - , Css.paddingBottom (Css.rem 1.25) - ] - ] - - -md__px_5 : Css.Style -md__px_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 1.25) - , Css.paddingRight (Css.rem 1.25) - ] - ] - - -md__py_6 : Css.Style -md__py_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 1.5) - , Css.paddingBottom (Css.rem 1.5) - ] - ] - - -md__px_6 : Css.Style -md__px_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 1.5) - , Css.paddingRight (Css.rem 1.5) - ] - ] - - -md__py_8 : Css.Style -md__py_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 2) - , Css.paddingBottom (Css.rem 2) - ] - ] - - -md__px_8 : Css.Style -md__px_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 2) - , Css.paddingRight (Css.rem 2) - ] - ] - - -md__py_10 : Css.Style -md__py_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 2.5) - , Css.paddingBottom (Css.rem 2.5) - ] - ] - - -md__px_10 : Css.Style -md__px_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 2.5) - , Css.paddingRight (Css.rem 2.5) - ] - ] - - -md__py_12 : Css.Style -md__py_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 3) - , Css.paddingBottom (Css.rem 3) - ] - ] - - -md__px_12 : Css.Style -md__px_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 3) - , Css.paddingRight (Css.rem 3) - ] - ] - - -md__py_16 : Css.Style -md__py_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 4) - , Css.paddingBottom (Css.rem 4) - ] - ] - - -md__px_16 : Css.Style -md__px_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 4) - , Css.paddingRight (Css.rem 4) - ] - ] - - -md__py_20 : Css.Style -md__py_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 5) - , Css.paddingBottom (Css.rem 5) - ] - ] - - -md__px_20 : Css.Style -md__px_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 5) - , Css.paddingRight (Css.rem 5) - ] - ] - - -md__py_24 : Css.Style -md__py_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 6) - , Css.paddingBottom (Css.rem 6) - ] - ] - - -md__px_24 : Css.Style -md__px_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 6) - , Css.paddingRight (Css.rem 6) - ] - ] - - -md__py_32 : Css.Style -md__py_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 8) - , Css.paddingBottom (Css.rem 8) - ] - ] - - -md__px_32 : Css.Style -md__px_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 8) - , Css.paddingRight (Css.rem 8) - ] - ] - - -md__py_40 : Css.Style -md__py_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 10) - , Css.paddingBottom (Css.rem 10) - ] - ] - - -md__px_40 : Css.Style -md__px_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 10) - , Css.paddingRight (Css.rem 10) - ] - ] - - -md__py_48 : Css.Style -md__py_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 12) - , Css.paddingBottom (Css.rem 12) - ] - ] - - -md__px_48 : Css.Style -md__px_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 12) - , Css.paddingRight (Css.rem 12) - ] - ] - - -md__py_56 : Css.Style -md__py_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 14) - , Css.paddingBottom (Css.rem 14) - ] - ] - - -md__px_56 : Css.Style -md__px_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 14) - , Css.paddingRight (Css.rem 14) - ] - ] - - -md__py_64 : Css.Style -md__py_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 16) - , Css.paddingBottom (Css.rem 16) - ] - ] - - -md__px_64 : Css.Style -md__px_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 16) - , Css.paddingRight (Css.rem 16) - ] - ] - - -md__py_px : Css.Style -md__py_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.px 1) - , Css.paddingBottom (Css.px 1) - ] - ] - - -md__px_px : Css.Style -md__px_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.px 1) - , Css.paddingRight (Css.px 1) - ] - ] - - -md__pt_0 : Css.Style -md__pt_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.px 0) - ] - ] - - -md__pr_0 : Css.Style -md__pr_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.px 0) - ] - ] - - -md__pb_0 : Css.Style -md__pb_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.px 0) - ] - ] - - -md__pl_0 : Css.Style -md__pl_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.px 0) - ] - ] - - -md__pt_1 : Css.Style -md__pt_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 0.25) - ] - ] - - -md__pr_1 : Css.Style -md__pr_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 0.25) - ] - ] - - -md__pb_1 : Css.Style -md__pb_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 0.25) - ] - ] - - -md__pl_1 : Css.Style -md__pl_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 0.25) - ] - ] - - -md__pt_2 : Css.Style -md__pt_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 0.5) - ] - ] - - -md__pr_2 : Css.Style -md__pr_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 0.5) - ] - ] - - -md__pb_2 : Css.Style -md__pb_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 0.5) - ] - ] - - -md__pl_2 : Css.Style -md__pl_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 0.5) - ] - ] - - -md__pt_3 : Css.Style -md__pt_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 0.75) - ] - ] - - -md__pr_3 : Css.Style -md__pr_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 0.75) - ] - ] - - -md__pb_3 : Css.Style -md__pb_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 0.75) - ] - ] - - -md__pl_3 : Css.Style -md__pl_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 0.75) - ] - ] - - -md__pt_4 : Css.Style -md__pt_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 1) - ] - ] - - -md__pr_4 : Css.Style -md__pr_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 1) - ] - ] - - -md__pb_4 : Css.Style -md__pb_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 1) - ] - ] - - -md__pl_4 : Css.Style -md__pl_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 1) - ] - ] - - -md__pt_5 : Css.Style -md__pt_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 1.25) - ] - ] - - -md__pr_5 : Css.Style -md__pr_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 1.25) - ] - ] - - -md__pb_5 : Css.Style -md__pb_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 1.25) - ] - ] - - -md__pl_5 : Css.Style -md__pl_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 1.25) - ] - ] - - -md__pt_6 : Css.Style -md__pt_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 1.5) - ] - ] - - -md__pr_6 : Css.Style -md__pr_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 1.5) - ] - ] - - -md__pb_6 : Css.Style -md__pb_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 1.5) - ] - ] - - -md__pl_6 : Css.Style -md__pl_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 1.5) - ] - ] - - -md__pt_8 : Css.Style -md__pt_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 2) - ] - ] - - -md__pr_8 : Css.Style -md__pr_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 2) - ] - ] - - -md__pb_8 : Css.Style -md__pb_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 2) - ] - ] - - -md__pl_8 : Css.Style -md__pl_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 2) - ] - ] - - -md__pt_10 : Css.Style -md__pt_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 2.5) - ] - ] - - -md__pr_10 : Css.Style -md__pr_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 2.5) - ] - ] - - -md__pb_10 : Css.Style -md__pb_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 2.5) - ] - ] - - -md__pl_10 : Css.Style -md__pl_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 2.5) - ] - ] - - -md__pt_12 : Css.Style -md__pt_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 3) - ] - ] - - -md__pr_12 : Css.Style -md__pr_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 3) - ] - ] - - -md__pb_12 : Css.Style -md__pb_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 3) - ] - ] - - -md__pl_12 : Css.Style -md__pl_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 3) - ] - ] - - -md__pt_16 : Css.Style -md__pt_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 4) - ] - ] - - -md__pr_16 : Css.Style -md__pr_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 4) - ] - ] - - -md__pb_16 : Css.Style -md__pb_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 4) - ] - ] - - -md__pl_16 : Css.Style -md__pl_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 4) - ] - ] - - -md__pt_20 : Css.Style -md__pt_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 5) - ] - ] - - -md__pr_20 : Css.Style -md__pr_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 5) - ] - ] - - -md__pb_20 : Css.Style -md__pb_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 5) - ] - ] - - -md__pl_20 : Css.Style -md__pl_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 5) - ] - ] - - -md__pt_24 : Css.Style -md__pt_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 6) - ] - ] - - -md__pr_24 : Css.Style -md__pr_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 6) - ] - ] - - -md__pb_24 : Css.Style -md__pb_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 6) - ] - ] - - -md__pl_24 : Css.Style -md__pl_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 6) - ] - ] - - -md__pt_32 : Css.Style -md__pt_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 8) - ] - ] - - -md__pr_32 : Css.Style -md__pr_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 8) - ] - ] - - -md__pb_32 : Css.Style -md__pb_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 8) - ] - ] - - -md__pl_32 : Css.Style -md__pl_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 8) - ] - ] - - -md__pt_40 : Css.Style -md__pt_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 10) - ] - ] - - -md__pr_40 : Css.Style -md__pr_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 10) - ] - ] - - -md__pb_40 : Css.Style -md__pb_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 10) - ] - ] - - -md__pl_40 : Css.Style -md__pl_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 10) - ] - ] - - -md__pt_48 : Css.Style -md__pt_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 12) - ] - ] - - -md__pr_48 : Css.Style -md__pr_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 12) - ] - ] - - -md__pb_48 : Css.Style -md__pb_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 12) - ] - ] - - -md__pl_48 : Css.Style -md__pl_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 12) - ] - ] - - -md__pt_56 : Css.Style -md__pt_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 14) - ] - ] - - -md__pr_56 : Css.Style -md__pr_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 14) - ] - ] - - -md__pb_56 : Css.Style -md__pb_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 14) - ] - ] - - -md__pl_56 : Css.Style -md__pl_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 14) - ] - ] - - -md__pt_64 : Css.Style -md__pt_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.rem 16) - ] - ] - - -md__pr_64 : Css.Style -md__pr_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.rem 16) - ] - ] - - -md__pb_64 : Css.Style -md__pb_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.rem 16) - ] - ] - - -md__pl_64 : Css.Style -md__pl_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.rem 16) - ] - ] - - -md__pt_px : Css.Style -md__pt_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingTop (Css.px 1) - ] - ] - - -md__pr_px : Css.Style -md__pr_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingRight (Css.px 1) - ] - ] - - -md__pb_px : Css.Style -md__pb_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingBottom (Css.px 1) - ] - ] - - -md__pl_px : Css.Style -md__pl_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.paddingLeft (Css.px 1) - ] - ] - - -md__placeholder_transparent : Css.Style -md__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color Css.transparent - ] - ] - - -md__placeholder_current : Css.Style -md__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color Css.currentColor - ] - ] - - -md__placeholder_black : Css.Style -md__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#000") - ] - ] - - -md__placeholder_white : Css.Style -md__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fff") - ] - ] - - -md__placeholder_gray_100 : Css.Style -md__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#f7fafc") - ] - ] - - -md__placeholder_gray_200 : Css.Style -md__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#edf2f7") - ] - ] - - -md__placeholder_gray_300 : Css.Style -md__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#e2e8f0") - ] - ] - - -md__placeholder_gray_400 : Css.Style -md__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#cbd5e0") - ] - ] - - -md__placeholder_gray_500 : Css.Style -md__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#a0aec0") - ] - ] - - -md__placeholder_gray_600 : Css.Style -md__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#718096") - ] - ] - - -md__placeholder_gray_700 : Css.Style -md__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#4a5568") - ] - ] - - -md__placeholder_gray_800 : Css.Style -md__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#2d3748") - ] - ] - - -md__placeholder_gray_900 : Css.Style -md__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#1a202c") - ] - ] - - -md__placeholder_red_100 : Css.Style -md__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fff5f5") - ] - ] - - -md__placeholder_red_200 : Css.Style -md__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fed7d7") - ] - ] - - -md__placeholder_red_300 : Css.Style -md__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#feb2b2") - ] - ] - - -md__placeholder_red_400 : Css.Style -md__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fc8181") - ] - ] - - -md__placeholder_red_500 : Css.Style -md__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#f56565") - ] - ] - - -md__placeholder_red_600 : Css.Style -md__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#e53e3e") - ] - ] - - -md__placeholder_red_700 : Css.Style -md__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#c53030") - ] - ] - - -md__placeholder_red_800 : Css.Style -md__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#9b2c2c") - ] - ] - - -md__placeholder_red_900 : Css.Style -md__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#742a2a") - ] - ] - - -md__placeholder_orange_100 : Css.Style -md__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fffaf0") - ] - ] - - -md__placeholder_orange_200 : Css.Style -md__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#feebc8") - ] - ] - - -md__placeholder_orange_300 : Css.Style -md__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fbd38d") - ] - ] - - -md__placeholder_orange_400 : Css.Style -md__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#f6ad55") - ] - ] - - -md__placeholder_orange_500 : Css.Style -md__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#ed8936") - ] - ] - - -md__placeholder_orange_600 : Css.Style -md__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#dd6b20") - ] - ] - - -md__placeholder_orange_700 : Css.Style -md__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#c05621") - ] - ] - - -md__placeholder_orange_800 : Css.Style -md__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#9c4221") - ] - ] - - -md__placeholder_orange_900 : Css.Style -md__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#7b341e") - ] - ] - - -md__placeholder_yellow_100 : Css.Style -md__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fffff0") - ] - ] - - -md__placeholder_yellow_200 : Css.Style -md__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fefcbf") - ] - ] - - -md__placeholder_yellow_300 : Css.Style -md__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#faf089") - ] - ] - - -md__placeholder_yellow_400 : Css.Style -md__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#f6e05e") - ] - ] - - -md__placeholder_yellow_500 : Css.Style -md__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#ecc94b") - ] - ] - - -md__placeholder_yellow_600 : Css.Style -md__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#d69e2e") - ] - ] - - -md__placeholder_yellow_700 : Css.Style -md__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#b7791f") - ] - ] - - -md__placeholder_yellow_800 : Css.Style -md__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#975a16") - ] - ] - - -md__placeholder_yellow_900 : Css.Style -md__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#744210") - ] - ] - - -md__placeholder_green_100 : Css.Style -md__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#f0fff4") - ] - ] - - -md__placeholder_green_200 : Css.Style -md__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#c6f6d5") - ] - ] - - -md__placeholder_green_300 : Css.Style -md__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#9ae6b4") - ] - ] - - -md__placeholder_green_400 : Css.Style -md__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#68d391") - ] - ] - - -md__placeholder_green_500 : Css.Style -md__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#48bb78") - ] - ] - - -md__placeholder_green_600 : Css.Style -md__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#38a169") - ] - ] - - -md__placeholder_green_700 : Css.Style -md__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#2f855a") - ] - ] - - -md__placeholder_green_800 : Css.Style -md__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#276749") - ] - ] - - -md__placeholder_green_900 : Css.Style -md__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#22543d") - ] - ] - - -md__placeholder_teal_100 : Css.Style -md__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#e6fffa") - ] - ] - - -md__placeholder_teal_200 : Css.Style -md__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#b2f5ea") - ] - ] - - -md__placeholder_teal_300 : Css.Style -md__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#81e6d9") - ] - ] - - -md__placeholder_teal_400 : Css.Style -md__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#4fd1c5") - ] - ] - - -md__placeholder_teal_500 : Css.Style -md__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#38b2ac") - ] - ] - - -md__placeholder_teal_600 : Css.Style -md__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#319795") - ] - ] - - -md__placeholder_teal_700 : Css.Style -md__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#2c7a7b") - ] - ] - - -md__placeholder_teal_800 : Css.Style -md__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#285e61") - ] - ] - - -md__placeholder_teal_900 : Css.Style -md__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#234e52") - ] - ] - - -md__placeholder_blue_100 : Css.Style -md__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#ebf8ff") - ] - ] - - -md__placeholder_blue_200 : Css.Style -md__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#bee3f8") - ] - ] - - -md__placeholder_blue_300 : Css.Style -md__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#90cdf4") - ] - ] - - -md__placeholder_blue_400 : Css.Style -md__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#63b3ed") - ] - ] - - -md__placeholder_blue_500 : Css.Style -md__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#4299e1") - ] - ] - - -md__placeholder_blue_600 : Css.Style -md__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#3182ce") - ] - ] - - -md__placeholder_blue_700 : Css.Style -md__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#2b6cb0") - ] - ] - - -md__placeholder_blue_800 : Css.Style -md__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#2c5282") - ] - ] - - -md__placeholder_blue_900 : Css.Style -md__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#2a4365") - ] - ] - - -md__placeholder_indigo_100 : Css.Style -md__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#ebf4ff") - ] - ] - - -md__placeholder_indigo_200 : Css.Style -md__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#c3dafe") - ] - ] - - -md__placeholder_indigo_300 : Css.Style -md__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#a3bffa") - ] - ] - - -md__placeholder_indigo_400 : Css.Style -md__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#7f9cf5") - ] - ] - - -md__placeholder_indigo_500 : Css.Style -md__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#667eea") - ] - ] - - -md__placeholder_indigo_600 : Css.Style -md__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#5a67d8") - ] - ] - - -md__placeholder_indigo_700 : Css.Style -md__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#4c51bf") - ] - ] - - -md__placeholder_indigo_800 : Css.Style -md__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#434190") - ] - ] - - -md__placeholder_indigo_900 : Css.Style -md__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#3c366b") - ] - ] - - -md__placeholder_purple_100 : Css.Style -md__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#faf5ff") - ] - ] - - -md__placeholder_purple_200 : Css.Style -md__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#e9d8fd") - ] - ] - - -md__placeholder_purple_300 : Css.Style -md__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#d6bcfa") - ] - ] - - -md__placeholder_purple_400 : Css.Style -md__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#b794f4") - ] - ] - - -md__placeholder_purple_500 : Css.Style -md__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#9f7aea") - ] - ] - - -md__placeholder_purple_600 : Css.Style -md__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#805ad5") - ] - ] - - -md__placeholder_purple_700 : Css.Style -md__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#6b46c1") - ] - ] - - -md__placeholder_purple_800 : Css.Style -md__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#553c9a") - ] - ] - - -md__placeholder_purple_900 : Css.Style -md__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#44337a") - ] - ] - - -md__placeholder_pink_100 : Css.Style -md__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fff5f7") - ] - ] - - -md__placeholder_pink_200 : Css.Style -md__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fed7e2") - ] - ] - - -md__placeholder_pink_300 : Css.Style -md__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fbb6ce") - ] - ] - - -md__placeholder_pink_400 : Css.Style -md__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#f687b3") - ] - ] - - -md__placeholder_pink_500 : Css.Style -md__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#ed64a6") - ] - ] - - -md__placeholder_pink_600 : Css.Style -md__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#d53f8c") - ] - ] - - -md__placeholder_pink_700 : Css.Style -md__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#b83280") - ] - ] - - -md__placeholder_pink_800 : Css.Style -md__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#97266d") - ] - ] - - -md__placeholder_pink_900 : Css.Style -md__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#702459") - ] - ] - - -md__focus__placeholder_transparent : Css.Style -md__focus__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -md__focus__placeholder_current : Css.Style -md__focus__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -md__focus__placeholder_black : Css.Style -md__focus__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#000") - ] - ] - ] - - -md__focus__placeholder_white : Css.Style -md__focus__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff") - ] - ] - ] - - -md__focus__placeholder_gray_100 : Css.Style -md__focus__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#f7fafc") - ] - ] - ] - - -md__focus__placeholder_gray_200 : Css.Style -md__focus__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#edf2f7") - ] - ] - ] - - -md__focus__placeholder_gray_300 : Css.Style -md__focus__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#e2e8f0") - ] - ] - ] - - -md__focus__placeholder_gray_400 : Css.Style -md__focus__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#cbd5e0") - ] - ] - ] - - -md__focus__placeholder_gray_500 : Css.Style -md__focus__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#a0aec0") - ] - ] - ] - - -md__focus__placeholder_gray_600 : Css.Style -md__focus__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#718096") - ] - ] - ] - - -md__focus__placeholder_gray_700 : Css.Style -md__focus__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#4a5568") - ] - ] - ] - - -md__focus__placeholder_gray_800 : Css.Style -md__focus__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#2d3748") - ] - ] - ] - - -md__focus__placeholder_gray_900 : Css.Style -md__focus__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#1a202c") - ] - ] - ] - - -md__focus__placeholder_red_100 : Css.Style -md__focus__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f5") - ] - ] - ] - - -md__focus__placeholder_red_200 : Css.Style -md__focus__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7d7") - ] - ] - ] - - -md__focus__placeholder_red_300 : Css.Style -md__focus__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#feb2b2") - ] - ] - ] - - -md__focus__placeholder_red_400 : Css.Style -md__focus__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fc8181") - ] - ] - ] - - -md__focus__placeholder_red_500 : Css.Style -md__focus__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#f56565") - ] - ] - ] - - -md__focus__placeholder_red_600 : Css.Style -md__focus__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#e53e3e") - ] - ] - ] - - -md__focus__placeholder_red_700 : Css.Style -md__focus__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#c53030") - ] - ] - ] - - -md__focus__placeholder_red_800 : Css.Style -md__focus__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#9b2c2c") - ] - ] - ] - - -md__focus__placeholder_red_900 : Css.Style -md__focus__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#742a2a") - ] - ] - ] - - -md__focus__placeholder_orange_100 : Css.Style -md__focus__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffaf0") - ] - ] - ] - - -md__focus__placeholder_orange_200 : Css.Style -md__focus__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#feebc8") - ] - ] - ] - - -md__focus__placeholder_orange_300 : Css.Style -md__focus__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbd38d") - ] - ] - ] - - -md__focus__placeholder_orange_400 : Css.Style -md__focus__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6ad55") - ] - ] - ] - - -md__focus__placeholder_orange_500 : Css.Style -md__focus__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed8936") - ] - ] - ] - - -md__focus__placeholder_orange_600 : Css.Style -md__focus__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#dd6b20") - ] - ] - ] - - -md__focus__placeholder_orange_700 : Css.Style -md__focus__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#c05621") - ] - ] - ] - - -md__focus__placeholder_orange_800 : Css.Style -md__focus__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#9c4221") - ] - ] - ] - - -md__focus__placeholder_orange_900 : Css.Style -md__focus__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#7b341e") - ] - ] - ] - - -md__focus__placeholder_yellow_100 : Css.Style -md__focus__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffff0") - ] - ] - ] - - -md__focus__placeholder_yellow_200 : Css.Style -md__focus__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fefcbf") - ] - ] - ] - - -md__focus__placeholder_yellow_300 : Css.Style -md__focus__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf089") - ] - ] - ] - - -md__focus__placeholder_yellow_400 : Css.Style -md__focus__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6e05e") - ] - ] - ] - - -md__focus__placeholder_yellow_500 : Css.Style -md__focus__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#ecc94b") - ] - ] - ] - - -md__focus__placeholder_yellow_600 : Css.Style -md__focus__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#d69e2e") - ] - ] - ] - - -md__focus__placeholder_yellow_700 : Css.Style -md__focus__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#b7791f") - ] - ] - ] - - -md__focus__placeholder_yellow_800 : Css.Style -md__focus__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#975a16") - ] - ] - ] - - -md__focus__placeholder_yellow_900 : Css.Style -md__focus__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#744210") - ] - ] - ] - - -md__focus__placeholder_green_100 : Css.Style -md__focus__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#f0fff4") - ] - ] - ] - - -md__focus__placeholder_green_200 : Css.Style -md__focus__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#c6f6d5") - ] - ] - ] - - -md__focus__placeholder_green_300 : Css.Style -md__focus__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#9ae6b4") - ] - ] - ] - - -md__focus__placeholder_green_400 : Css.Style -md__focus__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#68d391") - ] - ] - ] - - -md__focus__placeholder_green_500 : Css.Style -md__focus__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#48bb78") - ] - ] - ] - - -md__focus__placeholder_green_600 : Css.Style -md__focus__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#38a169") - ] - ] - ] - - -md__focus__placeholder_green_700 : Css.Style -md__focus__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#2f855a") - ] - ] - ] - - -md__focus__placeholder_green_800 : Css.Style -md__focus__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#276749") - ] - ] - ] - - -md__focus__placeholder_green_900 : Css.Style -md__focus__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#22543d") - ] - ] - ] - - -md__focus__placeholder_teal_100 : Css.Style -md__focus__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#e6fffa") - ] - ] - ] - - -md__focus__placeholder_teal_200 : Css.Style -md__focus__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#b2f5ea") - ] - ] - ] - - -md__focus__placeholder_teal_300 : Css.Style -md__focus__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#81e6d9") - ] - ] - ] - - -md__focus__placeholder_teal_400 : Css.Style -md__focus__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#4fd1c5") - ] - ] - ] - - -md__focus__placeholder_teal_500 : Css.Style -md__focus__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#38b2ac") - ] - ] - ] - - -md__focus__placeholder_teal_600 : Css.Style -md__focus__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#319795") - ] - ] - ] - - -md__focus__placeholder_teal_700 : Css.Style -md__focus__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c7a7b") - ] - ] - ] - - -md__focus__placeholder_teal_800 : Css.Style -md__focus__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#285e61") - ] - ] - ] - - -md__focus__placeholder_teal_900 : Css.Style -md__focus__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#234e52") - ] - ] - ] - - -md__focus__placeholder_blue_100 : Css.Style -md__focus__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf8ff") - ] - ] - ] - - -md__focus__placeholder_blue_200 : Css.Style -md__focus__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#bee3f8") - ] - ] - ] - - -md__focus__placeholder_blue_300 : Css.Style -md__focus__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#90cdf4") - ] - ] - ] - - -md__focus__placeholder_blue_400 : Css.Style -md__focus__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#63b3ed") - ] - ] - ] - - -md__focus__placeholder_blue_500 : Css.Style -md__focus__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#4299e1") - ] - ] - ] - - -md__focus__placeholder_blue_600 : Css.Style -md__focus__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#3182ce") - ] - ] - ] - - -md__focus__placeholder_blue_700 : Css.Style -md__focus__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#2b6cb0") - ] - ] - ] - - -md__focus__placeholder_blue_800 : Css.Style -md__focus__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c5282") - ] - ] - ] - - -md__focus__placeholder_blue_900 : Css.Style -md__focus__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#2a4365") - ] - ] - ] - - -md__focus__placeholder_indigo_100 : Css.Style -md__focus__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf4ff") - ] - ] - ] - - -md__focus__placeholder_indigo_200 : Css.Style -md__focus__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#c3dafe") - ] - ] - ] - - -md__focus__placeholder_indigo_300 : Css.Style -md__focus__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#a3bffa") - ] - ] - ] - - -md__focus__placeholder_indigo_400 : Css.Style -md__focus__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#7f9cf5") - ] - ] - ] - - -md__focus__placeholder_indigo_500 : Css.Style -md__focus__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#667eea") - ] - ] - ] - - -md__focus__placeholder_indigo_600 : Css.Style -md__focus__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#5a67d8") - ] - ] - ] - - -md__focus__placeholder_indigo_700 : Css.Style -md__focus__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#4c51bf") - ] - ] - ] - - -md__focus__placeholder_indigo_800 : Css.Style -md__focus__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#434190") - ] - ] - ] - - -md__focus__placeholder_indigo_900 : Css.Style -md__focus__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#3c366b") - ] - ] - ] - - -md__focus__placeholder_purple_100 : Css.Style -md__focus__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf5ff") - ] - ] - ] - - -md__focus__placeholder_purple_200 : Css.Style -md__focus__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#e9d8fd") - ] - ] - ] - - -md__focus__placeholder_purple_300 : Css.Style -md__focus__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#d6bcfa") - ] - ] - ] - - -md__focus__placeholder_purple_400 : Css.Style -md__focus__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#b794f4") - ] - ] - ] - - -md__focus__placeholder_purple_500 : Css.Style -md__focus__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#9f7aea") - ] - ] - ] - - -md__focus__placeholder_purple_600 : Css.Style -md__focus__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#805ad5") - ] - ] - ] - - -md__focus__placeholder_purple_700 : Css.Style -md__focus__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#6b46c1") - ] - ] - ] - - -md__focus__placeholder_purple_800 : Css.Style -md__focus__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#553c9a") - ] - ] - ] - - -md__focus__placeholder_purple_900 : Css.Style -md__focus__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#44337a") - ] - ] - ] - - -md__focus__placeholder_pink_100 : Css.Style -md__focus__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f7") - ] - ] - ] - - -md__focus__placeholder_pink_200 : Css.Style -md__focus__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7e2") - ] - ] - ] - - -md__focus__placeholder_pink_300 : Css.Style -md__focus__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbb6ce") - ] - ] - ] - - -md__focus__placeholder_pink_400 : Css.Style -md__focus__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#f687b3") - ] - ] - ] - - -md__focus__placeholder_pink_500 : Css.Style -md__focus__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed64a6") - ] - ] - ] - - -md__focus__placeholder_pink_600 : Css.Style -md__focus__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#d53f8c") - ] - ] - ] - - -md__focus__placeholder_pink_700 : Css.Style -md__focus__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#b83280") - ] - ] - ] - - -md__focus__placeholder_pink_800 : Css.Style -md__focus__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#97266d") - ] - ] - ] - - -md__focus__placeholder_pink_900 : Css.Style -md__focus__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#702459") - ] - ] - ] - - -md__pointer_events_none : Css.Style -md__pointer_events_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.pointerEvents Css.none - ] - ] - - -md__pointer_events_auto : Css.Style -md__pointer_events_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.pointerEvents Css.auto - ] - ] - - -md__static : Css.Style -md__static = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.position Css.static - ] - ] - - -md__fixed : Css.Style -md__fixed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.position Css.fixed - ] - ] - - -md__absolute : Css.Style -md__absolute = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.position Css.absolute - ] - ] - - -md__relative : Css.Style -md__relative = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.position Css.relative - ] - ] - - -md__sticky : Css.Style -md__sticky = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.position Css.sticky - ] - ] - - -md__inset_0 : Css.Style -md__inset_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.top (Css.px 0) - , Css.right (Css.px 0) - , Css.bottom (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -md__inset_auto : Css.Style -md__inset_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.top Css.auto - , Css.right Css.auto - , Css.bottom Css.auto - , Css.left Css.auto - ] - ] - - -md__inset_y_0 : Css.Style -md__inset_y_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.top (Css.px 0) - , Css.bottom (Css.px 0) - ] - ] - - -md__inset_x_0 : Css.Style -md__inset_x_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.right (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -md__inset_y_auto : Css.Style -md__inset_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.top Css.auto - , Css.bottom Css.auto - ] - ] - - -md__inset_x_auto : Css.Style -md__inset_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.right Css.auto - , Css.left Css.auto - ] - ] - - -md__top_0 : Css.Style -md__top_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.top (Css.px 0) - ] - ] - - -md__right_0 : Css.Style -md__right_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.right (Css.px 0) - ] - ] - - -md__bottom_0 : Css.Style -md__bottom_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.bottom (Css.px 0) - ] - ] - - -md__left_0 : Css.Style -md__left_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.left (Css.px 0) - ] - ] - - -md__top_auto : Css.Style -md__top_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.top Css.auto - ] - ] - - -md__right_auto : Css.Style -md__right_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.right Css.auto - ] - ] - - -md__bottom_auto : Css.Style -md__bottom_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.bottom Css.auto - ] - ] - - -md__left_auto : Css.Style -md__left_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.left Css.auto - ] - ] - - -md__resize_none : Css.Style -md__resize_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.resize Css.none - ] - ] - - -md__resize_y : Css.Style -md__resize_y = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.resize Css.vertical - ] - ] - - -md__resize_x : Css.Style -md__resize_x = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.resize Css.horizontal - ] - ] - - -md__resize : Css.Style -md__resize = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.resize Css.both - ] - ] - - -md__shadow_xs : Css.Style -md__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - - -md__shadow_sm : Css.Style -md__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - - -md__shadow : Css.Style -md__shadow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - - -md__shadow_md : Css.Style -md__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - - -md__shadow_lg : Css.Style -md__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - - -md__shadow_xl : Css.Style -md__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - - -md__shadow_2xl : Css.Style -md__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - - -md__shadow_inner : Css.Style -md__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - - -md__shadow_outline : Css.Style -md__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - - -md__shadow_none : Css.Style -md__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "box-shadow" "none" - ] - ] - - -md__hover__shadow_xs : Css.Style -md__hover__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -md__hover__shadow_sm : Css.Style -md__hover__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -md__hover__shadow : Css.Style -md__hover__shadow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -md__hover__shadow_md : Css.Style -md__hover__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -md__hover__shadow_lg : Css.Style -md__hover__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -md__hover__shadow_xl : Css.Style -md__hover__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - ] - - -md__hover__shadow_2xl : Css.Style -md__hover__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - ] - - -md__hover__shadow_inner : Css.Style -md__hover__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -md__hover__shadow_outline : Css.Style -md__hover__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - ] - - -md__hover__shadow_none : Css.Style -md__hover__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.property "box-shadow" "none" - ] - ] - ] - - -md__focus__shadow_xs : Css.Style -md__focus__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -md__focus__shadow_sm : Css.Style -md__focus__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -md__focus__shadow : Css.Style -md__focus__shadow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -md__focus__shadow_md : Css.Style -md__focus__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -md__focus__shadow_lg : Css.Style -md__focus__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -md__focus__shadow_xl : Css.Style -md__focus__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - ] - - -md__focus__shadow_2xl : Css.Style -md__focus__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - ] - - -md__focus__shadow_inner : Css.Style -md__focus__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -md__focus__shadow_outline : Css.Style -md__focus__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - ] - - -md__focus__shadow_none : Css.Style -md__focus__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.property "box-shadow" "none" - ] - ] - ] - - -md__fill_current : Css.Style -md__fill_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fill Css.currentColor - ] - ] - - -md__stroke_current : Css.Style -md__stroke_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "stroke" "currentColor" - ] - ] - - -md__stroke_0 : Css.Style -md__stroke_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "stroke-width" "0" - ] - ] - - -md__stroke_1 : Css.Style -md__stroke_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "stroke-width" "1" - ] - ] - - -md__stroke_2 : Css.Style -md__stroke_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "stroke-width" "2" - ] - ] - - -md__table_auto : Css.Style -md__table_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.tableLayout Css.auto - ] - ] - - -md__table_fixed : Css.Style -md__table_fixed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.tableLayout Css.fixed - ] - ] - - -md__text_left : Css.Style -md__text_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.textAlign Css.left - ] - ] - - -md__text_center : Css.Style -md__text_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.textAlign Css.center - ] - ] - - -md__text_right : Css.Style -md__text_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.textAlign Css.right - ] - ] - - -md__text_justify : Css.Style -md__text_justify = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.textAlign Css.justify - ] - ] - - -md__text_transparent : Css.Style -md__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color Css.transparent - ] - ] - - -md__text_current : Css.Style -md__text_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color Css.currentColor - ] - ] - - -md__text_black : Css.Style -md__text_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#000") - ] - ] - - -md__text_white : Css.Style -md__text_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fff") - ] - ] - - -md__text_gray_100 : Css.Style -md__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#f7fafc") - ] - ] - - -md__text_gray_200 : Css.Style -md__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#edf2f7") - ] - ] - - -md__text_gray_300 : Css.Style -md__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#e2e8f0") - ] - ] - - -md__text_gray_400 : Css.Style -md__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#cbd5e0") - ] - ] - - -md__text_gray_500 : Css.Style -md__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#a0aec0") - ] - ] - - -md__text_gray_600 : Css.Style -md__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#718096") - ] - ] - - -md__text_gray_700 : Css.Style -md__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#4a5568") - ] - ] - - -md__text_gray_800 : Css.Style -md__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#2d3748") - ] - ] - - -md__text_gray_900 : Css.Style -md__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#1a202c") - ] - ] - - -md__text_red_100 : Css.Style -md__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fff5f5") - ] - ] - - -md__text_red_200 : Css.Style -md__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fed7d7") - ] - ] - - -md__text_red_300 : Css.Style -md__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#feb2b2") - ] - ] - - -md__text_red_400 : Css.Style -md__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fc8181") - ] - ] - - -md__text_red_500 : Css.Style -md__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#f56565") - ] - ] - - -md__text_red_600 : Css.Style -md__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#e53e3e") - ] - ] - - -md__text_red_700 : Css.Style -md__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#c53030") - ] - ] - - -md__text_red_800 : Css.Style -md__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#9b2c2c") - ] - ] - - -md__text_red_900 : Css.Style -md__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#742a2a") - ] - ] - - -md__text_orange_100 : Css.Style -md__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fffaf0") - ] - ] - - -md__text_orange_200 : Css.Style -md__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#feebc8") - ] - ] - - -md__text_orange_300 : Css.Style -md__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fbd38d") - ] - ] - - -md__text_orange_400 : Css.Style -md__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#f6ad55") - ] - ] - - -md__text_orange_500 : Css.Style -md__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#ed8936") - ] - ] - - -md__text_orange_600 : Css.Style -md__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#dd6b20") - ] - ] - - -md__text_orange_700 : Css.Style -md__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#c05621") - ] - ] - - -md__text_orange_800 : Css.Style -md__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#9c4221") - ] - ] - - -md__text_orange_900 : Css.Style -md__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#7b341e") - ] - ] - - -md__text_yellow_100 : Css.Style -md__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fffff0") - ] - ] - - -md__text_yellow_200 : Css.Style -md__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fefcbf") - ] - ] - - -md__text_yellow_300 : Css.Style -md__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#faf089") - ] - ] - - -md__text_yellow_400 : Css.Style -md__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#f6e05e") - ] - ] - - -md__text_yellow_500 : Css.Style -md__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#ecc94b") - ] - ] - - -md__text_yellow_600 : Css.Style -md__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#d69e2e") - ] - ] - - -md__text_yellow_700 : Css.Style -md__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#b7791f") - ] - ] - - -md__text_yellow_800 : Css.Style -md__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#975a16") - ] - ] - - -md__text_yellow_900 : Css.Style -md__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#744210") - ] - ] - - -md__text_green_100 : Css.Style -md__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#f0fff4") - ] - ] - - -md__text_green_200 : Css.Style -md__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#c6f6d5") - ] - ] - - -md__text_green_300 : Css.Style -md__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#9ae6b4") - ] - ] - - -md__text_green_400 : Css.Style -md__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#68d391") - ] - ] - - -md__text_green_500 : Css.Style -md__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#48bb78") - ] - ] - - -md__text_green_600 : Css.Style -md__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#38a169") - ] - ] - - -md__text_green_700 : Css.Style -md__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#2f855a") - ] - ] - - -md__text_green_800 : Css.Style -md__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#276749") - ] - ] - - -md__text_green_900 : Css.Style -md__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#22543d") - ] - ] - - -md__text_teal_100 : Css.Style -md__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#e6fffa") - ] - ] - - -md__text_teal_200 : Css.Style -md__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#b2f5ea") - ] - ] - - -md__text_teal_300 : Css.Style -md__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#81e6d9") - ] - ] - - -md__text_teal_400 : Css.Style -md__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#4fd1c5") - ] - ] - - -md__text_teal_500 : Css.Style -md__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#38b2ac") - ] - ] - - -md__text_teal_600 : Css.Style -md__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#319795") - ] - ] - - -md__text_teal_700 : Css.Style -md__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#2c7a7b") - ] - ] - - -md__text_teal_800 : Css.Style -md__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#285e61") - ] - ] - - -md__text_teal_900 : Css.Style -md__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#234e52") - ] - ] - - -md__text_blue_100 : Css.Style -md__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#ebf8ff") - ] - ] - - -md__text_blue_200 : Css.Style -md__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#bee3f8") - ] - ] - - -md__text_blue_300 : Css.Style -md__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#90cdf4") - ] - ] - - -md__text_blue_400 : Css.Style -md__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#63b3ed") - ] - ] - - -md__text_blue_500 : Css.Style -md__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#4299e1") - ] - ] - - -md__text_blue_600 : Css.Style -md__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#3182ce") - ] - ] - - -md__text_blue_700 : Css.Style -md__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#2b6cb0") - ] - ] - - -md__text_blue_800 : Css.Style -md__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#2c5282") - ] - ] - - -md__text_blue_900 : Css.Style -md__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#2a4365") - ] - ] - - -md__text_indigo_100 : Css.Style -md__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#ebf4ff") - ] - ] - - -md__text_indigo_200 : Css.Style -md__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#c3dafe") - ] - ] - - -md__text_indigo_300 : Css.Style -md__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#a3bffa") - ] - ] - - -md__text_indigo_400 : Css.Style -md__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#7f9cf5") - ] - ] - - -md__text_indigo_500 : Css.Style -md__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#667eea") - ] - ] - - -md__text_indigo_600 : Css.Style -md__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#5a67d8") - ] - ] - - -md__text_indigo_700 : Css.Style -md__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#4c51bf") - ] - ] - - -md__text_indigo_800 : Css.Style -md__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#434190") - ] - ] - - -md__text_indigo_900 : Css.Style -md__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#3c366b") - ] - ] - - -md__text_purple_100 : Css.Style -md__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#faf5ff") - ] - ] - - -md__text_purple_200 : Css.Style -md__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#e9d8fd") - ] - ] - - -md__text_purple_300 : Css.Style -md__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#d6bcfa") - ] - ] - - -md__text_purple_400 : Css.Style -md__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#b794f4") - ] - ] - - -md__text_purple_500 : Css.Style -md__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#9f7aea") - ] - ] - - -md__text_purple_600 : Css.Style -md__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#805ad5") - ] - ] - - -md__text_purple_700 : Css.Style -md__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#6b46c1") - ] - ] - - -md__text_purple_800 : Css.Style -md__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#553c9a") - ] - ] - - -md__text_purple_900 : Css.Style -md__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#44337a") - ] - ] - - -md__text_pink_100 : Css.Style -md__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fff5f7") - ] - ] - - -md__text_pink_200 : Css.Style -md__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fed7e2") - ] - ] - - -md__text_pink_300 : Css.Style -md__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#fbb6ce") - ] - ] - - -md__text_pink_400 : Css.Style -md__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#f687b3") - ] - ] - - -md__text_pink_500 : Css.Style -md__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#ed64a6") - ] - ] - - -md__text_pink_600 : Css.Style -md__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#d53f8c") - ] - ] - - -md__text_pink_700 : Css.Style -md__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#b83280") - ] - ] - - -md__text_pink_800 : Css.Style -md__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#97266d") - ] - ] - - -md__text_pink_900 : Css.Style -md__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.color (Css.hex "#702459") - ] - ] - - -md__hover__text_transparent : Css.Style -md__hover__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color Css.transparent - ] - ] - ] - - -md__hover__text_current : Css.Style -md__hover__text_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color Css.currentColor - ] - ] - ] - - -md__hover__text_black : Css.Style -md__hover__text_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#000") - ] - ] - ] - - -md__hover__text_white : Css.Style -md__hover__text_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#fff") - ] - ] - ] - - -md__hover__text_gray_100 : Css.Style -md__hover__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#f7fafc") - ] - ] - ] - - -md__hover__text_gray_200 : Css.Style -md__hover__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#edf2f7") - ] - ] - ] - - -md__hover__text_gray_300 : Css.Style -md__hover__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#e2e8f0") - ] - ] - ] - - -md__hover__text_gray_400 : Css.Style -md__hover__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#cbd5e0") - ] - ] - ] - - -md__hover__text_gray_500 : Css.Style -md__hover__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#a0aec0") - ] - ] - ] - - -md__hover__text_gray_600 : Css.Style -md__hover__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#718096") - ] - ] - ] - - -md__hover__text_gray_700 : Css.Style -md__hover__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#4a5568") - ] - ] - ] - - -md__hover__text_gray_800 : Css.Style -md__hover__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#2d3748") - ] - ] - ] - - -md__hover__text_gray_900 : Css.Style -md__hover__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#1a202c") - ] - ] - ] - - -md__hover__text_red_100 : Css.Style -md__hover__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#fff5f5") - ] - ] - ] - - -md__hover__text_red_200 : Css.Style -md__hover__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#fed7d7") - ] - ] - ] - - -md__hover__text_red_300 : Css.Style -md__hover__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#feb2b2") - ] - ] - ] - - -md__hover__text_red_400 : Css.Style -md__hover__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#fc8181") - ] - ] - ] - - -md__hover__text_red_500 : Css.Style -md__hover__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#f56565") - ] - ] - ] - - -md__hover__text_red_600 : Css.Style -md__hover__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#e53e3e") - ] - ] - ] - - -md__hover__text_red_700 : Css.Style -md__hover__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#c53030") - ] - ] - ] - - -md__hover__text_red_800 : Css.Style -md__hover__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#9b2c2c") - ] - ] - ] - - -md__hover__text_red_900 : Css.Style -md__hover__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#742a2a") - ] - ] - ] - - -md__hover__text_orange_100 : Css.Style -md__hover__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#fffaf0") - ] - ] - ] - - -md__hover__text_orange_200 : Css.Style -md__hover__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#feebc8") - ] - ] - ] - - -md__hover__text_orange_300 : Css.Style -md__hover__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#fbd38d") - ] - ] - ] - - -md__hover__text_orange_400 : Css.Style -md__hover__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#f6ad55") - ] - ] - ] - - -md__hover__text_orange_500 : Css.Style -md__hover__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#ed8936") - ] - ] - ] - - -md__hover__text_orange_600 : Css.Style -md__hover__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#dd6b20") - ] - ] - ] - - -md__hover__text_orange_700 : Css.Style -md__hover__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#c05621") - ] - ] - ] - - -md__hover__text_orange_800 : Css.Style -md__hover__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#9c4221") - ] - ] - ] - - -md__hover__text_orange_900 : Css.Style -md__hover__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#7b341e") - ] - ] - ] - - -md__hover__text_yellow_100 : Css.Style -md__hover__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#fffff0") - ] - ] - ] - - -md__hover__text_yellow_200 : Css.Style -md__hover__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#fefcbf") - ] - ] - ] - - -md__hover__text_yellow_300 : Css.Style -md__hover__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#faf089") - ] - ] - ] - - -md__hover__text_yellow_400 : Css.Style -md__hover__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#f6e05e") - ] - ] - ] - - -md__hover__text_yellow_500 : Css.Style -md__hover__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#ecc94b") - ] - ] - ] - - -md__hover__text_yellow_600 : Css.Style -md__hover__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#d69e2e") - ] - ] - ] - - -md__hover__text_yellow_700 : Css.Style -md__hover__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#b7791f") - ] - ] - ] - - -md__hover__text_yellow_800 : Css.Style -md__hover__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#975a16") - ] - ] - ] - - -md__hover__text_yellow_900 : Css.Style -md__hover__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#744210") - ] - ] - ] - - -md__hover__text_green_100 : Css.Style -md__hover__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#f0fff4") - ] - ] - ] - - -md__hover__text_green_200 : Css.Style -md__hover__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#c6f6d5") - ] - ] - ] - - -md__hover__text_green_300 : Css.Style -md__hover__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#9ae6b4") - ] - ] - ] - - -md__hover__text_green_400 : Css.Style -md__hover__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#68d391") - ] - ] - ] - - -md__hover__text_green_500 : Css.Style -md__hover__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#48bb78") - ] - ] - ] - - -md__hover__text_green_600 : Css.Style -md__hover__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#38a169") - ] - ] - ] - - -md__hover__text_green_700 : Css.Style -md__hover__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#2f855a") - ] - ] - ] - - -md__hover__text_green_800 : Css.Style -md__hover__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#276749") - ] - ] - ] - - -md__hover__text_green_900 : Css.Style -md__hover__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#22543d") - ] - ] - ] - - -md__hover__text_teal_100 : Css.Style -md__hover__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#e6fffa") - ] - ] - ] - - -md__hover__text_teal_200 : Css.Style -md__hover__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#b2f5ea") - ] - ] - ] - - -md__hover__text_teal_300 : Css.Style -md__hover__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#81e6d9") - ] - ] - ] - - -md__hover__text_teal_400 : Css.Style -md__hover__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#4fd1c5") - ] - ] - ] - - -md__hover__text_teal_500 : Css.Style -md__hover__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#38b2ac") - ] - ] - ] - - -md__hover__text_teal_600 : Css.Style -md__hover__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#319795") - ] - ] - ] - - -md__hover__text_teal_700 : Css.Style -md__hover__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#2c7a7b") - ] - ] - ] - - -md__hover__text_teal_800 : Css.Style -md__hover__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#285e61") - ] - ] - ] - - -md__hover__text_teal_900 : Css.Style -md__hover__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#234e52") - ] - ] - ] - - -md__hover__text_blue_100 : Css.Style -md__hover__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#ebf8ff") - ] - ] - ] - - -md__hover__text_blue_200 : Css.Style -md__hover__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#bee3f8") - ] - ] - ] - - -md__hover__text_blue_300 : Css.Style -md__hover__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#90cdf4") - ] - ] - ] - - -md__hover__text_blue_400 : Css.Style -md__hover__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#63b3ed") - ] - ] - ] - - -md__hover__text_blue_500 : Css.Style -md__hover__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#4299e1") - ] - ] - ] - - -md__hover__text_blue_600 : Css.Style -md__hover__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#3182ce") - ] - ] - ] - - -md__hover__text_blue_700 : Css.Style -md__hover__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#2b6cb0") - ] - ] - ] - - -md__hover__text_blue_800 : Css.Style -md__hover__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#2c5282") - ] - ] - ] - - -md__hover__text_blue_900 : Css.Style -md__hover__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#2a4365") - ] - ] - ] - - -md__hover__text_indigo_100 : Css.Style -md__hover__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#ebf4ff") - ] - ] - ] - - -md__hover__text_indigo_200 : Css.Style -md__hover__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#c3dafe") - ] - ] - ] - - -md__hover__text_indigo_300 : Css.Style -md__hover__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#a3bffa") - ] - ] - ] - - -md__hover__text_indigo_400 : Css.Style -md__hover__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#7f9cf5") - ] - ] - ] - - -md__hover__text_indigo_500 : Css.Style -md__hover__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#667eea") - ] - ] - ] - - -md__hover__text_indigo_600 : Css.Style -md__hover__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#5a67d8") - ] - ] - ] - - -md__hover__text_indigo_700 : Css.Style -md__hover__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#4c51bf") - ] - ] - ] - - -md__hover__text_indigo_800 : Css.Style -md__hover__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#434190") - ] - ] - ] - - -md__hover__text_indigo_900 : Css.Style -md__hover__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#3c366b") - ] - ] - ] - - -md__hover__text_purple_100 : Css.Style -md__hover__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#faf5ff") - ] - ] - ] - - -md__hover__text_purple_200 : Css.Style -md__hover__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#e9d8fd") - ] - ] - ] - - -md__hover__text_purple_300 : Css.Style -md__hover__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#d6bcfa") - ] - ] - ] - - -md__hover__text_purple_400 : Css.Style -md__hover__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#b794f4") - ] - ] - ] - - -md__hover__text_purple_500 : Css.Style -md__hover__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#9f7aea") - ] - ] - ] - - -md__hover__text_purple_600 : Css.Style -md__hover__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#805ad5") - ] - ] - ] - - -md__hover__text_purple_700 : Css.Style -md__hover__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#6b46c1") - ] - ] - ] - - -md__hover__text_purple_800 : Css.Style -md__hover__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#553c9a") - ] - ] - ] - - -md__hover__text_purple_900 : Css.Style -md__hover__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#44337a") - ] - ] - ] - - -md__hover__text_pink_100 : Css.Style -md__hover__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#fff5f7") - ] - ] - ] - - -md__hover__text_pink_200 : Css.Style -md__hover__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#fed7e2") - ] - ] - ] - - -md__hover__text_pink_300 : Css.Style -md__hover__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#fbb6ce") - ] - ] - ] - - -md__hover__text_pink_400 : Css.Style -md__hover__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#f687b3") - ] - ] - ] - - -md__hover__text_pink_500 : Css.Style -md__hover__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#ed64a6") - ] - ] - ] - - -md__hover__text_pink_600 : Css.Style -md__hover__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#d53f8c") - ] - ] - ] - - -md__hover__text_pink_700 : Css.Style -md__hover__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#b83280") - ] - ] - ] - - -md__hover__text_pink_800 : Css.Style -md__hover__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#97266d") - ] - ] - ] - - -md__hover__text_pink_900 : Css.Style -md__hover__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.color (Css.hex "#702459") - ] - ] - ] - - -md__focus__text_transparent : Css.Style -md__focus__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -md__focus__text_current : Css.Style -md__focus__text_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -md__focus__text_black : Css.Style -md__focus__text_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#000") - ] - ] - ] - - -md__focus__text_white : Css.Style -md__focus__text_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff") - ] - ] - ] - - -md__focus__text_gray_100 : Css.Style -md__focus__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#f7fafc") - ] - ] - ] - - -md__focus__text_gray_200 : Css.Style -md__focus__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#edf2f7") - ] - ] - ] - - -md__focus__text_gray_300 : Css.Style -md__focus__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#e2e8f0") - ] - ] - ] - - -md__focus__text_gray_400 : Css.Style -md__focus__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#cbd5e0") - ] - ] - ] - - -md__focus__text_gray_500 : Css.Style -md__focus__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#a0aec0") - ] - ] - ] - - -md__focus__text_gray_600 : Css.Style -md__focus__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#718096") - ] - ] - ] - - -md__focus__text_gray_700 : Css.Style -md__focus__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#4a5568") - ] - ] - ] - - -md__focus__text_gray_800 : Css.Style -md__focus__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#2d3748") - ] - ] - ] - - -md__focus__text_gray_900 : Css.Style -md__focus__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#1a202c") - ] - ] - ] - - -md__focus__text_red_100 : Css.Style -md__focus__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f5") - ] - ] - ] - - -md__focus__text_red_200 : Css.Style -md__focus__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7d7") - ] - ] - ] - - -md__focus__text_red_300 : Css.Style -md__focus__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#feb2b2") - ] - ] - ] - - -md__focus__text_red_400 : Css.Style -md__focus__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fc8181") - ] - ] - ] - - -md__focus__text_red_500 : Css.Style -md__focus__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#f56565") - ] - ] - ] - - -md__focus__text_red_600 : Css.Style -md__focus__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#e53e3e") - ] - ] - ] - - -md__focus__text_red_700 : Css.Style -md__focus__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#c53030") - ] - ] - ] - - -md__focus__text_red_800 : Css.Style -md__focus__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#9b2c2c") - ] - ] - ] - - -md__focus__text_red_900 : Css.Style -md__focus__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#742a2a") - ] - ] - ] - - -md__focus__text_orange_100 : Css.Style -md__focus__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffaf0") - ] - ] - ] - - -md__focus__text_orange_200 : Css.Style -md__focus__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#feebc8") - ] - ] - ] - - -md__focus__text_orange_300 : Css.Style -md__focus__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbd38d") - ] - ] - ] - - -md__focus__text_orange_400 : Css.Style -md__focus__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6ad55") - ] - ] - ] - - -md__focus__text_orange_500 : Css.Style -md__focus__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed8936") - ] - ] - ] - - -md__focus__text_orange_600 : Css.Style -md__focus__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#dd6b20") - ] - ] - ] - - -md__focus__text_orange_700 : Css.Style -md__focus__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#c05621") - ] - ] - ] - - -md__focus__text_orange_800 : Css.Style -md__focus__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#9c4221") - ] - ] - ] - - -md__focus__text_orange_900 : Css.Style -md__focus__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#7b341e") - ] - ] - ] - - -md__focus__text_yellow_100 : Css.Style -md__focus__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffff0") - ] - ] - ] - - -md__focus__text_yellow_200 : Css.Style -md__focus__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fefcbf") - ] - ] - ] - - -md__focus__text_yellow_300 : Css.Style -md__focus__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf089") - ] - ] - ] - - -md__focus__text_yellow_400 : Css.Style -md__focus__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6e05e") - ] - ] - ] - - -md__focus__text_yellow_500 : Css.Style -md__focus__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#ecc94b") - ] - ] - ] - - -md__focus__text_yellow_600 : Css.Style -md__focus__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#d69e2e") - ] - ] - ] - - -md__focus__text_yellow_700 : Css.Style -md__focus__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#b7791f") - ] - ] - ] - - -md__focus__text_yellow_800 : Css.Style -md__focus__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#975a16") - ] - ] - ] - - -md__focus__text_yellow_900 : Css.Style -md__focus__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#744210") - ] - ] - ] - - -md__focus__text_green_100 : Css.Style -md__focus__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#f0fff4") - ] - ] - ] - - -md__focus__text_green_200 : Css.Style -md__focus__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#c6f6d5") - ] - ] - ] - - -md__focus__text_green_300 : Css.Style -md__focus__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#9ae6b4") - ] - ] - ] - - -md__focus__text_green_400 : Css.Style -md__focus__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#68d391") - ] - ] - ] - - -md__focus__text_green_500 : Css.Style -md__focus__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#48bb78") - ] - ] - ] - - -md__focus__text_green_600 : Css.Style -md__focus__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#38a169") - ] - ] - ] - - -md__focus__text_green_700 : Css.Style -md__focus__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#2f855a") - ] - ] - ] - - -md__focus__text_green_800 : Css.Style -md__focus__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#276749") - ] - ] - ] - - -md__focus__text_green_900 : Css.Style -md__focus__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#22543d") - ] - ] - ] - - -md__focus__text_teal_100 : Css.Style -md__focus__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#e6fffa") - ] - ] - ] - - -md__focus__text_teal_200 : Css.Style -md__focus__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#b2f5ea") - ] - ] - ] - - -md__focus__text_teal_300 : Css.Style -md__focus__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#81e6d9") - ] - ] - ] - - -md__focus__text_teal_400 : Css.Style -md__focus__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#4fd1c5") - ] - ] - ] - - -md__focus__text_teal_500 : Css.Style -md__focus__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#38b2ac") - ] - ] - ] - - -md__focus__text_teal_600 : Css.Style -md__focus__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#319795") - ] - ] - ] - - -md__focus__text_teal_700 : Css.Style -md__focus__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c7a7b") - ] - ] - ] - - -md__focus__text_teal_800 : Css.Style -md__focus__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#285e61") - ] - ] - ] - - -md__focus__text_teal_900 : Css.Style -md__focus__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#234e52") - ] - ] - ] - - -md__focus__text_blue_100 : Css.Style -md__focus__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf8ff") - ] - ] - ] - - -md__focus__text_blue_200 : Css.Style -md__focus__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#bee3f8") - ] - ] - ] - - -md__focus__text_blue_300 : Css.Style -md__focus__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#90cdf4") - ] - ] - ] - - -md__focus__text_blue_400 : Css.Style -md__focus__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#63b3ed") - ] - ] - ] - - -md__focus__text_blue_500 : Css.Style -md__focus__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#4299e1") - ] - ] - ] - - -md__focus__text_blue_600 : Css.Style -md__focus__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#3182ce") - ] - ] - ] - - -md__focus__text_blue_700 : Css.Style -md__focus__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#2b6cb0") - ] - ] - ] - - -md__focus__text_blue_800 : Css.Style -md__focus__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c5282") - ] - ] - ] - - -md__focus__text_blue_900 : Css.Style -md__focus__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#2a4365") - ] - ] - ] - - -md__focus__text_indigo_100 : Css.Style -md__focus__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf4ff") - ] - ] - ] - - -md__focus__text_indigo_200 : Css.Style -md__focus__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#c3dafe") - ] - ] - ] - - -md__focus__text_indigo_300 : Css.Style -md__focus__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#a3bffa") - ] - ] - ] - - -md__focus__text_indigo_400 : Css.Style -md__focus__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#7f9cf5") - ] - ] - ] - - -md__focus__text_indigo_500 : Css.Style -md__focus__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#667eea") - ] - ] - ] - - -md__focus__text_indigo_600 : Css.Style -md__focus__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#5a67d8") - ] - ] - ] - - -md__focus__text_indigo_700 : Css.Style -md__focus__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#4c51bf") - ] - ] - ] - - -md__focus__text_indigo_800 : Css.Style -md__focus__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#434190") - ] - ] - ] - - -md__focus__text_indigo_900 : Css.Style -md__focus__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#3c366b") - ] - ] - ] - - -md__focus__text_purple_100 : Css.Style -md__focus__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf5ff") - ] - ] - ] - - -md__focus__text_purple_200 : Css.Style -md__focus__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#e9d8fd") - ] - ] - ] - - -md__focus__text_purple_300 : Css.Style -md__focus__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#d6bcfa") - ] - ] - ] - - -md__focus__text_purple_400 : Css.Style -md__focus__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#b794f4") - ] - ] - ] - - -md__focus__text_purple_500 : Css.Style -md__focus__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#9f7aea") - ] - ] - ] - - -md__focus__text_purple_600 : Css.Style -md__focus__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#805ad5") - ] - ] - ] - - -md__focus__text_purple_700 : Css.Style -md__focus__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#6b46c1") - ] - ] - ] - - -md__focus__text_purple_800 : Css.Style -md__focus__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#553c9a") - ] - ] - ] - - -md__focus__text_purple_900 : Css.Style -md__focus__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#44337a") - ] - ] - ] - - -md__focus__text_pink_100 : Css.Style -md__focus__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f7") - ] - ] - ] - - -md__focus__text_pink_200 : Css.Style -md__focus__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7e2") - ] - ] - ] - - -md__focus__text_pink_300 : Css.Style -md__focus__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbb6ce") - ] - ] - ] - - -md__focus__text_pink_400 : Css.Style -md__focus__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#f687b3") - ] - ] - ] - - -md__focus__text_pink_500 : Css.Style -md__focus__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed64a6") - ] - ] - ] - - -md__focus__text_pink_600 : Css.Style -md__focus__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#d53f8c") - ] - ] - ] - - -md__focus__text_pink_700 : Css.Style -md__focus__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#b83280") - ] - ] - ] - - -md__focus__text_pink_800 : Css.Style -md__focus__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#97266d") - ] - ] - ] - - -md__focus__text_pink_900 : Css.Style -md__focus__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.color (Css.hex "#702459") - ] - ] - ] - - -md__italic : Css.Style -md__italic = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontStyle Css.italic - ] - ] - - -md__not_italic : Css.Style -md__not_italic = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.fontStyle Css.normal - ] - ] - - -md__uppercase : Css.Style -md__uppercase = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.textTransform Css.uppercase - ] - ] - - -md__lowercase : Css.Style -md__lowercase = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.textTransform Css.lowercase - ] - ] - - -md__capitalize : Css.Style -md__capitalize = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.textTransform Css.capitalize - ] - ] - - -md__normal_case : Css.Style -md__normal_case = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.textTransform Css.none - ] - ] - - -md__underline : Css.Style -md__underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.textDecoration Css.underline - ] - ] - - -md__line_through : Css.Style -md__line_through = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.textDecoration Css.lineThrough - ] - ] - - -md__no_underline : Css.Style -md__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.textDecoration Css.none - ] - ] - - -md__hover__underline : Css.Style -md__hover__underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.textDecoration Css.underline - ] - ] - ] - - -md__hover__line_through : Css.Style -md__hover__line_through = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -md__hover__no_underline : Css.Style -md__hover__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.hover - [ Css.textDecoration Css.none - ] - ] - ] - - -md__focus__underline : Css.Style -md__focus__underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.textDecoration Css.underline - ] - ] - ] - - -md__focus__line_through : Css.Style -md__focus__line_through = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -md__focus__no_underline : Css.Style -md__focus__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.focus - [ Css.textDecoration Css.none - ] - ] - ] - - -md__antialiased : Css.Style -md__antialiased = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "-webkit-font-smoothing" "antialiased" - , Css.property "-moz-osx-font-smoothing" "grayscale" - ] - ] - - -md__subpixel_antialiased : Css.Style -md__subpixel_antialiased = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "-webkit-font-smoothing" "auto" - , Css.property "-moz-osx-font-smoothing" "auto" - ] - ] - - -md__tracking_tighter : Css.Style -md__tracking_tighter = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.letterSpacing (Css.em -0.05) - ] - ] - - -md__tracking_tight : Css.Style -md__tracking_tight = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.letterSpacing (Css.em -0.025) - ] - ] - - -md__tracking_normal : Css.Style -md__tracking_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.letterSpacing (Css.px 0) - ] - ] - - -md__tracking_wide : Css.Style -md__tracking_wide = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.letterSpacing (Css.em 0.025) - ] - ] - - -md__tracking_wider : Css.Style -md__tracking_wider = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.letterSpacing (Css.em 0.05) - ] - ] - - -md__tracking_widest : Css.Style -md__tracking_widest = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.letterSpacing (Css.em 0.1) - ] - ] - - -md__select_none : Css.Style -md__select_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "user-select" "none" - ] - ] - - -md__select_text : Css.Style -md__select_text = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "user-select" "text" - ] - ] - - -md__select_all : Css.Style -md__select_all = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "user-select" "all" - ] - ] - - -md__select_auto : Css.Style -md__select_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "user-select" "auto" - ] - ] - - -md__align_baseline : Css.Style -md__align_baseline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.verticalAlign Css.baseline - ] - ] - - -md__align_top : Css.Style -md__align_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.verticalAlign Css.top - ] - ] - - -md__align_middle : Css.Style -md__align_middle = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.verticalAlign Css.middle - ] - ] - - -md__align_bottom : Css.Style -md__align_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.verticalAlign Css.bottom - ] - ] - - -md__align_text_top : Css.Style -md__align_text_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.verticalAlign Css.textTop - ] - ] - - -md__align_text_bottom : Css.Style -md__align_text_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.verticalAlign Css.textBottom - ] - ] - - -md__visible : Css.Style -md__visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.visibility Css.visible - ] - ] - - -md__invisible : Css.Style -md__invisible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.visibility Css.hidden - ] - ] - - -md__whitespace_normal : Css.Style -md__whitespace_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.whiteSpace Css.normal - ] - ] - - -md__whitespace_no_wrap : Css.Style -md__whitespace_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.whiteSpace Css.noWrap - ] - ] - - -md__whitespace_pre : Css.Style -md__whitespace_pre = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.whiteSpace Css.pre - ] - ] - - -md__whitespace_pre_line : Css.Style -md__whitespace_pre_line = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.whiteSpace Css.preLine - ] - ] - - -md__whitespace_pre_wrap : Css.Style -md__whitespace_pre_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.whiteSpace Css.preWrap - ] - ] - - -md__break_normal : Css.Style -md__break_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflowWrap Css.normal - , Css.property "word-break" "normal" - ] - ] - - -md__break_words : Css.Style -md__break_words = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflowWrap Css.breakWord - ] - ] - - -md__break_all : Css.Style -md__break_all = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "word-break" "break-all" - ] - ] - - -md__truncate : Css.Style -md__truncate = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.overflow Css.hidden - , Css.textOverflow Css.ellipsis - , Css.whiteSpace Css.noWrap - ] - ] - - -md__w_0 : Css.Style -md__w_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.px 0) - ] - ] - - -md__w_1 : Css.Style -md__w_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 0.25) - ] - ] - - -md__w_2 : Css.Style -md__w_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 0.5) - ] - ] - - -md__w_3 : Css.Style -md__w_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 0.75) - ] - ] - - -md__w_4 : Css.Style -md__w_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 1) - ] - ] - - -md__w_5 : Css.Style -md__w_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 1.25) - ] - ] - - -md__w_6 : Css.Style -md__w_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 1.5) - ] - ] - - -md__w_8 : Css.Style -md__w_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 2) - ] - ] - - -md__w_10 : Css.Style -md__w_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 2.5) - ] - ] - - -md__w_12 : Css.Style -md__w_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 3) - ] - ] - - -md__w_16 : Css.Style -md__w_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 4) - ] - ] - - -md__w_20 : Css.Style -md__w_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 5) - ] - ] - - -md__w_24 : Css.Style -md__w_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 6) - ] - ] - - -md__w_32 : Css.Style -md__w_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 8) - ] - ] - - -md__w_40 : Css.Style -md__w_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 10) - ] - ] - - -md__w_48 : Css.Style -md__w_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 12) - ] - ] - - -md__w_56 : Css.Style -md__w_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 14) - ] - ] - - -md__w_64 : Css.Style -md__w_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.rem 16) - ] - ] - - -md__w_auto : Css.Style -md__w_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width Css.auto - ] - ] - - -md__w_px : Css.Style -md__w_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.px 1) - ] - ] - - -md__w_1over2 : Css.Style -md__w_1over2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -md__w_1over3 : Css.Style -md__w_1over3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -md__w_2over3 : Css.Style -md__w_2over3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -md__w_1over4 : Css.Style -md__w_1over4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 25) - ] - ] - - -md__w_2over4 : Css.Style -md__w_2over4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -md__w_3over4 : Css.Style -md__w_3over4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 75) - ] - ] - - -md__w_1over5 : Css.Style -md__w_1over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 20) - ] - ] - - -md__w_2over5 : Css.Style -md__w_2over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 40) - ] - ] - - -md__w_3over5 : Css.Style -md__w_3over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 60) - ] - ] - - -md__w_4over5 : Css.Style -md__w_4over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 80) - ] - ] - - -md__w_1over6 : Css.Style -md__w_1over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -md__w_2over6 : Css.Style -md__w_2over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -md__w_3over6 : Css.Style -md__w_3over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -md__w_4over6 : Css.Style -md__w_4over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -md__w_5over6 : Css.Style -md__w_5over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -md__w_1over12 : Css.Style -md__w_1over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 8.333333) - ] - ] - - -md__w_2over12 : Css.Style -md__w_2over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -md__w_3over12 : Css.Style -md__w_3over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 25) - ] - ] - - -md__w_4over12 : Css.Style -md__w_4over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -md__w_5over12 : Css.Style -md__w_5over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 41.666667) - ] - ] - - -md__w_6over12 : Css.Style -md__w_6over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -md__w_7over12 : Css.Style -md__w_7over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 58.333333) - ] - ] - - -md__w_8over12 : Css.Style -md__w_8over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -md__w_9over12 : Css.Style -md__w_9over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 75) - ] - ] - - -md__w_10over12 : Css.Style -md__w_10over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -md__w_11over12 : Css.Style -md__w_11over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 91.666667) - ] - ] - - -md__w_full : Css.Style -md__w_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.pct 100) - ] - ] - - -md__w_screen : Css.Style -md__w_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.width (Css.vw 100) - ] - ] - - -md__z_0 : Css.Style -md__z_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.zIndex (Css.int 0) - ] - ] - - -md__z_10 : Css.Style -md__z_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.zIndex (Css.int 10) - ] - ] - - -md__z_20 : Css.Style -md__z_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.zIndex (Css.int 20) - ] - ] - - -md__z_30 : Css.Style -md__z_30 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.zIndex (Css.int 30) - ] - ] - - -md__z_40 : Css.Style -md__z_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.zIndex (Css.int 40) - ] - ] - - -md__z_50 : Css.Style -md__z_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.zIndex (Css.int 50) - ] - ] - - -md__z_auto : Css.Style -md__z_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.zIndex Css.auto - ] - ] - - -md__transform_none : Css.Style -md__transform_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.transform Css.none - ] - ] - - -md__origin_center : Css.Style -md__origin_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "transform-origin" "center" - ] - ] - - -md__origin_top : Css.Style -md__origin_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "transform-origin" "top" - ] - ] - - -md__origin_top_right : Css.Style -md__origin_top_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "transform-origin" "top right" - ] - ] - - -md__origin_right : Css.Style -md__origin_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "transform-origin" "right" - ] - ] - - -md__origin_bottom_right : Css.Style -md__origin_bottom_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "transform-origin" "bottom right" - ] - ] - - -md__origin_bottom : Css.Style -md__origin_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "transform-origin" "bottom" - ] - ] - - -md__origin_bottom_left : Css.Style -md__origin_bottom_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "transform-origin" "bottom left" - ] - ] - - -md__origin_left : Css.Style -md__origin_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "transform-origin" "left" - ] - ] - - -md__origin_top_left : Css.Style -md__origin_top_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 768px)" ] - [ Css.property "transform-origin" "top left" - ] - ] - - -lg__container : Css.Style -lg__container = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 100) - , Css.maxWidth (Css.px 640) - , Css.maxWidth (Css.px 768) - , Css.maxWidth (Css.px 1024) - , Css.maxWidth (Css.px 1280) - ] - ] - - -lg__divide_transparent : Css.Style -lg__divide_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor Css.transparent - ] - ] - - -lg__divide_current : Css.Style -lg__divide_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor Css.currentColor - ] - ] - - -lg__divide_black : Css.Style -lg__divide_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#000") - ] - ] - - -lg__divide_white : Css.Style -lg__divide_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fff") - ] - ] - - -lg__divide_gray_100 : Css.Style -lg__divide_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - - -lg__divide_gray_200 : Css.Style -lg__divide_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - - -lg__divide_gray_300 : Css.Style -lg__divide_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - - -lg__divide_gray_400 : Css.Style -lg__divide_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - - -lg__divide_gray_500 : Css.Style -lg__divide_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - - -lg__divide_gray_600 : Css.Style -lg__divide_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#718096") - ] - ] - - -lg__divide_gray_700 : Css.Style -lg__divide_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - - -lg__divide_gray_800 : Css.Style -lg__divide_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - - -lg__divide_gray_900 : Css.Style -lg__divide_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - - -lg__divide_red_100 : Css.Style -lg__divide_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - - -lg__divide_red_200 : Css.Style -lg__divide_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - - -lg__divide_red_300 : Css.Style -lg__divide_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - - -lg__divide_red_400 : Css.Style -lg__divide_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - - -lg__divide_red_500 : Css.Style -lg__divide_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#f56565") - ] - ] - - -lg__divide_red_600 : Css.Style -lg__divide_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - - -lg__divide_red_700 : Css.Style -lg__divide_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#c53030") - ] - ] - - -lg__divide_red_800 : Css.Style -lg__divide_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - - -lg__divide_red_900 : Css.Style -lg__divide_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - - -lg__divide_orange_100 : Css.Style -lg__divide_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - - -lg__divide_orange_200 : Css.Style -lg__divide_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - - -lg__divide_orange_300 : Css.Style -lg__divide_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - - -lg__divide_orange_400 : Css.Style -lg__divide_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - - -lg__divide_orange_500 : Css.Style -lg__divide_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - - -lg__divide_orange_600 : Css.Style -lg__divide_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - - -lg__divide_orange_700 : Css.Style -lg__divide_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#c05621") - ] - ] - - -lg__divide_orange_800 : Css.Style -lg__divide_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - - -lg__divide_orange_900 : Css.Style -lg__divide_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - - -lg__divide_yellow_100 : Css.Style -lg__divide_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - - -lg__divide_yellow_200 : Css.Style -lg__divide_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - - -lg__divide_yellow_300 : Css.Style -lg__divide_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#faf089") - ] - ] - - -lg__divide_yellow_400 : Css.Style -lg__divide_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - - -lg__divide_yellow_500 : Css.Style -lg__divide_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - - -lg__divide_yellow_600 : Css.Style -lg__divide_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - - -lg__divide_yellow_700 : Css.Style -lg__divide_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - - -lg__divide_yellow_800 : Css.Style -lg__divide_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#975a16") - ] - ] - - -lg__divide_yellow_900 : Css.Style -lg__divide_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#744210") - ] - ] - - -lg__divide_green_100 : Css.Style -lg__divide_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - - -lg__divide_green_200 : Css.Style -lg__divide_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - - -lg__divide_green_300 : Css.Style -lg__divide_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - - -lg__divide_green_400 : Css.Style -lg__divide_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#68d391") - ] - ] - - -lg__divide_green_500 : Css.Style -lg__divide_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - - -lg__divide_green_600 : Css.Style -lg__divide_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#38a169") - ] - ] - - -lg__divide_green_700 : Css.Style -lg__divide_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - - -lg__divide_green_800 : Css.Style -lg__divide_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#276749") - ] - ] - - -lg__divide_green_900 : Css.Style -lg__divide_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#22543d") - ] - ] - - -lg__divide_teal_100 : Css.Style -lg__divide_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - - -lg__divide_teal_200 : Css.Style -lg__divide_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - - -lg__divide_teal_300 : Css.Style -lg__divide_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - - -lg__divide_teal_400 : Css.Style -lg__divide_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - - -lg__divide_teal_500 : Css.Style -lg__divide_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - - -lg__divide_teal_600 : Css.Style -lg__divide_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#319795") - ] - ] - - -lg__divide_teal_700 : Css.Style -lg__divide_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - - -lg__divide_teal_800 : Css.Style -lg__divide_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#285e61") - ] - ] - - -lg__divide_teal_900 : Css.Style -lg__divide_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#234e52") - ] - ] - - -lg__divide_blue_100 : Css.Style -lg__divide_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - - -lg__divide_blue_200 : Css.Style -lg__divide_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - - -lg__divide_blue_300 : Css.Style -lg__divide_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - - -lg__divide_blue_400 : Css.Style -lg__divide_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - - -lg__divide_blue_500 : Css.Style -lg__divide_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - - -lg__divide_blue_600 : Css.Style -lg__divide_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - - -lg__divide_blue_700 : Css.Style -lg__divide_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - - -lg__divide_blue_800 : Css.Style -lg__divide_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - - -lg__divide_blue_900 : Css.Style -lg__divide_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - - -lg__divide_indigo_100 : Css.Style -lg__divide_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - - -lg__divide_indigo_200 : Css.Style -lg__divide_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - - -lg__divide_indigo_300 : Css.Style -lg__divide_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - - -lg__divide_indigo_400 : Css.Style -lg__divide_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - - -lg__divide_indigo_500 : Css.Style -lg__divide_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#667eea") - ] - ] - - -lg__divide_indigo_600 : Css.Style -lg__divide_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - - -lg__divide_indigo_700 : Css.Style -lg__divide_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - - -lg__divide_indigo_800 : Css.Style -lg__divide_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#434190") - ] - ] - - -lg__divide_indigo_900 : Css.Style -lg__divide_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - - -lg__divide_purple_100 : Css.Style -lg__divide_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - - -lg__divide_purple_200 : Css.Style -lg__divide_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - - -lg__divide_purple_300 : Css.Style -lg__divide_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - - -lg__divide_purple_400 : Css.Style -lg__divide_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - - -lg__divide_purple_500 : Css.Style -lg__divide_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - - -lg__divide_purple_600 : Css.Style -lg__divide_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - - -lg__divide_purple_700 : Css.Style -lg__divide_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - - -lg__divide_purple_800 : Css.Style -lg__divide_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - - -lg__divide_purple_900 : Css.Style -lg__divide_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#44337a") - ] - ] - - -lg__divide_pink_100 : Css.Style -lg__divide_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - - -lg__divide_pink_200 : Css.Style -lg__divide_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - - -lg__divide_pink_300 : Css.Style -lg__divide_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - - -lg__divide_pink_400 : Css.Style -lg__divide_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - - -lg__divide_pink_500 : Css.Style -lg__divide_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - - -lg__divide_pink_600 : Css.Style -lg__divide_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - - -lg__divide_pink_700 : Css.Style -lg__divide_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#b83280") - ] - ] - - -lg__divide_pink_800 : Css.Style -lg__divide_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#97266d") - ] - ] - - -lg__divide_pink_900 : Css.Style -lg__divide_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#702459") - ] - ] - - -lg__sr_only : Css.Style -lg__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property "clip" "rect(0, 0, 0, 0)" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - - -lg__not_sr_only : Css.Style -lg__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property "clip" "auto" - , Css.whiteSpace Css.normal - ] - ] - - -lg__focus__sr_only : Css.Style -lg__focus__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property "clip" "rect(0, 0, 0, 0)" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - ] - - -lg__focus__not_sr_only : Css.Style -lg__focus__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property "clip" "auto" - , Css.whiteSpace Css.normal - ] - ] - ] - - -lg__appearance_none : Css.Style -lg__appearance_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "appearance" "none" - ] - ] - - -lg__bg_fixed : Css.Style -lg__bg_fixed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundAttachment Css.fixed - ] - ] - - -lg__bg_local : Css.Style -lg__bg_local = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundAttachment Css.local - ] - ] - - -lg__bg_scroll : Css.Style -lg__bg_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundAttachment Css.scroll - ] - ] - - -lg__bg_transparent : Css.Style -lg__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor Css.transparent - ] - ] - - -lg__bg_current : Css.Style -lg__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor Css.currentColor - ] - ] - - -lg__bg_black : Css.Style -lg__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#000") - ] - ] - - -lg__bg_white : Css.Style -lg__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - - -lg__bg_gray_100 : Css.Style -lg__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - - -lg__bg_gray_200 : Css.Style -lg__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - - -lg__bg_gray_300 : Css.Style -lg__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - - -lg__bg_gray_400 : Css.Style -lg__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - - -lg__bg_gray_500 : Css.Style -lg__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - - -lg__bg_gray_600 : Css.Style -lg__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - - -lg__bg_gray_700 : Css.Style -lg__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - - -lg__bg_gray_800 : Css.Style -lg__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - - -lg__bg_gray_900 : Css.Style -lg__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - - -lg__bg_red_100 : Css.Style -lg__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - - -lg__bg_red_200 : Css.Style -lg__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - - -lg__bg_red_300 : Css.Style -lg__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - - -lg__bg_red_400 : Css.Style -lg__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - - -lg__bg_red_500 : Css.Style -lg__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - - -lg__bg_red_600 : Css.Style -lg__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - - -lg__bg_red_700 : Css.Style -lg__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - - -lg__bg_red_800 : Css.Style -lg__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - - -lg__bg_red_900 : Css.Style -lg__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - - -lg__bg_orange_100 : Css.Style -lg__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - - -lg__bg_orange_200 : Css.Style -lg__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - - -lg__bg_orange_300 : Css.Style -lg__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - - -lg__bg_orange_400 : Css.Style -lg__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - - -lg__bg_orange_500 : Css.Style -lg__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - - -lg__bg_orange_600 : Css.Style -lg__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - - -lg__bg_orange_700 : Css.Style -lg__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - - -lg__bg_orange_800 : Css.Style -lg__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - - -lg__bg_orange_900 : Css.Style -lg__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - - -lg__bg_yellow_100 : Css.Style -lg__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - - -lg__bg_yellow_200 : Css.Style -lg__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - - -lg__bg_yellow_300 : Css.Style -lg__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - - -lg__bg_yellow_400 : Css.Style -lg__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - - -lg__bg_yellow_500 : Css.Style -lg__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - - -lg__bg_yellow_600 : Css.Style -lg__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - - -lg__bg_yellow_700 : Css.Style -lg__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - - -lg__bg_yellow_800 : Css.Style -lg__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - - -lg__bg_yellow_900 : Css.Style -lg__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - - -lg__bg_green_100 : Css.Style -lg__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - - -lg__bg_green_200 : Css.Style -lg__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - - -lg__bg_green_300 : Css.Style -lg__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - - -lg__bg_green_400 : Css.Style -lg__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - - -lg__bg_green_500 : Css.Style -lg__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - - -lg__bg_green_600 : Css.Style -lg__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - - -lg__bg_green_700 : Css.Style -lg__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - - -lg__bg_green_800 : Css.Style -lg__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - - -lg__bg_green_900 : Css.Style -lg__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - - -lg__bg_teal_100 : Css.Style -lg__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - - -lg__bg_teal_200 : Css.Style -lg__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - - -lg__bg_teal_300 : Css.Style -lg__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - - -lg__bg_teal_400 : Css.Style -lg__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - - -lg__bg_teal_500 : Css.Style -lg__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - - -lg__bg_teal_600 : Css.Style -lg__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - - -lg__bg_teal_700 : Css.Style -lg__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - - -lg__bg_teal_800 : Css.Style -lg__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - - -lg__bg_teal_900 : Css.Style -lg__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - - -lg__bg_blue_100 : Css.Style -lg__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - - -lg__bg_blue_200 : Css.Style -lg__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - - -lg__bg_blue_300 : Css.Style -lg__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - - -lg__bg_blue_400 : Css.Style -lg__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - - -lg__bg_blue_500 : Css.Style -lg__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - - -lg__bg_blue_600 : Css.Style -lg__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - - -lg__bg_blue_700 : Css.Style -lg__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - - -lg__bg_blue_800 : Css.Style -lg__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - - -lg__bg_blue_900 : Css.Style -lg__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - - -lg__bg_indigo_100 : Css.Style -lg__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - - -lg__bg_indigo_200 : Css.Style -lg__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - - -lg__bg_indigo_300 : Css.Style -lg__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - - -lg__bg_indigo_400 : Css.Style -lg__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - - -lg__bg_indigo_500 : Css.Style -lg__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - - -lg__bg_indigo_600 : Css.Style -lg__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - - -lg__bg_indigo_700 : Css.Style -lg__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - - -lg__bg_indigo_800 : Css.Style -lg__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - - -lg__bg_indigo_900 : Css.Style -lg__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - - -lg__bg_purple_100 : Css.Style -lg__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - - -lg__bg_purple_200 : Css.Style -lg__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - - -lg__bg_purple_300 : Css.Style -lg__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - - -lg__bg_purple_400 : Css.Style -lg__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - - -lg__bg_purple_500 : Css.Style -lg__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - - -lg__bg_purple_600 : Css.Style -lg__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - - -lg__bg_purple_700 : Css.Style -lg__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - - -lg__bg_purple_800 : Css.Style -lg__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - - -lg__bg_purple_900 : Css.Style -lg__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - - -lg__bg_pink_100 : Css.Style -lg__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - - -lg__bg_pink_200 : Css.Style -lg__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - - -lg__bg_pink_300 : Css.Style -lg__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - - -lg__bg_pink_400 : Css.Style -lg__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - - -lg__bg_pink_500 : Css.Style -lg__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - - -lg__bg_pink_600 : Css.Style -lg__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - - -lg__bg_pink_700 : Css.Style -lg__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - - -lg__bg_pink_800 : Css.Style -lg__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - - -lg__bg_pink_900 : Css.Style -lg__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - - -lg__hover__bg_transparent : Css.Style -lg__hover__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -lg__hover__bg_current : Css.Style -lg__hover__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -lg__hover__bg_black : Css.Style -lg__hover__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#000") - ] - ] - ] - - -lg__hover__bg_white : Css.Style -lg__hover__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - ] - - -lg__hover__bg_gray_100 : Css.Style -lg__hover__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - ] - - -lg__hover__bg_gray_200 : Css.Style -lg__hover__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - ] - - -lg__hover__bg_gray_300 : Css.Style -lg__hover__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - ] - - -lg__hover__bg_gray_400 : Css.Style -lg__hover__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - ] - - -lg__hover__bg_gray_500 : Css.Style -lg__hover__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - ] - - -lg__hover__bg_gray_600 : Css.Style -lg__hover__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - ] - - -lg__hover__bg_gray_700 : Css.Style -lg__hover__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - ] - - -lg__hover__bg_gray_800 : Css.Style -lg__hover__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - ] - - -lg__hover__bg_gray_900 : Css.Style -lg__hover__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - ] - - -lg__hover__bg_red_100 : Css.Style -lg__hover__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - ] - - -lg__hover__bg_red_200 : Css.Style -lg__hover__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - ] - - -lg__hover__bg_red_300 : Css.Style -lg__hover__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - ] - - -lg__hover__bg_red_400 : Css.Style -lg__hover__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - ] - - -lg__hover__bg_red_500 : Css.Style -lg__hover__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - ] - - -lg__hover__bg_red_600 : Css.Style -lg__hover__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - ] - - -lg__hover__bg_red_700 : Css.Style -lg__hover__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - ] - - -lg__hover__bg_red_800 : Css.Style -lg__hover__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - ] - - -lg__hover__bg_red_900 : Css.Style -lg__hover__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - ] - - -lg__hover__bg_orange_100 : Css.Style -lg__hover__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - ] - - -lg__hover__bg_orange_200 : Css.Style -lg__hover__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - ] - - -lg__hover__bg_orange_300 : Css.Style -lg__hover__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - ] - - -lg__hover__bg_orange_400 : Css.Style -lg__hover__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - ] - - -lg__hover__bg_orange_500 : Css.Style -lg__hover__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - ] - - -lg__hover__bg_orange_600 : Css.Style -lg__hover__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - ] - - -lg__hover__bg_orange_700 : Css.Style -lg__hover__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - ] - - -lg__hover__bg_orange_800 : Css.Style -lg__hover__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - ] - - -lg__hover__bg_orange_900 : Css.Style -lg__hover__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - ] - - -lg__hover__bg_yellow_100 : Css.Style -lg__hover__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - ] - - -lg__hover__bg_yellow_200 : Css.Style -lg__hover__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - ] - - -lg__hover__bg_yellow_300 : Css.Style -lg__hover__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - ] - - -lg__hover__bg_yellow_400 : Css.Style -lg__hover__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - ] - - -lg__hover__bg_yellow_500 : Css.Style -lg__hover__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - ] - - -lg__hover__bg_yellow_600 : Css.Style -lg__hover__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - ] - - -lg__hover__bg_yellow_700 : Css.Style -lg__hover__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - ] - - -lg__hover__bg_yellow_800 : Css.Style -lg__hover__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - ] - - -lg__hover__bg_yellow_900 : Css.Style -lg__hover__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - ] - - -lg__hover__bg_green_100 : Css.Style -lg__hover__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - ] - - -lg__hover__bg_green_200 : Css.Style -lg__hover__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - ] - - -lg__hover__bg_green_300 : Css.Style -lg__hover__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - ] - - -lg__hover__bg_green_400 : Css.Style -lg__hover__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - ] - - -lg__hover__bg_green_500 : Css.Style -lg__hover__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - ] - - -lg__hover__bg_green_600 : Css.Style -lg__hover__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - ] - - -lg__hover__bg_green_700 : Css.Style -lg__hover__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - ] - - -lg__hover__bg_green_800 : Css.Style -lg__hover__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - ] - - -lg__hover__bg_green_900 : Css.Style -lg__hover__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - ] - - -lg__hover__bg_teal_100 : Css.Style -lg__hover__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - ] - - -lg__hover__bg_teal_200 : Css.Style -lg__hover__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - ] - - -lg__hover__bg_teal_300 : Css.Style -lg__hover__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - ] - - -lg__hover__bg_teal_400 : Css.Style -lg__hover__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - ] - - -lg__hover__bg_teal_500 : Css.Style -lg__hover__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - ] - - -lg__hover__bg_teal_600 : Css.Style -lg__hover__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - ] - - -lg__hover__bg_teal_700 : Css.Style -lg__hover__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - ] - - -lg__hover__bg_teal_800 : Css.Style -lg__hover__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - ] - - -lg__hover__bg_teal_900 : Css.Style -lg__hover__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - ] - - -lg__hover__bg_blue_100 : Css.Style -lg__hover__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - ] - - -lg__hover__bg_blue_200 : Css.Style -lg__hover__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - ] - - -lg__hover__bg_blue_300 : Css.Style -lg__hover__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - ] - - -lg__hover__bg_blue_400 : Css.Style -lg__hover__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - ] - - -lg__hover__bg_blue_500 : Css.Style -lg__hover__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - ] - - -lg__hover__bg_blue_600 : Css.Style -lg__hover__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - ] - - -lg__hover__bg_blue_700 : Css.Style -lg__hover__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - ] - - -lg__hover__bg_blue_800 : Css.Style -lg__hover__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - ] - - -lg__hover__bg_blue_900 : Css.Style -lg__hover__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - ] - - -lg__hover__bg_indigo_100 : Css.Style -lg__hover__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - ] - - -lg__hover__bg_indigo_200 : Css.Style -lg__hover__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - ] - - -lg__hover__bg_indigo_300 : Css.Style -lg__hover__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - ] - - -lg__hover__bg_indigo_400 : Css.Style -lg__hover__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - ] - - -lg__hover__bg_indigo_500 : Css.Style -lg__hover__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - ] - - -lg__hover__bg_indigo_600 : Css.Style -lg__hover__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - ] - - -lg__hover__bg_indigo_700 : Css.Style -lg__hover__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - ] - - -lg__hover__bg_indigo_800 : Css.Style -lg__hover__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - ] - - -lg__hover__bg_indigo_900 : Css.Style -lg__hover__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - ] - - -lg__hover__bg_purple_100 : Css.Style -lg__hover__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - ] - - -lg__hover__bg_purple_200 : Css.Style -lg__hover__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - ] - - -lg__hover__bg_purple_300 : Css.Style -lg__hover__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - ] - - -lg__hover__bg_purple_400 : Css.Style -lg__hover__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - ] - - -lg__hover__bg_purple_500 : Css.Style -lg__hover__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - ] - - -lg__hover__bg_purple_600 : Css.Style -lg__hover__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - ] - - -lg__hover__bg_purple_700 : Css.Style -lg__hover__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - ] - - -lg__hover__bg_purple_800 : Css.Style -lg__hover__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - ] - - -lg__hover__bg_purple_900 : Css.Style -lg__hover__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - ] - - -lg__hover__bg_pink_100 : Css.Style -lg__hover__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - ] - - -lg__hover__bg_pink_200 : Css.Style -lg__hover__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - ] - - -lg__hover__bg_pink_300 : Css.Style -lg__hover__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - ] - - -lg__hover__bg_pink_400 : Css.Style -lg__hover__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - ] - - -lg__hover__bg_pink_500 : Css.Style -lg__hover__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - ] - - -lg__hover__bg_pink_600 : Css.Style -lg__hover__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - ] - - -lg__hover__bg_pink_700 : Css.Style -lg__hover__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - ] - - -lg__hover__bg_pink_800 : Css.Style -lg__hover__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - ] - - -lg__hover__bg_pink_900 : Css.Style -lg__hover__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - ] - - -lg__focus__bg_transparent : Css.Style -lg__focus__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -lg__focus__bg_current : Css.Style -lg__focus__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -lg__focus__bg_black : Css.Style -lg__focus__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#000") - ] - ] - ] - - -lg__focus__bg_white : Css.Style -lg__focus__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - ] - - -lg__focus__bg_gray_100 : Css.Style -lg__focus__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - ] - - -lg__focus__bg_gray_200 : Css.Style -lg__focus__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - ] - - -lg__focus__bg_gray_300 : Css.Style -lg__focus__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - ] - - -lg__focus__bg_gray_400 : Css.Style -lg__focus__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - ] - - -lg__focus__bg_gray_500 : Css.Style -lg__focus__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - ] - - -lg__focus__bg_gray_600 : Css.Style -lg__focus__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - ] - - -lg__focus__bg_gray_700 : Css.Style -lg__focus__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - ] - - -lg__focus__bg_gray_800 : Css.Style -lg__focus__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - ] - - -lg__focus__bg_gray_900 : Css.Style -lg__focus__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - ] - - -lg__focus__bg_red_100 : Css.Style -lg__focus__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - ] - - -lg__focus__bg_red_200 : Css.Style -lg__focus__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - ] - - -lg__focus__bg_red_300 : Css.Style -lg__focus__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - ] - - -lg__focus__bg_red_400 : Css.Style -lg__focus__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - ] - - -lg__focus__bg_red_500 : Css.Style -lg__focus__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - ] - - -lg__focus__bg_red_600 : Css.Style -lg__focus__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - ] - - -lg__focus__bg_red_700 : Css.Style -lg__focus__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - ] - - -lg__focus__bg_red_800 : Css.Style -lg__focus__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - ] - - -lg__focus__bg_red_900 : Css.Style -lg__focus__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - ] - - -lg__focus__bg_orange_100 : Css.Style -lg__focus__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - ] - - -lg__focus__bg_orange_200 : Css.Style -lg__focus__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - ] - - -lg__focus__bg_orange_300 : Css.Style -lg__focus__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - ] - - -lg__focus__bg_orange_400 : Css.Style -lg__focus__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - ] - - -lg__focus__bg_orange_500 : Css.Style -lg__focus__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - ] - - -lg__focus__bg_orange_600 : Css.Style -lg__focus__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - ] - - -lg__focus__bg_orange_700 : Css.Style -lg__focus__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - ] - - -lg__focus__bg_orange_800 : Css.Style -lg__focus__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - ] - - -lg__focus__bg_orange_900 : Css.Style -lg__focus__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - ] - - -lg__focus__bg_yellow_100 : Css.Style -lg__focus__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - ] - - -lg__focus__bg_yellow_200 : Css.Style -lg__focus__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - ] - - -lg__focus__bg_yellow_300 : Css.Style -lg__focus__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - ] - - -lg__focus__bg_yellow_400 : Css.Style -lg__focus__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - ] - - -lg__focus__bg_yellow_500 : Css.Style -lg__focus__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - ] - - -lg__focus__bg_yellow_600 : Css.Style -lg__focus__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - ] - - -lg__focus__bg_yellow_700 : Css.Style -lg__focus__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - ] - - -lg__focus__bg_yellow_800 : Css.Style -lg__focus__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - ] - - -lg__focus__bg_yellow_900 : Css.Style -lg__focus__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - ] - - -lg__focus__bg_green_100 : Css.Style -lg__focus__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - ] - - -lg__focus__bg_green_200 : Css.Style -lg__focus__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - ] - - -lg__focus__bg_green_300 : Css.Style -lg__focus__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - ] - - -lg__focus__bg_green_400 : Css.Style -lg__focus__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - ] - - -lg__focus__bg_green_500 : Css.Style -lg__focus__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - ] - - -lg__focus__bg_green_600 : Css.Style -lg__focus__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - ] - - -lg__focus__bg_green_700 : Css.Style -lg__focus__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - ] - - -lg__focus__bg_green_800 : Css.Style -lg__focus__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - ] - - -lg__focus__bg_green_900 : Css.Style -lg__focus__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - ] - - -lg__focus__bg_teal_100 : Css.Style -lg__focus__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - ] - - -lg__focus__bg_teal_200 : Css.Style -lg__focus__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - ] - - -lg__focus__bg_teal_300 : Css.Style -lg__focus__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - ] - - -lg__focus__bg_teal_400 : Css.Style -lg__focus__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - ] - - -lg__focus__bg_teal_500 : Css.Style -lg__focus__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - ] - - -lg__focus__bg_teal_600 : Css.Style -lg__focus__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - ] - - -lg__focus__bg_teal_700 : Css.Style -lg__focus__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - ] - - -lg__focus__bg_teal_800 : Css.Style -lg__focus__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - ] - - -lg__focus__bg_teal_900 : Css.Style -lg__focus__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - ] - - -lg__focus__bg_blue_100 : Css.Style -lg__focus__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - ] - - -lg__focus__bg_blue_200 : Css.Style -lg__focus__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - ] - - -lg__focus__bg_blue_300 : Css.Style -lg__focus__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - ] - - -lg__focus__bg_blue_400 : Css.Style -lg__focus__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - ] - - -lg__focus__bg_blue_500 : Css.Style -lg__focus__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - ] - - -lg__focus__bg_blue_600 : Css.Style -lg__focus__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - ] - - -lg__focus__bg_blue_700 : Css.Style -lg__focus__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - ] - - -lg__focus__bg_blue_800 : Css.Style -lg__focus__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - ] - - -lg__focus__bg_blue_900 : Css.Style -lg__focus__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - ] - - -lg__focus__bg_indigo_100 : Css.Style -lg__focus__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - ] - - -lg__focus__bg_indigo_200 : Css.Style -lg__focus__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - ] - - -lg__focus__bg_indigo_300 : Css.Style -lg__focus__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - ] - - -lg__focus__bg_indigo_400 : Css.Style -lg__focus__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - ] - - -lg__focus__bg_indigo_500 : Css.Style -lg__focus__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - ] - - -lg__focus__bg_indigo_600 : Css.Style -lg__focus__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - ] - - -lg__focus__bg_indigo_700 : Css.Style -lg__focus__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - ] - - -lg__focus__bg_indigo_800 : Css.Style -lg__focus__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - ] - - -lg__focus__bg_indigo_900 : Css.Style -lg__focus__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - ] - - -lg__focus__bg_purple_100 : Css.Style -lg__focus__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - ] - - -lg__focus__bg_purple_200 : Css.Style -lg__focus__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - ] - - -lg__focus__bg_purple_300 : Css.Style -lg__focus__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - ] - - -lg__focus__bg_purple_400 : Css.Style -lg__focus__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - ] - - -lg__focus__bg_purple_500 : Css.Style -lg__focus__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - ] - - -lg__focus__bg_purple_600 : Css.Style -lg__focus__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - ] - - -lg__focus__bg_purple_700 : Css.Style -lg__focus__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - ] - - -lg__focus__bg_purple_800 : Css.Style -lg__focus__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - ] - - -lg__focus__bg_purple_900 : Css.Style -lg__focus__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - ] - - -lg__focus__bg_pink_100 : Css.Style -lg__focus__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - ] - - -lg__focus__bg_pink_200 : Css.Style -lg__focus__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - ] - - -lg__focus__bg_pink_300 : Css.Style -lg__focus__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - ] - - -lg__focus__bg_pink_400 : Css.Style -lg__focus__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - ] - - -lg__focus__bg_pink_500 : Css.Style -lg__focus__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - ] - - -lg__focus__bg_pink_600 : Css.Style -lg__focus__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - ] - - -lg__focus__bg_pink_700 : Css.Style -lg__focus__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - ] - - -lg__focus__bg_pink_800 : Css.Style -lg__focus__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - ] - - -lg__focus__bg_pink_900 : Css.Style -lg__focus__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - ] - - -lg__bg_bottom : Css.Style -lg__bg_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "background-position" "bottom" - ] - ] - - -lg__bg_center : Css.Style -lg__bg_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "background-position" "center" - ] - ] - - -lg__bg_left : Css.Style -lg__bg_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "background-position" "left" - ] - ] - - -lg__bg_left_bottom : Css.Style -lg__bg_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "background-position" "left bottom" - ] - ] - - -lg__bg_left_top : Css.Style -lg__bg_left_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "background-position" "left top" - ] - ] - - -lg__bg_right : Css.Style -lg__bg_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "background-position" "right" - ] - ] - - -lg__bg_right_bottom : Css.Style -lg__bg_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "background-position" "right bottom" - ] - ] - - -lg__bg_right_top : Css.Style -lg__bg_right_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "background-position" "right top" - ] - ] - - -lg__bg_top : Css.Style -lg__bg_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "background-position" "top" - ] - ] - - -lg__bg_repeat : Css.Style -lg__bg_repeat = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundRepeat Css.repeat - ] - ] - - -lg__bg_no_repeat : Css.Style -lg__bg_no_repeat = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundRepeat Css.noRepeat - ] - ] - - -lg__bg_repeat_x : Css.Style -lg__bg_repeat_x = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundRepeat Css.repeatX - ] - ] - - -lg__bg_repeat_y : Css.Style -lg__bg_repeat_y = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundRepeat Css.repeatY - ] - ] - - -lg__bg_repeat_round : Css.Style -lg__bg_repeat_round = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundRepeat Css.round - ] - ] - - -lg__bg_repeat_space : Css.Style -lg__bg_repeat_space = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundRepeat Css.space - ] - ] - - -lg__bg_auto : Css.Style -lg__bg_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundSize Css.auto - ] - ] - - -lg__bg_cover : Css.Style -lg__bg_cover = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundSize Css.cover - ] - ] - - -lg__bg_contain : Css.Style -lg__bg_contain = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.backgroundSize Css.contain - ] - ] - - -lg__border_collapse : Css.Style -lg__border_collapse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderCollapse Css.collapse - ] - ] - - -lg__border_separate : Css.Style -lg__border_separate = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderCollapse Css.separate - ] - ] - - -lg__border_transparent : Css.Style -lg__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor Css.transparent - ] - ] - - -lg__border_current : Css.Style -lg__border_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor Css.currentColor - ] - ] - - -lg__border_black : Css.Style -lg__border_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#000") - ] - ] - - -lg__border_white : Css.Style -lg__border_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fff") - ] - ] - - -lg__border_gray_100 : Css.Style -lg__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - - -lg__border_gray_200 : Css.Style -lg__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - - -lg__border_gray_300 : Css.Style -lg__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - - -lg__border_gray_400 : Css.Style -lg__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - - -lg__border_gray_500 : Css.Style -lg__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - - -lg__border_gray_600 : Css.Style -lg__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#718096") - ] - ] - - -lg__border_gray_700 : Css.Style -lg__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - - -lg__border_gray_800 : Css.Style -lg__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - - -lg__border_gray_900 : Css.Style -lg__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - - -lg__border_red_100 : Css.Style -lg__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - - -lg__border_red_200 : Css.Style -lg__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - - -lg__border_red_300 : Css.Style -lg__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - - -lg__border_red_400 : Css.Style -lg__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - - -lg__border_red_500 : Css.Style -lg__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#f56565") - ] - ] - - -lg__border_red_600 : Css.Style -lg__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - - -lg__border_red_700 : Css.Style -lg__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#c53030") - ] - ] - - -lg__border_red_800 : Css.Style -lg__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - - -lg__border_red_900 : Css.Style -lg__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - - -lg__border_orange_100 : Css.Style -lg__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - - -lg__border_orange_200 : Css.Style -lg__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - - -lg__border_orange_300 : Css.Style -lg__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - - -lg__border_orange_400 : Css.Style -lg__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - - -lg__border_orange_500 : Css.Style -lg__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - - -lg__border_orange_600 : Css.Style -lg__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - - -lg__border_orange_700 : Css.Style -lg__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#c05621") - ] - ] - - -lg__border_orange_800 : Css.Style -lg__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - - -lg__border_orange_900 : Css.Style -lg__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - - -lg__border_yellow_100 : Css.Style -lg__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - - -lg__border_yellow_200 : Css.Style -lg__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - - -lg__border_yellow_300 : Css.Style -lg__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#faf089") - ] - ] - - -lg__border_yellow_400 : Css.Style -lg__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - - -lg__border_yellow_500 : Css.Style -lg__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - - -lg__border_yellow_600 : Css.Style -lg__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - - -lg__border_yellow_700 : Css.Style -lg__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - - -lg__border_yellow_800 : Css.Style -lg__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#975a16") - ] - ] - - -lg__border_yellow_900 : Css.Style -lg__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#744210") - ] - ] - - -lg__border_green_100 : Css.Style -lg__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - - -lg__border_green_200 : Css.Style -lg__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - - -lg__border_green_300 : Css.Style -lg__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - - -lg__border_green_400 : Css.Style -lg__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#68d391") - ] - ] - - -lg__border_green_500 : Css.Style -lg__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - - -lg__border_green_600 : Css.Style -lg__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#38a169") - ] - ] - - -lg__border_green_700 : Css.Style -lg__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - - -lg__border_green_800 : Css.Style -lg__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#276749") - ] - ] - - -lg__border_green_900 : Css.Style -lg__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#22543d") - ] - ] - - -lg__border_teal_100 : Css.Style -lg__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - - -lg__border_teal_200 : Css.Style -lg__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - - -lg__border_teal_300 : Css.Style -lg__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - - -lg__border_teal_400 : Css.Style -lg__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - - -lg__border_teal_500 : Css.Style -lg__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - - -lg__border_teal_600 : Css.Style -lg__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#319795") - ] - ] - - -lg__border_teal_700 : Css.Style -lg__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - - -lg__border_teal_800 : Css.Style -lg__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#285e61") - ] - ] - - -lg__border_teal_900 : Css.Style -lg__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#234e52") - ] - ] - - -lg__border_blue_100 : Css.Style -lg__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - - -lg__border_blue_200 : Css.Style -lg__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - - -lg__border_blue_300 : Css.Style -lg__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - - -lg__border_blue_400 : Css.Style -lg__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - - -lg__border_blue_500 : Css.Style -lg__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - - -lg__border_blue_600 : Css.Style -lg__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - - -lg__border_blue_700 : Css.Style -lg__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - - -lg__border_blue_800 : Css.Style -lg__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - - -lg__border_blue_900 : Css.Style -lg__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - - -lg__border_indigo_100 : Css.Style -lg__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - - -lg__border_indigo_200 : Css.Style -lg__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - - -lg__border_indigo_300 : Css.Style -lg__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - - -lg__border_indigo_400 : Css.Style -lg__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - - -lg__border_indigo_500 : Css.Style -lg__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#667eea") - ] - ] - - -lg__border_indigo_600 : Css.Style -lg__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - - -lg__border_indigo_700 : Css.Style -lg__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - - -lg__border_indigo_800 : Css.Style -lg__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#434190") - ] - ] - - -lg__border_indigo_900 : Css.Style -lg__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - - -lg__border_purple_100 : Css.Style -lg__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - - -lg__border_purple_200 : Css.Style -lg__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - - -lg__border_purple_300 : Css.Style -lg__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - - -lg__border_purple_400 : Css.Style -lg__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - - -lg__border_purple_500 : Css.Style -lg__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - - -lg__border_purple_600 : Css.Style -lg__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - - -lg__border_purple_700 : Css.Style -lg__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - - -lg__border_purple_800 : Css.Style -lg__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - - -lg__border_purple_900 : Css.Style -lg__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#44337a") - ] - ] - - -lg__border_pink_100 : Css.Style -lg__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - - -lg__border_pink_200 : Css.Style -lg__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - - -lg__border_pink_300 : Css.Style -lg__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - - -lg__border_pink_400 : Css.Style -lg__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - - -lg__border_pink_500 : Css.Style -lg__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - - -lg__border_pink_600 : Css.Style -lg__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - - -lg__border_pink_700 : Css.Style -lg__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#b83280") - ] - ] - - -lg__border_pink_800 : Css.Style -lg__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#97266d") - ] - ] - - -lg__border_pink_900 : Css.Style -lg__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderColor (Css.hex "#702459") - ] - ] - - -lg__hover__border_transparent : Css.Style -lg__hover__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor Css.transparent - ] - ] - ] - - -lg__hover__border_current : Css.Style -lg__hover__border_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor Css.currentColor - ] - ] - ] - - -lg__hover__border_black : Css.Style -lg__hover__border_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#000") - ] - ] - ] - - -lg__hover__border_white : Css.Style -lg__hover__border_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fff") - ] - ] - ] - - -lg__hover__border_gray_100 : Css.Style -lg__hover__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - ] - - -lg__hover__border_gray_200 : Css.Style -lg__hover__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - ] - - -lg__hover__border_gray_300 : Css.Style -lg__hover__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - ] - - -lg__hover__border_gray_400 : Css.Style -lg__hover__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - ] - - -lg__hover__border_gray_500 : Css.Style -lg__hover__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - ] - - -lg__hover__border_gray_600 : Css.Style -lg__hover__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#718096") - ] - ] - ] - - -lg__hover__border_gray_700 : Css.Style -lg__hover__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - ] - - -lg__hover__border_gray_800 : Css.Style -lg__hover__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - ] - - -lg__hover__border_gray_900 : Css.Style -lg__hover__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - ] - - -lg__hover__border_red_100 : Css.Style -lg__hover__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - ] - - -lg__hover__border_red_200 : Css.Style -lg__hover__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - ] - - -lg__hover__border_red_300 : Css.Style -lg__hover__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - ] - - -lg__hover__border_red_400 : Css.Style -lg__hover__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - ] - - -lg__hover__border_red_500 : Css.Style -lg__hover__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f56565") - ] - ] - ] - - -lg__hover__border_red_600 : Css.Style -lg__hover__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - ] - - -lg__hover__border_red_700 : Css.Style -lg__hover__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c53030") - ] - ] - ] - - -lg__hover__border_red_800 : Css.Style -lg__hover__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - ] - - -lg__hover__border_red_900 : Css.Style -lg__hover__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - ] - - -lg__hover__border_orange_100 : Css.Style -lg__hover__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - ] - - -lg__hover__border_orange_200 : Css.Style -lg__hover__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - ] - - -lg__hover__border_orange_300 : Css.Style -lg__hover__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - ] - - -lg__hover__border_orange_400 : Css.Style -lg__hover__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - ] - - -lg__hover__border_orange_500 : Css.Style -lg__hover__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - ] - - -lg__hover__border_orange_600 : Css.Style -lg__hover__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - ] - - -lg__hover__border_orange_700 : Css.Style -lg__hover__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c05621") - ] - ] - ] - - -lg__hover__border_orange_800 : Css.Style -lg__hover__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - ] - - -lg__hover__border_orange_900 : Css.Style -lg__hover__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - ] - - -lg__hover__border_yellow_100 : Css.Style -lg__hover__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - ] - - -lg__hover__border_yellow_200 : Css.Style -lg__hover__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - ] - - -lg__hover__border_yellow_300 : Css.Style -lg__hover__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#faf089") - ] - ] - ] - - -lg__hover__border_yellow_400 : Css.Style -lg__hover__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - ] - - -lg__hover__border_yellow_500 : Css.Style -lg__hover__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - ] - - -lg__hover__border_yellow_600 : Css.Style -lg__hover__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - ] - - -lg__hover__border_yellow_700 : Css.Style -lg__hover__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - ] - - -lg__hover__border_yellow_800 : Css.Style -lg__hover__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#975a16") - ] - ] - ] - - -lg__hover__border_yellow_900 : Css.Style -lg__hover__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#744210") - ] - ] - ] - - -lg__hover__border_green_100 : Css.Style -lg__hover__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - ] - - -lg__hover__border_green_200 : Css.Style -lg__hover__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - ] - - -lg__hover__border_green_300 : Css.Style -lg__hover__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - ] - - -lg__hover__border_green_400 : Css.Style -lg__hover__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#68d391") - ] - ] - ] - - -lg__hover__border_green_500 : Css.Style -lg__hover__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - ] - - -lg__hover__border_green_600 : Css.Style -lg__hover__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#38a169") - ] - ] - ] - - -lg__hover__border_green_700 : Css.Style -lg__hover__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - ] - - -lg__hover__border_green_800 : Css.Style -lg__hover__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#276749") - ] - ] - ] - - -lg__hover__border_green_900 : Css.Style -lg__hover__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#22543d") - ] - ] - ] - - -lg__hover__border_teal_100 : Css.Style -lg__hover__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - ] - - -lg__hover__border_teal_200 : Css.Style -lg__hover__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - ] - - -lg__hover__border_teal_300 : Css.Style -lg__hover__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - ] - - -lg__hover__border_teal_400 : Css.Style -lg__hover__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - ] - - -lg__hover__border_teal_500 : Css.Style -lg__hover__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - ] - - -lg__hover__border_teal_600 : Css.Style -lg__hover__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#319795") - ] - ] - ] - - -lg__hover__border_teal_700 : Css.Style -lg__hover__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - ] - - -lg__hover__border_teal_800 : Css.Style -lg__hover__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#285e61") - ] - ] - ] - - -lg__hover__border_teal_900 : Css.Style -lg__hover__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#234e52") - ] - ] - ] - - -lg__hover__border_blue_100 : Css.Style -lg__hover__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - ] - - -lg__hover__border_blue_200 : Css.Style -lg__hover__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - ] - - -lg__hover__border_blue_300 : Css.Style -lg__hover__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - ] - - -lg__hover__border_blue_400 : Css.Style -lg__hover__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - ] - - -lg__hover__border_blue_500 : Css.Style -lg__hover__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - ] - - -lg__hover__border_blue_600 : Css.Style -lg__hover__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - ] - - -lg__hover__border_blue_700 : Css.Style -lg__hover__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - ] - - -lg__hover__border_blue_800 : Css.Style -lg__hover__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - ] - - -lg__hover__border_blue_900 : Css.Style -lg__hover__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - ] - - -lg__hover__border_indigo_100 : Css.Style -lg__hover__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - ] - - -lg__hover__border_indigo_200 : Css.Style -lg__hover__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - ] - - -lg__hover__border_indigo_300 : Css.Style -lg__hover__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - ] - - -lg__hover__border_indigo_400 : Css.Style -lg__hover__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - ] - - -lg__hover__border_indigo_500 : Css.Style -lg__hover__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#667eea") - ] - ] - ] - - -lg__hover__border_indigo_600 : Css.Style -lg__hover__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - ] - - -lg__hover__border_indigo_700 : Css.Style -lg__hover__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - ] - - -lg__hover__border_indigo_800 : Css.Style -lg__hover__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#434190") - ] - ] - ] - - -lg__hover__border_indigo_900 : Css.Style -lg__hover__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - ] - - -lg__hover__border_purple_100 : Css.Style -lg__hover__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - ] - - -lg__hover__border_purple_200 : Css.Style -lg__hover__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - ] - - -lg__hover__border_purple_300 : Css.Style -lg__hover__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - ] - - -lg__hover__border_purple_400 : Css.Style -lg__hover__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - ] - - -lg__hover__border_purple_500 : Css.Style -lg__hover__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - ] - - -lg__hover__border_purple_600 : Css.Style -lg__hover__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - ] - - -lg__hover__border_purple_700 : Css.Style -lg__hover__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - ] - - -lg__hover__border_purple_800 : Css.Style -lg__hover__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - ] - - -lg__hover__border_purple_900 : Css.Style -lg__hover__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#44337a") - ] - ] - ] - - -lg__hover__border_pink_100 : Css.Style -lg__hover__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - ] - - -lg__hover__border_pink_200 : Css.Style -lg__hover__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - ] - - -lg__hover__border_pink_300 : Css.Style -lg__hover__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - ] - - -lg__hover__border_pink_400 : Css.Style -lg__hover__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - ] - - -lg__hover__border_pink_500 : Css.Style -lg__hover__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - ] - - -lg__hover__border_pink_600 : Css.Style -lg__hover__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - ] - - -lg__hover__border_pink_700 : Css.Style -lg__hover__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b83280") - ] - ] - ] - - -lg__hover__border_pink_800 : Css.Style -lg__hover__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#97266d") - ] - ] - ] - - -lg__hover__border_pink_900 : Css.Style -lg__hover__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#702459") - ] - ] - ] - - -lg__focus__border_transparent : Css.Style -lg__focus__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor Css.transparent - ] - ] - ] - - -lg__focus__border_current : Css.Style -lg__focus__border_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor Css.currentColor - ] - ] - ] - - -lg__focus__border_black : Css.Style -lg__focus__border_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#000") - ] - ] - ] - - -lg__focus__border_white : Css.Style -lg__focus__border_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fff") - ] - ] - ] - - -lg__focus__border_gray_100 : Css.Style -lg__focus__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - ] - - -lg__focus__border_gray_200 : Css.Style -lg__focus__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - ] - - -lg__focus__border_gray_300 : Css.Style -lg__focus__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - ] - - -lg__focus__border_gray_400 : Css.Style -lg__focus__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - ] - - -lg__focus__border_gray_500 : Css.Style -lg__focus__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - ] - - -lg__focus__border_gray_600 : Css.Style -lg__focus__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#718096") - ] - ] - ] - - -lg__focus__border_gray_700 : Css.Style -lg__focus__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - ] - - -lg__focus__border_gray_800 : Css.Style -lg__focus__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - ] - - -lg__focus__border_gray_900 : Css.Style -lg__focus__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - ] - - -lg__focus__border_red_100 : Css.Style -lg__focus__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - ] - - -lg__focus__border_red_200 : Css.Style -lg__focus__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - ] - - -lg__focus__border_red_300 : Css.Style -lg__focus__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - ] - - -lg__focus__border_red_400 : Css.Style -lg__focus__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - ] - - -lg__focus__border_red_500 : Css.Style -lg__focus__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f56565") - ] - ] - ] - - -lg__focus__border_red_600 : Css.Style -lg__focus__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - ] - - -lg__focus__border_red_700 : Css.Style -lg__focus__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c53030") - ] - ] - ] - - -lg__focus__border_red_800 : Css.Style -lg__focus__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - ] - - -lg__focus__border_red_900 : Css.Style -lg__focus__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - ] - - -lg__focus__border_orange_100 : Css.Style -lg__focus__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - ] - - -lg__focus__border_orange_200 : Css.Style -lg__focus__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - ] - - -lg__focus__border_orange_300 : Css.Style -lg__focus__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - ] - - -lg__focus__border_orange_400 : Css.Style -lg__focus__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - ] - - -lg__focus__border_orange_500 : Css.Style -lg__focus__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - ] - - -lg__focus__border_orange_600 : Css.Style -lg__focus__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - ] - - -lg__focus__border_orange_700 : Css.Style -lg__focus__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c05621") - ] - ] - ] - - -lg__focus__border_orange_800 : Css.Style -lg__focus__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - ] - - -lg__focus__border_orange_900 : Css.Style -lg__focus__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - ] - - -lg__focus__border_yellow_100 : Css.Style -lg__focus__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - ] - - -lg__focus__border_yellow_200 : Css.Style -lg__focus__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - ] - - -lg__focus__border_yellow_300 : Css.Style -lg__focus__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#faf089") - ] - ] - ] - - -lg__focus__border_yellow_400 : Css.Style -lg__focus__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - ] - - -lg__focus__border_yellow_500 : Css.Style -lg__focus__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - ] - - -lg__focus__border_yellow_600 : Css.Style -lg__focus__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - ] - - -lg__focus__border_yellow_700 : Css.Style -lg__focus__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - ] - - -lg__focus__border_yellow_800 : Css.Style -lg__focus__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#975a16") - ] - ] - ] - - -lg__focus__border_yellow_900 : Css.Style -lg__focus__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#744210") - ] - ] - ] - - -lg__focus__border_green_100 : Css.Style -lg__focus__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - ] - - -lg__focus__border_green_200 : Css.Style -lg__focus__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - ] - - -lg__focus__border_green_300 : Css.Style -lg__focus__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - ] - - -lg__focus__border_green_400 : Css.Style -lg__focus__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#68d391") - ] - ] - ] - - -lg__focus__border_green_500 : Css.Style -lg__focus__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - ] - - -lg__focus__border_green_600 : Css.Style -lg__focus__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#38a169") - ] - ] - ] - - -lg__focus__border_green_700 : Css.Style -lg__focus__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - ] - - -lg__focus__border_green_800 : Css.Style -lg__focus__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#276749") - ] - ] - ] - - -lg__focus__border_green_900 : Css.Style -lg__focus__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#22543d") - ] - ] - ] - - -lg__focus__border_teal_100 : Css.Style -lg__focus__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - ] - - -lg__focus__border_teal_200 : Css.Style -lg__focus__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - ] - - -lg__focus__border_teal_300 : Css.Style -lg__focus__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - ] - - -lg__focus__border_teal_400 : Css.Style -lg__focus__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - ] - - -lg__focus__border_teal_500 : Css.Style -lg__focus__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - ] - - -lg__focus__border_teal_600 : Css.Style -lg__focus__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#319795") - ] - ] - ] - - -lg__focus__border_teal_700 : Css.Style -lg__focus__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - ] - - -lg__focus__border_teal_800 : Css.Style -lg__focus__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#285e61") - ] - ] - ] - - -lg__focus__border_teal_900 : Css.Style -lg__focus__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#234e52") - ] - ] - ] - - -lg__focus__border_blue_100 : Css.Style -lg__focus__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - ] - - -lg__focus__border_blue_200 : Css.Style -lg__focus__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - ] - - -lg__focus__border_blue_300 : Css.Style -lg__focus__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - ] - - -lg__focus__border_blue_400 : Css.Style -lg__focus__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - ] - - -lg__focus__border_blue_500 : Css.Style -lg__focus__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - ] - - -lg__focus__border_blue_600 : Css.Style -lg__focus__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - ] - - -lg__focus__border_blue_700 : Css.Style -lg__focus__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - ] - - -lg__focus__border_blue_800 : Css.Style -lg__focus__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - ] - - -lg__focus__border_blue_900 : Css.Style -lg__focus__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - ] - - -lg__focus__border_indigo_100 : Css.Style -lg__focus__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - ] - - -lg__focus__border_indigo_200 : Css.Style -lg__focus__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - ] - - -lg__focus__border_indigo_300 : Css.Style -lg__focus__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - ] - - -lg__focus__border_indigo_400 : Css.Style -lg__focus__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - ] - - -lg__focus__border_indigo_500 : Css.Style -lg__focus__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#667eea") - ] - ] - ] - - -lg__focus__border_indigo_600 : Css.Style -lg__focus__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - ] - - -lg__focus__border_indigo_700 : Css.Style -lg__focus__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - ] - - -lg__focus__border_indigo_800 : Css.Style -lg__focus__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#434190") - ] - ] - ] - - -lg__focus__border_indigo_900 : Css.Style -lg__focus__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - ] - - -lg__focus__border_purple_100 : Css.Style -lg__focus__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - ] - - -lg__focus__border_purple_200 : Css.Style -lg__focus__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - ] - - -lg__focus__border_purple_300 : Css.Style -lg__focus__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - ] - - -lg__focus__border_purple_400 : Css.Style -lg__focus__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - ] - - -lg__focus__border_purple_500 : Css.Style -lg__focus__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - ] - - -lg__focus__border_purple_600 : Css.Style -lg__focus__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - ] - - -lg__focus__border_purple_700 : Css.Style -lg__focus__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - ] - - -lg__focus__border_purple_800 : Css.Style -lg__focus__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - ] - - -lg__focus__border_purple_900 : Css.Style -lg__focus__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#44337a") - ] - ] - ] - - -lg__focus__border_pink_100 : Css.Style -lg__focus__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - ] - - -lg__focus__border_pink_200 : Css.Style -lg__focus__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - ] - - -lg__focus__border_pink_300 : Css.Style -lg__focus__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - ] - - -lg__focus__border_pink_400 : Css.Style -lg__focus__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - ] - - -lg__focus__border_pink_500 : Css.Style -lg__focus__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - ] - - -lg__focus__border_pink_600 : Css.Style -lg__focus__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - ] - - -lg__focus__border_pink_700 : Css.Style -lg__focus__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b83280") - ] - ] - ] - - -lg__focus__border_pink_800 : Css.Style -lg__focus__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#97266d") - ] - ] - ] - - -lg__focus__border_pink_900 : Css.Style -lg__focus__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#702459") - ] - ] - ] - - -lg__rounded_none : Css.Style -lg__rounded_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderRadius (Css.px 0) - ] - ] - - -lg__rounded_sm : Css.Style -lg__rounded_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderRadius (Css.rem 0.125) - ] - ] - - -lg__rounded : Css.Style -lg__rounded = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_md : Css.Style -lg__rounded_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_lg : Css.Style -lg__rounded_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_full : Css.Style -lg__rounded_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderRadius (Css.px 9999) - ] - ] - - -lg__rounded_t_none : Css.Style -lg__rounded_t_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderTopRightRadius (Css.px 0) - ] - ] - - -lg__rounded_r_none : Css.Style -lg__rounded_r_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopRightRadius (Css.px 0) - , Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -lg__rounded_b_none : Css.Style -lg__rounded_b_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomRightRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -lg__rounded_l_none : Css.Style -lg__rounded_l_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -lg__rounded_t_sm : Css.Style -lg__rounded_t_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_r_sm : Css.Style -lg__rounded_r_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - , Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_b_sm : Css.Style -lg__rounded_b_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_l_sm : Css.Style -lg__rounded_l_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_t : Css.Style -lg__rounded_t = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_r : Css.Style -lg__rounded_r = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - , Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_b : Css.Style -lg__rounded_b = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_l : Css.Style -lg__rounded_l = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_t_md : Css.Style -lg__rounded_t_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_r_md : Css.Style -lg__rounded_r_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - , Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_b_md : Css.Style -lg__rounded_b_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_l_md : Css.Style -lg__rounded_l_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_t_lg : Css.Style -lg__rounded_t_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_r_lg : Css.Style -lg__rounded_r_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - , Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_b_lg : Css.Style -lg__rounded_b_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_l_lg : Css.Style -lg__rounded_l_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_t_full : Css.Style -lg__rounded_t_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -lg__rounded_r_full : Css.Style -lg__rounded_r_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopRightRadius (Css.px 9999) - , Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -lg__rounded_b_full : Css.Style -lg__rounded_b_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomRightRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -lg__rounded_l_full : Css.Style -lg__rounded_l_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -lg__rounded_tl_none : Css.Style -lg__rounded_tl_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.px 0) - ] - ] - - -lg__rounded_tr_none : Css.Style -lg__rounded_tr_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopRightRadius (Css.px 0) - ] - ] - - -lg__rounded_br_none : Css.Style -lg__rounded_br_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -lg__rounded_bl_none : Css.Style -lg__rounded_bl_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -lg__rounded_tl_sm : Css.Style -lg__rounded_tl_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_tr_sm : Css.Style -lg__rounded_tr_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_br_sm : Css.Style -lg__rounded_br_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_bl_sm : Css.Style -lg__rounded_bl_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_tl : Css.Style -lg__rounded_tl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_tr : Css.Style -lg__rounded_tr = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_br : Css.Style -lg__rounded_br = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_bl : Css.Style -lg__rounded_bl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_tl_md : Css.Style -lg__rounded_tl_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_tr_md : Css.Style -lg__rounded_tr_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_br_md : Css.Style -lg__rounded_br_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_bl_md : Css.Style -lg__rounded_bl_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_tl_lg : Css.Style -lg__rounded_tl_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_tr_lg : Css.Style -lg__rounded_tr_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_br_lg : Css.Style -lg__rounded_br_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_bl_lg : Css.Style -lg__rounded_bl_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_tl_full : Css.Style -lg__rounded_tl_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopLeftRadius (Css.px 9999) - ] - ] - - -lg__rounded_tr_full : Css.Style -lg__rounded_tr_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -lg__rounded_br_full : Css.Style -lg__rounded_br_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -lg__rounded_bl_full : Css.Style -lg__rounded_bl_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -lg__border_solid : Css.Style -lg__border_solid = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderStyle Css.solid - ] - ] - - -lg__border_dashed : Css.Style -lg__border_dashed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderStyle Css.dashed - ] - ] - - -lg__border_dotted : Css.Style -lg__border_dotted = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderStyle Css.dotted - ] - ] - - -lg__border_double : Css.Style -lg__border_double = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderStyle Css.double - ] - ] - - -lg__border_none : Css.Style -lg__border_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderStyle Css.none - ] - ] - - -lg__border_0 : Css.Style -lg__border_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderWidth (Css.px 0) - ] - ] - - -lg__border_2 : Css.Style -lg__border_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderWidth (Css.px 2) - ] - ] - - -lg__border_4 : Css.Style -lg__border_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderWidth (Css.px 4) - ] - ] - - -lg__border_8 : Css.Style -lg__border_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderWidth (Css.px 8) - ] - ] - - -lg__border : Css.Style -lg__border = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderWidth (Css.px 1) - ] - ] - - -lg__border_t_0 : Css.Style -lg__border_t_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopWidth (Css.px 0) - ] - ] - - -lg__border_r_0 : Css.Style -lg__border_r_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderRightWidth (Css.px 0) - ] - ] - - -lg__border_b_0 : Css.Style -lg__border_b_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomWidth (Css.px 0) - ] - ] - - -lg__border_l_0 : Css.Style -lg__border_l_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderLeftWidth (Css.px 0) - ] - ] - - -lg__border_t_2 : Css.Style -lg__border_t_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopWidth (Css.px 2) - ] - ] - - -lg__border_r_2 : Css.Style -lg__border_r_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderRightWidth (Css.px 2) - ] - ] - - -lg__border_b_2 : Css.Style -lg__border_b_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomWidth (Css.px 2) - ] - ] - - -lg__border_l_2 : Css.Style -lg__border_l_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderLeftWidth (Css.px 2) - ] - ] - - -lg__border_t_4 : Css.Style -lg__border_t_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopWidth (Css.px 4) - ] - ] - - -lg__border_r_4 : Css.Style -lg__border_r_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderRightWidth (Css.px 4) - ] - ] - - -lg__border_b_4 : Css.Style -lg__border_b_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomWidth (Css.px 4) - ] - ] - - -lg__border_l_4 : Css.Style -lg__border_l_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderLeftWidth (Css.px 4) - ] - ] - - -lg__border_t_8 : Css.Style -lg__border_t_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopWidth (Css.px 8) - ] - ] - - -lg__border_r_8 : Css.Style -lg__border_r_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderRightWidth (Css.px 8) - ] - ] - - -lg__border_b_8 : Css.Style -lg__border_b_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomWidth (Css.px 8) - ] - ] - - -lg__border_l_8 : Css.Style -lg__border_l_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderLeftWidth (Css.px 8) - ] - ] - - -lg__border_t : Css.Style -lg__border_t = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderTopWidth (Css.px 1) - ] - ] - - -lg__border_r : Css.Style -lg__border_r = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderRightWidth (Css.px 1) - ] - ] - - -lg__border_b : Css.Style -lg__border_b = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderBottomWidth (Css.px 1) - ] - ] - - -lg__border_l : Css.Style -lg__border_l = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.borderLeftWidth (Css.px 1) - ] - ] - - -lg__box_border : Css.Style -lg__box_border = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.boxSizing Css.borderBox - ] - ] - - -lg__box_content : Css.Style -lg__box_content = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.boxSizing Css.contentBox - ] - ] - - -lg__cursor_auto : Css.Style -lg__cursor_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.cursor Css.auto - ] - ] - - -lg__cursor_default : Css.Style -lg__cursor_default = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.cursor Css.default - ] - ] - - -lg__cursor_pointer : Css.Style -lg__cursor_pointer = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.cursor Css.pointer - ] - ] - - -lg__cursor_wait : Css.Style -lg__cursor_wait = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.cursor Css.wait - ] - ] - - -lg__cursor_text : Css.Style -lg__cursor_text = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "cursor" "text" - ] - ] - - -lg__cursor_move : Css.Style -lg__cursor_move = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.cursor Css.move - ] - ] - - -lg__cursor_not_allowed : Css.Style -lg__cursor_not_allowed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.cursor Css.notAllowed - ] - ] - - -lg__block : Css.Style -lg__block = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.block - ] - ] - - -lg__inline_block : Css.Style -lg__inline_block = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.inlineBlock - ] - ] - - -lg__inline : Css.Style -lg__inline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.inline - ] - ] - - -lg__flex : Css.Style -lg__flex = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.displayFlex - ] - ] - - -lg__inline_flex : Css.Style -lg__inline_flex = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.inlineFlex - ] - ] - - -lg__table : Css.Style -lg__table = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.table - ] - ] - - -lg__table_caption : Css.Style -lg__table_caption = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.tableCaption - ] - ] - - -lg__table_cell : Css.Style -lg__table_cell = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.tableCell - ] - ] - - -lg__table_column : Css.Style -lg__table_column = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.tableColumn - ] - ] - - -lg__table_column_group : Css.Style -lg__table_column_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.tableColumnGroup - ] - ] - - -lg__table_footer_group : Css.Style -lg__table_footer_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.tableFooterGroup - ] - ] - - -lg__table_header_group : Css.Style -lg__table_header_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.tableHeaderGroup - ] - ] - - -lg__table_row_group : Css.Style -lg__table_row_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.tableRowGroup - ] - ] - - -lg__table_row : Css.Style -lg__table_row = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.tableRow - ] - ] - - -lg__flow_root : Css.Style -lg__flow_root = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "display" "flow-root" - ] - ] - - -lg__grid : Css.Style -lg__grid = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "display" "grid" - ] - ] - - -lg__inline_grid : Css.Style -lg__inline_grid = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "display" "inline-grid" - ] - ] - - -lg__hidden : Css.Style -lg__hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.display Css.none - ] - ] - - -lg__flex_row : Css.Style -lg__flex_row = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.flexDirection Css.row - ] - ] - - -lg__flex_row_reverse : Css.Style -lg__flex_row_reverse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.flexDirection Css.rowReverse - ] - ] - - -lg__flex_col : Css.Style -lg__flex_col = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.flexDirection Css.column - ] - ] - - -lg__flex_col_reverse : Css.Style -lg__flex_col_reverse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.flexDirection Css.columnReverse - ] - ] - - -lg__flex_wrap : Css.Style -lg__flex_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.flexWrap Css.wrap - ] - ] - - -lg__flex_wrap_reverse : Css.Style -lg__flex_wrap_reverse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.flexWrap Css.wrapReverse - ] - ] - - -lg__flex_no_wrap : Css.Style -lg__flex_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.flexWrap Css.noWrap - ] - ] - - -lg__items_start : Css.Style -lg__items_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.alignItems Css.flexStart - ] - ] - - -lg__items_end : Css.Style -lg__items_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.alignItems Css.flexEnd - ] - ] - - -lg__items_center : Css.Style -lg__items_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.alignItems Css.center - ] - ] - - -lg__items_baseline : Css.Style -lg__items_baseline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.alignItems Css.baseline - ] - ] - - -lg__items_stretch : Css.Style -lg__items_stretch = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.alignItems Css.stretch - ] - ] - - -lg__self_auto : Css.Style -lg__self_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "align-self" "auto" - ] - ] - - -lg__self_start : Css.Style -lg__self_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.alignSelf Css.flexStart - ] - ] - - -lg__self_end : Css.Style -lg__self_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.alignSelf Css.flexEnd - ] - ] - - -lg__self_center : Css.Style -lg__self_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.alignSelf Css.center - ] - ] - - -lg__self_stretch : Css.Style -lg__self_stretch = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.alignSelf Css.stretch - ] - ] - - -lg__justify_start : Css.Style -lg__justify_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.justifyContent Css.flexStart - ] - ] - - -lg__justify_end : Css.Style -lg__justify_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.justifyContent Css.flexEnd - ] - ] - - -lg__justify_center : Css.Style -lg__justify_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.justifyContent Css.center - ] - ] - - -lg__justify_between : Css.Style -lg__justify_between = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.justifyContent Css.spaceBetween - ] - ] - - -lg__justify_around : Css.Style -lg__justify_around = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.justifyContent Css.spaceAround - ] - ] - - -lg__justify_evenly : Css.Style -lg__justify_evenly = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "justify-content" "space-evenly" - ] - ] - - -lg__content_center : Css.Style -lg__content_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "align-content" "center" - ] - ] - - -lg__content_start : Css.Style -lg__content_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "align-content" "flex-start" - ] - ] - - -lg__content_end : Css.Style -lg__content_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "align-content" "flex-end" - ] - ] - - -lg__content_between : Css.Style -lg__content_between = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "align-content" "space-between" - ] - ] - - -lg__content_around : Css.Style -lg__content_around = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "align-content" "space-around" - ] - ] - - -lg__flex_1 : Css.Style -lg__flex_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "flex" "1 1 0%" - ] - ] - - -lg__flex_auto : Css.Style -lg__flex_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "flex" "1 1 auto" - ] - ] - - -lg__flex_initial : Css.Style -lg__flex_initial = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "flex" "0 1 auto" - ] - ] - - -lg__flex_none : Css.Style -lg__flex_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "flex" "none" - ] - ] - - -lg__flex_grow_0 : Css.Style -lg__flex_grow_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.flexGrow (Css.int 0) - ] - ] - - -lg__flex_grow : Css.Style -lg__flex_grow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.flexGrow (Css.int 1) - ] - ] - - -lg__flex_shrink_0 : Css.Style -lg__flex_shrink_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.flexShrink (Css.int 0) - ] - ] - - -lg__flex_shrink : Css.Style -lg__flex_shrink = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.flexShrink (Css.int 1) - ] - ] - - -lg__order_1 : Css.Style -lg__order_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 1) - ] - ] - - -lg__order_2 : Css.Style -lg__order_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 2) - ] - ] - - -lg__order_3 : Css.Style -lg__order_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 3) - ] - ] - - -lg__order_4 : Css.Style -lg__order_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 4) - ] - ] - - -lg__order_5 : Css.Style -lg__order_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 5) - ] - ] - - -lg__order_6 : Css.Style -lg__order_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 6) - ] - ] - - -lg__order_7 : Css.Style -lg__order_7 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 7) - ] - ] - - -lg__order_8 : Css.Style -lg__order_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 8) - ] - ] - - -lg__order_9 : Css.Style -lg__order_9 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 9) - ] - ] - - -lg__order_10 : Css.Style -lg__order_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 10) - ] - ] - - -lg__order_11 : Css.Style -lg__order_11 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 11) - ] - ] - - -lg__order_12 : Css.Style -lg__order_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 12) - ] - ] - - -lg__order_first : Css.Style -lg__order_first = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int -9999) - ] - ] - - -lg__order_last : Css.Style -lg__order_last = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 9999) - ] - ] - - -lg__order_none : Css.Style -lg__order_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.order (Css.int 0) - ] - ] - - -lg__float_right : Css.Style -lg__float_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "float" "right" - ] - ] - - -lg__float_left : Css.Style -lg__float_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "float" "left" - ] - ] - - -lg__float_none : Css.Style -lg__float_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "float" "none" - ] - ] - - -lg__clearfix : Css.Style -lg__clearfix = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "content" "\"\"" - , Css.display Css.table - , Css.property "clear" "both" - ] - ] - - -lg__clear_left : Css.Style -lg__clear_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "clear" "left" - ] - ] - - -lg__clear_right : Css.Style -lg__clear_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "clear" "right" - ] - ] - - -lg__clear_both : Css.Style -lg__clear_both = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "clear" "both" - ] - ] - - -lg__clear_none : Css.Style -lg__clear_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "clear" "none" - ] - ] - - -lg__font_sans : Css.Style -lg__font_sans = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "font-family" "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"" - ] - ] - - -lg__font_serif : Css.Style -lg__font_serif = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "font-family" "Georgia, Cambria, \"Times New Roman\", Times, serif" - ] - ] - - -lg__font_mono : Css.Style -lg__font_mono = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "font-family" "Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace" - ] - ] - - -lg__font_hairline : Css.Style -lg__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontWeight (Css.int 100) - ] - ] - - -lg__font_thin : Css.Style -lg__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontWeight (Css.int 200) - ] - ] - - -lg__font_light : Css.Style -lg__font_light = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontWeight (Css.int 300) - ] - ] - - -lg__font_normal : Css.Style -lg__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontWeight (Css.int 400) - ] - ] - - -lg__font_medium : Css.Style -lg__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontWeight (Css.int 500) - ] - ] - - -lg__font_semibold : Css.Style -lg__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontWeight (Css.int 600) - ] - ] - - -lg__font_bold : Css.Style -lg__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontWeight (Css.int 700) - ] - ] - - -lg__font_extrabold : Css.Style -lg__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontWeight (Css.int 800) - ] - ] - - -lg__font_black : Css.Style -lg__font_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontWeight (Css.int 900) - ] - ] - - -lg__hover__font_hairline : Css.Style -lg__hover__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -lg__hover__font_thin : Css.Style -lg__hover__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -lg__hover__font_light : Css.Style -lg__hover__font_light = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -lg__hover__font_normal : Css.Style -lg__hover__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -lg__hover__font_medium : Css.Style -lg__hover__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -lg__hover__font_semibold : Css.Style -lg__hover__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -lg__hover__font_bold : Css.Style -lg__hover__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -lg__hover__font_extrabold : Css.Style -lg__hover__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -lg__hover__font_black : Css.Style -lg__hover__font_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -lg__focus__font_hairline : Css.Style -lg__focus__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -lg__focus__font_thin : Css.Style -lg__focus__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -lg__focus__font_light : Css.Style -lg__focus__font_light = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -lg__focus__font_normal : Css.Style -lg__focus__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -lg__focus__font_medium : Css.Style -lg__focus__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -lg__focus__font_semibold : Css.Style -lg__focus__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -lg__focus__font_bold : Css.Style -lg__focus__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -lg__focus__font_extrabold : Css.Style -lg__focus__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -lg__focus__font_black : Css.Style -lg__focus__font_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -lg__h_0 : Css.Style -lg__h_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.px 0) - ] - ] - - -lg__h_1 : Css.Style -lg__h_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 0.25) - ] - ] - - -lg__h_2 : Css.Style -lg__h_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 0.5) - ] - ] - - -lg__h_3 : Css.Style -lg__h_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 0.75) - ] - ] - - -lg__h_4 : Css.Style -lg__h_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 1) - ] - ] - - -lg__h_5 : Css.Style -lg__h_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 1.25) - ] - ] - - -lg__h_6 : Css.Style -lg__h_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 1.5) - ] - ] - - -lg__h_8 : Css.Style -lg__h_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 2) - ] - ] - - -lg__h_10 : Css.Style -lg__h_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 2.5) - ] - ] - - -lg__h_12 : Css.Style -lg__h_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 3) - ] - ] - - -lg__h_16 : Css.Style -lg__h_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 4) - ] - ] - - -lg__h_20 : Css.Style -lg__h_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 5) - ] - ] - - -lg__h_24 : Css.Style -lg__h_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 6) - ] - ] - - -lg__h_32 : Css.Style -lg__h_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 8) - ] - ] - - -lg__h_40 : Css.Style -lg__h_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 10) - ] - ] - - -lg__h_48 : Css.Style -lg__h_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 12) - ] - ] - - -lg__h_56 : Css.Style -lg__h_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 14) - ] - ] - - -lg__h_64 : Css.Style -lg__h_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.rem 16) - ] - ] - - -lg__h_auto : Css.Style -lg__h_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height Css.auto - ] - ] - - -lg__h_px : Css.Style -lg__h_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.px 1) - ] - ] - - -lg__h_full : Css.Style -lg__h_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.pct 100) - ] - ] - - -lg__h_screen : Css.Style -lg__h_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.height (Css.vh 100) - ] - ] - - -lg__text_xs : Css.Style -lg__text_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontSize (Css.rem 0.75) - ] - ] - - -lg__text_sm : Css.Style -lg__text_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontSize (Css.rem 0.875) - ] - ] - - -lg__text_base : Css.Style -lg__text_base = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontSize (Css.rem 1) - ] - ] - - -lg__text_lg : Css.Style -lg__text_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontSize (Css.rem 1.125) - ] - ] - - -lg__text_xl : Css.Style -lg__text_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontSize (Css.rem 1.25) - ] - ] - - -lg__text_2xl : Css.Style -lg__text_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontSize (Css.rem 1.5) - ] - ] - - -lg__text_3xl : Css.Style -lg__text_3xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontSize (Css.rem 1.875) - ] - ] - - -lg__text_4xl : Css.Style -lg__text_4xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontSize (Css.rem 2.25) - ] - ] - - -lg__text_5xl : Css.Style -lg__text_5xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontSize (Css.rem 3) - ] - ] - - -lg__text_6xl : Css.Style -lg__text_6xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontSize (Css.rem 4) - ] - ] - - -lg__leading_3 : Css.Style -lg__leading_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.rem 0.75) - ] - ] - - -lg__leading_4 : Css.Style -lg__leading_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.rem 1) - ] - ] - - -lg__leading_5 : Css.Style -lg__leading_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.rem 1.25) - ] - ] - - -lg__leading_6 : Css.Style -lg__leading_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.rem 1.5) - ] - ] - - -lg__leading_7 : Css.Style -lg__leading_7 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.rem 1.75) - ] - ] - - -lg__leading_8 : Css.Style -lg__leading_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.rem 2) - ] - ] - - -lg__leading_9 : Css.Style -lg__leading_9 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.rem 2.25) - ] - ] - - -lg__leading_10 : Css.Style -lg__leading_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.rem 2.5) - ] - ] - - -lg__leading_none : Css.Style -lg__leading_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.int 1) - ] - ] - - -lg__leading_tight : Css.Style -lg__leading_tight = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.num 1.25) - ] - ] - - -lg__leading_snug : Css.Style -lg__leading_snug = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.num 1.375) - ] - ] - - -lg__leading_normal : Css.Style -lg__leading_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.num 1.5) - ] - ] - - -lg__leading_relaxed : Css.Style -lg__leading_relaxed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.num 1.625) - ] - ] - - -lg__leading_loose : Css.Style -lg__leading_loose = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.lineHeight (Css.int 2) - ] - ] - - -lg__list_inside : Css.Style -lg__list_inside = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.listStylePosition Css.inside - ] - ] - - -lg__list_outside : Css.Style -lg__list_outside = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.listStylePosition Css.outside - ] - ] - - -lg__list_none : Css.Style -lg__list_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.listStyleType Css.none - ] - ] - - -lg__list_disc : Css.Style -lg__list_disc = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.listStyleType Css.disc - ] - ] - - -lg__list_decimal : Css.Style -lg__list_decimal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.listStyleType Css.decimal - ] - ] - - -lg__m_0 : Css.Style -lg__m_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.px 0) - ] - ] - - -lg__m_1 : Css.Style -lg__m_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 0.25) - ] - ] - - -lg__m_2 : Css.Style -lg__m_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 0.5) - ] - ] - - -lg__m_3 : Css.Style -lg__m_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 0.75) - ] - ] - - -lg__m_4 : Css.Style -lg__m_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 1) - ] - ] - - -lg__m_5 : Css.Style -lg__m_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 1.25) - ] - ] - - -lg__m_6 : Css.Style -lg__m_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 1.5) - ] - ] - - -lg__m_8 : Css.Style -lg__m_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 2) - ] - ] - - -lg__m_10 : Css.Style -lg__m_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 2.5) - ] - ] - - -lg__m_12 : Css.Style -lg__m_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 3) - ] - ] - - -lg__m_16 : Css.Style -lg__m_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 4) - ] - ] - - -lg__m_20 : Css.Style -lg__m_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 5) - ] - ] - - -lg__m_24 : Css.Style -lg__m_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 6) - ] - ] - - -lg__m_32 : Css.Style -lg__m_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 8) - ] - ] - - -lg__m_40 : Css.Style -lg__m_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 10) - ] - ] - - -lg__m_48 : Css.Style -lg__m_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 12) - ] - ] - - -lg__m_56 : Css.Style -lg__m_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 14) - ] - ] - - -lg__m_64 : Css.Style -lg__m_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem 16) - ] - ] - - -lg__m_auto : Css.Style -lg__m_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin Css.auto - ] - ] - - -lg__m_px : Css.Style -lg__m_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.px 1) - ] - ] - - -lg__neg_m_1 : Css.Style -lg__neg_m_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -0.25) - ] - ] - - -lg__neg_m_2 : Css.Style -lg__neg_m_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -0.5) - ] - ] - - -lg__neg_m_3 : Css.Style -lg__neg_m_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -0.75) - ] - ] - - -lg__neg_m_4 : Css.Style -lg__neg_m_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -1) - ] - ] - - -lg__neg_m_5 : Css.Style -lg__neg_m_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -1.25) - ] - ] - - -lg__neg_m_6 : Css.Style -lg__neg_m_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -1.5) - ] - ] - - -lg__neg_m_8 : Css.Style -lg__neg_m_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -2) - ] - ] - - -lg__neg_m_10 : Css.Style -lg__neg_m_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -2.5) - ] - ] - - -lg__neg_m_12 : Css.Style -lg__neg_m_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -3) - ] - ] - - -lg__neg_m_16 : Css.Style -lg__neg_m_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -4) - ] - ] - - -lg__neg_m_20 : Css.Style -lg__neg_m_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -5) - ] - ] - - -lg__neg_m_24 : Css.Style -lg__neg_m_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -6) - ] - ] - - -lg__neg_m_32 : Css.Style -lg__neg_m_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -8) - ] - ] - - -lg__neg_m_40 : Css.Style -lg__neg_m_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -10) - ] - ] - - -lg__neg_m_48 : Css.Style -lg__neg_m_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -12) - ] - ] - - -lg__neg_m_56 : Css.Style -lg__neg_m_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -14) - ] - ] - - -lg__neg_m_64 : Css.Style -lg__neg_m_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.rem -16) - ] - ] - - -lg__neg_m_px : Css.Style -lg__neg_m_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.margin (Css.px -1) - ] - ] - - -lg__my_0 : Css.Style -lg__my_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.px 0) - , Css.marginBottom (Css.px 0) - ] - ] - - -lg__mx_0 : Css.Style -lg__mx_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.px 0) - , Css.marginRight (Css.px 0) - ] - ] - - -lg__my_1 : Css.Style -lg__my_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 0.25) - , Css.marginBottom (Css.rem 0.25) - ] - ] - - -lg__mx_1 : Css.Style -lg__mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 0.25) - , Css.marginRight (Css.rem 0.25) - ] - ] - - -lg__my_2 : Css.Style -lg__my_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 0.5) - , Css.marginBottom (Css.rem 0.5) - ] - ] - - -lg__mx_2 : Css.Style -lg__mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 0.5) - , Css.marginRight (Css.rem 0.5) - ] - ] - - -lg__my_3 : Css.Style -lg__my_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 0.75) - , Css.marginBottom (Css.rem 0.75) - ] - ] - - -lg__mx_3 : Css.Style -lg__mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 0.75) - , Css.marginRight (Css.rem 0.75) - ] - ] - - -lg__my_4 : Css.Style -lg__my_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 1) - , Css.marginBottom (Css.rem 1) - ] - ] - - -lg__mx_4 : Css.Style -lg__mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 1) - , Css.marginRight (Css.rem 1) - ] - ] - - -lg__my_5 : Css.Style -lg__my_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 1.25) - , Css.marginBottom (Css.rem 1.25) - ] - ] - - -lg__mx_5 : Css.Style -lg__mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 1.25) - , Css.marginRight (Css.rem 1.25) - ] - ] - - -lg__my_6 : Css.Style -lg__my_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 1.5) - , Css.marginBottom (Css.rem 1.5) - ] - ] - - -lg__mx_6 : Css.Style -lg__mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 1.5) - , Css.marginRight (Css.rem 1.5) - ] - ] - - -lg__my_8 : Css.Style -lg__my_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 2) - , Css.marginBottom (Css.rem 2) - ] - ] - - -lg__mx_8 : Css.Style -lg__mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 2) - , Css.marginRight (Css.rem 2) - ] - ] - - -lg__my_10 : Css.Style -lg__my_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 2.5) - , Css.marginBottom (Css.rem 2.5) - ] - ] - - -lg__mx_10 : Css.Style -lg__mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 2.5) - , Css.marginRight (Css.rem 2.5) - ] - ] - - -lg__my_12 : Css.Style -lg__my_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 3) - , Css.marginBottom (Css.rem 3) - ] - ] - - -lg__mx_12 : Css.Style -lg__mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 3) - , Css.marginRight (Css.rem 3) - ] - ] - - -lg__my_16 : Css.Style -lg__my_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 4) - , Css.marginBottom (Css.rem 4) - ] - ] - - -lg__mx_16 : Css.Style -lg__mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 4) - , Css.marginRight (Css.rem 4) - ] - ] - - -lg__my_20 : Css.Style -lg__my_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 5) - , Css.marginBottom (Css.rem 5) - ] - ] - - -lg__mx_20 : Css.Style -lg__mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 5) - , Css.marginRight (Css.rem 5) - ] - ] - - -lg__my_24 : Css.Style -lg__my_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 6) - , Css.marginBottom (Css.rem 6) - ] - ] - - -lg__mx_24 : Css.Style -lg__mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 6) - , Css.marginRight (Css.rem 6) - ] - ] - - -lg__my_32 : Css.Style -lg__my_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 8) - , Css.marginBottom (Css.rem 8) - ] - ] - - -lg__mx_32 : Css.Style -lg__mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 8) - , Css.marginRight (Css.rem 8) - ] - ] - - -lg__my_40 : Css.Style -lg__my_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 10) - , Css.marginBottom (Css.rem 10) - ] - ] - - -lg__mx_40 : Css.Style -lg__mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 10) - , Css.marginRight (Css.rem 10) - ] - ] - - -lg__my_48 : Css.Style -lg__my_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 12) - , Css.marginBottom (Css.rem 12) - ] - ] - - -lg__mx_48 : Css.Style -lg__mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 12) - , Css.marginRight (Css.rem 12) - ] - ] - - -lg__my_56 : Css.Style -lg__my_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 14) - , Css.marginBottom (Css.rem 14) - ] - ] - - -lg__mx_56 : Css.Style -lg__mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 14) - , Css.marginRight (Css.rem 14) - ] - ] - - -lg__my_64 : Css.Style -lg__my_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 16) - , Css.marginBottom (Css.rem 16) - ] - ] - - -lg__mx_64 : Css.Style -lg__mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 16) - , Css.marginRight (Css.rem 16) - ] - ] - - -lg__my_auto : Css.Style -lg__my_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop Css.auto - , Css.marginBottom Css.auto - ] - ] - - -lg__mx_auto : Css.Style -lg__mx_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft Css.auto - , Css.marginRight Css.auto - ] - ] - - -lg__my_px : Css.Style -lg__my_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.px 1) - , Css.marginBottom (Css.px 1) - ] - ] - - -lg__mx_px : Css.Style -lg__mx_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.px 1) - , Css.marginRight (Css.px 1) - ] - ] - - -lg__neg_my_1 : Css.Style -lg__neg_my_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -0.25) - , Css.marginBottom (Css.rem -0.25) - ] - ] - - -lg__neg_mx_1 : Css.Style -lg__neg_mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -0.25) - , Css.marginRight (Css.rem -0.25) - ] - ] - - -lg__neg_my_2 : Css.Style -lg__neg_my_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -0.5) - , Css.marginBottom (Css.rem -0.5) - ] - ] - - -lg__neg_mx_2 : Css.Style -lg__neg_mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -0.5) - , Css.marginRight (Css.rem -0.5) - ] - ] - - -lg__neg_my_3 : Css.Style -lg__neg_my_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -0.75) - , Css.marginBottom (Css.rem -0.75) - ] - ] - - -lg__neg_mx_3 : Css.Style -lg__neg_mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -0.75) - , Css.marginRight (Css.rem -0.75) - ] - ] - - -lg__neg_my_4 : Css.Style -lg__neg_my_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -1) - , Css.marginBottom (Css.rem -1) - ] - ] - - -lg__neg_mx_4 : Css.Style -lg__neg_mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -1) - , Css.marginRight (Css.rem -1) - ] - ] - - -lg__neg_my_5 : Css.Style -lg__neg_my_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -1.25) - , Css.marginBottom (Css.rem -1.25) - ] - ] - - -lg__neg_mx_5 : Css.Style -lg__neg_mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -1.25) - , Css.marginRight (Css.rem -1.25) - ] - ] - - -lg__neg_my_6 : Css.Style -lg__neg_my_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -1.5) - , Css.marginBottom (Css.rem -1.5) - ] - ] - - -lg__neg_mx_6 : Css.Style -lg__neg_mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -1.5) - , Css.marginRight (Css.rem -1.5) - ] - ] - - -lg__neg_my_8 : Css.Style -lg__neg_my_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -2) - , Css.marginBottom (Css.rem -2) - ] - ] - - -lg__neg_mx_8 : Css.Style -lg__neg_mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -2) - , Css.marginRight (Css.rem -2) - ] - ] - - -lg__neg_my_10 : Css.Style -lg__neg_my_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -2.5) - , Css.marginBottom (Css.rem -2.5) - ] - ] - - -lg__neg_mx_10 : Css.Style -lg__neg_mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -2.5) - , Css.marginRight (Css.rem -2.5) - ] - ] - - -lg__neg_my_12 : Css.Style -lg__neg_my_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -3) - , Css.marginBottom (Css.rem -3) - ] - ] - - -lg__neg_mx_12 : Css.Style -lg__neg_mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -3) - , Css.marginRight (Css.rem -3) - ] - ] - - -lg__neg_my_16 : Css.Style -lg__neg_my_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -4) - , Css.marginBottom (Css.rem -4) - ] - ] - - -lg__neg_mx_16 : Css.Style -lg__neg_mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -4) - , Css.marginRight (Css.rem -4) - ] - ] - - -lg__neg_my_20 : Css.Style -lg__neg_my_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -5) - , Css.marginBottom (Css.rem -5) - ] - ] - - -lg__neg_mx_20 : Css.Style -lg__neg_mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -5) - , Css.marginRight (Css.rem -5) - ] - ] - - -lg__neg_my_24 : Css.Style -lg__neg_my_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -6) - , Css.marginBottom (Css.rem -6) - ] - ] - - -lg__neg_mx_24 : Css.Style -lg__neg_mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -6) - , Css.marginRight (Css.rem -6) - ] - ] - - -lg__neg_my_32 : Css.Style -lg__neg_my_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -8) - , Css.marginBottom (Css.rem -8) - ] - ] - - -lg__neg_mx_32 : Css.Style -lg__neg_mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -8) - , Css.marginRight (Css.rem -8) - ] - ] - - -lg__neg_my_40 : Css.Style -lg__neg_my_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -10) - , Css.marginBottom (Css.rem -10) - ] - ] - - -lg__neg_mx_40 : Css.Style -lg__neg_mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -10) - , Css.marginRight (Css.rem -10) - ] - ] - - -lg__neg_my_48 : Css.Style -lg__neg_my_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -12) - , Css.marginBottom (Css.rem -12) - ] - ] - - -lg__neg_mx_48 : Css.Style -lg__neg_mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -12) - , Css.marginRight (Css.rem -12) - ] - ] - - -lg__neg_my_56 : Css.Style -lg__neg_my_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -14) - , Css.marginBottom (Css.rem -14) - ] - ] - - -lg__neg_mx_56 : Css.Style -lg__neg_mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -14) - , Css.marginRight (Css.rem -14) - ] - ] - - -lg__neg_my_64 : Css.Style -lg__neg_my_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -16) - , Css.marginBottom (Css.rem -16) - ] - ] - - -lg__neg_mx_64 : Css.Style -lg__neg_mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -16) - , Css.marginRight (Css.rem -16) - ] - ] - - -lg__neg_my_px : Css.Style -lg__neg_my_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.px -1) - , Css.marginBottom (Css.px -1) - ] - ] - - -lg__neg_mx_px : Css.Style -lg__neg_mx_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.px -1) - , Css.marginRight (Css.px -1) - ] - ] - - -lg__mt_0 : Css.Style -lg__mt_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.px 0) - ] - ] - - -lg__mr_0 : Css.Style -lg__mr_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.px 0) - ] - ] - - -lg__mb_0 : Css.Style -lg__mb_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.px 0) - ] - ] - - -lg__ml_0 : Css.Style -lg__ml_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.px 0) - ] - ] - - -lg__mt_1 : Css.Style -lg__mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 0.25) - ] - ] - - -lg__mr_1 : Css.Style -lg__mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 0.25) - ] - ] - - -lg__mb_1 : Css.Style -lg__mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 0.25) - ] - ] - - -lg__ml_1 : Css.Style -lg__ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 0.25) - ] - ] - - -lg__mt_2 : Css.Style -lg__mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 0.5) - ] - ] - - -lg__mr_2 : Css.Style -lg__mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 0.5) - ] - ] - - -lg__mb_2 : Css.Style -lg__mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 0.5) - ] - ] - - -lg__ml_2 : Css.Style -lg__ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 0.5) - ] - ] - - -lg__mt_3 : Css.Style -lg__mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 0.75) - ] - ] - - -lg__mr_3 : Css.Style -lg__mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 0.75) - ] - ] - - -lg__mb_3 : Css.Style -lg__mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 0.75) - ] - ] - - -lg__ml_3 : Css.Style -lg__ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 0.75) - ] - ] - - -lg__mt_4 : Css.Style -lg__mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 1) - ] - ] - - -lg__mr_4 : Css.Style -lg__mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 1) - ] - ] - - -lg__mb_4 : Css.Style -lg__mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 1) - ] - ] - - -lg__ml_4 : Css.Style -lg__ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 1) - ] - ] - - -lg__mt_5 : Css.Style -lg__mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 1.25) - ] - ] - - -lg__mr_5 : Css.Style -lg__mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 1.25) - ] - ] - - -lg__mb_5 : Css.Style -lg__mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 1.25) - ] - ] - - -lg__ml_5 : Css.Style -lg__ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 1.25) - ] - ] - - -lg__mt_6 : Css.Style -lg__mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 1.5) - ] - ] - - -lg__mr_6 : Css.Style -lg__mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 1.5) - ] - ] - - -lg__mb_6 : Css.Style -lg__mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 1.5) - ] - ] - - -lg__ml_6 : Css.Style -lg__ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 1.5) - ] - ] - - -lg__mt_8 : Css.Style -lg__mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 2) - ] - ] - - -lg__mr_8 : Css.Style -lg__mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 2) - ] - ] - - -lg__mb_8 : Css.Style -lg__mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 2) - ] - ] - - -lg__ml_8 : Css.Style -lg__ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 2) - ] - ] - - -lg__mt_10 : Css.Style -lg__mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 2.5) - ] - ] - - -lg__mr_10 : Css.Style -lg__mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 2.5) - ] - ] - - -lg__mb_10 : Css.Style -lg__mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 2.5) - ] - ] - - -lg__ml_10 : Css.Style -lg__ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 2.5) - ] - ] - - -lg__mt_12 : Css.Style -lg__mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 3) - ] - ] - - -lg__mr_12 : Css.Style -lg__mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 3) - ] - ] - - -lg__mb_12 : Css.Style -lg__mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 3) - ] - ] - - -lg__ml_12 : Css.Style -lg__ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 3) - ] - ] - - -lg__mt_16 : Css.Style -lg__mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 4) - ] - ] - - -lg__mr_16 : Css.Style -lg__mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 4) - ] - ] - - -lg__mb_16 : Css.Style -lg__mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 4) - ] - ] - - -lg__ml_16 : Css.Style -lg__ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 4) - ] - ] - - -lg__mt_20 : Css.Style -lg__mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 5) - ] - ] - - -lg__mr_20 : Css.Style -lg__mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 5) - ] - ] - - -lg__mb_20 : Css.Style -lg__mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 5) - ] - ] - - -lg__ml_20 : Css.Style -lg__ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 5) - ] - ] - - -lg__mt_24 : Css.Style -lg__mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 6) - ] - ] - - -lg__mr_24 : Css.Style -lg__mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 6) - ] - ] - - -lg__mb_24 : Css.Style -lg__mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 6) - ] - ] - - -lg__ml_24 : Css.Style -lg__ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 6) - ] - ] - - -lg__mt_32 : Css.Style -lg__mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 8) - ] - ] - - -lg__mr_32 : Css.Style -lg__mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 8) - ] - ] - - -lg__mb_32 : Css.Style -lg__mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 8) - ] - ] - - -lg__ml_32 : Css.Style -lg__ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 8) - ] - ] - - -lg__mt_40 : Css.Style -lg__mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 10) - ] - ] - - -lg__mr_40 : Css.Style -lg__mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 10) - ] - ] - - -lg__mb_40 : Css.Style -lg__mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 10) - ] - ] - - -lg__ml_40 : Css.Style -lg__ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 10) - ] - ] - - -lg__mt_48 : Css.Style -lg__mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 12) - ] - ] - - -lg__mr_48 : Css.Style -lg__mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 12) - ] - ] - - -lg__mb_48 : Css.Style -lg__mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 12) - ] - ] - - -lg__ml_48 : Css.Style -lg__ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 12) - ] - ] - - -lg__mt_56 : Css.Style -lg__mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 14) - ] - ] - - -lg__mr_56 : Css.Style -lg__mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 14) - ] - ] - - -lg__mb_56 : Css.Style -lg__mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 14) - ] - ] - - -lg__ml_56 : Css.Style -lg__ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 14) - ] - ] - - -lg__mt_64 : Css.Style -lg__mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem 16) - ] - ] - - -lg__mr_64 : Css.Style -lg__mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem 16) - ] - ] - - -lg__mb_64 : Css.Style -lg__mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem 16) - ] - ] - - -lg__ml_64 : Css.Style -lg__ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem 16) - ] - ] - - -lg__mt_auto : Css.Style -lg__mt_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop Css.auto - ] - ] - - -lg__mr_auto : Css.Style -lg__mr_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight Css.auto - ] - ] - - -lg__mb_auto : Css.Style -lg__mb_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom Css.auto - ] - ] - - -lg__ml_auto : Css.Style -lg__ml_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft Css.auto - ] - ] - - -lg__mt_px : Css.Style -lg__mt_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.px 1) - ] - ] - - -lg__mr_px : Css.Style -lg__mr_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.px 1) - ] - ] - - -lg__mb_px : Css.Style -lg__mb_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.px 1) - ] - ] - - -lg__ml_px : Css.Style -lg__ml_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.px 1) - ] - ] - - -lg__neg_mt_1 : Css.Style -lg__neg_mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -0.25) - ] - ] - - -lg__neg_mr_1 : Css.Style -lg__neg_mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -0.25) - ] - ] - - -lg__neg_mb_1 : Css.Style -lg__neg_mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -0.25) - ] - ] - - -lg__neg_ml_1 : Css.Style -lg__neg_ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -0.25) - ] - ] - - -lg__neg_mt_2 : Css.Style -lg__neg_mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -0.5) - ] - ] - - -lg__neg_mr_2 : Css.Style -lg__neg_mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -0.5) - ] - ] - - -lg__neg_mb_2 : Css.Style -lg__neg_mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -0.5) - ] - ] - - -lg__neg_ml_2 : Css.Style -lg__neg_ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -0.5) - ] - ] - - -lg__neg_mt_3 : Css.Style -lg__neg_mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -0.75) - ] - ] - - -lg__neg_mr_3 : Css.Style -lg__neg_mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -0.75) - ] - ] - - -lg__neg_mb_3 : Css.Style -lg__neg_mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -0.75) - ] - ] - - -lg__neg_ml_3 : Css.Style -lg__neg_ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -0.75) - ] - ] - - -lg__neg_mt_4 : Css.Style -lg__neg_mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -1) - ] - ] - - -lg__neg_mr_4 : Css.Style -lg__neg_mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -1) - ] - ] - - -lg__neg_mb_4 : Css.Style -lg__neg_mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -1) - ] - ] - - -lg__neg_ml_4 : Css.Style -lg__neg_ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -1) - ] - ] - - -lg__neg_mt_5 : Css.Style -lg__neg_mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -1.25) - ] - ] - - -lg__neg_mr_5 : Css.Style -lg__neg_mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -1.25) - ] - ] - - -lg__neg_mb_5 : Css.Style -lg__neg_mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -1.25) - ] - ] - - -lg__neg_ml_5 : Css.Style -lg__neg_ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -1.25) - ] - ] - - -lg__neg_mt_6 : Css.Style -lg__neg_mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -1.5) - ] - ] - - -lg__neg_mr_6 : Css.Style -lg__neg_mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -1.5) - ] - ] - - -lg__neg_mb_6 : Css.Style -lg__neg_mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -1.5) - ] - ] - - -lg__neg_ml_6 : Css.Style -lg__neg_ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -1.5) - ] - ] - - -lg__neg_mt_8 : Css.Style -lg__neg_mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -2) - ] - ] - - -lg__neg_mr_8 : Css.Style -lg__neg_mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -2) - ] - ] - - -lg__neg_mb_8 : Css.Style -lg__neg_mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -2) - ] - ] - - -lg__neg_ml_8 : Css.Style -lg__neg_ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -2) - ] - ] - - -lg__neg_mt_10 : Css.Style -lg__neg_mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -2.5) - ] - ] - - -lg__neg_mr_10 : Css.Style -lg__neg_mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -2.5) - ] - ] - - -lg__neg_mb_10 : Css.Style -lg__neg_mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -2.5) - ] - ] - - -lg__neg_ml_10 : Css.Style -lg__neg_ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -2.5) - ] - ] - - -lg__neg_mt_12 : Css.Style -lg__neg_mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -3) - ] - ] - - -lg__neg_mr_12 : Css.Style -lg__neg_mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -3) - ] - ] - - -lg__neg_mb_12 : Css.Style -lg__neg_mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -3) - ] - ] - - -lg__neg_ml_12 : Css.Style -lg__neg_ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -3) - ] - ] - - -lg__neg_mt_16 : Css.Style -lg__neg_mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -4) - ] - ] - - -lg__neg_mr_16 : Css.Style -lg__neg_mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -4) - ] - ] - - -lg__neg_mb_16 : Css.Style -lg__neg_mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -4) - ] - ] - - -lg__neg_ml_16 : Css.Style -lg__neg_ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -4) - ] - ] - - -lg__neg_mt_20 : Css.Style -lg__neg_mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -5) - ] - ] - - -lg__neg_mr_20 : Css.Style -lg__neg_mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -5) - ] - ] - - -lg__neg_mb_20 : Css.Style -lg__neg_mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -5) - ] - ] - - -lg__neg_ml_20 : Css.Style -lg__neg_ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -5) - ] - ] - - -lg__neg_mt_24 : Css.Style -lg__neg_mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -6) - ] - ] - - -lg__neg_mr_24 : Css.Style -lg__neg_mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -6) - ] - ] - - -lg__neg_mb_24 : Css.Style -lg__neg_mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -6) - ] - ] - - -lg__neg_ml_24 : Css.Style -lg__neg_ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -6) - ] - ] - - -lg__neg_mt_32 : Css.Style -lg__neg_mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -8) - ] - ] - - -lg__neg_mr_32 : Css.Style -lg__neg_mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -8) - ] - ] - - -lg__neg_mb_32 : Css.Style -lg__neg_mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -8) - ] - ] - - -lg__neg_ml_32 : Css.Style -lg__neg_ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -8) - ] - ] - - -lg__neg_mt_40 : Css.Style -lg__neg_mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -10) - ] - ] - - -lg__neg_mr_40 : Css.Style -lg__neg_mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -10) - ] - ] - - -lg__neg_mb_40 : Css.Style -lg__neg_mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -10) - ] - ] - - -lg__neg_ml_40 : Css.Style -lg__neg_ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -10) - ] - ] - - -lg__neg_mt_48 : Css.Style -lg__neg_mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -12) - ] - ] - - -lg__neg_mr_48 : Css.Style -lg__neg_mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -12) - ] - ] - - -lg__neg_mb_48 : Css.Style -lg__neg_mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -12) - ] - ] - - -lg__neg_ml_48 : Css.Style -lg__neg_ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -12) - ] - ] - - -lg__neg_mt_56 : Css.Style -lg__neg_mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -14) - ] - ] - - -lg__neg_mr_56 : Css.Style -lg__neg_mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -14) - ] - ] - - -lg__neg_mb_56 : Css.Style -lg__neg_mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -14) - ] - ] - - -lg__neg_ml_56 : Css.Style -lg__neg_ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -14) - ] - ] - - -lg__neg_mt_64 : Css.Style -lg__neg_mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.rem -16) - ] - ] - - -lg__neg_mr_64 : Css.Style -lg__neg_mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.rem -16) - ] - ] - - -lg__neg_mb_64 : Css.Style -lg__neg_mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.rem -16) - ] - ] - - -lg__neg_ml_64 : Css.Style -lg__neg_ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.rem -16) - ] - ] - - -lg__neg_mt_px : Css.Style -lg__neg_mt_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginTop (Css.px -1) - ] - ] - - -lg__neg_mr_px : Css.Style -lg__neg_mr_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginRight (Css.px -1) - ] - ] - - -lg__neg_mb_px : Css.Style -lg__neg_mb_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginBottom (Css.px -1) - ] - ] - - -lg__neg_ml_px : Css.Style -lg__neg_ml_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.marginLeft (Css.px -1) - ] - ] - - -lg__max_h_full : Css.Style -lg__max_h_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxHeight (Css.pct 100) - ] - ] - - -lg__max_h_screen : Css.Style -lg__max_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxHeight (Css.vh 100) - ] - ] - - -lg__max_w_none : Css.Style -lg__max_w_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth Css.none - ] - ] - - -lg__max_w_xs : Css.Style -lg__max_w_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.rem 20) - ] - ] - - -lg__max_w_sm : Css.Style -lg__max_w_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.rem 24) - ] - ] - - -lg__max_w_md : Css.Style -lg__max_w_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.rem 28) - ] - ] - - -lg__max_w_lg : Css.Style -lg__max_w_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.rem 32) - ] - ] - - -lg__max_w_xl : Css.Style -lg__max_w_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.rem 36) - ] - ] - - -lg__max_w_2xl : Css.Style -lg__max_w_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.rem 42) - ] - ] - - -lg__max_w_3xl : Css.Style -lg__max_w_3xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.rem 48) - ] - ] - - -lg__max_w_4xl : Css.Style -lg__max_w_4xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.rem 56) - ] - ] - - -lg__max_w_5xl : Css.Style -lg__max_w_5xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.rem 64) - ] - ] - - -lg__max_w_6xl : Css.Style -lg__max_w_6xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.rem 72) - ] - ] - - -lg__max_w_full : Css.Style -lg__max_w_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.pct 100) - ] - ] - - -lg__max_w_screen_sm : Css.Style -lg__max_w_screen_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.px 640) - ] - ] - - -lg__max_w_screen_md : Css.Style -lg__max_w_screen_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.px 768) - ] - ] - - -lg__max_w_screen_lg : Css.Style -lg__max_w_screen_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.px 1024) - ] - ] - - -lg__max_w_screen_xl : Css.Style -lg__max_w_screen_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.maxWidth (Css.px 1280) - ] - ] - - -lg__min_h_0 : Css.Style -lg__min_h_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.minHeight (Css.px 0) - ] - ] - - -lg__min_h_full : Css.Style -lg__min_h_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.minHeight (Css.pct 100) - ] - ] - - -lg__min_h_screen : Css.Style -lg__min_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.minHeight (Css.vh 100) - ] - ] - - -lg__min_w_0 : Css.Style -lg__min_w_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.minWidth (Css.px 0) - ] - ] - - -lg__min_w_full : Css.Style -lg__min_w_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.minWidth (Css.pct 100) - ] - ] - - -lg__object_contain : Css.Style -lg__object_contain = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-fit" "contain" - ] - ] - - -lg__object_cover : Css.Style -lg__object_cover = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-fit" "cover" - ] - ] - - -lg__object_fill : Css.Style -lg__object_fill = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-fit" "fill" - ] - ] - - -lg__object_none : Css.Style -lg__object_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-fit" "none" - ] - ] - - -lg__object_scale_down : Css.Style -lg__object_scale_down = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-fit" "scale-down" - ] - ] - - -lg__object_bottom : Css.Style -lg__object_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-position" "bottom" - ] - ] - - -lg__object_center : Css.Style -lg__object_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-position" "center" - ] - ] - - -lg__object_left : Css.Style -lg__object_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-position" "left" - ] - ] - - -lg__object_left_bottom : Css.Style -lg__object_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-position" "left bottom" - ] - ] - - -lg__object_left_top : Css.Style -lg__object_left_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-position" "left top" - ] - ] - - -lg__object_right : Css.Style -lg__object_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-position" "right" - ] - ] - - -lg__object_right_bottom : Css.Style -lg__object_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-position" "right bottom" - ] - ] - - -lg__object_right_top : Css.Style -lg__object_right_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-position" "right top" - ] - ] - - -lg__object_top : Css.Style -lg__object_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "object-position" "top" - ] - ] - - -lg__opacity_0 : Css.Style -lg__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.opacity (Css.int 0) - ] - ] - - -lg__opacity_25 : Css.Style -lg__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.opacity (Css.num 0.25) - ] - ] - - -lg__opacity_50 : Css.Style -lg__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.opacity (Css.num 0.5) - ] - ] - - -lg__opacity_75 : Css.Style -lg__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.opacity (Css.num 0.75) - ] - ] - - -lg__opacity_100 : Css.Style -lg__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.opacity (Css.int 1) - ] - ] - - -lg__hover__opacity_0 : Css.Style -lg__hover__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.opacity (Css.int 0) - ] - ] - ] - - -lg__hover__opacity_25 : Css.Style -lg__hover__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -lg__hover__opacity_50 : Css.Style -lg__hover__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -lg__hover__opacity_75 : Css.Style -lg__hover__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -lg__hover__opacity_100 : Css.Style -lg__hover__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.opacity (Css.int 1) - ] - ] - ] - - -lg__focus__opacity_0 : Css.Style -lg__focus__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.opacity (Css.int 0) - ] - ] - ] - - -lg__focus__opacity_25 : Css.Style -lg__focus__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -lg__focus__opacity_50 : Css.Style -lg__focus__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -lg__focus__opacity_75 : Css.Style -lg__focus__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -lg__focus__opacity_100 : Css.Style -lg__focus__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.opacity (Css.int 1) - ] - ] - ] - - -lg__outline_none : Css.Style -lg__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "outline" "0" - ] - ] - - -lg__focus__outline_none : Css.Style -lg__focus__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.property "outline" "0" - ] - ] - ] - - -lg__overflow_auto : Css.Style -lg__overflow_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflow Css.auto - ] - ] - - -lg__overflow_hidden : Css.Style -lg__overflow_hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflow Css.hidden - ] - ] - - -lg__overflow_visible : Css.Style -lg__overflow_visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflow Css.visible - ] - ] - - -lg__overflow_scroll : Css.Style -lg__overflow_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflow Css.scroll - ] - ] - - -lg__overflow_x_auto : Css.Style -lg__overflow_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflowX Css.auto - ] - ] - - -lg__overflow_y_auto : Css.Style -lg__overflow_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflowY Css.auto - ] - ] - - -lg__overflow_x_hidden : Css.Style -lg__overflow_x_hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflowX Css.hidden - ] - ] - - -lg__overflow_y_hidden : Css.Style -lg__overflow_y_hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflowY Css.hidden - ] - ] - - -lg__overflow_x_visible : Css.Style -lg__overflow_x_visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflowX Css.visible - ] - ] - - -lg__overflow_y_visible : Css.Style -lg__overflow_y_visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflowY Css.visible - ] - ] - - -lg__overflow_x_scroll : Css.Style -lg__overflow_x_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflowX Css.scroll - ] - ] - - -lg__overflow_y_scroll : Css.Style -lg__overflow_y_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflowY Css.scroll - ] - ] - - -lg__scrolling_touch : Css.Style -lg__scrolling_touch = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "-webkit-overflow-scrolling" "touch" - ] - ] - - -lg__scrolling_auto : Css.Style -lg__scrolling_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "-webkit-overflow-scrolling" "auto" - ] - ] - - -lg__p_0 : Css.Style -lg__p_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.px 0) - ] - ] - - -lg__p_1 : Css.Style -lg__p_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 0.25) - ] - ] - - -lg__p_2 : Css.Style -lg__p_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 0.5) - ] - ] - - -lg__p_3 : Css.Style -lg__p_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 0.75) - ] - ] - - -lg__p_4 : Css.Style -lg__p_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 1) - ] - ] - - -lg__p_5 : Css.Style -lg__p_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 1.25) - ] - ] - - -lg__p_6 : Css.Style -lg__p_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 1.5) - ] - ] - - -lg__p_8 : Css.Style -lg__p_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 2) - ] - ] - - -lg__p_10 : Css.Style -lg__p_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 2.5) - ] - ] - - -lg__p_12 : Css.Style -lg__p_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 3) - ] - ] - - -lg__p_16 : Css.Style -lg__p_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 4) - ] - ] - - -lg__p_20 : Css.Style -lg__p_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 5) - ] - ] - - -lg__p_24 : Css.Style -lg__p_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 6) - ] - ] - - -lg__p_32 : Css.Style -lg__p_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 8) - ] - ] - - -lg__p_40 : Css.Style -lg__p_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 10) - ] - ] - - -lg__p_48 : Css.Style -lg__p_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 12) - ] - ] - - -lg__p_56 : Css.Style -lg__p_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 14) - ] - ] - - -lg__p_64 : Css.Style -lg__p_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.rem 16) - ] - ] - - -lg__p_px : Css.Style -lg__p_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.padding (Css.px 1) - ] - ] - - -lg__py_0 : Css.Style -lg__py_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.px 0) - , Css.paddingBottom (Css.px 0) - ] - ] - - -lg__px_0 : Css.Style -lg__px_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.px 0) - , Css.paddingRight (Css.px 0) - ] - ] - - -lg__py_1 : Css.Style -lg__py_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 0.25) - , Css.paddingBottom (Css.rem 0.25) - ] - ] - - -lg__px_1 : Css.Style -lg__px_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 0.25) - , Css.paddingRight (Css.rem 0.25) - ] - ] - - -lg__py_2 : Css.Style -lg__py_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 0.5) - , Css.paddingBottom (Css.rem 0.5) - ] - ] - - -lg__px_2 : Css.Style -lg__px_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 0.5) - , Css.paddingRight (Css.rem 0.5) - ] - ] - - -lg__py_3 : Css.Style -lg__py_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 0.75) - , Css.paddingBottom (Css.rem 0.75) - ] - ] - - -lg__px_3 : Css.Style -lg__px_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 0.75) - , Css.paddingRight (Css.rem 0.75) - ] - ] - - -lg__py_4 : Css.Style -lg__py_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 1) - , Css.paddingBottom (Css.rem 1) - ] - ] - - -lg__px_4 : Css.Style -lg__px_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 1) - , Css.paddingRight (Css.rem 1) - ] - ] - - -lg__py_5 : Css.Style -lg__py_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 1.25) - , Css.paddingBottom (Css.rem 1.25) - ] - ] - - -lg__px_5 : Css.Style -lg__px_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 1.25) - , Css.paddingRight (Css.rem 1.25) - ] - ] - - -lg__py_6 : Css.Style -lg__py_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 1.5) - , Css.paddingBottom (Css.rem 1.5) - ] - ] - - -lg__px_6 : Css.Style -lg__px_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 1.5) - , Css.paddingRight (Css.rem 1.5) - ] - ] - - -lg__py_8 : Css.Style -lg__py_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 2) - , Css.paddingBottom (Css.rem 2) - ] - ] - - -lg__px_8 : Css.Style -lg__px_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 2) - , Css.paddingRight (Css.rem 2) - ] - ] - - -lg__py_10 : Css.Style -lg__py_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 2.5) - , Css.paddingBottom (Css.rem 2.5) - ] - ] - - -lg__px_10 : Css.Style -lg__px_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 2.5) - , Css.paddingRight (Css.rem 2.5) - ] - ] - - -lg__py_12 : Css.Style -lg__py_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 3) - , Css.paddingBottom (Css.rem 3) - ] - ] - - -lg__px_12 : Css.Style -lg__px_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 3) - , Css.paddingRight (Css.rem 3) - ] - ] - - -lg__py_16 : Css.Style -lg__py_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 4) - , Css.paddingBottom (Css.rem 4) - ] - ] - - -lg__px_16 : Css.Style -lg__px_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 4) - , Css.paddingRight (Css.rem 4) - ] - ] - - -lg__py_20 : Css.Style -lg__py_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 5) - , Css.paddingBottom (Css.rem 5) - ] - ] - - -lg__px_20 : Css.Style -lg__px_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 5) - , Css.paddingRight (Css.rem 5) - ] - ] - - -lg__py_24 : Css.Style -lg__py_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 6) - , Css.paddingBottom (Css.rem 6) - ] - ] - - -lg__px_24 : Css.Style -lg__px_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 6) - , Css.paddingRight (Css.rem 6) - ] - ] - - -lg__py_32 : Css.Style -lg__py_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 8) - , Css.paddingBottom (Css.rem 8) - ] - ] - - -lg__px_32 : Css.Style -lg__px_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 8) - , Css.paddingRight (Css.rem 8) - ] - ] - - -lg__py_40 : Css.Style -lg__py_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 10) - , Css.paddingBottom (Css.rem 10) - ] - ] - - -lg__px_40 : Css.Style -lg__px_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 10) - , Css.paddingRight (Css.rem 10) - ] - ] - - -lg__py_48 : Css.Style -lg__py_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 12) - , Css.paddingBottom (Css.rem 12) - ] - ] - - -lg__px_48 : Css.Style -lg__px_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 12) - , Css.paddingRight (Css.rem 12) - ] - ] - - -lg__py_56 : Css.Style -lg__py_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 14) - , Css.paddingBottom (Css.rem 14) - ] - ] - - -lg__px_56 : Css.Style -lg__px_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 14) - , Css.paddingRight (Css.rem 14) - ] - ] - - -lg__py_64 : Css.Style -lg__py_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 16) - , Css.paddingBottom (Css.rem 16) - ] - ] - - -lg__px_64 : Css.Style -lg__px_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 16) - , Css.paddingRight (Css.rem 16) - ] - ] - - -lg__py_px : Css.Style -lg__py_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.px 1) - , Css.paddingBottom (Css.px 1) - ] - ] - - -lg__px_px : Css.Style -lg__px_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.px 1) - , Css.paddingRight (Css.px 1) - ] - ] - - -lg__pt_0 : Css.Style -lg__pt_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.px 0) - ] - ] - - -lg__pr_0 : Css.Style -lg__pr_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.px 0) - ] - ] - - -lg__pb_0 : Css.Style -lg__pb_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.px 0) - ] - ] - - -lg__pl_0 : Css.Style -lg__pl_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.px 0) - ] - ] - - -lg__pt_1 : Css.Style -lg__pt_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 0.25) - ] - ] - - -lg__pr_1 : Css.Style -lg__pr_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 0.25) - ] - ] - - -lg__pb_1 : Css.Style -lg__pb_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 0.25) - ] - ] - - -lg__pl_1 : Css.Style -lg__pl_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 0.25) - ] - ] - - -lg__pt_2 : Css.Style -lg__pt_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 0.5) - ] - ] - - -lg__pr_2 : Css.Style -lg__pr_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 0.5) - ] - ] - - -lg__pb_2 : Css.Style -lg__pb_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 0.5) - ] - ] - - -lg__pl_2 : Css.Style -lg__pl_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 0.5) - ] - ] - - -lg__pt_3 : Css.Style -lg__pt_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 0.75) - ] - ] - - -lg__pr_3 : Css.Style -lg__pr_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 0.75) - ] - ] - - -lg__pb_3 : Css.Style -lg__pb_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 0.75) - ] - ] - - -lg__pl_3 : Css.Style -lg__pl_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 0.75) - ] - ] - - -lg__pt_4 : Css.Style -lg__pt_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 1) - ] - ] - - -lg__pr_4 : Css.Style -lg__pr_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 1) - ] - ] - - -lg__pb_4 : Css.Style -lg__pb_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 1) - ] - ] - - -lg__pl_4 : Css.Style -lg__pl_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 1) - ] - ] - - -lg__pt_5 : Css.Style -lg__pt_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 1.25) - ] - ] - - -lg__pr_5 : Css.Style -lg__pr_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 1.25) - ] - ] - - -lg__pb_5 : Css.Style -lg__pb_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 1.25) - ] - ] - - -lg__pl_5 : Css.Style -lg__pl_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 1.25) - ] - ] - - -lg__pt_6 : Css.Style -lg__pt_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 1.5) - ] - ] - - -lg__pr_6 : Css.Style -lg__pr_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 1.5) - ] - ] - - -lg__pb_6 : Css.Style -lg__pb_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 1.5) - ] - ] - - -lg__pl_6 : Css.Style -lg__pl_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 1.5) - ] - ] - - -lg__pt_8 : Css.Style -lg__pt_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 2) - ] - ] - - -lg__pr_8 : Css.Style -lg__pr_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 2) - ] - ] - - -lg__pb_8 : Css.Style -lg__pb_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 2) - ] - ] - - -lg__pl_8 : Css.Style -lg__pl_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 2) - ] - ] - - -lg__pt_10 : Css.Style -lg__pt_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 2.5) - ] - ] - - -lg__pr_10 : Css.Style -lg__pr_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 2.5) - ] - ] - - -lg__pb_10 : Css.Style -lg__pb_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 2.5) - ] - ] - - -lg__pl_10 : Css.Style -lg__pl_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 2.5) - ] - ] - - -lg__pt_12 : Css.Style -lg__pt_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 3) - ] - ] - - -lg__pr_12 : Css.Style -lg__pr_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 3) - ] - ] - - -lg__pb_12 : Css.Style -lg__pb_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 3) - ] - ] - - -lg__pl_12 : Css.Style -lg__pl_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 3) - ] - ] - - -lg__pt_16 : Css.Style -lg__pt_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 4) - ] - ] - - -lg__pr_16 : Css.Style -lg__pr_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 4) - ] - ] - - -lg__pb_16 : Css.Style -lg__pb_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 4) - ] - ] - - -lg__pl_16 : Css.Style -lg__pl_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 4) - ] - ] - - -lg__pt_20 : Css.Style -lg__pt_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 5) - ] - ] - - -lg__pr_20 : Css.Style -lg__pr_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 5) - ] - ] - - -lg__pb_20 : Css.Style -lg__pb_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 5) - ] - ] - - -lg__pl_20 : Css.Style -lg__pl_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 5) - ] - ] - - -lg__pt_24 : Css.Style -lg__pt_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 6) - ] - ] - - -lg__pr_24 : Css.Style -lg__pr_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 6) - ] - ] - - -lg__pb_24 : Css.Style -lg__pb_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 6) - ] - ] - - -lg__pl_24 : Css.Style -lg__pl_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 6) - ] - ] - - -lg__pt_32 : Css.Style -lg__pt_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 8) - ] - ] - - -lg__pr_32 : Css.Style -lg__pr_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 8) - ] - ] - - -lg__pb_32 : Css.Style -lg__pb_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 8) - ] - ] - - -lg__pl_32 : Css.Style -lg__pl_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 8) - ] - ] - - -lg__pt_40 : Css.Style -lg__pt_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 10) - ] - ] - - -lg__pr_40 : Css.Style -lg__pr_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 10) - ] - ] - - -lg__pb_40 : Css.Style -lg__pb_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 10) - ] - ] - - -lg__pl_40 : Css.Style -lg__pl_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 10) - ] - ] - - -lg__pt_48 : Css.Style -lg__pt_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 12) - ] - ] - - -lg__pr_48 : Css.Style -lg__pr_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 12) - ] - ] - - -lg__pb_48 : Css.Style -lg__pb_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 12) - ] - ] - - -lg__pl_48 : Css.Style -lg__pl_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 12) - ] - ] - - -lg__pt_56 : Css.Style -lg__pt_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 14) - ] - ] - - -lg__pr_56 : Css.Style -lg__pr_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 14) - ] - ] - - -lg__pb_56 : Css.Style -lg__pb_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 14) - ] - ] - - -lg__pl_56 : Css.Style -lg__pl_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 14) - ] - ] - - -lg__pt_64 : Css.Style -lg__pt_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.rem 16) - ] - ] - - -lg__pr_64 : Css.Style -lg__pr_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.rem 16) - ] - ] - - -lg__pb_64 : Css.Style -lg__pb_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.rem 16) - ] - ] - - -lg__pl_64 : Css.Style -lg__pl_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.rem 16) - ] - ] - - -lg__pt_px : Css.Style -lg__pt_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingTop (Css.px 1) - ] - ] - - -lg__pr_px : Css.Style -lg__pr_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingRight (Css.px 1) - ] - ] - - -lg__pb_px : Css.Style -lg__pb_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingBottom (Css.px 1) - ] - ] - - -lg__pl_px : Css.Style -lg__pl_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.paddingLeft (Css.px 1) - ] - ] - - -lg__placeholder_transparent : Css.Style -lg__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color Css.transparent - ] - ] - - -lg__placeholder_current : Css.Style -lg__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color Css.currentColor - ] - ] - - -lg__placeholder_black : Css.Style -lg__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#000") - ] - ] - - -lg__placeholder_white : Css.Style -lg__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fff") - ] - ] - - -lg__placeholder_gray_100 : Css.Style -lg__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#f7fafc") - ] - ] - - -lg__placeholder_gray_200 : Css.Style -lg__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#edf2f7") - ] - ] - - -lg__placeholder_gray_300 : Css.Style -lg__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#e2e8f0") - ] - ] - - -lg__placeholder_gray_400 : Css.Style -lg__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#cbd5e0") - ] - ] - - -lg__placeholder_gray_500 : Css.Style -lg__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#a0aec0") - ] - ] - - -lg__placeholder_gray_600 : Css.Style -lg__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#718096") - ] - ] - - -lg__placeholder_gray_700 : Css.Style -lg__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#4a5568") - ] - ] - - -lg__placeholder_gray_800 : Css.Style -lg__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#2d3748") - ] - ] - - -lg__placeholder_gray_900 : Css.Style -lg__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#1a202c") - ] - ] - - -lg__placeholder_red_100 : Css.Style -lg__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fff5f5") - ] - ] - - -lg__placeholder_red_200 : Css.Style -lg__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fed7d7") - ] - ] - - -lg__placeholder_red_300 : Css.Style -lg__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#feb2b2") - ] - ] - - -lg__placeholder_red_400 : Css.Style -lg__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fc8181") - ] - ] - - -lg__placeholder_red_500 : Css.Style -lg__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#f56565") - ] - ] - - -lg__placeholder_red_600 : Css.Style -lg__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#e53e3e") - ] - ] - - -lg__placeholder_red_700 : Css.Style -lg__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#c53030") - ] - ] - - -lg__placeholder_red_800 : Css.Style -lg__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#9b2c2c") - ] - ] - - -lg__placeholder_red_900 : Css.Style -lg__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#742a2a") - ] - ] - - -lg__placeholder_orange_100 : Css.Style -lg__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fffaf0") - ] - ] - - -lg__placeholder_orange_200 : Css.Style -lg__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#feebc8") - ] - ] - - -lg__placeholder_orange_300 : Css.Style -lg__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fbd38d") - ] - ] - - -lg__placeholder_orange_400 : Css.Style -lg__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#f6ad55") - ] - ] - - -lg__placeholder_orange_500 : Css.Style -lg__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#ed8936") - ] - ] - - -lg__placeholder_orange_600 : Css.Style -lg__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#dd6b20") - ] - ] - - -lg__placeholder_orange_700 : Css.Style -lg__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#c05621") - ] - ] - - -lg__placeholder_orange_800 : Css.Style -lg__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#9c4221") - ] - ] - - -lg__placeholder_orange_900 : Css.Style -lg__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#7b341e") - ] - ] - - -lg__placeholder_yellow_100 : Css.Style -lg__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fffff0") - ] - ] - - -lg__placeholder_yellow_200 : Css.Style -lg__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fefcbf") - ] - ] - - -lg__placeholder_yellow_300 : Css.Style -lg__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#faf089") - ] - ] - - -lg__placeholder_yellow_400 : Css.Style -lg__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#f6e05e") - ] - ] - - -lg__placeholder_yellow_500 : Css.Style -lg__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#ecc94b") - ] - ] - - -lg__placeholder_yellow_600 : Css.Style -lg__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#d69e2e") - ] - ] - - -lg__placeholder_yellow_700 : Css.Style -lg__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#b7791f") - ] - ] - - -lg__placeholder_yellow_800 : Css.Style -lg__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#975a16") - ] - ] - - -lg__placeholder_yellow_900 : Css.Style -lg__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#744210") - ] - ] - - -lg__placeholder_green_100 : Css.Style -lg__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#f0fff4") - ] - ] - - -lg__placeholder_green_200 : Css.Style -lg__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#c6f6d5") - ] - ] - - -lg__placeholder_green_300 : Css.Style -lg__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#9ae6b4") - ] - ] - - -lg__placeholder_green_400 : Css.Style -lg__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#68d391") - ] - ] - - -lg__placeholder_green_500 : Css.Style -lg__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#48bb78") - ] - ] - - -lg__placeholder_green_600 : Css.Style -lg__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#38a169") - ] - ] - - -lg__placeholder_green_700 : Css.Style -lg__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#2f855a") - ] - ] - - -lg__placeholder_green_800 : Css.Style -lg__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#276749") - ] - ] - - -lg__placeholder_green_900 : Css.Style -lg__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#22543d") - ] - ] - - -lg__placeholder_teal_100 : Css.Style -lg__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#e6fffa") - ] - ] - - -lg__placeholder_teal_200 : Css.Style -lg__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#b2f5ea") - ] - ] - - -lg__placeholder_teal_300 : Css.Style -lg__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#81e6d9") - ] - ] - - -lg__placeholder_teal_400 : Css.Style -lg__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#4fd1c5") - ] - ] - - -lg__placeholder_teal_500 : Css.Style -lg__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#38b2ac") - ] - ] - - -lg__placeholder_teal_600 : Css.Style -lg__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#319795") - ] - ] - - -lg__placeholder_teal_700 : Css.Style -lg__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#2c7a7b") - ] - ] - - -lg__placeholder_teal_800 : Css.Style -lg__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#285e61") - ] - ] - - -lg__placeholder_teal_900 : Css.Style -lg__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#234e52") - ] - ] - - -lg__placeholder_blue_100 : Css.Style -lg__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#ebf8ff") - ] - ] - - -lg__placeholder_blue_200 : Css.Style -lg__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#bee3f8") - ] - ] - - -lg__placeholder_blue_300 : Css.Style -lg__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#90cdf4") - ] - ] - - -lg__placeholder_blue_400 : Css.Style -lg__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#63b3ed") - ] - ] - - -lg__placeholder_blue_500 : Css.Style -lg__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#4299e1") - ] - ] - - -lg__placeholder_blue_600 : Css.Style -lg__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#3182ce") - ] - ] - - -lg__placeholder_blue_700 : Css.Style -lg__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#2b6cb0") - ] - ] - - -lg__placeholder_blue_800 : Css.Style -lg__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#2c5282") - ] - ] - - -lg__placeholder_blue_900 : Css.Style -lg__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#2a4365") - ] - ] - - -lg__placeholder_indigo_100 : Css.Style -lg__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#ebf4ff") - ] - ] - - -lg__placeholder_indigo_200 : Css.Style -lg__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#c3dafe") - ] - ] - - -lg__placeholder_indigo_300 : Css.Style -lg__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#a3bffa") - ] - ] - - -lg__placeholder_indigo_400 : Css.Style -lg__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#7f9cf5") - ] - ] - - -lg__placeholder_indigo_500 : Css.Style -lg__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#667eea") - ] - ] - - -lg__placeholder_indigo_600 : Css.Style -lg__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#5a67d8") - ] - ] - - -lg__placeholder_indigo_700 : Css.Style -lg__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#4c51bf") - ] - ] - - -lg__placeholder_indigo_800 : Css.Style -lg__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#434190") - ] - ] - - -lg__placeholder_indigo_900 : Css.Style -lg__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#3c366b") - ] - ] - - -lg__placeholder_purple_100 : Css.Style -lg__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#faf5ff") - ] - ] - - -lg__placeholder_purple_200 : Css.Style -lg__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#e9d8fd") - ] - ] - - -lg__placeholder_purple_300 : Css.Style -lg__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#d6bcfa") - ] - ] - - -lg__placeholder_purple_400 : Css.Style -lg__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#b794f4") - ] - ] - - -lg__placeholder_purple_500 : Css.Style -lg__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#9f7aea") - ] - ] - - -lg__placeholder_purple_600 : Css.Style -lg__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#805ad5") - ] - ] - - -lg__placeholder_purple_700 : Css.Style -lg__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#6b46c1") - ] - ] - - -lg__placeholder_purple_800 : Css.Style -lg__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#553c9a") - ] - ] - - -lg__placeholder_purple_900 : Css.Style -lg__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#44337a") - ] - ] - - -lg__placeholder_pink_100 : Css.Style -lg__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fff5f7") - ] - ] - - -lg__placeholder_pink_200 : Css.Style -lg__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fed7e2") - ] - ] - - -lg__placeholder_pink_300 : Css.Style -lg__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fbb6ce") - ] - ] - - -lg__placeholder_pink_400 : Css.Style -lg__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#f687b3") - ] - ] - - -lg__placeholder_pink_500 : Css.Style -lg__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#ed64a6") - ] - ] - - -lg__placeholder_pink_600 : Css.Style -lg__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#d53f8c") - ] - ] - - -lg__placeholder_pink_700 : Css.Style -lg__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#b83280") - ] - ] - - -lg__placeholder_pink_800 : Css.Style -lg__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#97266d") - ] - ] - - -lg__placeholder_pink_900 : Css.Style -lg__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#702459") - ] - ] - - -lg__focus__placeholder_transparent : Css.Style -lg__focus__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -lg__focus__placeholder_current : Css.Style -lg__focus__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -lg__focus__placeholder_black : Css.Style -lg__focus__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#000") - ] - ] - ] - - -lg__focus__placeholder_white : Css.Style -lg__focus__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff") - ] - ] - ] - - -lg__focus__placeholder_gray_100 : Css.Style -lg__focus__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#f7fafc") - ] - ] - ] - - -lg__focus__placeholder_gray_200 : Css.Style -lg__focus__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#edf2f7") - ] - ] - ] - - -lg__focus__placeholder_gray_300 : Css.Style -lg__focus__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#e2e8f0") - ] - ] - ] - - -lg__focus__placeholder_gray_400 : Css.Style -lg__focus__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#cbd5e0") - ] - ] - ] - - -lg__focus__placeholder_gray_500 : Css.Style -lg__focus__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#a0aec0") - ] - ] - ] - - -lg__focus__placeholder_gray_600 : Css.Style -lg__focus__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#718096") - ] - ] - ] - - -lg__focus__placeholder_gray_700 : Css.Style -lg__focus__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#4a5568") - ] - ] - ] - - -lg__focus__placeholder_gray_800 : Css.Style -lg__focus__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#2d3748") - ] - ] - ] - - -lg__focus__placeholder_gray_900 : Css.Style -lg__focus__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#1a202c") - ] - ] - ] - - -lg__focus__placeholder_red_100 : Css.Style -lg__focus__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f5") - ] - ] - ] - - -lg__focus__placeholder_red_200 : Css.Style -lg__focus__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7d7") - ] - ] - ] - - -lg__focus__placeholder_red_300 : Css.Style -lg__focus__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#feb2b2") - ] - ] - ] - - -lg__focus__placeholder_red_400 : Css.Style -lg__focus__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fc8181") - ] - ] - ] - - -lg__focus__placeholder_red_500 : Css.Style -lg__focus__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#f56565") - ] - ] - ] - - -lg__focus__placeholder_red_600 : Css.Style -lg__focus__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#e53e3e") - ] - ] - ] - - -lg__focus__placeholder_red_700 : Css.Style -lg__focus__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#c53030") - ] - ] - ] - - -lg__focus__placeholder_red_800 : Css.Style -lg__focus__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#9b2c2c") - ] - ] - ] - - -lg__focus__placeholder_red_900 : Css.Style -lg__focus__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#742a2a") - ] - ] - ] - - -lg__focus__placeholder_orange_100 : Css.Style -lg__focus__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffaf0") - ] - ] - ] - - -lg__focus__placeholder_orange_200 : Css.Style -lg__focus__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#feebc8") - ] - ] - ] - - -lg__focus__placeholder_orange_300 : Css.Style -lg__focus__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbd38d") - ] - ] - ] - - -lg__focus__placeholder_orange_400 : Css.Style -lg__focus__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6ad55") - ] - ] - ] - - -lg__focus__placeholder_orange_500 : Css.Style -lg__focus__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed8936") - ] - ] - ] - - -lg__focus__placeholder_orange_600 : Css.Style -lg__focus__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#dd6b20") - ] - ] - ] - - -lg__focus__placeholder_orange_700 : Css.Style -lg__focus__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#c05621") - ] - ] - ] - - -lg__focus__placeholder_orange_800 : Css.Style -lg__focus__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#9c4221") - ] - ] - ] - - -lg__focus__placeholder_orange_900 : Css.Style -lg__focus__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#7b341e") - ] - ] - ] - - -lg__focus__placeholder_yellow_100 : Css.Style -lg__focus__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffff0") - ] - ] - ] - - -lg__focus__placeholder_yellow_200 : Css.Style -lg__focus__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fefcbf") - ] - ] - ] - - -lg__focus__placeholder_yellow_300 : Css.Style -lg__focus__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf089") - ] - ] - ] - - -lg__focus__placeholder_yellow_400 : Css.Style -lg__focus__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6e05e") - ] - ] - ] - - -lg__focus__placeholder_yellow_500 : Css.Style -lg__focus__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#ecc94b") - ] - ] - ] - - -lg__focus__placeholder_yellow_600 : Css.Style -lg__focus__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#d69e2e") - ] - ] - ] - - -lg__focus__placeholder_yellow_700 : Css.Style -lg__focus__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#b7791f") - ] - ] - ] - - -lg__focus__placeholder_yellow_800 : Css.Style -lg__focus__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#975a16") - ] - ] - ] - - -lg__focus__placeholder_yellow_900 : Css.Style -lg__focus__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#744210") - ] - ] - ] - - -lg__focus__placeholder_green_100 : Css.Style -lg__focus__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#f0fff4") - ] - ] - ] - - -lg__focus__placeholder_green_200 : Css.Style -lg__focus__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#c6f6d5") - ] - ] - ] - - -lg__focus__placeholder_green_300 : Css.Style -lg__focus__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#9ae6b4") - ] - ] - ] - - -lg__focus__placeholder_green_400 : Css.Style -lg__focus__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#68d391") - ] - ] - ] - - -lg__focus__placeholder_green_500 : Css.Style -lg__focus__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#48bb78") - ] - ] - ] - - -lg__focus__placeholder_green_600 : Css.Style -lg__focus__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#38a169") - ] - ] - ] - - -lg__focus__placeholder_green_700 : Css.Style -lg__focus__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#2f855a") - ] - ] - ] - - -lg__focus__placeholder_green_800 : Css.Style -lg__focus__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#276749") - ] - ] - ] - - -lg__focus__placeholder_green_900 : Css.Style -lg__focus__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#22543d") - ] - ] - ] - - -lg__focus__placeholder_teal_100 : Css.Style -lg__focus__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#e6fffa") - ] - ] - ] - - -lg__focus__placeholder_teal_200 : Css.Style -lg__focus__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#b2f5ea") - ] - ] - ] - - -lg__focus__placeholder_teal_300 : Css.Style -lg__focus__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#81e6d9") - ] - ] - ] - - -lg__focus__placeholder_teal_400 : Css.Style -lg__focus__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#4fd1c5") - ] - ] - ] - - -lg__focus__placeholder_teal_500 : Css.Style -lg__focus__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#38b2ac") - ] - ] - ] - - -lg__focus__placeholder_teal_600 : Css.Style -lg__focus__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#319795") - ] - ] - ] - - -lg__focus__placeholder_teal_700 : Css.Style -lg__focus__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c7a7b") - ] - ] - ] - - -lg__focus__placeholder_teal_800 : Css.Style -lg__focus__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#285e61") - ] - ] - ] - - -lg__focus__placeholder_teal_900 : Css.Style -lg__focus__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#234e52") - ] - ] - ] - - -lg__focus__placeholder_blue_100 : Css.Style -lg__focus__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf8ff") - ] - ] - ] - - -lg__focus__placeholder_blue_200 : Css.Style -lg__focus__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#bee3f8") - ] - ] - ] - - -lg__focus__placeholder_blue_300 : Css.Style -lg__focus__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#90cdf4") - ] - ] - ] - - -lg__focus__placeholder_blue_400 : Css.Style -lg__focus__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#63b3ed") - ] - ] - ] - - -lg__focus__placeholder_blue_500 : Css.Style -lg__focus__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#4299e1") - ] - ] - ] - - -lg__focus__placeholder_blue_600 : Css.Style -lg__focus__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#3182ce") - ] - ] - ] - - -lg__focus__placeholder_blue_700 : Css.Style -lg__focus__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#2b6cb0") - ] - ] - ] - - -lg__focus__placeholder_blue_800 : Css.Style -lg__focus__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c5282") - ] - ] - ] - - -lg__focus__placeholder_blue_900 : Css.Style -lg__focus__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#2a4365") - ] - ] - ] - - -lg__focus__placeholder_indigo_100 : Css.Style -lg__focus__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf4ff") - ] - ] - ] - - -lg__focus__placeholder_indigo_200 : Css.Style -lg__focus__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#c3dafe") - ] - ] - ] - - -lg__focus__placeholder_indigo_300 : Css.Style -lg__focus__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#a3bffa") - ] - ] - ] - - -lg__focus__placeholder_indigo_400 : Css.Style -lg__focus__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#7f9cf5") - ] - ] - ] - - -lg__focus__placeholder_indigo_500 : Css.Style -lg__focus__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#667eea") - ] - ] - ] - - -lg__focus__placeholder_indigo_600 : Css.Style -lg__focus__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#5a67d8") - ] - ] - ] - - -lg__focus__placeholder_indigo_700 : Css.Style -lg__focus__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#4c51bf") - ] - ] - ] - - -lg__focus__placeholder_indigo_800 : Css.Style -lg__focus__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#434190") - ] - ] - ] - - -lg__focus__placeholder_indigo_900 : Css.Style -lg__focus__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#3c366b") - ] - ] - ] - - -lg__focus__placeholder_purple_100 : Css.Style -lg__focus__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf5ff") - ] - ] - ] - - -lg__focus__placeholder_purple_200 : Css.Style -lg__focus__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#e9d8fd") - ] - ] - ] - - -lg__focus__placeholder_purple_300 : Css.Style -lg__focus__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#d6bcfa") - ] - ] - ] - - -lg__focus__placeholder_purple_400 : Css.Style -lg__focus__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#b794f4") - ] - ] - ] - - -lg__focus__placeholder_purple_500 : Css.Style -lg__focus__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#9f7aea") - ] - ] - ] - - -lg__focus__placeholder_purple_600 : Css.Style -lg__focus__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#805ad5") - ] - ] - ] - - -lg__focus__placeholder_purple_700 : Css.Style -lg__focus__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#6b46c1") - ] - ] - ] - - -lg__focus__placeholder_purple_800 : Css.Style -lg__focus__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#553c9a") - ] - ] - ] - - -lg__focus__placeholder_purple_900 : Css.Style -lg__focus__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#44337a") - ] - ] - ] - - -lg__focus__placeholder_pink_100 : Css.Style -lg__focus__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f7") - ] - ] - ] - - -lg__focus__placeholder_pink_200 : Css.Style -lg__focus__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7e2") - ] - ] - ] - - -lg__focus__placeholder_pink_300 : Css.Style -lg__focus__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbb6ce") - ] - ] - ] - - -lg__focus__placeholder_pink_400 : Css.Style -lg__focus__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#f687b3") - ] - ] - ] - - -lg__focus__placeholder_pink_500 : Css.Style -lg__focus__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed64a6") - ] - ] - ] - - -lg__focus__placeholder_pink_600 : Css.Style -lg__focus__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#d53f8c") - ] - ] - ] - - -lg__focus__placeholder_pink_700 : Css.Style -lg__focus__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#b83280") - ] - ] - ] - - -lg__focus__placeholder_pink_800 : Css.Style -lg__focus__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#97266d") - ] - ] - ] - - -lg__focus__placeholder_pink_900 : Css.Style -lg__focus__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#702459") - ] - ] - ] - - -lg__pointer_events_none : Css.Style -lg__pointer_events_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.pointerEvents Css.none - ] - ] - - -lg__pointer_events_auto : Css.Style -lg__pointer_events_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.pointerEvents Css.auto - ] - ] - - -lg__static : Css.Style -lg__static = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.position Css.static - ] - ] - - -lg__fixed : Css.Style -lg__fixed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.position Css.fixed - ] - ] - - -lg__absolute : Css.Style -lg__absolute = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.position Css.absolute - ] - ] - - -lg__relative : Css.Style -lg__relative = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.position Css.relative - ] - ] - - -lg__sticky : Css.Style -lg__sticky = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.position Css.sticky - ] - ] - - -lg__inset_0 : Css.Style -lg__inset_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.top (Css.px 0) - , Css.right (Css.px 0) - , Css.bottom (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -lg__inset_auto : Css.Style -lg__inset_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.top Css.auto - , Css.right Css.auto - , Css.bottom Css.auto - , Css.left Css.auto - ] - ] - - -lg__inset_y_0 : Css.Style -lg__inset_y_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.top (Css.px 0) - , Css.bottom (Css.px 0) - ] - ] - - -lg__inset_x_0 : Css.Style -lg__inset_x_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.right (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -lg__inset_y_auto : Css.Style -lg__inset_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.top Css.auto - , Css.bottom Css.auto - ] - ] - - -lg__inset_x_auto : Css.Style -lg__inset_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.right Css.auto - , Css.left Css.auto - ] - ] - - -lg__top_0 : Css.Style -lg__top_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.top (Css.px 0) - ] - ] - - -lg__right_0 : Css.Style -lg__right_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.right (Css.px 0) - ] - ] - - -lg__bottom_0 : Css.Style -lg__bottom_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.bottom (Css.px 0) - ] - ] - - -lg__left_0 : Css.Style -lg__left_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.left (Css.px 0) - ] - ] - - -lg__top_auto : Css.Style -lg__top_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.top Css.auto - ] - ] - - -lg__right_auto : Css.Style -lg__right_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.right Css.auto - ] - ] - - -lg__bottom_auto : Css.Style -lg__bottom_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.bottom Css.auto - ] - ] - - -lg__left_auto : Css.Style -lg__left_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.left Css.auto - ] - ] - - -lg__resize_none : Css.Style -lg__resize_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.resize Css.none - ] - ] - - -lg__resize_y : Css.Style -lg__resize_y = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.resize Css.vertical - ] - ] - - -lg__resize_x : Css.Style -lg__resize_x = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.resize Css.horizontal - ] - ] - - -lg__resize : Css.Style -lg__resize = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.resize Css.both - ] - ] - - -lg__shadow_xs : Css.Style -lg__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - - -lg__shadow_sm : Css.Style -lg__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - - -lg__shadow : Css.Style -lg__shadow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - - -lg__shadow_md : Css.Style -lg__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - - -lg__shadow_lg : Css.Style -lg__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - - -lg__shadow_xl : Css.Style -lg__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - - -lg__shadow_2xl : Css.Style -lg__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - - -lg__shadow_inner : Css.Style -lg__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - - -lg__shadow_outline : Css.Style -lg__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - - -lg__shadow_none : Css.Style -lg__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "box-shadow" "none" - ] - ] - - -lg__hover__shadow_xs : Css.Style -lg__hover__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -lg__hover__shadow_sm : Css.Style -lg__hover__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -lg__hover__shadow : Css.Style -lg__hover__shadow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -lg__hover__shadow_md : Css.Style -lg__hover__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -lg__hover__shadow_lg : Css.Style -lg__hover__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -lg__hover__shadow_xl : Css.Style -lg__hover__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - ] - - -lg__hover__shadow_2xl : Css.Style -lg__hover__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - ] - - -lg__hover__shadow_inner : Css.Style -lg__hover__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -lg__hover__shadow_outline : Css.Style -lg__hover__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - ] - - -lg__hover__shadow_none : Css.Style -lg__hover__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.property "box-shadow" "none" - ] - ] - ] - - -lg__focus__shadow_xs : Css.Style -lg__focus__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -lg__focus__shadow_sm : Css.Style -lg__focus__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -lg__focus__shadow : Css.Style -lg__focus__shadow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -lg__focus__shadow_md : Css.Style -lg__focus__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -lg__focus__shadow_lg : Css.Style -lg__focus__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -lg__focus__shadow_xl : Css.Style -lg__focus__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - ] - - -lg__focus__shadow_2xl : Css.Style -lg__focus__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - ] - - -lg__focus__shadow_inner : Css.Style -lg__focus__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -lg__focus__shadow_outline : Css.Style -lg__focus__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - ] - - -lg__focus__shadow_none : Css.Style -lg__focus__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.property "box-shadow" "none" - ] - ] - ] - - -lg__fill_current : Css.Style -lg__fill_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fill Css.currentColor - ] - ] - - -lg__stroke_current : Css.Style -lg__stroke_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "stroke" "currentColor" - ] - ] - - -lg__stroke_0 : Css.Style -lg__stroke_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "stroke-width" "0" - ] - ] - - -lg__stroke_1 : Css.Style -lg__stroke_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "stroke-width" "1" - ] - ] - - -lg__stroke_2 : Css.Style -lg__stroke_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "stroke-width" "2" - ] - ] - - -lg__table_auto : Css.Style -lg__table_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.tableLayout Css.auto - ] - ] - - -lg__table_fixed : Css.Style -lg__table_fixed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.tableLayout Css.fixed - ] - ] - - -lg__text_left : Css.Style -lg__text_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.textAlign Css.left - ] - ] - - -lg__text_center : Css.Style -lg__text_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.textAlign Css.center - ] - ] - - -lg__text_right : Css.Style -lg__text_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.textAlign Css.right - ] - ] - - -lg__text_justify : Css.Style -lg__text_justify = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.textAlign Css.justify - ] - ] - - -lg__text_transparent : Css.Style -lg__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color Css.transparent - ] - ] - - -lg__text_current : Css.Style -lg__text_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color Css.currentColor - ] - ] - - -lg__text_black : Css.Style -lg__text_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#000") - ] - ] - - -lg__text_white : Css.Style -lg__text_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fff") - ] - ] - - -lg__text_gray_100 : Css.Style -lg__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#f7fafc") - ] - ] - - -lg__text_gray_200 : Css.Style -lg__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#edf2f7") - ] - ] - - -lg__text_gray_300 : Css.Style -lg__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#e2e8f0") - ] - ] - - -lg__text_gray_400 : Css.Style -lg__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#cbd5e0") - ] - ] - - -lg__text_gray_500 : Css.Style -lg__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#a0aec0") - ] - ] - - -lg__text_gray_600 : Css.Style -lg__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#718096") - ] - ] - - -lg__text_gray_700 : Css.Style -lg__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#4a5568") - ] - ] - - -lg__text_gray_800 : Css.Style -lg__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#2d3748") - ] - ] - - -lg__text_gray_900 : Css.Style -lg__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#1a202c") - ] - ] - - -lg__text_red_100 : Css.Style -lg__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fff5f5") - ] - ] - - -lg__text_red_200 : Css.Style -lg__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fed7d7") - ] - ] - - -lg__text_red_300 : Css.Style -lg__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#feb2b2") - ] - ] - - -lg__text_red_400 : Css.Style -lg__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fc8181") - ] - ] - - -lg__text_red_500 : Css.Style -lg__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#f56565") - ] - ] - - -lg__text_red_600 : Css.Style -lg__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#e53e3e") - ] - ] - - -lg__text_red_700 : Css.Style -lg__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#c53030") - ] - ] - - -lg__text_red_800 : Css.Style -lg__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#9b2c2c") - ] - ] - - -lg__text_red_900 : Css.Style -lg__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#742a2a") - ] - ] - - -lg__text_orange_100 : Css.Style -lg__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fffaf0") - ] - ] - - -lg__text_orange_200 : Css.Style -lg__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#feebc8") - ] - ] - - -lg__text_orange_300 : Css.Style -lg__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fbd38d") - ] - ] - - -lg__text_orange_400 : Css.Style -lg__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#f6ad55") - ] - ] - - -lg__text_orange_500 : Css.Style -lg__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#ed8936") - ] - ] - - -lg__text_orange_600 : Css.Style -lg__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#dd6b20") - ] - ] - - -lg__text_orange_700 : Css.Style -lg__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#c05621") - ] - ] - - -lg__text_orange_800 : Css.Style -lg__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#9c4221") - ] - ] - - -lg__text_orange_900 : Css.Style -lg__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#7b341e") - ] - ] - - -lg__text_yellow_100 : Css.Style -lg__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fffff0") - ] - ] - - -lg__text_yellow_200 : Css.Style -lg__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fefcbf") - ] - ] - - -lg__text_yellow_300 : Css.Style -lg__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#faf089") - ] - ] - - -lg__text_yellow_400 : Css.Style -lg__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#f6e05e") - ] - ] - - -lg__text_yellow_500 : Css.Style -lg__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#ecc94b") - ] - ] - - -lg__text_yellow_600 : Css.Style -lg__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#d69e2e") - ] - ] - - -lg__text_yellow_700 : Css.Style -lg__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#b7791f") - ] - ] - - -lg__text_yellow_800 : Css.Style -lg__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#975a16") - ] - ] - - -lg__text_yellow_900 : Css.Style -lg__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#744210") - ] - ] - - -lg__text_green_100 : Css.Style -lg__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#f0fff4") - ] - ] - - -lg__text_green_200 : Css.Style -lg__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#c6f6d5") - ] - ] - - -lg__text_green_300 : Css.Style -lg__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#9ae6b4") - ] - ] - - -lg__text_green_400 : Css.Style -lg__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#68d391") - ] - ] - - -lg__text_green_500 : Css.Style -lg__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#48bb78") - ] - ] - - -lg__text_green_600 : Css.Style -lg__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#38a169") - ] - ] - - -lg__text_green_700 : Css.Style -lg__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#2f855a") - ] - ] - - -lg__text_green_800 : Css.Style -lg__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#276749") - ] - ] - - -lg__text_green_900 : Css.Style -lg__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#22543d") - ] - ] - - -lg__text_teal_100 : Css.Style -lg__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#e6fffa") - ] - ] - - -lg__text_teal_200 : Css.Style -lg__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#b2f5ea") - ] - ] - - -lg__text_teal_300 : Css.Style -lg__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#81e6d9") - ] - ] - - -lg__text_teal_400 : Css.Style -lg__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#4fd1c5") - ] - ] - - -lg__text_teal_500 : Css.Style -lg__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#38b2ac") - ] - ] - - -lg__text_teal_600 : Css.Style -lg__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#319795") - ] - ] - - -lg__text_teal_700 : Css.Style -lg__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#2c7a7b") - ] - ] - - -lg__text_teal_800 : Css.Style -lg__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#285e61") - ] - ] - - -lg__text_teal_900 : Css.Style -lg__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#234e52") - ] - ] - - -lg__text_blue_100 : Css.Style -lg__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#ebf8ff") - ] - ] - - -lg__text_blue_200 : Css.Style -lg__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#bee3f8") - ] - ] - - -lg__text_blue_300 : Css.Style -lg__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#90cdf4") - ] - ] - - -lg__text_blue_400 : Css.Style -lg__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#63b3ed") - ] - ] - - -lg__text_blue_500 : Css.Style -lg__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#4299e1") - ] - ] - - -lg__text_blue_600 : Css.Style -lg__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#3182ce") - ] - ] - - -lg__text_blue_700 : Css.Style -lg__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#2b6cb0") - ] - ] - - -lg__text_blue_800 : Css.Style -lg__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#2c5282") - ] - ] - - -lg__text_blue_900 : Css.Style -lg__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#2a4365") - ] - ] - - -lg__text_indigo_100 : Css.Style -lg__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#ebf4ff") - ] - ] - - -lg__text_indigo_200 : Css.Style -lg__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#c3dafe") - ] - ] - - -lg__text_indigo_300 : Css.Style -lg__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#a3bffa") - ] - ] - - -lg__text_indigo_400 : Css.Style -lg__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#7f9cf5") - ] - ] - - -lg__text_indigo_500 : Css.Style -lg__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#667eea") - ] - ] - - -lg__text_indigo_600 : Css.Style -lg__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#5a67d8") - ] - ] - - -lg__text_indigo_700 : Css.Style -lg__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#4c51bf") - ] - ] - - -lg__text_indigo_800 : Css.Style -lg__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#434190") - ] - ] - - -lg__text_indigo_900 : Css.Style -lg__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#3c366b") - ] - ] - - -lg__text_purple_100 : Css.Style -lg__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#faf5ff") - ] - ] - - -lg__text_purple_200 : Css.Style -lg__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#e9d8fd") - ] - ] - - -lg__text_purple_300 : Css.Style -lg__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#d6bcfa") - ] - ] - - -lg__text_purple_400 : Css.Style -lg__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#b794f4") - ] - ] - - -lg__text_purple_500 : Css.Style -lg__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#9f7aea") - ] - ] - - -lg__text_purple_600 : Css.Style -lg__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#805ad5") - ] - ] - - -lg__text_purple_700 : Css.Style -lg__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#6b46c1") - ] - ] - - -lg__text_purple_800 : Css.Style -lg__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#553c9a") - ] - ] - - -lg__text_purple_900 : Css.Style -lg__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#44337a") - ] - ] - - -lg__text_pink_100 : Css.Style -lg__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fff5f7") - ] - ] - - -lg__text_pink_200 : Css.Style -lg__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fed7e2") - ] - ] - - -lg__text_pink_300 : Css.Style -lg__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#fbb6ce") - ] - ] - - -lg__text_pink_400 : Css.Style -lg__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#f687b3") - ] - ] - - -lg__text_pink_500 : Css.Style -lg__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#ed64a6") - ] - ] - - -lg__text_pink_600 : Css.Style -lg__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#d53f8c") - ] - ] - - -lg__text_pink_700 : Css.Style -lg__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#b83280") - ] - ] - - -lg__text_pink_800 : Css.Style -lg__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#97266d") - ] - ] - - -lg__text_pink_900 : Css.Style -lg__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.color (Css.hex "#702459") - ] - ] - - -lg__hover__text_transparent : Css.Style -lg__hover__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color Css.transparent - ] - ] - ] - - -lg__hover__text_current : Css.Style -lg__hover__text_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color Css.currentColor - ] - ] - ] - - -lg__hover__text_black : Css.Style -lg__hover__text_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#000") - ] - ] - ] - - -lg__hover__text_white : Css.Style -lg__hover__text_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#fff") - ] - ] - ] - - -lg__hover__text_gray_100 : Css.Style -lg__hover__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#f7fafc") - ] - ] - ] - - -lg__hover__text_gray_200 : Css.Style -lg__hover__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#edf2f7") - ] - ] - ] - - -lg__hover__text_gray_300 : Css.Style -lg__hover__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#e2e8f0") - ] - ] - ] - - -lg__hover__text_gray_400 : Css.Style -lg__hover__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#cbd5e0") - ] - ] - ] - - -lg__hover__text_gray_500 : Css.Style -lg__hover__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#a0aec0") - ] - ] - ] - - -lg__hover__text_gray_600 : Css.Style -lg__hover__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#718096") - ] - ] - ] - - -lg__hover__text_gray_700 : Css.Style -lg__hover__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#4a5568") - ] - ] - ] - - -lg__hover__text_gray_800 : Css.Style -lg__hover__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#2d3748") - ] - ] - ] - - -lg__hover__text_gray_900 : Css.Style -lg__hover__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#1a202c") - ] - ] - ] - - -lg__hover__text_red_100 : Css.Style -lg__hover__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#fff5f5") - ] - ] - ] - - -lg__hover__text_red_200 : Css.Style -lg__hover__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#fed7d7") - ] - ] - ] - - -lg__hover__text_red_300 : Css.Style -lg__hover__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#feb2b2") - ] - ] - ] - - -lg__hover__text_red_400 : Css.Style -lg__hover__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#fc8181") - ] - ] - ] - - -lg__hover__text_red_500 : Css.Style -lg__hover__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#f56565") - ] - ] - ] - - -lg__hover__text_red_600 : Css.Style -lg__hover__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#e53e3e") - ] - ] - ] - - -lg__hover__text_red_700 : Css.Style -lg__hover__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#c53030") - ] - ] - ] - - -lg__hover__text_red_800 : Css.Style -lg__hover__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#9b2c2c") - ] - ] - ] - - -lg__hover__text_red_900 : Css.Style -lg__hover__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#742a2a") - ] - ] - ] - - -lg__hover__text_orange_100 : Css.Style -lg__hover__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#fffaf0") - ] - ] - ] - - -lg__hover__text_orange_200 : Css.Style -lg__hover__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#feebc8") - ] - ] - ] - - -lg__hover__text_orange_300 : Css.Style -lg__hover__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#fbd38d") - ] - ] - ] - - -lg__hover__text_orange_400 : Css.Style -lg__hover__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#f6ad55") - ] - ] - ] - - -lg__hover__text_orange_500 : Css.Style -lg__hover__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#ed8936") - ] - ] - ] - - -lg__hover__text_orange_600 : Css.Style -lg__hover__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#dd6b20") - ] - ] - ] - - -lg__hover__text_orange_700 : Css.Style -lg__hover__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#c05621") - ] - ] - ] - - -lg__hover__text_orange_800 : Css.Style -lg__hover__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#9c4221") - ] - ] - ] - - -lg__hover__text_orange_900 : Css.Style -lg__hover__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#7b341e") - ] - ] - ] - - -lg__hover__text_yellow_100 : Css.Style -lg__hover__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#fffff0") - ] - ] - ] - - -lg__hover__text_yellow_200 : Css.Style -lg__hover__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#fefcbf") - ] - ] - ] - - -lg__hover__text_yellow_300 : Css.Style -lg__hover__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#faf089") - ] - ] - ] - - -lg__hover__text_yellow_400 : Css.Style -lg__hover__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#f6e05e") - ] - ] - ] - - -lg__hover__text_yellow_500 : Css.Style -lg__hover__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#ecc94b") - ] - ] - ] - - -lg__hover__text_yellow_600 : Css.Style -lg__hover__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#d69e2e") - ] - ] - ] - - -lg__hover__text_yellow_700 : Css.Style -lg__hover__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#b7791f") - ] - ] - ] - - -lg__hover__text_yellow_800 : Css.Style -lg__hover__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#975a16") - ] - ] - ] - - -lg__hover__text_yellow_900 : Css.Style -lg__hover__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#744210") - ] - ] - ] - - -lg__hover__text_green_100 : Css.Style -lg__hover__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#f0fff4") - ] - ] - ] - - -lg__hover__text_green_200 : Css.Style -lg__hover__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#c6f6d5") - ] - ] - ] - - -lg__hover__text_green_300 : Css.Style -lg__hover__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#9ae6b4") - ] - ] - ] - - -lg__hover__text_green_400 : Css.Style -lg__hover__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#68d391") - ] - ] - ] - - -lg__hover__text_green_500 : Css.Style -lg__hover__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#48bb78") - ] - ] - ] - - -lg__hover__text_green_600 : Css.Style -lg__hover__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#38a169") - ] - ] - ] - - -lg__hover__text_green_700 : Css.Style -lg__hover__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#2f855a") - ] - ] - ] - - -lg__hover__text_green_800 : Css.Style -lg__hover__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#276749") - ] - ] - ] - - -lg__hover__text_green_900 : Css.Style -lg__hover__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#22543d") - ] - ] - ] - - -lg__hover__text_teal_100 : Css.Style -lg__hover__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#e6fffa") - ] - ] - ] - - -lg__hover__text_teal_200 : Css.Style -lg__hover__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#b2f5ea") - ] - ] - ] - - -lg__hover__text_teal_300 : Css.Style -lg__hover__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#81e6d9") - ] - ] - ] - - -lg__hover__text_teal_400 : Css.Style -lg__hover__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#4fd1c5") - ] - ] - ] - - -lg__hover__text_teal_500 : Css.Style -lg__hover__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#38b2ac") - ] - ] - ] - - -lg__hover__text_teal_600 : Css.Style -lg__hover__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#319795") - ] - ] - ] - - -lg__hover__text_teal_700 : Css.Style -lg__hover__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#2c7a7b") - ] - ] - ] - - -lg__hover__text_teal_800 : Css.Style -lg__hover__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#285e61") - ] - ] - ] - - -lg__hover__text_teal_900 : Css.Style -lg__hover__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#234e52") - ] - ] - ] - - -lg__hover__text_blue_100 : Css.Style -lg__hover__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#ebf8ff") - ] - ] - ] - - -lg__hover__text_blue_200 : Css.Style -lg__hover__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#bee3f8") - ] - ] - ] - - -lg__hover__text_blue_300 : Css.Style -lg__hover__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#90cdf4") - ] - ] - ] - - -lg__hover__text_blue_400 : Css.Style -lg__hover__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#63b3ed") - ] - ] - ] - - -lg__hover__text_blue_500 : Css.Style -lg__hover__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#4299e1") - ] - ] - ] - - -lg__hover__text_blue_600 : Css.Style -lg__hover__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#3182ce") - ] - ] - ] - - -lg__hover__text_blue_700 : Css.Style -lg__hover__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#2b6cb0") - ] - ] - ] - - -lg__hover__text_blue_800 : Css.Style -lg__hover__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#2c5282") - ] - ] - ] - - -lg__hover__text_blue_900 : Css.Style -lg__hover__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#2a4365") - ] - ] - ] - - -lg__hover__text_indigo_100 : Css.Style -lg__hover__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#ebf4ff") - ] - ] - ] - - -lg__hover__text_indigo_200 : Css.Style -lg__hover__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#c3dafe") - ] - ] - ] - - -lg__hover__text_indigo_300 : Css.Style -lg__hover__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#a3bffa") - ] - ] - ] - - -lg__hover__text_indigo_400 : Css.Style -lg__hover__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#7f9cf5") - ] - ] - ] - - -lg__hover__text_indigo_500 : Css.Style -lg__hover__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#667eea") - ] - ] - ] - - -lg__hover__text_indigo_600 : Css.Style -lg__hover__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#5a67d8") - ] - ] - ] - - -lg__hover__text_indigo_700 : Css.Style -lg__hover__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#4c51bf") - ] - ] - ] - - -lg__hover__text_indigo_800 : Css.Style -lg__hover__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#434190") - ] - ] - ] - - -lg__hover__text_indigo_900 : Css.Style -lg__hover__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#3c366b") - ] - ] - ] - - -lg__hover__text_purple_100 : Css.Style -lg__hover__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#faf5ff") - ] - ] - ] - - -lg__hover__text_purple_200 : Css.Style -lg__hover__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#e9d8fd") - ] - ] - ] - - -lg__hover__text_purple_300 : Css.Style -lg__hover__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#d6bcfa") - ] - ] - ] - - -lg__hover__text_purple_400 : Css.Style -lg__hover__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#b794f4") - ] - ] - ] - - -lg__hover__text_purple_500 : Css.Style -lg__hover__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#9f7aea") - ] - ] - ] - - -lg__hover__text_purple_600 : Css.Style -lg__hover__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#805ad5") - ] - ] - ] - - -lg__hover__text_purple_700 : Css.Style -lg__hover__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#6b46c1") - ] - ] - ] - - -lg__hover__text_purple_800 : Css.Style -lg__hover__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#553c9a") - ] - ] - ] - - -lg__hover__text_purple_900 : Css.Style -lg__hover__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#44337a") - ] - ] - ] - - -lg__hover__text_pink_100 : Css.Style -lg__hover__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#fff5f7") - ] - ] - ] - - -lg__hover__text_pink_200 : Css.Style -lg__hover__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#fed7e2") - ] - ] - ] - - -lg__hover__text_pink_300 : Css.Style -lg__hover__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#fbb6ce") - ] - ] - ] - - -lg__hover__text_pink_400 : Css.Style -lg__hover__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#f687b3") - ] - ] - ] - - -lg__hover__text_pink_500 : Css.Style -lg__hover__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#ed64a6") - ] - ] - ] - - -lg__hover__text_pink_600 : Css.Style -lg__hover__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#d53f8c") - ] - ] - ] - - -lg__hover__text_pink_700 : Css.Style -lg__hover__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#b83280") - ] - ] - ] - - -lg__hover__text_pink_800 : Css.Style -lg__hover__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#97266d") - ] - ] - ] - - -lg__hover__text_pink_900 : Css.Style -lg__hover__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.color (Css.hex "#702459") - ] - ] - ] - - -lg__focus__text_transparent : Css.Style -lg__focus__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -lg__focus__text_current : Css.Style -lg__focus__text_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -lg__focus__text_black : Css.Style -lg__focus__text_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#000") - ] - ] - ] - - -lg__focus__text_white : Css.Style -lg__focus__text_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff") - ] - ] - ] - - -lg__focus__text_gray_100 : Css.Style -lg__focus__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#f7fafc") - ] - ] - ] - - -lg__focus__text_gray_200 : Css.Style -lg__focus__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#edf2f7") - ] - ] - ] - - -lg__focus__text_gray_300 : Css.Style -lg__focus__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#e2e8f0") - ] - ] - ] - - -lg__focus__text_gray_400 : Css.Style -lg__focus__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#cbd5e0") - ] - ] - ] - - -lg__focus__text_gray_500 : Css.Style -lg__focus__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#a0aec0") - ] - ] - ] - - -lg__focus__text_gray_600 : Css.Style -lg__focus__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#718096") - ] - ] - ] - - -lg__focus__text_gray_700 : Css.Style -lg__focus__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#4a5568") - ] - ] - ] - - -lg__focus__text_gray_800 : Css.Style -lg__focus__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#2d3748") - ] - ] - ] - - -lg__focus__text_gray_900 : Css.Style -lg__focus__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#1a202c") - ] - ] - ] - - -lg__focus__text_red_100 : Css.Style -lg__focus__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f5") - ] - ] - ] - - -lg__focus__text_red_200 : Css.Style -lg__focus__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7d7") - ] - ] - ] - - -lg__focus__text_red_300 : Css.Style -lg__focus__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#feb2b2") - ] - ] - ] - - -lg__focus__text_red_400 : Css.Style -lg__focus__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fc8181") - ] - ] - ] - - -lg__focus__text_red_500 : Css.Style -lg__focus__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#f56565") - ] - ] - ] - - -lg__focus__text_red_600 : Css.Style -lg__focus__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#e53e3e") - ] - ] - ] - - -lg__focus__text_red_700 : Css.Style -lg__focus__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#c53030") - ] - ] - ] - - -lg__focus__text_red_800 : Css.Style -lg__focus__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#9b2c2c") - ] - ] - ] - - -lg__focus__text_red_900 : Css.Style -lg__focus__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#742a2a") - ] - ] - ] - - -lg__focus__text_orange_100 : Css.Style -lg__focus__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffaf0") - ] - ] - ] - - -lg__focus__text_orange_200 : Css.Style -lg__focus__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#feebc8") - ] - ] - ] - - -lg__focus__text_orange_300 : Css.Style -lg__focus__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbd38d") - ] - ] - ] - - -lg__focus__text_orange_400 : Css.Style -lg__focus__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6ad55") - ] - ] - ] - - -lg__focus__text_orange_500 : Css.Style -lg__focus__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed8936") - ] - ] - ] - - -lg__focus__text_orange_600 : Css.Style -lg__focus__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#dd6b20") - ] - ] - ] - - -lg__focus__text_orange_700 : Css.Style -lg__focus__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#c05621") - ] - ] - ] - - -lg__focus__text_orange_800 : Css.Style -lg__focus__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#9c4221") - ] - ] - ] - - -lg__focus__text_orange_900 : Css.Style -lg__focus__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#7b341e") - ] - ] - ] - - -lg__focus__text_yellow_100 : Css.Style -lg__focus__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffff0") - ] - ] - ] - - -lg__focus__text_yellow_200 : Css.Style -lg__focus__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fefcbf") - ] - ] - ] - - -lg__focus__text_yellow_300 : Css.Style -lg__focus__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf089") - ] - ] - ] - - -lg__focus__text_yellow_400 : Css.Style -lg__focus__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6e05e") - ] - ] - ] - - -lg__focus__text_yellow_500 : Css.Style -lg__focus__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#ecc94b") - ] - ] - ] - - -lg__focus__text_yellow_600 : Css.Style -lg__focus__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#d69e2e") - ] - ] - ] - - -lg__focus__text_yellow_700 : Css.Style -lg__focus__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#b7791f") - ] - ] - ] - - -lg__focus__text_yellow_800 : Css.Style -lg__focus__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#975a16") - ] - ] - ] - - -lg__focus__text_yellow_900 : Css.Style -lg__focus__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#744210") - ] - ] - ] - - -lg__focus__text_green_100 : Css.Style -lg__focus__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#f0fff4") - ] - ] - ] - - -lg__focus__text_green_200 : Css.Style -lg__focus__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#c6f6d5") - ] - ] - ] - - -lg__focus__text_green_300 : Css.Style -lg__focus__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#9ae6b4") - ] - ] - ] - - -lg__focus__text_green_400 : Css.Style -lg__focus__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#68d391") - ] - ] - ] - - -lg__focus__text_green_500 : Css.Style -lg__focus__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#48bb78") - ] - ] - ] - - -lg__focus__text_green_600 : Css.Style -lg__focus__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#38a169") - ] - ] - ] - - -lg__focus__text_green_700 : Css.Style -lg__focus__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#2f855a") - ] - ] - ] - - -lg__focus__text_green_800 : Css.Style -lg__focus__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#276749") - ] - ] - ] - - -lg__focus__text_green_900 : Css.Style -lg__focus__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#22543d") - ] - ] - ] - - -lg__focus__text_teal_100 : Css.Style -lg__focus__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#e6fffa") - ] - ] - ] - - -lg__focus__text_teal_200 : Css.Style -lg__focus__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#b2f5ea") - ] - ] - ] - - -lg__focus__text_teal_300 : Css.Style -lg__focus__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#81e6d9") - ] - ] - ] - - -lg__focus__text_teal_400 : Css.Style -lg__focus__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#4fd1c5") - ] - ] - ] - - -lg__focus__text_teal_500 : Css.Style -lg__focus__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#38b2ac") - ] - ] - ] - - -lg__focus__text_teal_600 : Css.Style -lg__focus__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#319795") - ] - ] - ] - - -lg__focus__text_teal_700 : Css.Style -lg__focus__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c7a7b") - ] - ] - ] - - -lg__focus__text_teal_800 : Css.Style -lg__focus__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#285e61") - ] - ] - ] - - -lg__focus__text_teal_900 : Css.Style -lg__focus__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#234e52") - ] - ] - ] - - -lg__focus__text_blue_100 : Css.Style -lg__focus__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf8ff") - ] - ] - ] - - -lg__focus__text_blue_200 : Css.Style -lg__focus__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#bee3f8") - ] - ] - ] - - -lg__focus__text_blue_300 : Css.Style -lg__focus__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#90cdf4") - ] - ] - ] - - -lg__focus__text_blue_400 : Css.Style -lg__focus__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#63b3ed") - ] - ] - ] - - -lg__focus__text_blue_500 : Css.Style -lg__focus__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#4299e1") - ] - ] - ] - - -lg__focus__text_blue_600 : Css.Style -lg__focus__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#3182ce") - ] - ] - ] - - -lg__focus__text_blue_700 : Css.Style -lg__focus__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#2b6cb0") - ] - ] - ] - - -lg__focus__text_blue_800 : Css.Style -lg__focus__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c5282") - ] - ] - ] - - -lg__focus__text_blue_900 : Css.Style -lg__focus__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#2a4365") - ] - ] - ] - - -lg__focus__text_indigo_100 : Css.Style -lg__focus__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf4ff") - ] - ] - ] - - -lg__focus__text_indigo_200 : Css.Style -lg__focus__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#c3dafe") - ] - ] - ] - - -lg__focus__text_indigo_300 : Css.Style -lg__focus__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#a3bffa") - ] - ] - ] - - -lg__focus__text_indigo_400 : Css.Style -lg__focus__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#7f9cf5") - ] - ] - ] - - -lg__focus__text_indigo_500 : Css.Style -lg__focus__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#667eea") - ] - ] - ] - - -lg__focus__text_indigo_600 : Css.Style -lg__focus__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#5a67d8") - ] - ] - ] - - -lg__focus__text_indigo_700 : Css.Style -lg__focus__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#4c51bf") - ] - ] - ] - - -lg__focus__text_indigo_800 : Css.Style -lg__focus__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#434190") - ] - ] - ] - - -lg__focus__text_indigo_900 : Css.Style -lg__focus__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#3c366b") - ] - ] - ] - - -lg__focus__text_purple_100 : Css.Style -lg__focus__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf5ff") - ] - ] - ] - - -lg__focus__text_purple_200 : Css.Style -lg__focus__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#e9d8fd") - ] - ] - ] - - -lg__focus__text_purple_300 : Css.Style -lg__focus__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#d6bcfa") - ] - ] - ] - - -lg__focus__text_purple_400 : Css.Style -lg__focus__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#b794f4") - ] - ] - ] - - -lg__focus__text_purple_500 : Css.Style -lg__focus__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#9f7aea") - ] - ] - ] - - -lg__focus__text_purple_600 : Css.Style -lg__focus__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#805ad5") - ] - ] - ] - - -lg__focus__text_purple_700 : Css.Style -lg__focus__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#6b46c1") - ] - ] - ] - - -lg__focus__text_purple_800 : Css.Style -lg__focus__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#553c9a") - ] - ] - ] - - -lg__focus__text_purple_900 : Css.Style -lg__focus__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#44337a") - ] - ] - ] - - -lg__focus__text_pink_100 : Css.Style -lg__focus__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f7") - ] - ] - ] - - -lg__focus__text_pink_200 : Css.Style -lg__focus__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7e2") - ] - ] - ] - - -lg__focus__text_pink_300 : Css.Style -lg__focus__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbb6ce") - ] - ] - ] - - -lg__focus__text_pink_400 : Css.Style -lg__focus__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#f687b3") - ] - ] - ] - - -lg__focus__text_pink_500 : Css.Style -lg__focus__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed64a6") - ] - ] - ] - - -lg__focus__text_pink_600 : Css.Style -lg__focus__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#d53f8c") - ] - ] - ] - - -lg__focus__text_pink_700 : Css.Style -lg__focus__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#b83280") - ] - ] - ] - - -lg__focus__text_pink_800 : Css.Style -lg__focus__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#97266d") - ] - ] - ] - - -lg__focus__text_pink_900 : Css.Style -lg__focus__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.color (Css.hex "#702459") - ] - ] - ] - - -lg__italic : Css.Style -lg__italic = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontStyle Css.italic - ] - ] - - -lg__not_italic : Css.Style -lg__not_italic = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.fontStyle Css.normal - ] - ] - - -lg__uppercase : Css.Style -lg__uppercase = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.textTransform Css.uppercase - ] - ] - - -lg__lowercase : Css.Style -lg__lowercase = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.textTransform Css.lowercase - ] - ] - - -lg__capitalize : Css.Style -lg__capitalize = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.textTransform Css.capitalize - ] - ] - - -lg__normal_case : Css.Style -lg__normal_case = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.textTransform Css.none - ] - ] - - -lg__underline : Css.Style -lg__underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.textDecoration Css.underline - ] - ] - - -lg__line_through : Css.Style -lg__line_through = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.textDecoration Css.lineThrough - ] - ] - - -lg__no_underline : Css.Style -lg__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.textDecoration Css.none - ] - ] - - -lg__hover__underline : Css.Style -lg__hover__underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.textDecoration Css.underline - ] - ] - ] - - -lg__hover__line_through : Css.Style -lg__hover__line_through = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -lg__hover__no_underline : Css.Style -lg__hover__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.hover - [ Css.textDecoration Css.none - ] - ] - ] - - -lg__focus__underline : Css.Style -lg__focus__underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.textDecoration Css.underline - ] - ] - ] - - -lg__focus__line_through : Css.Style -lg__focus__line_through = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -lg__focus__no_underline : Css.Style -lg__focus__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.focus - [ Css.textDecoration Css.none - ] - ] - ] - - -lg__antialiased : Css.Style -lg__antialiased = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "-webkit-font-smoothing" "antialiased" - , Css.property "-moz-osx-font-smoothing" "grayscale" - ] - ] - - -lg__subpixel_antialiased : Css.Style -lg__subpixel_antialiased = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "-webkit-font-smoothing" "auto" - , Css.property "-moz-osx-font-smoothing" "auto" - ] - ] - - -lg__tracking_tighter : Css.Style -lg__tracking_tighter = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.letterSpacing (Css.em -0.05) - ] - ] - - -lg__tracking_tight : Css.Style -lg__tracking_tight = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.letterSpacing (Css.em -0.025) - ] - ] - - -lg__tracking_normal : Css.Style -lg__tracking_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.letterSpacing (Css.px 0) - ] - ] - - -lg__tracking_wide : Css.Style -lg__tracking_wide = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.letterSpacing (Css.em 0.025) - ] - ] - - -lg__tracking_wider : Css.Style -lg__tracking_wider = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.letterSpacing (Css.em 0.05) - ] - ] - - -lg__tracking_widest : Css.Style -lg__tracking_widest = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.letterSpacing (Css.em 0.1) - ] - ] - - -lg__select_none : Css.Style -lg__select_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "user-select" "none" - ] - ] - - -lg__select_text : Css.Style -lg__select_text = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "user-select" "text" - ] - ] - - -lg__select_all : Css.Style -lg__select_all = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "user-select" "all" - ] - ] - - -lg__select_auto : Css.Style -lg__select_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "user-select" "auto" - ] - ] - - -lg__align_baseline : Css.Style -lg__align_baseline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.verticalAlign Css.baseline - ] - ] - - -lg__align_top : Css.Style -lg__align_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.verticalAlign Css.top - ] - ] - - -lg__align_middle : Css.Style -lg__align_middle = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.verticalAlign Css.middle - ] - ] - - -lg__align_bottom : Css.Style -lg__align_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.verticalAlign Css.bottom - ] - ] - - -lg__align_text_top : Css.Style -lg__align_text_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.verticalAlign Css.textTop - ] - ] - - -lg__align_text_bottom : Css.Style -lg__align_text_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.verticalAlign Css.textBottom - ] - ] - - -lg__visible : Css.Style -lg__visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.visibility Css.visible - ] - ] - - -lg__invisible : Css.Style -lg__invisible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.visibility Css.hidden - ] - ] - - -lg__whitespace_normal : Css.Style -lg__whitespace_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.whiteSpace Css.normal - ] - ] - - -lg__whitespace_no_wrap : Css.Style -lg__whitespace_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.whiteSpace Css.noWrap - ] - ] - - -lg__whitespace_pre : Css.Style -lg__whitespace_pre = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.whiteSpace Css.pre - ] - ] - - -lg__whitespace_pre_line : Css.Style -lg__whitespace_pre_line = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.whiteSpace Css.preLine - ] - ] - - -lg__whitespace_pre_wrap : Css.Style -lg__whitespace_pre_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.whiteSpace Css.preWrap - ] - ] - - -lg__break_normal : Css.Style -lg__break_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflowWrap Css.normal - , Css.property "word-break" "normal" - ] - ] - - -lg__break_words : Css.Style -lg__break_words = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflowWrap Css.breakWord - ] - ] - - -lg__break_all : Css.Style -lg__break_all = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "word-break" "break-all" - ] - ] - - -lg__truncate : Css.Style -lg__truncate = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.overflow Css.hidden - , Css.textOverflow Css.ellipsis - , Css.whiteSpace Css.noWrap - ] - ] - - -lg__w_0 : Css.Style -lg__w_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.px 0) - ] - ] - - -lg__w_1 : Css.Style -lg__w_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 0.25) - ] - ] - - -lg__w_2 : Css.Style -lg__w_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 0.5) - ] - ] - - -lg__w_3 : Css.Style -lg__w_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 0.75) - ] - ] - - -lg__w_4 : Css.Style -lg__w_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 1) - ] - ] - - -lg__w_5 : Css.Style -lg__w_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 1.25) - ] - ] - - -lg__w_6 : Css.Style -lg__w_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 1.5) - ] - ] - - -lg__w_8 : Css.Style -lg__w_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 2) - ] - ] - - -lg__w_10 : Css.Style -lg__w_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 2.5) - ] - ] - - -lg__w_12 : Css.Style -lg__w_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 3) - ] - ] - - -lg__w_16 : Css.Style -lg__w_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 4) - ] - ] - - -lg__w_20 : Css.Style -lg__w_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 5) - ] - ] - - -lg__w_24 : Css.Style -lg__w_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 6) - ] - ] - - -lg__w_32 : Css.Style -lg__w_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 8) - ] - ] - - -lg__w_40 : Css.Style -lg__w_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 10) - ] - ] - - -lg__w_48 : Css.Style -lg__w_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 12) - ] - ] - - -lg__w_56 : Css.Style -lg__w_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 14) - ] - ] - - -lg__w_64 : Css.Style -lg__w_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.rem 16) - ] - ] - - -lg__w_auto : Css.Style -lg__w_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width Css.auto - ] - ] - - -lg__w_px : Css.Style -lg__w_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.px 1) - ] - ] - - -lg__w_1over2 : Css.Style -lg__w_1over2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -lg__w_1over3 : Css.Style -lg__w_1over3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -lg__w_2over3 : Css.Style -lg__w_2over3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -lg__w_1over4 : Css.Style -lg__w_1over4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 25) - ] - ] - - -lg__w_2over4 : Css.Style -lg__w_2over4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -lg__w_3over4 : Css.Style -lg__w_3over4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 75) - ] - ] - - -lg__w_1over5 : Css.Style -lg__w_1over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 20) - ] - ] - - -lg__w_2over5 : Css.Style -lg__w_2over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 40) - ] - ] - - -lg__w_3over5 : Css.Style -lg__w_3over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 60) - ] - ] - - -lg__w_4over5 : Css.Style -lg__w_4over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 80) - ] - ] - - -lg__w_1over6 : Css.Style -lg__w_1over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -lg__w_2over6 : Css.Style -lg__w_2over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -lg__w_3over6 : Css.Style -lg__w_3over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -lg__w_4over6 : Css.Style -lg__w_4over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -lg__w_5over6 : Css.Style -lg__w_5over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -lg__w_1over12 : Css.Style -lg__w_1over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 8.333333) - ] - ] - - -lg__w_2over12 : Css.Style -lg__w_2over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -lg__w_3over12 : Css.Style -lg__w_3over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 25) - ] - ] - - -lg__w_4over12 : Css.Style -lg__w_4over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -lg__w_5over12 : Css.Style -lg__w_5over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 41.666667) - ] - ] - - -lg__w_6over12 : Css.Style -lg__w_6over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -lg__w_7over12 : Css.Style -lg__w_7over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 58.333333) - ] - ] - - -lg__w_8over12 : Css.Style -lg__w_8over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -lg__w_9over12 : Css.Style -lg__w_9over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 75) - ] - ] - - -lg__w_10over12 : Css.Style -lg__w_10over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -lg__w_11over12 : Css.Style -lg__w_11over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 91.666667) - ] - ] - - -lg__w_full : Css.Style -lg__w_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.pct 100) - ] - ] - - -lg__w_screen : Css.Style -lg__w_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.width (Css.vw 100) - ] - ] - - -lg__z_0 : Css.Style -lg__z_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.zIndex (Css.int 0) - ] - ] - - -lg__z_10 : Css.Style -lg__z_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.zIndex (Css.int 10) - ] - ] - - -lg__z_20 : Css.Style -lg__z_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.zIndex (Css.int 20) - ] - ] - - -lg__z_30 : Css.Style -lg__z_30 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.zIndex (Css.int 30) - ] - ] - - -lg__z_40 : Css.Style -lg__z_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.zIndex (Css.int 40) - ] - ] - - -lg__z_50 : Css.Style -lg__z_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.zIndex (Css.int 50) - ] - ] - - -lg__z_auto : Css.Style -lg__z_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.zIndex Css.auto - ] - ] - - -lg__transform_none : Css.Style -lg__transform_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.transform Css.none - ] - ] - - -lg__origin_center : Css.Style -lg__origin_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "transform-origin" "center" - ] - ] - - -lg__origin_top : Css.Style -lg__origin_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "transform-origin" "top" - ] - ] - - -lg__origin_top_right : Css.Style -lg__origin_top_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "transform-origin" "top right" - ] - ] - - -lg__origin_right : Css.Style -lg__origin_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "transform-origin" "right" - ] - ] - - -lg__origin_bottom_right : Css.Style -lg__origin_bottom_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "transform-origin" "bottom right" - ] - ] - - -lg__origin_bottom : Css.Style -lg__origin_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "transform-origin" "bottom" - ] - ] - - -lg__origin_bottom_left : Css.Style -lg__origin_bottom_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "transform-origin" "bottom left" - ] - ] - - -lg__origin_left : Css.Style -lg__origin_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "transform-origin" "left" - ] - ] - - -lg__origin_top_left : Css.Style -lg__origin_top_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1024px)" ] - [ Css.property "transform-origin" "top left" - ] - ] - - -xl__container : Css.Style -xl__container = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 100) - , Css.maxWidth (Css.px 640) - , Css.maxWidth (Css.px 768) - , Css.maxWidth (Css.px 1024) - , Css.maxWidth (Css.px 1280) - ] - ] - - -xl__divide_transparent : Css.Style -xl__divide_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor Css.transparent - ] - ] - - -xl__divide_current : Css.Style -xl__divide_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor Css.currentColor - ] - ] - - -xl__divide_black : Css.Style -xl__divide_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#000") - ] - ] - - -xl__divide_white : Css.Style -xl__divide_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fff") - ] - ] - - -xl__divide_gray_100 : Css.Style -xl__divide_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - - -xl__divide_gray_200 : Css.Style -xl__divide_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - - -xl__divide_gray_300 : Css.Style -xl__divide_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - - -xl__divide_gray_400 : Css.Style -xl__divide_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - - -xl__divide_gray_500 : Css.Style -xl__divide_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - - -xl__divide_gray_600 : Css.Style -xl__divide_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#718096") - ] - ] - - -xl__divide_gray_700 : Css.Style -xl__divide_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - - -xl__divide_gray_800 : Css.Style -xl__divide_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - - -xl__divide_gray_900 : Css.Style -xl__divide_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - - -xl__divide_red_100 : Css.Style -xl__divide_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - - -xl__divide_red_200 : Css.Style -xl__divide_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - - -xl__divide_red_300 : Css.Style -xl__divide_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - - -xl__divide_red_400 : Css.Style -xl__divide_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - - -xl__divide_red_500 : Css.Style -xl__divide_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#f56565") - ] - ] - - -xl__divide_red_600 : Css.Style -xl__divide_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - - -xl__divide_red_700 : Css.Style -xl__divide_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#c53030") - ] - ] - - -xl__divide_red_800 : Css.Style -xl__divide_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - - -xl__divide_red_900 : Css.Style -xl__divide_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - - -xl__divide_orange_100 : Css.Style -xl__divide_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - - -xl__divide_orange_200 : Css.Style -xl__divide_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - - -xl__divide_orange_300 : Css.Style -xl__divide_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - - -xl__divide_orange_400 : Css.Style -xl__divide_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - - -xl__divide_orange_500 : Css.Style -xl__divide_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - - -xl__divide_orange_600 : Css.Style -xl__divide_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - - -xl__divide_orange_700 : Css.Style -xl__divide_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#c05621") - ] - ] - - -xl__divide_orange_800 : Css.Style -xl__divide_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - - -xl__divide_orange_900 : Css.Style -xl__divide_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - - -xl__divide_yellow_100 : Css.Style -xl__divide_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - - -xl__divide_yellow_200 : Css.Style -xl__divide_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - - -xl__divide_yellow_300 : Css.Style -xl__divide_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#faf089") - ] - ] - - -xl__divide_yellow_400 : Css.Style -xl__divide_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - - -xl__divide_yellow_500 : Css.Style -xl__divide_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - - -xl__divide_yellow_600 : Css.Style -xl__divide_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - - -xl__divide_yellow_700 : Css.Style -xl__divide_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - - -xl__divide_yellow_800 : Css.Style -xl__divide_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#975a16") - ] - ] - - -xl__divide_yellow_900 : Css.Style -xl__divide_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#744210") - ] - ] - - -xl__divide_green_100 : Css.Style -xl__divide_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - - -xl__divide_green_200 : Css.Style -xl__divide_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - - -xl__divide_green_300 : Css.Style -xl__divide_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - - -xl__divide_green_400 : Css.Style -xl__divide_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#68d391") - ] - ] - - -xl__divide_green_500 : Css.Style -xl__divide_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - - -xl__divide_green_600 : Css.Style -xl__divide_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#38a169") - ] - ] - - -xl__divide_green_700 : Css.Style -xl__divide_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - - -xl__divide_green_800 : Css.Style -xl__divide_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#276749") - ] - ] - - -xl__divide_green_900 : Css.Style -xl__divide_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#22543d") - ] - ] - - -xl__divide_teal_100 : Css.Style -xl__divide_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - - -xl__divide_teal_200 : Css.Style -xl__divide_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - - -xl__divide_teal_300 : Css.Style -xl__divide_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - - -xl__divide_teal_400 : Css.Style -xl__divide_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - - -xl__divide_teal_500 : Css.Style -xl__divide_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - - -xl__divide_teal_600 : Css.Style -xl__divide_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#319795") - ] - ] - - -xl__divide_teal_700 : Css.Style -xl__divide_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - - -xl__divide_teal_800 : Css.Style -xl__divide_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#285e61") - ] - ] - - -xl__divide_teal_900 : Css.Style -xl__divide_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#234e52") - ] - ] - - -xl__divide_blue_100 : Css.Style -xl__divide_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - - -xl__divide_blue_200 : Css.Style -xl__divide_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - - -xl__divide_blue_300 : Css.Style -xl__divide_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - - -xl__divide_blue_400 : Css.Style -xl__divide_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - - -xl__divide_blue_500 : Css.Style -xl__divide_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - - -xl__divide_blue_600 : Css.Style -xl__divide_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - - -xl__divide_blue_700 : Css.Style -xl__divide_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - - -xl__divide_blue_800 : Css.Style -xl__divide_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - - -xl__divide_blue_900 : Css.Style -xl__divide_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - - -xl__divide_indigo_100 : Css.Style -xl__divide_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - - -xl__divide_indigo_200 : Css.Style -xl__divide_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - - -xl__divide_indigo_300 : Css.Style -xl__divide_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - - -xl__divide_indigo_400 : Css.Style -xl__divide_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - - -xl__divide_indigo_500 : Css.Style -xl__divide_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#667eea") - ] - ] - - -xl__divide_indigo_600 : Css.Style -xl__divide_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - - -xl__divide_indigo_700 : Css.Style -xl__divide_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - - -xl__divide_indigo_800 : Css.Style -xl__divide_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#434190") - ] - ] - - -xl__divide_indigo_900 : Css.Style -xl__divide_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - - -xl__divide_purple_100 : Css.Style -xl__divide_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - - -xl__divide_purple_200 : Css.Style -xl__divide_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - - -xl__divide_purple_300 : Css.Style -xl__divide_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - - -xl__divide_purple_400 : Css.Style -xl__divide_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - - -xl__divide_purple_500 : Css.Style -xl__divide_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - - -xl__divide_purple_600 : Css.Style -xl__divide_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - - -xl__divide_purple_700 : Css.Style -xl__divide_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - - -xl__divide_purple_800 : Css.Style -xl__divide_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - - -xl__divide_purple_900 : Css.Style -xl__divide_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#44337a") - ] - ] - - -xl__divide_pink_100 : Css.Style -xl__divide_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - - -xl__divide_pink_200 : Css.Style -xl__divide_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - - -xl__divide_pink_300 : Css.Style -xl__divide_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - - -xl__divide_pink_400 : Css.Style -xl__divide_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - - -xl__divide_pink_500 : Css.Style -xl__divide_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - - -xl__divide_pink_600 : Css.Style -xl__divide_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - - -xl__divide_pink_700 : Css.Style -xl__divide_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#b83280") - ] - ] - - -xl__divide_pink_800 : Css.Style -xl__divide_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#97266d") - ] - ] - - -xl__divide_pink_900 : Css.Style -xl__divide_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#702459") - ] - ] - - -xl__sr_only : Css.Style -xl__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property "clip" "rect(0, 0, 0, 0)" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - - -xl__not_sr_only : Css.Style -xl__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property "clip" "auto" - , Css.whiteSpace Css.normal - ] - ] - - -xl__focus__sr_only : Css.Style -xl__focus__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property "clip" "rect(0, 0, 0, 0)" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - ] - - -xl__focus__not_sr_only : Css.Style -xl__focus__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property "clip" "auto" - , Css.whiteSpace Css.normal - ] - ] - ] - - -xl__appearance_none : Css.Style -xl__appearance_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "appearance" "none" - ] - ] - - -xl__bg_fixed : Css.Style -xl__bg_fixed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundAttachment Css.fixed - ] - ] - - -xl__bg_local : Css.Style -xl__bg_local = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundAttachment Css.local - ] - ] - - -xl__bg_scroll : Css.Style -xl__bg_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundAttachment Css.scroll - ] - ] - - -xl__bg_transparent : Css.Style -xl__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor Css.transparent - ] - ] - - -xl__bg_current : Css.Style -xl__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor Css.currentColor - ] - ] - - -xl__bg_black : Css.Style -xl__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#000") - ] - ] - - -xl__bg_white : Css.Style -xl__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - - -xl__bg_gray_100 : Css.Style -xl__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - - -xl__bg_gray_200 : Css.Style -xl__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - - -xl__bg_gray_300 : Css.Style -xl__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - - -xl__bg_gray_400 : Css.Style -xl__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - - -xl__bg_gray_500 : Css.Style -xl__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - - -xl__bg_gray_600 : Css.Style -xl__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - - -xl__bg_gray_700 : Css.Style -xl__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - - -xl__bg_gray_800 : Css.Style -xl__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - - -xl__bg_gray_900 : Css.Style -xl__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - - -xl__bg_red_100 : Css.Style -xl__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - - -xl__bg_red_200 : Css.Style -xl__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - - -xl__bg_red_300 : Css.Style -xl__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - - -xl__bg_red_400 : Css.Style -xl__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - - -xl__bg_red_500 : Css.Style -xl__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - - -xl__bg_red_600 : Css.Style -xl__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - - -xl__bg_red_700 : Css.Style -xl__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - - -xl__bg_red_800 : Css.Style -xl__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - - -xl__bg_red_900 : Css.Style -xl__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - - -xl__bg_orange_100 : Css.Style -xl__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - - -xl__bg_orange_200 : Css.Style -xl__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - - -xl__bg_orange_300 : Css.Style -xl__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - - -xl__bg_orange_400 : Css.Style -xl__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - - -xl__bg_orange_500 : Css.Style -xl__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - - -xl__bg_orange_600 : Css.Style -xl__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - - -xl__bg_orange_700 : Css.Style -xl__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - - -xl__bg_orange_800 : Css.Style -xl__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - - -xl__bg_orange_900 : Css.Style -xl__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - - -xl__bg_yellow_100 : Css.Style -xl__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - - -xl__bg_yellow_200 : Css.Style -xl__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - - -xl__bg_yellow_300 : Css.Style -xl__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - - -xl__bg_yellow_400 : Css.Style -xl__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - - -xl__bg_yellow_500 : Css.Style -xl__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - - -xl__bg_yellow_600 : Css.Style -xl__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - - -xl__bg_yellow_700 : Css.Style -xl__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - - -xl__bg_yellow_800 : Css.Style -xl__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - - -xl__bg_yellow_900 : Css.Style -xl__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - - -xl__bg_green_100 : Css.Style -xl__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - - -xl__bg_green_200 : Css.Style -xl__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - - -xl__bg_green_300 : Css.Style -xl__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - - -xl__bg_green_400 : Css.Style -xl__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - - -xl__bg_green_500 : Css.Style -xl__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - - -xl__bg_green_600 : Css.Style -xl__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - - -xl__bg_green_700 : Css.Style -xl__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - - -xl__bg_green_800 : Css.Style -xl__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - - -xl__bg_green_900 : Css.Style -xl__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - - -xl__bg_teal_100 : Css.Style -xl__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - - -xl__bg_teal_200 : Css.Style -xl__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - - -xl__bg_teal_300 : Css.Style -xl__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - - -xl__bg_teal_400 : Css.Style -xl__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - - -xl__bg_teal_500 : Css.Style -xl__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - - -xl__bg_teal_600 : Css.Style -xl__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - - -xl__bg_teal_700 : Css.Style -xl__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - - -xl__bg_teal_800 : Css.Style -xl__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - - -xl__bg_teal_900 : Css.Style -xl__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - - -xl__bg_blue_100 : Css.Style -xl__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - - -xl__bg_blue_200 : Css.Style -xl__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - - -xl__bg_blue_300 : Css.Style -xl__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - - -xl__bg_blue_400 : Css.Style -xl__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - - -xl__bg_blue_500 : Css.Style -xl__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - - -xl__bg_blue_600 : Css.Style -xl__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - - -xl__bg_blue_700 : Css.Style -xl__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - - -xl__bg_blue_800 : Css.Style -xl__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - - -xl__bg_blue_900 : Css.Style -xl__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - - -xl__bg_indigo_100 : Css.Style -xl__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - - -xl__bg_indigo_200 : Css.Style -xl__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - - -xl__bg_indigo_300 : Css.Style -xl__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - - -xl__bg_indigo_400 : Css.Style -xl__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - - -xl__bg_indigo_500 : Css.Style -xl__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - - -xl__bg_indigo_600 : Css.Style -xl__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - - -xl__bg_indigo_700 : Css.Style -xl__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - - -xl__bg_indigo_800 : Css.Style -xl__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - - -xl__bg_indigo_900 : Css.Style -xl__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - - -xl__bg_purple_100 : Css.Style -xl__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - - -xl__bg_purple_200 : Css.Style -xl__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - - -xl__bg_purple_300 : Css.Style -xl__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - - -xl__bg_purple_400 : Css.Style -xl__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - - -xl__bg_purple_500 : Css.Style -xl__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - - -xl__bg_purple_600 : Css.Style -xl__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - - -xl__bg_purple_700 : Css.Style -xl__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - - -xl__bg_purple_800 : Css.Style -xl__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - - -xl__bg_purple_900 : Css.Style -xl__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - - -xl__bg_pink_100 : Css.Style -xl__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - - -xl__bg_pink_200 : Css.Style -xl__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - - -xl__bg_pink_300 : Css.Style -xl__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - - -xl__bg_pink_400 : Css.Style -xl__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - - -xl__bg_pink_500 : Css.Style -xl__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - - -xl__bg_pink_600 : Css.Style -xl__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - - -xl__bg_pink_700 : Css.Style -xl__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - - -xl__bg_pink_800 : Css.Style -xl__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - - -xl__bg_pink_900 : Css.Style -xl__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - - -xl__hover__bg_transparent : Css.Style -xl__hover__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -xl__hover__bg_current : Css.Style -xl__hover__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -xl__hover__bg_black : Css.Style -xl__hover__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#000") - ] - ] - ] - - -xl__hover__bg_white : Css.Style -xl__hover__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - ] - - -xl__hover__bg_gray_100 : Css.Style -xl__hover__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - ] - - -xl__hover__bg_gray_200 : Css.Style -xl__hover__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - ] - - -xl__hover__bg_gray_300 : Css.Style -xl__hover__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - ] - - -xl__hover__bg_gray_400 : Css.Style -xl__hover__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - ] - - -xl__hover__bg_gray_500 : Css.Style -xl__hover__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - ] - - -xl__hover__bg_gray_600 : Css.Style -xl__hover__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - ] - - -xl__hover__bg_gray_700 : Css.Style -xl__hover__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - ] - - -xl__hover__bg_gray_800 : Css.Style -xl__hover__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - ] - - -xl__hover__bg_gray_900 : Css.Style -xl__hover__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - ] - - -xl__hover__bg_red_100 : Css.Style -xl__hover__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - ] - - -xl__hover__bg_red_200 : Css.Style -xl__hover__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - ] - - -xl__hover__bg_red_300 : Css.Style -xl__hover__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - ] - - -xl__hover__bg_red_400 : Css.Style -xl__hover__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - ] - - -xl__hover__bg_red_500 : Css.Style -xl__hover__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - ] - - -xl__hover__bg_red_600 : Css.Style -xl__hover__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - ] - - -xl__hover__bg_red_700 : Css.Style -xl__hover__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - ] - - -xl__hover__bg_red_800 : Css.Style -xl__hover__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - ] - - -xl__hover__bg_red_900 : Css.Style -xl__hover__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - ] - - -xl__hover__bg_orange_100 : Css.Style -xl__hover__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - ] - - -xl__hover__bg_orange_200 : Css.Style -xl__hover__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - ] - - -xl__hover__bg_orange_300 : Css.Style -xl__hover__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - ] - - -xl__hover__bg_orange_400 : Css.Style -xl__hover__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - ] - - -xl__hover__bg_orange_500 : Css.Style -xl__hover__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - ] - - -xl__hover__bg_orange_600 : Css.Style -xl__hover__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - ] - - -xl__hover__bg_orange_700 : Css.Style -xl__hover__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - ] - - -xl__hover__bg_orange_800 : Css.Style -xl__hover__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - ] - - -xl__hover__bg_orange_900 : Css.Style -xl__hover__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - ] - - -xl__hover__bg_yellow_100 : Css.Style -xl__hover__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - ] - - -xl__hover__bg_yellow_200 : Css.Style -xl__hover__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - ] - - -xl__hover__bg_yellow_300 : Css.Style -xl__hover__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - ] - - -xl__hover__bg_yellow_400 : Css.Style -xl__hover__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - ] - - -xl__hover__bg_yellow_500 : Css.Style -xl__hover__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - ] - - -xl__hover__bg_yellow_600 : Css.Style -xl__hover__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - ] - - -xl__hover__bg_yellow_700 : Css.Style -xl__hover__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - ] - - -xl__hover__bg_yellow_800 : Css.Style -xl__hover__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - ] - - -xl__hover__bg_yellow_900 : Css.Style -xl__hover__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - ] - - -xl__hover__bg_green_100 : Css.Style -xl__hover__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - ] - - -xl__hover__bg_green_200 : Css.Style -xl__hover__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - ] - - -xl__hover__bg_green_300 : Css.Style -xl__hover__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - ] - - -xl__hover__bg_green_400 : Css.Style -xl__hover__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - ] - - -xl__hover__bg_green_500 : Css.Style -xl__hover__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - ] - - -xl__hover__bg_green_600 : Css.Style -xl__hover__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - ] - - -xl__hover__bg_green_700 : Css.Style -xl__hover__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - ] - - -xl__hover__bg_green_800 : Css.Style -xl__hover__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - ] - - -xl__hover__bg_green_900 : Css.Style -xl__hover__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - ] - - -xl__hover__bg_teal_100 : Css.Style -xl__hover__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - ] - - -xl__hover__bg_teal_200 : Css.Style -xl__hover__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - ] - - -xl__hover__bg_teal_300 : Css.Style -xl__hover__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - ] - - -xl__hover__bg_teal_400 : Css.Style -xl__hover__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - ] - - -xl__hover__bg_teal_500 : Css.Style -xl__hover__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - ] - - -xl__hover__bg_teal_600 : Css.Style -xl__hover__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - ] - - -xl__hover__bg_teal_700 : Css.Style -xl__hover__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - ] - - -xl__hover__bg_teal_800 : Css.Style -xl__hover__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - ] - - -xl__hover__bg_teal_900 : Css.Style -xl__hover__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - ] - - -xl__hover__bg_blue_100 : Css.Style -xl__hover__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - ] - - -xl__hover__bg_blue_200 : Css.Style -xl__hover__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - ] - - -xl__hover__bg_blue_300 : Css.Style -xl__hover__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - ] - - -xl__hover__bg_blue_400 : Css.Style -xl__hover__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - ] - - -xl__hover__bg_blue_500 : Css.Style -xl__hover__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - ] - - -xl__hover__bg_blue_600 : Css.Style -xl__hover__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - ] - - -xl__hover__bg_blue_700 : Css.Style -xl__hover__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - ] - - -xl__hover__bg_blue_800 : Css.Style -xl__hover__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - ] - - -xl__hover__bg_blue_900 : Css.Style -xl__hover__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - ] - - -xl__hover__bg_indigo_100 : Css.Style -xl__hover__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - ] - - -xl__hover__bg_indigo_200 : Css.Style -xl__hover__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - ] - - -xl__hover__bg_indigo_300 : Css.Style -xl__hover__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - ] - - -xl__hover__bg_indigo_400 : Css.Style -xl__hover__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - ] - - -xl__hover__bg_indigo_500 : Css.Style -xl__hover__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - ] - - -xl__hover__bg_indigo_600 : Css.Style -xl__hover__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - ] - - -xl__hover__bg_indigo_700 : Css.Style -xl__hover__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - ] - - -xl__hover__bg_indigo_800 : Css.Style -xl__hover__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - ] - - -xl__hover__bg_indigo_900 : Css.Style -xl__hover__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - ] - - -xl__hover__bg_purple_100 : Css.Style -xl__hover__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - ] - - -xl__hover__bg_purple_200 : Css.Style -xl__hover__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - ] - - -xl__hover__bg_purple_300 : Css.Style -xl__hover__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - ] - - -xl__hover__bg_purple_400 : Css.Style -xl__hover__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - ] - - -xl__hover__bg_purple_500 : Css.Style -xl__hover__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - ] - - -xl__hover__bg_purple_600 : Css.Style -xl__hover__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - ] - - -xl__hover__bg_purple_700 : Css.Style -xl__hover__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - ] - - -xl__hover__bg_purple_800 : Css.Style -xl__hover__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - ] - - -xl__hover__bg_purple_900 : Css.Style -xl__hover__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - ] - - -xl__hover__bg_pink_100 : Css.Style -xl__hover__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - ] - - -xl__hover__bg_pink_200 : Css.Style -xl__hover__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - ] - - -xl__hover__bg_pink_300 : Css.Style -xl__hover__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - ] - - -xl__hover__bg_pink_400 : Css.Style -xl__hover__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - ] - - -xl__hover__bg_pink_500 : Css.Style -xl__hover__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - ] - - -xl__hover__bg_pink_600 : Css.Style -xl__hover__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - ] - - -xl__hover__bg_pink_700 : Css.Style -xl__hover__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - ] - - -xl__hover__bg_pink_800 : Css.Style -xl__hover__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - ] - - -xl__hover__bg_pink_900 : Css.Style -xl__hover__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - ] - - -xl__focus__bg_transparent : Css.Style -xl__focus__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -xl__focus__bg_current : Css.Style -xl__focus__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -xl__focus__bg_black : Css.Style -xl__focus__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#000") - ] - ] - ] - - -xl__focus__bg_white : Css.Style -xl__focus__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff") - ] - ] - ] - - -xl__focus__bg_gray_100 : Css.Style -xl__focus__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f7fafc") - ] - ] - ] - - -xl__focus__bg_gray_200 : Css.Style -xl__focus__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#edf2f7") - ] - ] - ] - - -xl__focus__bg_gray_300 : Css.Style -xl__focus__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e2e8f0") - ] - ] - ] - - -xl__focus__bg_gray_400 : Css.Style -xl__focus__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#cbd5e0") - ] - ] - ] - - -xl__focus__bg_gray_500 : Css.Style -xl__focus__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#a0aec0") - ] - ] - ] - - -xl__focus__bg_gray_600 : Css.Style -xl__focus__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#718096") - ] - ] - ] - - -xl__focus__bg_gray_700 : Css.Style -xl__focus__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4a5568") - ] - ] - ] - - -xl__focus__bg_gray_800 : Css.Style -xl__focus__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2d3748") - ] - ] - ] - - -xl__focus__bg_gray_900 : Css.Style -xl__focus__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#1a202c") - ] - ] - ] - - -xl__focus__bg_red_100 : Css.Style -xl__focus__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff5f5") - ] - ] - ] - - -xl__focus__bg_red_200 : Css.Style -xl__focus__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fed7d7") - ] - ] - ] - - -xl__focus__bg_red_300 : Css.Style -xl__focus__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#feb2b2") - ] - ] - ] - - -xl__focus__bg_red_400 : Css.Style -xl__focus__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fc8181") - ] - ] - ] - - -xl__focus__bg_red_500 : Css.Style -xl__focus__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f56565") - ] - ] - ] - - -xl__focus__bg_red_600 : Css.Style -xl__focus__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e53e3e") - ] - ] - ] - - -xl__focus__bg_red_700 : Css.Style -xl__focus__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c53030") - ] - ] - ] - - -xl__focus__bg_red_800 : Css.Style -xl__focus__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9b2c2c") - ] - ] - ] - - -xl__focus__bg_red_900 : Css.Style -xl__focus__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#742a2a") - ] - ] - ] - - -xl__focus__bg_orange_100 : Css.Style -xl__focus__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fffaf0") - ] - ] - ] - - -xl__focus__bg_orange_200 : Css.Style -xl__focus__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#feebc8") - ] - ] - ] - - -xl__focus__bg_orange_300 : Css.Style -xl__focus__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fbd38d") - ] - ] - ] - - -xl__focus__bg_orange_400 : Css.Style -xl__focus__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f6ad55") - ] - ] - ] - - -xl__focus__bg_orange_500 : Css.Style -xl__focus__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ed8936") - ] - ] - ] - - -xl__focus__bg_orange_600 : Css.Style -xl__focus__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#dd6b20") - ] - ] - ] - - -xl__focus__bg_orange_700 : Css.Style -xl__focus__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c05621") - ] - ] - ] - - -xl__focus__bg_orange_800 : Css.Style -xl__focus__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9c4221") - ] - ] - ] - - -xl__focus__bg_orange_900 : Css.Style -xl__focus__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#7b341e") - ] - ] - ] - - -xl__focus__bg_yellow_100 : Css.Style -xl__focus__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fffff0") - ] - ] - ] - - -xl__focus__bg_yellow_200 : Css.Style -xl__focus__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fefcbf") - ] - ] - ] - - -xl__focus__bg_yellow_300 : Css.Style -xl__focus__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#faf089") - ] - ] - ] - - -xl__focus__bg_yellow_400 : Css.Style -xl__focus__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f6e05e") - ] - ] - ] - - -xl__focus__bg_yellow_500 : Css.Style -xl__focus__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ecc94b") - ] - ] - ] - - -xl__focus__bg_yellow_600 : Css.Style -xl__focus__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#d69e2e") - ] - ] - ] - - -xl__focus__bg_yellow_700 : Css.Style -xl__focus__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b7791f") - ] - ] - ] - - -xl__focus__bg_yellow_800 : Css.Style -xl__focus__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#975a16") - ] - ] - ] - - -xl__focus__bg_yellow_900 : Css.Style -xl__focus__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#744210") - ] - ] - ] - - -xl__focus__bg_green_100 : Css.Style -xl__focus__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f0fff4") - ] - ] - ] - - -xl__focus__bg_green_200 : Css.Style -xl__focus__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c6f6d5") - ] - ] - ] - - -xl__focus__bg_green_300 : Css.Style -xl__focus__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9ae6b4") - ] - ] - ] - - -xl__focus__bg_green_400 : Css.Style -xl__focus__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#68d391") - ] - ] - ] - - -xl__focus__bg_green_500 : Css.Style -xl__focus__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#48bb78") - ] - ] - ] - - -xl__focus__bg_green_600 : Css.Style -xl__focus__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#38a169") - ] - ] - ] - - -xl__focus__bg_green_700 : Css.Style -xl__focus__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2f855a") - ] - ] - ] - - -xl__focus__bg_green_800 : Css.Style -xl__focus__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#276749") - ] - ] - ] - - -xl__focus__bg_green_900 : Css.Style -xl__focus__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#22543d") - ] - ] - ] - - -xl__focus__bg_teal_100 : Css.Style -xl__focus__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e6fffa") - ] - ] - ] - - -xl__focus__bg_teal_200 : Css.Style -xl__focus__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b2f5ea") - ] - ] - ] - - -xl__focus__bg_teal_300 : Css.Style -xl__focus__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#81e6d9") - ] - ] - ] - - -xl__focus__bg_teal_400 : Css.Style -xl__focus__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4fd1c5") - ] - ] - ] - - -xl__focus__bg_teal_500 : Css.Style -xl__focus__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#38b2ac") - ] - ] - ] - - -xl__focus__bg_teal_600 : Css.Style -xl__focus__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#319795") - ] - ] - ] - - -xl__focus__bg_teal_700 : Css.Style -xl__focus__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2c7a7b") - ] - ] - ] - - -xl__focus__bg_teal_800 : Css.Style -xl__focus__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#285e61") - ] - ] - ] - - -xl__focus__bg_teal_900 : Css.Style -xl__focus__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#234e52") - ] - ] - ] - - -xl__focus__bg_blue_100 : Css.Style -xl__focus__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ebf8ff") - ] - ] - ] - - -xl__focus__bg_blue_200 : Css.Style -xl__focus__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#bee3f8") - ] - ] - ] - - -xl__focus__bg_blue_300 : Css.Style -xl__focus__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#90cdf4") - ] - ] - ] - - -xl__focus__bg_blue_400 : Css.Style -xl__focus__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#63b3ed") - ] - ] - ] - - -xl__focus__bg_blue_500 : Css.Style -xl__focus__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4299e1") - ] - ] - ] - - -xl__focus__bg_blue_600 : Css.Style -xl__focus__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#3182ce") - ] - ] - ] - - -xl__focus__bg_blue_700 : Css.Style -xl__focus__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2b6cb0") - ] - ] - ] - - -xl__focus__bg_blue_800 : Css.Style -xl__focus__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2c5282") - ] - ] - ] - - -xl__focus__bg_blue_900 : Css.Style -xl__focus__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#2a4365") - ] - ] - ] - - -xl__focus__bg_indigo_100 : Css.Style -xl__focus__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ebf4ff") - ] - ] - ] - - -xl__focus__bg_indigo_200 : Css.Style -xl__focus__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#c3dafe") - ] - ] - ] - - -xl__focus__bg_indigo_300 : Css.Style -xl__focus__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#a3bffa") - ] - ] - ] - - -xl__focus__bg_indigo_400 : Css.Style -xl__focus__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#7f9cf5") - ] - ] - ] - - -xl__focus__bg_indigo_500 : Css.Style -xl__focus__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#667eea") - ] - ] - ] - - -xl__focus__bg_indigo_600 : Css.Style -xl__focus__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#5a67d8") - ] - ] - ] - - -xl__focus__bg_indigo_700 : Css.Style -xl__focus__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#4c51bf") - ] - ] - ] - - -xl__focus__bg_indigo_800 : Css.Style -xl__focus__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#434190") - ] - ] - ] - - -xl__focus__bg_indigo_900 : Css.Style -xl__focus__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#3c366b") - ] - ] - ] - - -xl__focus__bg_purple_100 : Css.Style -xl__focus__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#faf5ff") - ] - ] - ] - - -xl__focus__bg_purple_200 : Css.Style -xl__focus__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#e9d8fd") - ] - ] - ] - - -xl__focus__bg_purple_300 : Css.Style -xl__focus__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#d6bcfa") - ] - ] - ] - - -xl__focus__bg_purple_400 : Css.Style -xl__focus__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b794f4") - ] - ] - ] - - -xl__focus__bg_purple_500 : Css.Style -xl__focus__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#9f7aea") - ] - ] - ] - - -xl__focus__bg_purple_600 : Css.Style -xl__focus__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#805ad5") - ] - ] - ] - - -xl__focus__bg_purple_700 : Css.Style -xl__focus__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#6b46c1") - ] - ] - ] - - -xl__focus__bg_purple_800 : Css.Style -xl__focus__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#553c9a") - ] - ] - ] - - -xl__focus__bg_purple_900 : Css.Style -xl__focus__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#44337a") - ] - ] - ] - - -xl__focus__bg_pink_100 : Css.Style -xl__focus__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fff5f7") - ] - ] - ] - - -xl__focus__bg_pink_200 : Css.Style -xl__focus__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fed7e2") - ] - ] - ] - - -xl__focus__bg_pink_300 : Css.Style -xl__focus__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#fbb6ce") - ] - ] - ] - - -xl__focus__bg_pink_400 : Css.Style -xl__focus__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#f687b3") - ] - ] - ] - - -xl__focus__bg_pink_500 : Css.Style -xl__focus__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#ed64a6") - ] - ] - ] - - -xl__focus__bg_pink_600 : Css.Style -xl__focus__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#d53f8c") - ] - ] - ] - - -xl__focus__bg_pink_700 : Css.Style -xl__focus__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#b83280") - ] - ] - ] - - -xl__focus__bg_pink_800 : Css.Style -xl__focus__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#97266d") - ] - ] - ] - - -xl__focus__bg_pink_900 : Css.Style -xl__focus__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.backgroundColor (Css.hex "#702459") - ] - ] - ] - - -xl__bg_bottom : Css.Style -xl__bg_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "background-position" "bottom" - ] - ] - - -xl__bg_center : Css.Style -xl__bg_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "background-position" "center" - ] - ] - - -xl__bg_left : Css.Style -xl__bg_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "background-position" "left" - ] - ] - - -xl__bg_left_bottom : Css.Style -xl__bg_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "background-position" "left bottom" - ] - ] - - -xl__bg_left_top : Css.Style -xl__bg_left_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "background-position" "left top" - ] - ] - - -xl__bg_right : Css.Style -xl__bg_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "background-position" "right" - ] - ] - - -xl__bg_right_bottom : Css.Style -xl__bg_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "background-position" "right bottom" - ] - ] - - -xl__bg_right_top : Css.Style -xl__bg_right_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "background-position" "right top" - ] - ] - - -xl__bg_top : Css.Style -xl__bg_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "background-position" "top" - ] - ] - - -xl__bg_repeat : Css.Style -xl__bg_repeat = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundRepeat Css.repeat - ] - ] - - -xl__bg_no_repeat : Css.Style -xl__bg_no_repeat = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundRepeat Css.noRepeat - ] - ] - - -xl__bg_repeat_x : Css.Style -xl__bg_repeat_x = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundRepeat Css.repeatX - ] - ] - - -xl__bg_repeat_y : Css.Style -xl__bg_repeat_y = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundRepeat Css.repeatY - ] - ] - - -xl__bg_repeat_round : Css.Style -xl__bg_repeat_round = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundRepeat Css.round - ] - ] - - -xl__bg_repeat_space : Css.Style -xl__bg_repeat_space = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundRepeat Css.space - ] - ] - - -xl__bg_auto : Css.Style -xl__bg_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundSize Css.auto - ] - ] - - -xl__bg_cover : Css.Style -xl__bg_cover = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundSize Css.cover - ] - ] - - -xl__bg_contain : Css.Style -xl__bg_contain = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.backgroundSize Css.contain - ] - ] - - -xl__border_collapse : Css.Style -xl__border_collapse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderCollapse Css.collapse - ] - ] - - -xl__border_separate : Css.Style -xl__border_separate = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderCollapse Css.separate - ] - ] - - -xl__border_transparent : Css.Style -xl__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor Css.transparent - ] - ] - - -xl__border_current : Css.Style -xl__border_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor Css.currentColor - ] - ] - - -xl__border_black : Css.Style -xl__border_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#000") - ] - ] - - -xl__border_white : Css.Style -xl__border_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fff") - ] - ] - - -xl__border_gray_100 : Css.Style -xl__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - - -xl__border_gray_200 : Css.Style -xl__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - - -xl__border_gray_300 : Css.Style -xl__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - - -xl__border_gray_400 : Css.Style -xl__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - - -xl__border_gray_500 : Css.Style -xl__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - - -xl__border_gray_600 : Css.Style -xl__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#718096") - ] - ] - - -xl__border_gray_700 : Css.Style -xl__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - - -xl__border_gray_800 : Css.Style -xl__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - - -xl__border_gray_900 : Css.Style -xl__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - - -xl__border_red_100 : Css.Style -xl__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - - -xl__border_red_200 : Css.Style -xl__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - - -xl__border_red_300 : Css.Style -xl__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - - -xl__border_red_400 : Css.Style -xl__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - - -xl__border_red_500 : Css.Style -xl__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#f56565") - ] - ] - - -xl__border_red_600 : Css.Style -xl__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - - -xl__border_red_700 : Css.Style -xl__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#c53030") - ] - ] - - -xl__border_red_800 : Css.Style -xl__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - - -xl__border_red_900 : Css.Style -xl__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - - -xl__border_orange_100 : Css.Style -xl__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - - -xl__border_orange_200 : Css.Style -xl__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - - -xl__border_orange_300 : Css.Style -xl__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - - -xl__border_orange_400 : Css.Style -xl__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - - -xl__border_orange_500 : Css.Style -xl__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - - -xl__border_orange_600 : Css.Style -xl__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - - -xl__border_orange_700 : Css.Style -xl__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#c05621") - ] - ] - - -xl__border_orange_800 : Css.Style -xl__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - - -xl__border_orange_900 : Css.Style -xl__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - - -xl__border_yellow_100 : Css.Style -xl__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - - -xl__border_yellow_200 : Css.Style -xl__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - - -xl__border_yellow_300 : Css.Style -xl__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#faf089") - ] - ] - - -xl__border_yellow_400 : Css.Style -xl__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - - -xl__border_yellow_500 : Css.Style -xl__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - - -xl__border_yellow_600 : Css.Style -xl__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - - -xl__border_yellow_700 : Css.Style -xl__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - - -xl__border_yellow_800 : Css.Style -xl__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#975a16") - ] - ] - - -xl__border_yellow_900 : Css.Style -xl__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#744210") - ] - ] - - -xl__border_green_100 : Css.Style -xl__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - - -xl__border_green_200 : Css.Style -xl__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - - -xl__border_green_300 : Css.Style -xl__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - - -xl__border_green_400 : Css.Style -xl__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#68d391") - ] - ] - - -xl__border_green_500 : Css.Style -xl__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - - -xl__border_green_600 : Css.Style -xl__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#38a169") - ] - ] - - -xl__border_green_700 : Css.Style -xl__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - - -xl__border_green_800 : Css.Style -xl__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#276749") - ] - ] - - -xl__border_green_900 : Css.Style -xl__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#22543d") - ] - ] - - -xl__border_teal_100 : Css.Style -xl__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - - -xl__border_teal_200 : Css.Style -xl__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - - -xl__border_teal_300 : Css.Style -xl__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - - -xl__border_teal_400 : Css.Style -xl__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - - -xl__border_teal_500 : Css.Style -xl__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - - -xl__border_teal_600 : Css.Style -xl__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#319795") - ] - ] - - -xl__border_teal_700 : Css.Style -xl__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - - -xl__border_teal_800 : Css.Style -xl__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#285e61") - ] - ] - - -xl__border_teal_900 : Css.Style -xl__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#234e52") - ] - ] - - -xl__border_blue_100 : Css.Style -xl__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - - -xl__border_blue_200 : Css.Style -xl__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - - -xl__border_blue_300 : Css.Style -xl__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - - -xl__border_blue_400 : Css.Style -xl__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - - -xl__border_blue_500 : Css.Style -xl__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - - -xl__border_blue_600 : Css.Style -xl__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - - -xl__border_blue_700 : Css.Style -xl__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - - -xl__border_blue_800 : Css.Style -xl__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - - -xl__border_blue_900 : Css.Style -xl__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - - -xl__border_indigo_100 : Css.Style -xl__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - - -xl__border_indigo_200 : Css.Style -xl__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - - -xl__border_indigo_300 : Css.Style -xl__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - - -xl__border_indigo_400 : Css.Style -xl__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - - -xl__border_indigo_500 : Css.Style -xl__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#667eea") - ] - ] - - -xl__border_indigo_600 : Css.Style -xl__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - - -xl__border_indigo_700 : Css.Style -xl__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - - -xl__border_indigo_800 : Css.Style -xl__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#434190") - ] - ] - - -xl__border_indigo_900 : Css.Style -xl__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - - -xl__border_purple_100 : Css.Style -xl__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - - -xl__border_purple_200 : Css.Style -xl__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - - -xl__border_purple_300 : Css.Style -xl__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - - -xl__border_purple_400 : Css.Style -xl__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - - -xl__border_purple_500 : Css.Style -xl__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - - -xl__border_purple_600 : Css.Style -xl__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - - -xl__border_purple_700 : Css.Style -xl__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - - -xl__border_purple_800 : Css.Style -xl__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - - -xl__border_purple_900 : Css.Style -xl__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#44337a") - ] - ] - - -xl__border_pink_100 : Css.Style -xl__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - - -xl__border_pink_200 : Css.Style -xl__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - - -xl__border_pink_300 : Css.Style -xl__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - - -xl__border_pink_400 : Css.Style -xl__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - - -xl__border_pink_500 : Css.Style -xl__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - - -xl__border_pink_600 : Css.Style -xl__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - - -xl__border_pink_700 : Css.Style -xl__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#b83280") - ] - ] - - -xl__border_pink_800 : Css.Style -xl__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#97266d") - ] - ] - - -xl__border_pink_900 : Css.Style -xl__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderColor (Css.hex "#702459") - ] - ] - - -xl__hover__border_transparent : Css.Style -xl__hover__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor Css.transparent - ] - ] - ] - - -xl__hover__border_current : Css.Style -xl__hover__border_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor Css.currentColor - ] - ] - ] - - -xl__hover__border_black : Css.Style -xl__hover__border_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#000") - ] - ] - ] - - -xl__hover__border_white : Css.Style -xl__hover__border_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fff") - ] - ] - ] - - -xl__hover__border_gray_100 : Css.Style -xl__hover__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - ] - - -xl__hover__border_gray_200 : Css.Style -xl__hover__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - ] - - -xl__hover__border_gray_300 : Css.Style -xl__hover__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - ] - - -xl__hover__border_gray_400 : Css.Style -xl__hover__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - ] - - -xl__hover__border_gray_500 : Css.Style -xl__hover__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - ] - - -xl__hover__border_gray_600 : Css.Style -xl__hover__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#718096") - ] - ] - ] - - -xl__hover__border_gray_700 : Css.Style -xl__hover__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - ] - - -xl__hover__border_gray_800 : Css.Style -xl__hover__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - ] - - -xl__hover__border_gray_900 : Css.Style -xl__hover__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - ] - - -xl__hover__border_red_100 : Css.Style -xl__hover__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - ] - - -xl__hover__border_red_200 : Css.Style -xl__hover__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - ] - - -xl__hover__border_red_300 : Css.Style -xl__hover__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - ] - - -xl__hover__border_red_400 : Css.Style -xl__hover__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - ] - - -xl__hover__border_red_500 : Css.Style -xl__hover__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f56565") - ] - ] - ] - - -xl__hover__border_red_600 : Css.Style -xl__hover__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - ] - - -xl__hover__border_red_700 : Css.Style -xl__hover__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c53030") - ] - ] - ] - - -xl__hover__border_red_800 : Css.Style -xl__hover__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - ] - - -xl__hover__border_red_900 : Css.Style -xl__hover__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - ] - - -xl__hover__border_orange_100 : Css.Style -xl__hover__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - ] - - -xl__hover__border_orange_200 : Css.Style -xl__hover__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - ] - - -xl__hover__border_orange_300 : Css.Style -xl__hover__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - ] - - -xl__hover__border_orange_400 : Css.Style -xl__hover__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - ] - - -xl__hover__border_orange_500 : Css.Style -xl__hover__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - ] - - -xl__hover__border_orange_600 : Css.Style -xl__hover__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - ] - - -xl__hover__border_orange_700 : Css.Style -xl__hover__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c05621") - ] - ] - ] - - -xl__hover__border_orange_800 : Css.Style -xl__hover__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - ] - - -xl__hover__border_orange_900 : Css.Style -xl__hover__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - ] - - -xl__hover__border_yellow_100 : Css.Style -xl__hover__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - ] - - -xl__hover__border_yellow_200 : Css.Style -xl__hover__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - ] - - -xl__hover__border_yellow_300 : Css.Style -xl__hover__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#faf089") - ] - ] - ] - - -xl__hover__border_yellow_400 : Css.Style -xl__hover__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - ] - - -xl__hover__border_yellow_500 : Css.Style -xl__hover__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - ] - - -xl__hover__border_yellow_600 : Css.Style -xl__hover__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - ] - - -xl__hover__border_yellow_700 : Css.Style -xl__hover__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - ] - - -xl__hover__border_yellow_800 : Css.Style -xl__hover__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#975a16") - ] - ] - ] - - -xl__hover__border_yellow_900 : Css.Style -xl__hover__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#744210") - ] - ] - ] - - -xl__hover__border_green_100 : Css.Style -xl__hover__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - ] - - -xl__hover__border_green_200 : Css.Style -xl__hover__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - ] - - -xl__hover__border_green_300 : Css.Style -xl__hover__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - ] - - -xl__hover__border_green_400 : Css.Style -xl__hover__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#68d391") - ] - ] - ] - - -xl__hover__border_green_500 : Css.Style -xl__hover__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - ] - - -xl__hover__border_green_600 : Css.Style -xl__hover__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#38a169") - ] - ] - ] - - -xl__hover__border_green_700 : Css.Style -xl__hover__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - ] - - -xl__hover__border_green_800 : Css.Style -xl__hover__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#276749") - ] - ] - ] - - -xl__hover__border_green_900 : Css.Style -xl__hover__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#22543d") - ] - ] - ] - - -xl__hover__border_teal_100 : Css.Style -xl__hover__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - ] - - -xl__hover__border_teal_200 : Css.Style -xl__hover__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - ] - - -xl__hover__border_teal_300 : Css.Style -xl__hover__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - ] - - -xl__hover__border_teal_400 : Css.Style -xl__hover__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - ] - - -xl__hover__border_teal_500 : Css.Style -xl__hover__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - ] - - -xl__hover__border_teal_600 : Css.Style -xl__hover__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#319795") - ] - ] - ] - - -xl__hover__border_teal_700 : Css.Style -xl__hover__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - ] - - -xl__hover__border_teal_800 : Css.Style -xl__hover__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#285e61") - ] - ] - ] - - -xl__hover__border_teal_900 : Css.Style -xl__hover__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#234e52") - ] - ] - ] - - -xl__hover__border_blue_100 : Css.Style -xl__hover__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - ] - - -xl__hover__border_blue_200 : Css.Style -xl__hover__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - ] - - -xl__hover__border_blue_300 : Css.Style -xl__hover__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - ] - - -xl__hover__border_blue_400 : Css.Style -xl__hover__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - ] - - -xl__hover__border_blue_500 : Css.Style -xl__hover__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - ] - - -xl__hover__border_blue_600 : Css.Style -xl__hover__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - ] - - -xl__hover__border_blue_700 : Css.Style -xl__hover__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - ] - - -xl__hover__border_blue_800 : Css.Style -xl__hover__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - ] - - -xl__hover__border_blue_900 : Css.Style -xl__hover__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - ] - - -xl__hover__border_indigo_100 : Css.Style -xl__hover__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - ] - - -xl__hover__border_indigo_200 : Css.Style -xl__hover__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - ] - - -xl__hover__border_indigo_300 : Css.Style -xl__hover__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - ] - - -xl__hover__border_indigo_400 : Css.Style -xl__hover__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - ] - - -xl__hover__border_indigo_500 : Css.Style -xl__hover__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#667eea") - ] - ] - ] - - -xl__hover__border_indigo_600 : Css.Style -xl__hover__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - ] - - -xl__hover__border_indigo_700 : Css.Style -xl__hover__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - ] - - -xl__hover__border_indigo_800 : Css.Style -xl__hover__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#434190") - ] - ] - ] - - -xl__hover__border_indigo_900 : Css.Style -xl__hover__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - ] - - -xl__hover__border_purple_100 : Css.Style -xl__hover__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - ] - - -xl__hover__border_purple_200 : Css.Style -xl__hover__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - ] - - -xl__hover__border_purple_300 : Css.Style -xl__hover__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - ] - - -xl__hover__border_purple_400 : Css.Style -xl__hover__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - ] - - -xl__hover__border_purple_500 : Css.Style -xl__hover__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - ] - - -xl__hover__border_purple_600 : Css.Style -xl__hover__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - ] - - -xl__hover__border_purple_700 : Css.Style -xl__hover__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - ] - - -xl__hover__border_purple_800 : Css.Style -xl__hover__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - ] - - -xl__hover__border_purple_900 : Css.Style -xl__hover__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#44337a") - ] - ] - ] - - -xl__hover__border_pink_100 : Css.Style -xl__hover__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - ] - - -xl__hover__border_pink_200 : Css.Style -xl__hover__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - ] - - -xl__hover__border_pink_300 : Css.Style -xl__hover__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - ] - - -xl__hover__border_pink_400 : Css.Style -xl__hover__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - ] - - -xl__hover__border_pink_500 : Css.Style -xl__hover__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - ] - - -xl__hover__border_pink_600 : Css.Style -xl__hover__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - ] - - -xl__hover__border_pink_700 : Css.Style -xl__hover__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#b83280") - ] - ] - ] - - -xl__hover__border_pink_800 : Css.Style -xl__hover__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#97266d") - ] - ] - ] - - -xl__hover__border_pink_900 : Css.Style -xl__hover__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.borderColor (Css.hex "#702459") - ] - ] - ] - - -xl__focus__border_transparent : Css.Style -xl__focus__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor Css.transparent - ] - ] - ] - - -xl__focus__border_current : Css.Style -xl__focus__border_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor Css.currentColor - ] - ] - ] - - -xl__focus__border_black : Css.Style -xl__focus__border_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#000") - ] - ] - ] - - -xl__focus__border_white : Css.Style -xl__focus__border_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fff") - ] - ] - ] - - -xl__focus__border_gray_100 : Css.Style -xl__focus__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f7fafc") - ] - ] - ] - - -xl__focus__border_gray_200 : Css.Style -xl__focus__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#edf2f7") - ] - ] - ] - - -xl__focus__border_gray_300 : Css.Style -xl__focus__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e2e8f0") - ] - ] - ] - - -xl__focus__border_gray_400 : Css.Style -xl__focus__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#cbd5e0") - ] - ] - ] - - -xl__focus__border_gray_500 : Css.Style -xl__focus__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#a0aec0") - ] - ] - ] - - -xl__focus__border_gray_600 : Css.Style -xl__focus__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#718096") - ] - ] - ] - - -xl__focus__border_gray_700 : Css.Style -xl__focus__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4a5568") - ] - ] - ] - - -xl__focus__border_gray_800 : Css.Style -xl__focus__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2d3748") - ] - ] - ] - - -xl__focus__border_gray_900 : Css.Style -xl__focus__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#1a202c") - ] - ] - ] - - -xl__focus__border_red_100 : Css.Style -xl__focus__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fff5f5") - ] - ] - ] - - -xl__focus__border_red_200 : Css.Style -xl__focus__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fed7d7") - ] - ] - ] - - -xl__focus__border_red_300 : Css.Style -xl__focus__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#feb2b2") - ] - ] - ] - - -xl__focus__border_red_400 : Css.Style -xl__focus__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fc8181") - ] - ] - ] - - -xl__focus__border_red_500 : Css.Style -xl__focus__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f56565") - ] - ] - ] - - -xl__focus__border_red_600 : Css.Style -xl__focus__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e53e3e") - ] - ] - ] - - -xl__focus__border_red_700 : Css.Style -xl__focus__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c53030") - ] - ] - ] - - -xl__focus__border_red_800 : Css.Style -xl__focus__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9b2c2c") - ] - ] - ] - - -xl__focus__border_red_900 : Css.Style -xl__focus__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#742a2a") - ] - ] - ] - - -xl__focus__border_orange_100 : Css.Style -xl__focus__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fffaf0") - ] - ] - ] - - -xl__focus__border_orange_200 : Css.Style -xl__focus__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#feebc8") - ] - ] - ] - - -xl__focus__border_orange_300 : Css.Style -xl__focus__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fbd38d") - ] - ] - ] - - -xl__focus__border_orange_400 : Css.Style -xl__focus__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f6ad55") - ] - ] - ] - - -xl__focus__border_orange_500 : Css.Style -xl__focus__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ed8936") - ] - ] - ] - - -xl__focus__border_orange_600 : Css.Style -xl__focus__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#dd6b20") - ] - ] - ] - - -xl__focus__border_orange_700 : Css.Style -xl__focus__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c05621") - ] - ] - ] - - -xl__focus__border_orange_800 : Css.Style -xl__focus__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9c4221") - ] - ] - ] - - -xl__focus__border_orange_900 : Css.Style -xl__focus__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#7b341e") - ] - ] - ] - - -xl__focus__border_yellow_100 : Css.Style -xl__focus__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fffff0") - ] - ] - ] - - -xl__focus__border_yellow_200 : Css.Style -xl__focus__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fefcbf") - ] - ] - ] - - -xl__focus__border_yellow_300 : Css.Style -xl__focus__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#faf089") - ] - ] - ] - - -xl__focus__border_yellow_400 : Css.Style -xl__focus__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f6e05e") - ] - ] - ] - - -xl__focus__border_yellow_500 : Css.Style -xl__focus__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ecc94b") - ] - ] - ] - - -xl__focus__border_yellow_600 : Css.Style -xl__focus__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#d69e2e") - ] - ] - ] - - -xl__focus__border_yellow_700 : Css.Style -xl__focus__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b7791f") - ] - ] - ] - - -xl__focus__border_yellow_800 : Css.Style -xl__focus__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#975a16") - ] - ] - ] - - -xl__focus__border_yellow_900 : Css.Style -xl__focus__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#744210") - ] - ] - ] - - -xl__focus__border_green_100 : Css.Style -xl__focus__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f0fff4") - ] - ] - ] - - -xl__focus__border_green_200 : Css.Style -xl__focus__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c6f6d5") - ] - ] - ] - - -xl__focus__border_green_300 : Css.Style -xl__focus__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9ae6b4") - ] - ] - ] - - -xl__focus__border_green_400 : Css.Style -xl__focus__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#68d391") - ] - ] - ] - - -xl__focus__border_green_500 : Css.Style -xl__focus__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#48bb78") - ] - ] - ] - - -xl__focus__border_green_600 : Css.Style -xl__focus__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#38a169") - ] - ] - ] - - -xl__focus__border_green_700 : Css.Style -xl__focus__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2f855a") - ] - ] - ] - - -xl__focus__border_green_800 : Css.Style -xl__focus__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#276749") - ] - ] - ] - - -xl__focus__border_green_900 : Css.Style -xl__focus__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#22543d") - ] - ] - ] - - -xl__focus__border_teal_100 : Css.Style -xl__focus__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e6fffa") - ] - ] - ] - - -xl__focus__border_teal_200 : Css.Style -xl__focus__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b2f5ea") - ] - ] - ] - - -xl__focus__border_teal_300 : Css.Style -xl__focus__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#81e6d9") - ] - ] - ] - - -xl__focus__border_teal_400 : Css.Style -xl__focus__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4fd1c5") - ] - ] - ] - - -xl__focus__border_teal_500 : Css.Style -xl__focus__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#38b2ac") - ] - ] - ] - - -xl__focus__border_teal_600 : Css.Style -xl__focus__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#319795") - ] - ] - ] - - -xl__focus__border_teal_700 : Css.Style -xl__focus__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2c7a7b") - ] - ] - ] - - -xl__focus__border_teal_800 : Css.Style -xl__focus__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#285e61") - ] - ] - ] - - -xl__focus__border_teal_900 : Css.Style -xl__focus__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#234e52") - ] - ] - ] - - -xl__focus__border_blue_100 : Css.Style -xl__focus__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ebf8ff") - ] - ] - ] - - -xl__focus__border_blue_200 : Css.Style -xl__focus__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#bee3f8") - ] - ] - ] - - -xl__focus__border_blue_300 : Css.Style -xl__focus__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#90cdf4") - ] - ] - ] - - -xl__focus__border_blue_400 : Css.Style -xl__focus__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#63b3ed") - ] - ] - ] - - -xl__focus__border_blue_500 : Css.Style -xl__focus__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4299e1") - ] - ] - ] - - -xl__focus__border_blue_600 : Css.Style -xl__focus__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#3182ce") - ] - ] - ] - - -xl__focus__border_blue_700 : Css.Style -xl__focus__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2b6cb0") - ] - ] - ] - - -xl__focus__border_blue_800 : Css.Style -xl__focus__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2c5282") - ] - ] - ] - - -xl__focus__border_blue_900 : Css.Style -xl__focus__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#2a4365") - ] - ] - ] - - -xl__focus__border_indigo_100 : Css.Style -xl__focus__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ebf4ff") - ] - ] - ] - - -xl__focus__border_indigo_200 : Css.Style -xl__focus__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#c3dafe") - ] - ] - ] - - -xl__focus__border_indigo_300 : Css.Style -xl__focus__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#a3bffa") - ] - ] - ] - - -xl__focus__border_indigo_400 : Css.Style -xl__focus__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#7f9cf5") - ] - ] - ] - - -xl__focus__border_indigo_500 : Css.Style -xl__focus__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#667eea") - ] - ] - ] - - -xl__focus__border_indigo_600 : Css.Style -xl__focus__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#5a67d8") - ] - ] - ] - - -xl__focus__border_indigo_700 : Css.Style -xl__focus__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#4c51bf") - ] - ] - ] - - -xl__focus__border_indigo_800 : Css.Style -xl__focus__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#434190") - ] - ] - ] - - -xl__focus__border_indigo_900 : Css.Style -xl__focus__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#3c366b") - ] - ] - ] - - -xl__focus__border_purple_100 : Css.Style -xl__focus__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#faf5ff") - ] - ] - ] - - -xl__focus__border_purple_200 : Css.Style -xl__focus__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#e9d8fd") - ] - ] - ] - - -xl__focus__border_purple_300 : Css.Style -xl__focus__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#d6bcfa") - ] - ] - ] - - -xl__focus__border_purple_400 : Css.Style -xl__focus__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b794f4") - ] - ] - ] - - -xl__focus__border_purple_500 : Css.Style -xl__focus__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#9f7aea") - ] - ] - ] - - -xl__focus__border_purple_600 : Css.Style -xl__focus__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#805ad5") - ] - ] - ] - - -xl__focus__border_purple_700 : Css.Style -xl__focus__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#6b46c1") - ] - ] - ] - - -xl__focus__border_purple_800 : Css.Style -xl__focus__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#553c9a") - ] - ] - ] - - -xl__focus__border_purple_900 : Css.Style -xl__focus__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#44337a") - ] - ] - ] - - -xl__focus__border_pink_100 : Css.Style -xl__focus__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fff5f7") - ] - ] - ] - - -xl__focus__border_pink_200 : Css.Style -xl__focus__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fed7e2") - ] - ] - ] - - -xl__focus__border_pink_300 : Css.Style -xl__focus__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#fbb6ce") - ] - ] - ] - - -xl__focus__border_pink_400 : Css.Style -xl__focus__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#f687b3") - ] - ] - ] - - -xl__focus__border_pink_500 : Css.Style -xl__focus__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#ed64a6") - ] - ] - ] - - -xl__focus__border_pink_600 : Css.Style -xl__focus__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#d53f8c") - ] - ] - ] - - -xl__focus__border_pink_700 : Css.Style -xl__focus__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#b83280") - ] - ] - ] - - -xl__focus__border_pink_800 : Css.Style -xl__focus__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#97266d") - ] - ] - ] - - -xl__focus__border_pink_900 : Css.Style -xl__focus__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.borderColor (Css.hex "#702459") - ] - ] - ] - - -xl__rounded_none : Css.Style -xl__rounded_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderRadius (Css.px 0) - ] - ] - - -xl__rounded_sm : Css.Style -xl__rounded_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderRadius (Css.rem 0.125) - ] - ] - - -xl__rounded : Css.Style -xl__rounded = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_md : Css.Style -xl__rounded_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_lg : Css.Style -xl__rounded_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_full : Css.Style -xl__rounded_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderRadius (Css.px 9999) - ] - ] - - -xl__rounded_t_none : Css.Style -xl__rounded_t_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderTopRightRadius (Css.px 0) - ] - ] - - -xl__rounded_r_none : Css.Style -xl__rounded_r_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopRightRadius (Css.px 0) - , Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -xl__rounded_b_none : Css.Style -xl__rounded_b_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomRightRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -xl__rounded_l_none : Css.Style -xl__rounded_l_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -xl__rounded_t_sm : Css.Style -xl__rounded_t_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_r_sm : Css.Style -xl__rounded_r_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - , Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_b_sm : Css.Style -xl__rounded_b_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_l_sm : Css.Style -xl__rounded_l_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_t : Css.Style -xl__rounded_t = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_r : Css.Style -xl__rounded_r = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - , Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_b : Css.Style -xl__rounded_b = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_l : Css.Style -xl__rounded_l = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_t_md : Css.Style -xl__rounded_t_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_r_md : Css.Style -xl__rounded_r_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - , Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_b_md : Css.Style -xl__rounded_b_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_l_md : Css.Style -xl__rounded_l_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_t_lg : Css.Style -xl__rounded_t_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_r_lg : Css.Style -xl__rounded_r_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - , Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_b_lg : Css.Style -xl__rounded_b_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_l_lg : Css.Style -xl__rounded_l_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_t_full : Css.Style -xl__rounded_t_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -xl__rounded_r_full : Css.Style -xl__rounded_r_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopRightRadius (Css.px 9999) - , Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -xl__rounded_b_full : Css.Style -xl__rounded_b_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomRightRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -xl__rounded_l_full : Css.Style -xl__rounded_l_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -xl__rounded_tl_none : Css.Style -xl__rounded_tl_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.px 0) - ] - ] - - -xl__rounded_tr_none : Css.Style -xl__rounded_tr_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopRightRadius (Css.px 0) - ] - ] - - -xl__rounded_br_none : Css.Style -xl__rounded_br_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -xl__rounded_bl_none : Css.Style -xl__rounded_bl_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -xl__rounded_tl_sm : Css.Style -xl__rounded_tl_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_tr_sm : Css.Style -xl__rounded_tr_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_br_sm : Css.Style -xl__rounded_br_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_bl_sm : Css.Style -xl__rounded_bl_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_tl : Css.Style -xl__rounded_tl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_tr : Css.Style -xl__rounded_tr = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_br : Css.Style -xl__rounded_br = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_bl : Css.Style -xl__rounded_bl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_tl_md : Css.Style -xl__rounded_tl_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_tr_md : Css.Style -xl__rounded_tr_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_br_md : Css.Style -xl__rounded_br_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_bl_md : Css.Style -xl__rounded_bl_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_tl_lg : Css.Style -xl__rounded_tl_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_tr_lg : Css.Style -xl__rounded_tr_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_br_lg : Css.Style -xl__rounded_br_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_bl_lg : Css.Style -xl__rounded_bl_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_tl_full : Css.Style -xl__rounded_tl_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopLeftRadius (Css.px 9999) - ] - ] - - -xl__rounded_tr_full : Css.Style -xl__rounded_tr_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -xl__rounded_br_full : Css.Style -xl__rounded_br_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -xl__rounded_bl_full : Css.Style -xl__rounded_bl_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -xl__border_solid : Css.Style -xl__border_solid = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderStyle Css.solid - ] - ] - - -xl__border_dashed : Css.Style -xl__border_dashed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderStyle Css.dashed - ] - ] - - -xl__border_dotted : Css.Style -xl__border_dotted = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderStyle Css.dotted - ] - ] - - -xl__border_double : Css.Style -xl__border_double = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderStyle Css.double - ] - ] - - -xl__border_none : Css.Style -xl__border_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderStyle Css.none - ] - ] - - -xl__border_0 : Css.Style -xl__border_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderWidth (Css.px 0) - ] - ] - - -xl__border_2 : Css.Style -xl__border_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderWidth (Css.px 2) - ] - ] - - -xl__border_4 : Css.Style -xl__border_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderWidth (Css.px 4) - ] - ] - - -xl__border_8 : Css.Style -xl__border_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderWidth (Css.px 8) - ] - ] - - -xl__border : Css.Style -xl__border = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderWidth (Css.px 1) - ] - ] - - -xl__border_t_0 : Css.Style -xl__border_t_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopWidth (Css.px 0) - ] - ] - - -xl__border_r_0 : Css.Style -xl__border_r_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderRightWidth (Css.px 0) - ] - ] - - -xl__border_b_0 : Css.Style -xl__border_b_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomWidth (Css.px 0) - ] - ] - - -xl__border_l_0 : Css.Style -xl__border_l_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderLeftWidth (Css.px 0) - ] - ] - - -xl__border_t_2 : Css.Style -xl__border_t_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopWidth (Css.px 2) - ] - ] - - -xl__border_r_2 : Css.Style -xl__border_r_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderRightWidth (Css.px 2) - ] - ] - - -xl__border_b_2 : Css.Style -xl__border_b_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomWidth (Css.px 2) - ] - ] - - -xl__border_l_2 : Css.Style -xl__border_l_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderLeftWidth (Css.px 2) - ] - ] - - -xl__border_t_4 : Css.Style -xl__border_t_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopWidth (Css.px 4) - ] - ] - - -xl__border_r_4 : Css.Style -xl__border_r_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderRightWidth (Css.px 4) - ] - ] - - -xl__border_b_4 : Css.Style -xl__border_b_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomWidth (Css.px 4) - ] - ] - - -xl__border_l_4 : Css.Style -xl__border_l_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderLeftWidth (Css.px 4) - ] - ] - - -xl__border_t_8 : Css.Style -xl__border_t_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopWidth (Css.px 8) - ] - ] - - -xl__border_r_8 : Css.Style -xl__border_r_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderRightWidth (Css.px 8) - ] - ] - - -xl__border_b_8 : Css.Style -xl__border_b_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomWidth (Css.px 8) - ] - ] - - -xl__border_l_8 : Css.Style -xl__border_l_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderLeftWidth (Css.px 8) - ] - ] - - -xl__border_t : Css.Style -xl__border_t = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderTopWidth (Css.px 1) - ] - ] - - -xl__border_r : Css.Style -xl__border_r = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderRightWidth (Css.px 1) - ] - ] - - -xl__border_b : Css.Style -xl__border_b = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderBottomWidth (Css.px 1) - ] - ] - - -xl__border_l : Css.Style -xl__border_l = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.borderLeftWidth (Css.px 1) - ] - ] - - -xl__box_border : Css.Style -xl__box_border = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.boxSizing Css.borderBox - ] - ] - - -xl__box_content : Css.Style -xl__box_content = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.boxSizing Css.contentBox - ] - ] - - -xl__cursor_auto : Css.Style -xl__cursor_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.cursor Css.auto - ] - ] - - -xl__cursor_default : Css.Style -xl__cursor_default = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.cursor Css.default - ] - ] - - -xl__cursor_pointer : Css.Style -xl__cursor_pointer = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.cursor Css.pointer - ] - ] - - -xl__cursor_wait : Css.Style -xl__cursor_wait = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.cursor Css.wait - ] - ] - - -xl__cursor_text : Css.Style -xl__cursor_text = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "cursor" "text" - ] - ] - - -xl__cursor_move : Css.Style -xl__cursor_move = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.cursor Css.move - ] - ] - - -xl__cursor_not_allowed : Css.Style -xl__cursor_not_allowed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.cursor Css.notAllowed - ] - ] - - -xl__block : Css.Style -xl__block = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.block - ] - ] - - -xl__inline_block : Css.Style -xl__inline_block = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.inlineBlock - ] - ] - - -xl__inline : Css.Style -xl__inline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.inline - ] - ] - - -xl__flex : Css.Style -xl__flex = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.displayFlex - ] - ] - - -xl__inline_flex : Css.Style -xl__inline_flex = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.inlineFlex - ] - ] - - -xl__table : Css.Style -xl__table = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.table - ] - ] - - -xl__table_caption : Css.Style -xl__table_caption = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.tableCaption - ] - ] - - -xl__table_cell : Css.Style -xl__table_cell = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.tableCell - ] - ] - - -xl__table_column : Css.Style -xl__table_column = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.tableColumn - ] - ] - - -xl__table_column_group : Css.Style -xl__table_column_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.tableColumnGroup - ] - ] - - -xl__table_footer_group : Css.Style -xl__table_footer_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.tableFooterGroup - ] - ] - - -xl__table_header_group : Css.Style -xl__table_header_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.tableHeaderGroup - ] - ] - - -xl__table_row_group : Css.Style -xl__table_row_group = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.tableRowGroup - ] - ] - - -xl__table_row : Css.Style -xl__table_row = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.tableRow - ] - ] - - -xl__flow_root : Css.Style -xl__flow_root = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "display" "flow-root" - ] - ] - - -xl__grid : Css.Style -xl__grid = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "display" "grid" - ] - ] - - -xl__inline_grid : Css.Style -xl__inline_grid = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "display" "inline-grid" - ] - ] - - -xl__hidden : Css.Style -xl__hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.display Css.none - ] - ] - - -xl__flex_row : Css.Style -xl__flex_row = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.flexDirection Css.row - ] - ] - - -xl__flex_row_reverse : Css.Style -xl__flex_row_reverse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.flexDirection Css.rowReverse - ] - ] - - -xl__flex_col : Css.Style -xl__flex_col = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.flexDirection Css.column - ] - ] - - -xl__flex_col_reverse : Css.Style -xl__flex_col_reverse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.flexDirection Css.columnReverse - ] - ] - - -xl__flex_wrap : Css.Style -xl__flex_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.flexWrap Css.wrap - ] - ] - - -xl__flex_wrap_reverse : Css.Style -xl__flex_wrap_reverse = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.flexWrap Css.wrapReverse - ] - ] - - -xl__flex_no_wrap : Css.Style -xl__flex_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.flexWrap Css.noWrap - ] - ] - - -xl__items_start : Css.Style -xl__items_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.alignItems Css.flexStart - ] - ] - - -xl__items_end : Css.Style -xl__items_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.alignItems Css.flexEnd - ] - ] - - -xl__items_center : Css.Style -xl__items_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.alignItems Css.center - ] - ] - - -xl__items_baseline : Css.Style -xl__items_baseline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.alignItems Css.baseline - ] - ] - - -xl__items_stretch : Css.Style -xl__items_stretch = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.alignItems Css.stretch - ] - ] - - -xl__self_auto : Css.Style -xl__self_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "align-self" "auto" - ] - ] - - -xl__self_start : Css.Style -xl__self_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.alignSelf Css.flexStart - ] - ] - - -xl__self_end : Css.Style -xl__self_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.alignSelf Css.flexEnd - ] - ] - - -xl__self_center : Css.Style -xl__self_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.alignSelf Css.center - ] - ] - - -xl__self_stretch : Css.Style -xl__self_stretch = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.alignSelf Css.stretch - ] - ] - - -xl__justify_start : Css.Style -xl__justify_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.justifyContent Css.flexStart - ] - ] - - -xl__justify_end : Css.Style -xl__justify_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.justifyContent Css.flexEnd - ] - ] - - -xl__justify_center : Css.Style -xl__justify_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.justifyContent Css.center - ] - ] - - -xl__justify_between : Css.Style -xl__justify_between = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.justifyContent Css.spaceBetween - ] - ] - - -xl__justify_around : Css.Style -xl__justify_around = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.justifyContent Css.spaceAround - ] - ] - - -xl__justify_evenly : Css.Style -xl__justify_evenly = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "justify-content" "space-evenly" - ] - ] - - -xl__content_center : Css.Style -xl__content_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "align-content" "center" - ] - ] - - -xl__content_start : Css.Style -xl__content_start = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "align-content" "flex-start" - ] - ] - - -xl__content_end : Css.Style -xl__content_end = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "align-content" "flex-end" - ] - ] - - -xl__content_between : Css.Style -xl__content_between = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "align-content" "space-between" - ] - ] - - -xl__content_around : Css.Style -xl__content_around = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "align-content" "space-around" - ] - ] - - -xl__flex_1 : Css.Style -xl__flex_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "flex" "1 1 0%" - ] - ] - - -xl__flex_auto : Css.Style -xl__flex_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "flex" "1 1 auto" - ] - ] - - -xl__flex_initial : Css.Style -xl__flex_initial = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "flex" "0 1 auto" - ] - ] - - -xl__flex_none : Css.Style -xl__flex_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "flex" "none" - ] - ] - - -xl__flex_grow_0 : Css.Style -xl__flex_grow_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.flexGrow (Css.int 0) - ] - ] - - -xl__flex_grow : Css.Style -xl__flex_grow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.flexGrow (Css.int 1) - ] - ] - - -xl__flex_shrink_0 : Css.Style -xl__flex_shrink_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.flexShrink (Css.int 0) - ] - ] - - -xl__flex_shrink : Css.Style -xl__flex_shrink = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.flexShrink (Css.int 1) - ] - ] - - -xl__order_1 : Css.Style -xl__order_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 1) - ] - ] - - -xl__order_2 : Css.Style -xl__order_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 2) - ] - ] - - -xl__order_3 : Css.Style -xl__order_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 3) - ] - ] - - -xl__order_4 : Css.Style -xl__order_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 4) - ] - ] - - -xl__order_5 : Css.Style -xl__order_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 5) - ] - ] - - -xl__order_6 : Css.Style -xl__order_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 6) - ] - ] - - -xl__order_7 : Css.Style -xl__order_7 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 7) - ] - ] - - -xl__order_8 : Css.Style -xl__order_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 8) - ] - ] - - -xl__order_9 : Css.Style -xl__order_9 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 9) - ] - ] - - -xl__order_10 : Css.Style -xl__order_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 10) - ] - ] - - -xl__order_11 : Css.Style -xl__order_11 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 11) - ] - ] - - -xl__order_12 : Css.Style -xl__order_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 12) - ] - ] - - -xl__order_first : Css.Style -xl__order_first = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int -9999) - ] - ] - - -xl__order_last : Css.Style -xl__order_last = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 9999) - ] - ] - - -xl__order_none : Css.Style -xl__order_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.order (Css.int 0) - ] - ] - - -xl__float_right : Css.Style -xl__float_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "float" "right" - ] - ] - - -xl__float_left : Css.Style -xl__float_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "float" "left" - ] - ] - - -xl__float_none : Css.Style -xl__float_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "float" "none" - ] - ] - - -xl__clearfix : Css.Style -xl__clearfix = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "content" "\"\"" - , Css.display Css.table - , Css.property "clear" "both" - ] - ] - - -xl__clear_left : Css.Style -xl__clear_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "clear" "left" - ] - ] - - -xl__clear_right : Css.Style -xl__clear_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "clear" "right" - ] - ] - - -xl__clear_both : Css.Style -xl__clear_both = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "clear" "both" - ] - ] - - -xl__clear_none : Css.Style -xl__clear_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "clear" "none" - ] - ] - - -xl__font_sans : Css.Style -xl__font_sans = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "font-family" "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"" - ] - ] - - -xl__font_serif : Css.Style -xl__font_serif = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "font-family" "Georgia, Cambria, \"Times New Roman\", Times, serif" - ] - ] - - -xl__font_mono : Css.Style -xl__font_mono = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "font-family" "Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace" - ] - ] - - -xl__font_hairline : Css.Style -xl__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontWeight (Css.int 100) - ] - ] - - -xl__font_thin : Css.Style -xl__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontWeight (Css.int 200) - ] - ] - - -xl__font_light : Css.Style -xl__font_light = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontWeight (Css.int 300) - ] - ] - - -xl__font_normal : Css.Style -xl__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontWeight (Css.int 400) - ] - ] - - -xl__font_medium : Css.Style -xl__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontWeight (Css.int 500) - ] - ] - - -xl__font_semibold : Css.Style -xl__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontWeight (Css.int 600) - ] - ] - - -xl__font_bold : Css.Style -xl__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontWeight (Css.int 700) - ] - ] - - -xl__font_extrabold : Css.Style -xl__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontWeight (Css.int 800) - ] - ] - - -xl__font_black : Css.Style -xl__font_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontWeight (Css.int 900) - ] - ] - - -xl__hover__font_hairline : Css.Style -xl__hover__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -xl__hover__font_thin : Css.Style -xl__hover__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -xl__hover__font_light : Css.Style -xl__hover__font_light = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -xl__hover__font_normal : Css.Style -xl__hover__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -xl__hover__font_medium : Css.Style -xl__hover__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -xl__hover__font_semibold : Css.Style -xl__hover__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -xl__hover__font_bold : Css.Style -xl__hover__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -xl__hover__font_extrabold : Css.Style -xl__hover__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -xl__hover__font_black : Css.Style -xl__hover__font_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -xl__focus__font_hairline : Css.Style -xl__focus__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -xl__focus__font_thin : Css.Style -xl__focus__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -xl__focus__font_light : Css.Style -xl__focus__font_light = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -xl__focus__font_normal : Css.Style -xl__focus__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -xl__focus__font_medium : Css.Style -xl__focus__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -xl__focus__font_semibold : Css.Style -xl__focus__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -xl__focus__font_bold : Css.Style -xl__focus__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -xl__focus__font_extrabold : Css.Style -xl__focus__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -xl__focus__font_black : Css.Style -xl__focus__font_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -xl__h_0 : Css.Style -xl__h_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.px 0) - ] - ] - - -xl__h_1 : Css.Style -xl__h_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 0.25) - ] - ] - - -xl__h_2 : Css.Style -xl__h_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 0.5) - ] - ] - - -xl__h_3 : Css.Style -xl__h_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 0.75) - ] - ] - - -xl__h_4 : Css.Style -xl__h_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 1) - ] - ] - - -xl__h_5 : Css.Style -xl__h_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 1.25) - ] - ] - - -xl__h_6 : Css.Style -xl__h_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 1.5) - ] - ] - - -xl__h_8 : Css.Style -xl__h_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 2) - ] - ] - - -xl__h_10 : Css.Style -xl__h_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 2.5) - ] - ] - - -xl__h_12 : Css.Style -xl__h_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 3) - ] - ] - - -xl__h_16 : Css.Style -xl__h_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 4) - ] - ] - - -xl__h_20 : Css.Style -xl__h_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 5) - ] - ] - - -xl__h_24 : Css.Style -xl__h_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 6) - ] - ] - - -xl__h_32 : Css.Style -xl__h_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 8) - ] - ] - - -xl__h_40 : Css.Style -xl__h_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 10) - ] - ] - - -xl__h_48 : Css.Style -xl__h_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 12) - ] - ] - - -xl__h_56 : Css.Style -xl__h_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 14) - ] - ] - - -xl__h_64 : Css.Style -xl__h_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.rem 16) - ] - ] - - -xl__h_auto : Css.Style -xl__h_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height Css.auto - ] - ] - - -xl__h_px : Css.Style -xl__h_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.px 1) - ] - ] - - -xl__h_full : Css.Style -xl__h_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.pct 100) - ] - ] - - -xl__h_screen : Css.Style -xl__h_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.height (Css.vh 100) - ] - ] - - -xl__text_xs : Css.Style -xl__text_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontSize (Css.rem 0.75) - ] - ] - - -xl__text_sm : Css.Style -xl__text_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontSize (Css.rem 0.875) - ] - ] - - -xl__text_base : Css.Style -xl__text_base = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontSize (Css.rem 1) - ] - ] - - -xl__text_lg : Css.Style -xl__text_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontSize (Css.rem 1.125) - ] - ] - - -xl__text_xl : Css.Style -xl__text_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontSize (Css.rem 1.25) - ] - ] - - -xl__text_2xl : Css.Style -xl__text_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontSize (Css.rem 1.5) - ] - ] - - -xl__text_3xl : Css.Style -xl__text_3xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontSize (Css.rem 1.875) - ] - ] - - -xl__text_4xl : Css.Style -xl__text_4xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontSize (Css.rem 2.25) - ] - ] - - -xl__text_5xl : Css.Style -xl__text_5xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontSize (Css.rem 3) - ] - ] - - -xl__text_6xl : Css.Style -xl__text_6xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontSize (Css.rem 4) - ] - ] - - -xl__leading_3 : Css.Style -xl__leading_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.rem 0.75) - ] - ] - - -xl__leading_4 : Css.Style -xl__leading_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.rem 1) - ] - ] - - -xl__leading_5 : Css.Style -xl__leading_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.rem 1.25) - ] - ] - - -xl__leading_6 : Css.Style -xl__leading_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.rem 1.5) - ] - ] - - -xl__leading_7 : Css.Style -xl__leading_7 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.rem 1.75) - ] - ] - - -xl__leading_8 : Css.Style -xl__leading_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.rem 2) - ] - ] - - -xl__leading_9 : Css.Style -xl__leading_9 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.rem 2.25) - ] - ] - - -xl__leading_10 : Css.Style -xl__leading_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.rem 2.5) - ] - ] - - -xl__leading_none : Css.Style -xl__leading_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.int 1) - ] - ] - - -xl__leading_tight : Css.Style -xl__leading_tight = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.num 1.25) - ] - ] - - -xl__leading_snug : Css.Style -xl__leading_snug = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.num 1.375) - ] - ] - - -xl__leading_normal : Css.Style -xl__leading_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.num 1.5) - ] - ] - - -xl__leading_relaxed : Css.Style -xl__leading_relaxed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.num 1.625) - ] - ] - - -xl__leading_loose : Css.Style -xl__leading_loose = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.lineHeight (Css.int 2) - ] - ] - - -xl__list_inside : Css.Style -xl__list_inside = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.listStylePosition Css.inside - ] - ] - - -xl__list_outside : Css.Style -xl__list_outside = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.listStylePosition Css.outside - ] - ] - - -xl__list_none : Css.Style -xl__list_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.listStyleType Css.none - ] - ] - - -xl__list_disc : Css.Style -xl__list_disc = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.listStyleType Css.disc - ] - ] - - -xl__list_decimal : Css.Style -xl__list_decimal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.listStyleType Css.decimal - ] - ] - - -xl__m_0 : Css.Style -xl__m_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.px 0) - ] - ] - - -xl__m_1 : Css.Style -xl__m_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 0.25) - ] - ] - - -xl__m_2 : Css.Style -xl__m_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 0.5) - ] - ] - - -xl__m_3 : Css.Style -xl__m_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 0.75) - ] - ] - - -xl__m_4 : Css.Style -xl__m_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 1) - ] - ] - - -xl__m_5 : Css.Style -xl__m_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 1.25) - ] - ] - - -xl__m_6 : Css.Style -xl__m_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 1.5) - ] - ] - - -xl__m_8 : Css.Style -xl__m_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 2) - ] - ] - - -xl__m_10 : Css.Style -xl__m_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 2.5) - ] - ] - - -xl__m_12 : Css.Style -xl__m_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 3) - ] - ] - - -xl__m_16 : Css.Style -xl__m_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 4) - ] - ] - - -xl__m_20 : Css.Style -xl__m_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 5) - ] - ] - - -xl__m_24 : Css.Style -xl__m_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 6) - ] - ] - - -xl__m_32 : Css.Style -xl__m_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 8) - ] - ] - - -xl__m_40 : Css.Style -xl__m_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 10) - ] - ] - - -xl__m_48 : Css.Style -xl__m_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 12) - ] - ] - - -xl__m_56 : Css.Style -xl__m_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 14) - ] - ] - - -xl__m_64 : Css.Style -xl__m_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem 16) - ] - ] - - -xl__m_auto : Css.Style -xl__m_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin Css.auto - ] - ] - - -xl__m_px : Css.Style -xl__m_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.px 1) - ] - ] - - -xl__neg_m_1 : Css.Style -xl__neg_m_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -0.25) - ] - ] - - -xl__neg_m_2 : Css.Style -xl__neg_m_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -0.5) - ] - ] - - -xl__neg_m_3 : Css.Style -xl__neg_m_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -0.75) - ] - ] - - -xl__neg_m_4 : Css.Style -xl__neg_m_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -1) - ] - ] - - -xl__neg_m_5 : Css.Style -xl__neg_m_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -1.25) - ] - ] - - -xl__neg_m_6 : Css.Style -xl__neg_m_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -1.5) - ] - ] - - -xl__neg_m_8 : Css.Style -xl__neg_m_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -2) - ] - ] - - -xl__neg_m_10 : Css.Style -xl__neg_m_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -2.5) - ] - ] - - -xl__neg_m_12 : Css.Style -xl__neg_m_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -3) - ] - ] - - -xl__neg_m_16 : Css.Style -xl__neg_m_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -4) - ] - ] - - -xl__neg_m_20 : Css.Style -xl__neg_m_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -5) - ] - ] - - -xl__neg_m_24 : Css.Style -xl__neg_m_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -6) - ] - ] - - -xl__neg_m_32 : Css.Style -xl__neg_m_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -8) - ] - ] - - -xl__neg_m_40 : Css.Style -xl__neg_m_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -10) - ] - ] - - -xl__neg_m_48 : Css.Style -xl__neg_m_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -12) - ] - ] - - -xl__neg_m_56 : Css.Style -xl__neg_m_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -14) - ] - ] - - -xl__neg_m_64 : Css.Style -xl__neg_m_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.rem -16) - ] - ] - - -xl__neg_m_px : Css.Style -xl__neg_m_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.margin (Css.px -1) - ] - ] - - -xl__my_0 : Css.Style -xl__my_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.px 0) - , Css.marginBottom (Css.px 0) - ] - ] - - -xl__mx_0 : Css.Style -xl__mx_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.px 0) - , Css.marginRight (Css.px 0) - ] - ] - - -xl__my_1 : Css.Style -xl__my_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 0.25) - , Css.marginBottom (Css.rem 0.25) - ] - ] - - -xl__mx_1 : Css.Style -xl__mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 0.25) - , Css.marginRight (Css.rem 0.25) - ] - ] - - -xl__my_2 : Css.Style -xl__my_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 0.5) - , Css.marginBottom (Css.rem 0.5) - ] - ] - - -xl__mx_2 : Css.Style -xl__mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 0.5) - , Css.marginRight (Css.rem 0.5) - ] - ] - - -xl__my_3 : Css.Style -xl__my_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 0.75) - , Css.marginBottom (Css.rem 0.75) - ] - ] - - -xl__mx_3 : Css.Style -xl__mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 0.75) - , Css.marginRight (Css.rem 0.75) - ] - ] - - -xl__my_4 : Css.Style -xl__my_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 1) - , Css.marginBottom (Css.rem 1) - ] - ] - - -xl__mx_4 : Css.Style -xl__mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 1) - , Css.marginRight (Css.rem 1) - ] - ] - - -xl__my_5 : Css.Style -xl__my_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 1.25) - , Css.marginBottom (Css.rem 1.25) - ] - ] - - -xl__mx_5 : Css.Style -xl__mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 1.25) - , Css.marginRight (Css.rem 1.25) - ] - ] - - -xl__my_6 : Css.Style -xl__my_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 1.5) - , Css.marginBottom (Css.rem 1.5) - ] - ] - - -xl__mx_6 : Css.Style -xl__mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 1.5) - , Css.marginRight (Css.rem 1.5) - ] - ] - - -xl__my_8 : Css.Style -xl__my_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 2) - , Css.marginBottom (Css.rem 2) - ] - ] - - -xl__mx_8 : Css.Style -xl__mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 2) - , Css.marginRight (Css.rem 2) - ] - ] - - -xl__my_10 : Css.Style -xl__my_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 2.5) - , Css.marginBottom (Css.rem 2.5) - ] - ] - - -xl__mx_10 : Css.Style -xl__mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 2.5) - , Css.marginRight (Css.rem 2.5) - ] - ] - - -xl__my_12 : Css.Style -xl__my_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 3) - , Css.marginBottom (Css.rem 3) - ] - ] - - -xl__mx_12 : Css.Style -xl__mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 3) - , Css.marginRight (Css.rem 3) - ] - ] - - -xl__my_16 : Css.Style -xl__my_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 4) - , Css.marginBottom (Css.rem 4) - ] - ] - - -xl__mx_16 : Css.Style -xl__mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 4) - , Css.marginRight (Css.rem 4) - ] - ] - - -xl__my_20 : Css.Style -xl__my_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 5) - , Css.marginBottom (Css.rem 5) - ] - ] - - -xl__mx_20 : Css.Style -xl__mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 5) - , Css.marginRight (Css.rem 5) - ] - ] - - -xl__my_24 : Css.Style -xl__my_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 6) - , Css.marginBottom (Css.rem 6) - ] - ] - - -xl__mx_24 : Css.Style -xl__mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 6) - , Css.marginRight (Css.rem 6) - ] - ] - - -xl__my_32 : Css.Style -xl__my_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 8) - , Css.marginBottom (Css.rem 8) - ] - ] - - -xl__mx_32 : Css.Style -xl__mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 8) - , Css.marginRight (Css.rem 8) - ] - ] - - -xl__my_40 : Css.Style -xl__my_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 10) - , Css.marginBottom (Css.rem 10) - ] - ] - - -xl__mx_40 : Css.Style -xl__mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 10) - , Css.marginRight (Css.rem 10) - ] - ] - - -xl__my_48 : Css.Style -xl__my_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 12) - , Css.marginBottom (Css.rem 12) - ] - ] - - -xl__mx_48 : Css.Style -xl__mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 12) - , Css.marginRight (Css.rem 12) - ] - ] - - -xl__my_56 : Css.Style -xl__my_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 14) - , Css.marginBottom (Css.rem 14) - ] - ] - - -xl__mx_56 : Css.Style -xl__mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 14) - , Css.marginRight (Css.rem 14) - ] - ] - - -xl__my_64 : Css.Style -xl__my_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 16) - , Css.marginBottom (Css.rem 16) - ] - ] - - -xl__mx_64 : Css.Style -xl__mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 16) - , Css.marginRight (Css.rem 16) - ] - ] - - -xl__my_auto : Css.Style -xl__my_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop Css.auto - , Css.marginBottom Css.auto - ] - ] - - -xl__mx_auto : Css.Style -xl__mx_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft Css.auto - , Css.marginRight Css.auto - ] - ] - - -xl__my_px : Css.Style -xl__my_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.px 1) - , Css.marginBottom (Css.px 1) - ] - ] - - -xl__mx_px : Css.Style -xl__mx_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.px 1) - , Css.marginRight (Css.px 1) - ] - ] - - -xl__neg_my_1 : Css.Style -xl__neg_my_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -0.25) - , Css.marginBottom (Css.rem -0.25) - ] - ] - - -xl__neg_mx_1 : Css.Style -xl__neg_mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -0.25) - , Css.marginRight (Css.rem -0.25) - ] - ] - - -xl__neg_my_2 : Css.Style -xl__neg_my_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -0.5) - , Css.marginBottom (Css.rem -0.5) - ] - ] - - -xl__neg_mx_2 : Css.Style -xl__neg_mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -0.5) - , Css.marginRight (Css.rem -0.5) - ] - ] - - -xl__neg_my_3 : Css.Style -xl__neg_my_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -0.75) - , Css.marginBottom (Css.rem -0.75) - ] - ] - - -xl__neg_mx_3 : Css.Style -xl__neg_mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -0.75) - , Css.marginRight (Css.rem -0.75) - ] - ] - - -xl__neg_my_4 : Css.Style -xl__neg_my_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -1) - , Css.marginBottom (Css.rem -1) - ] - ] - - -xl__neg_mx_4 : Css.Style -xl__neg_mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -1) - , Css.marginRight (Css.rem -1) - ] - ] - - -xl__neg_my_5 : Css.Style -xl__neg_my_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -1.25) - , Css.marginBottom (Css.rem -1.25) - ] - ] - - -xl__neg_mx_5 : Css.Style -xl__neg_mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -1.25) - , Css.marginRight (Css.rem -1.25) - ] - ] - - -xl__neg_my_6 : Css.Style -xl__neg_my_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -1.5) - , Css.marginBottom (Css.rem -1.5) - ] - ] - - -xl__neg_mx_6 : Css.Style -xl__neg_mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -1.5) - , Css.marginRight (Css.rem -1.5) - ] - ] - - -xl__neg_my_8 : Css.Style -xl__neg_my_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -2) - , Css.marginBottom (Css.rem -2) - ] - ] - - -xl__neg_mx_8 : Css.Style -xl__neg_mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -2) - , Css.marginRight (Css.rem -2) - ] - ] - - -xl__neg_my_10 : Css.Style -xl__neg_my_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -2.5) - , Css.marginBottom (Css.rem -2.5) - ] - ] - - -xl__neg_mx_10 : Css.Style -xl__neg_mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -2.5) - , Css.marginRight (Css.rem -2.5) - ] - ] - - -xl__neg_my_12 : Css.Style -xl__neg_my_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -3) - , Css.marginBottom (Css.rem -3) - ] - ] - - -xl__neg_mx_12 : Css.Style -xl__neg_mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -3) - , Css.marginRight (Css.rem -3) - ] - ] - - -xl__neg_my_16 : Css.Style -xl__neg_my_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -4) - , Css.marginBottom (Css.rem -4) - ] - ] - - -xl__neg_mx_16 : Css.Style -xl__neg_mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -4) - , Css.marginRight (Css.rem -4) - ] - ] - - -xl__neg_my_20 : Css.Style -xl__neg_my_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -5) - , Css.marginBottom (Css.rem -5) - ] - ] - - -xl__neg_mx_20 : Css.Style -xl__neg_mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -5) - , Css.marginRight (Css.rem -5) - ] - ] - - -xl__neg_my_24 : Css.Style -xl__neg_my_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -6) - , Css.marginBottom (Css.rem -6) - ] - ] - - -xl__neg_mx_24 : Css.Style -xl__neg_mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -6) - , Css.marginRight (Css.rem -6) - ] - ] - - -xl__neg_my_32 : Css.Style -xl__neg_my_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -8) - , Css.marginBottom (Css.rem -8) - ] - ] - - -xl__neg_mx_32 : Css.Style -xl__neg_mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -8) - , Css.marginRight (Css.rem -8) - ] - ] - - -xl__neg_my_40 : Css.Style -xl__neg_my_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -10) - , Css.marginBottom (Css.rem -10) - ] - ] - - -xl__neg_mx_40 : Css.Style -xl__neg_mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -10) - , Css.marginRight (Css.rem -10) - ] - ] - - -xl__neg_my_48 : Css.Style -xl__neg_my_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -12) - , Css.marginBottom (Css.rem -12) - ] - ] - - -xl__neg_mx_48 : Css.Style -xl__neg_mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -12) - , Css.marginRight (Css.rem -12) - ] - ] - - -xl__neg_my_56 : Css.Style -xl__neg_my_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -14) - , Css.marginBottom (Css.rem -14) - ] - ] - - -xl__neg_mx_56 : Css.Style -xl__neg_mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -14) - , Css.marginRight (Css.rem -14) - ] - ] - - -xl__neg_my_64 : Css.Style -xl__neg_my_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -16) - , Css.marginBottom (Css.rem -16) - ] - ] - - -xl__neg_mx_64 : Css.Style -xl__neg_mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -16) - , Css.marginRight (Css.rem -16) - ] - ] - - -xl__neg_my_px : Css.Style -xl__neg_my_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.px -1) - , Css.marginBottom (Css.px -1) - ] - ] - - -xl__neg_mx_px : Css.Style -xl__neg_mx_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.px -1) - , Css.marginRight (Css.px -1) - ] - ] - - -xl__mt_0 : Css.Style -xl__mt_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.px 0) - ] - ] - - -xl__mr_0 : Css.Style -xl__mr_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.px 0) - ] - ] - - -xl__mb_0 : Css.Style -xl__mb_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.px 0) - ] - ] - - -xl__ml_0 : Css.Style -xl__ml_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.px 0) - ] - ] - - -xl__mt_1 : Css.Style -xl__mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 0.25) - ] - ] - - -xl__mr_1 : Css.Style -xl__mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 0.25) - ] - ] - - -xl__mb_1 : Css.Style -xl__mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 0.25) - ] - ] - - -xl__ml_1 : Css.Style -xl__ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 0.25) - ] - ] - - -xl__mt_2 : Css.Style -xl__mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 0.5) - ] - ] - - -xl__mr_2 : Css.Style -xl__mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 0.5) - ] - ] - - -xl__mb_2 : Css.Style -xl__mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 0.5) - ] - ] - - -xl__ml_2 : Css.Style -xl__ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 0.5) - ] - ] - - -xl__mt_3 : Css.Style -xl__mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 0.75) - ] - ] - - -xl__mr_3 : Css.Style -xl__mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 0.75) - ] - ] - - -xl__mb_3 : Css.Style -xl__mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 0.75) - ] - ] - - -xl__ml_3 : Css.Style -xl__ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 0.75) - ] - ] - - -xl__mt_4 : Css.Style -xl__mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 1) - ] - ] - - -xl__mr_4 : Css.Style -xl__mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 1) - ] - ] - - -xl__mb_4 : Css.Style -xl__mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 1) - ] - ] - - -xl__ml_4 : Css.Style -xl__ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 1) - ] - ] - - -xl__mt_5 : Css.Style -xl__mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 1.25) - ] - ] - - -xl__mr_5 : Css.Style -xl__mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 1.25) - ] - ] - - -xl__mb_5 : Css.Style -xl__mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 1.25) - ] - ] - - -xl__ml_5 : Css.Style -xl__ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 1.25) - ] - ] - - -xl__mt_6 : Css.Style -xl__mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 1.5) - ] - ] - - -xl__mr_6 : Css.Style -xl__mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 1.5) - ] - ] - - -xl__mb_6 : Css.Style -xl__mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 1.5) - ] - ] - - -xl__ml_6 : Css.Style -xl__ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 1.5) - ] - ] - - -xl__mt_8 : Css.Style -xl__mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 2) - ] - ] - - -xl__mr_8 : Css.Style -xl__mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 2) - ] - ] - - -xl__mb_8 : Css.Style -xl__mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 2) - ] - ] - - -xl__ml_8 : Css.Style -xl__ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 2) - ] - ] - - -xl__mt_10 : Css.Style -xl__mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 2.5) - ] - ] - - -xl__mr_10 : Css.Style -xl__mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 2.5) - ] - ] - - -xl__mb_10 : Css.Style -xl__mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 2.5) - ] - ] - - -xl__ml_10 : Css.Style -xl__ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 2.5) - ] - ] - - -xl__mt_12 : Css.Style -xl__mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 3) - ] - ] - - -xl__mr_12 : Css.Style -xl__mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 3) - ] - ] - - -xl__mb_12 : Css.Style -xl__mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 3) - ] - ] - - -xl__ml_12 : Css.Style -xl__ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 3) - ] - ] - - -xl__mt_16 : Css.Style -xl__mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 4) - ] - ] - - -xl__mr_16 : Css.Style -xl__mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 4) - ] - ] - - -xl__mb_16 : Css.Style -xl__mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 4) - ] - ] - - -xl__ml_16 : Css.Style -xl__ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 4) - ] - ] - - -xl__mt_20 : Css.Style -xl__mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 5) - ] - ] - - -xl__mr_20 : Css.Style -xl__mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 5) - ] - ] - - -xl__mb_20 : Css.Style -xl__mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 5) - ] - ] - - -xl__ml_20 : Css.Style -xl__ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 5) - ] - ] - - -xl__mt_24 : Css.Style -xl__mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 6) - ] - ] - - -xl__mr_24 : Css.Style -xl__mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 6) - ] - ] - - -xl__mb_24 : Css.Style -xl__mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 6) - ] - ] - - -xl__ml_24 : Css.Style -xl__ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 6) - ] - ] - - -xl__mt_32 : Css.Style -xl__mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 8) - ] - ] - - -xl__mr_32 : Css.Style -xl__mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 8) - ] - ] - - -xl__mb_32 : Css.Style -xl__mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 8) - ] - ] - - -xl__ml_32 : Css.Style -xl__ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 8) - ] - ] - - -xl__mt_40 : Css.Style -xl__mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 10) - ] - ] - - -xl__mr_40 : Css.Style -xl__mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 10) - ] - ] - - -xl__mb_40 : Css.Style -xl__mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 10) - ] - ] - - -xl__ml_40 : Css.Style -xl__ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 10) - ] - ] - - -xl__mt_48 : Css.Style -xl__mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 12) - ] - ] - - -xl__mr_48 : Css.Style -xl__mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 12) - ] - ] - - -xl__mb_48 : Css.Style -xl__mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 12) - ] - ] - - -xl__ml_48 : Css.Style -xl__ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 12) - ] - ] - - -xl__mt_56 : Css.Style -xl__mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 14) - ] - ] - - -xl__mr_56 : Css.Style -xl__mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 14) - ] - ] - - -xl__mb_56 : Css.Style -xl__mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 14) - ] - ] - - -xl__ml_56 : Css.Style -xl__ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 14) - ] - ] - - -xl__mt_64 : Css.Style -xl__mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem 16) - ] - ] - - -xl__mr_64 : Css.Style -xl__mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem 16) - ] - ] - - -xl__mb_64 : Css.Style -xl__mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem 16) - ] - ] - - -xl__ml_64 : Css.Style -xl__ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem 16) - ] - ] - - -xl__mt_auto : Css.Style -xl__mt_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop Css.auto - ] - ] - - -xl__mr_auto : Css.Style -xl__mr_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight Css.auto - ] - ] - - -xl__mb_auto : Css.Style -xl__mb_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom Css.auto - ] - ] - - -xl__ml_auto : Css.Style -xl__ml_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft Css.auto - ] - ] - - -xl__mt_px : Css.Style -xl__mt_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.px 1) - ] - ] - - -xl__mr_px : Css.Style -xl__mr_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.px 1) - ] - ] - - -xl__mb_px : Css.Style -xl__mb_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.px 1) - ] - ] - - -xl__ml_px : Css.Style -xl__ml_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.px 1) - ] - ] - - -xl__neg_mt_1 : Css.Style -xl__neg_mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -0.25) - ] - ] - - -xl__neg_mr_1 : Css.Style -xl__neg_mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -0.25) - ] - ] - - -xl__neg_mb_1 : Css.Style -xl__neg_mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -0.25) - ] - ] - - -xl__neg_ml_1 : Css.Style -xl__neg_ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -0.25) - ] - ] - - -xl__neg_mt_2 : Css.Style -xl__neg_mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -0.5) - ] - ] - - -xl__neg_mr_2 : Css.Style -xl__neg_mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -0.5) - ] - ] - - -xl__neg_mb_2 : Css.Style -xl__neg_mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -0.5) - ] - ] - - -xl__neg_ml_2 : Css.Style -xl__neg_ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -0.5) - ] - ] - - -xl__neg_mt_3 : Css.Style -xl__neg_mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -0.75) - ] - ] - - -xl__neg_mr_3 : Css.Style -xl__neg_mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -0.75) - ] - ] - - -xl__neg_mb_3 : Css.Style -xl__neg_mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -0.75) - ] - ] - - -xl__neg_ml_3 : Css.Style -xl__neg_ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -0.75) - ] - ] - - -xl__neg_mt_4 : Css.Style -xl__neg_mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -1) - ] - ] - - -xl__neg_mr_4 : Css.Style -xl__neg_mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -1) - ] - ] - - -xl__neg_mb_4 : Css.Style -xl__neg_mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -1) - ] - ] - - -xl__neg_ml_4 : Css.Style -xl__neg_ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -1) - ] - ] - - -xl__neg_mt_5 : Css.Style -xl__neg_mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -1.25) - ] - ] - - -xl__neg_mr_5 : Css.Style -xl__neg_mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -1.25) - ] - ] - - -xl__neg_mb_5 : Css.Style -xl__neg_mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -1.25) - ] - ] - - -xl__neg_ml_5 : Css.Style -xl__neg_ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -1.25) - ] - ] - - -xl__neg_mt_6 : Css.Style -xl__neg_mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -1.5) - ] - ] - - -xl__neg_mr_6 : Css.Style -xl__neg_mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -1.5) - ] - ] - - -xl__neg_mb_6 : Css.Style -xl__neg_mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -1.5) - ] - ] - - -xl__neg_ml_6 : Css.Style -xl__neg_ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -1.5) - ] - ] - - -xl__neg_mt_8 : Css.Style -xl__neg_mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -2) - ] - ] - - -xl__neg_mr_8 : Css.Style -xl__neg_mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -2) - ] - ] - - -xl__neg_mb_8 : Css.Style -xl__neg_mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -2) - ] - ] - - -xl__neg_ml_8 : Css.Style -xl__neg_ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -2) - ] - ] - - -xl__neg_mt_10 : Css.Style -xl__neg_mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -2.5) - ] - ] - - -xl__neg_mr_10 : Css.Style -xl__neg_mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -2.5) - ] - ] - - -xl__neg_mb_10 : Css.Style -xl__neg_mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -2.5) - ] - ] - - -xl__neg_ml_10 : Css.Style -xl__neg_ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -2.5) - ] - ] - - -xl__neg_mt_12 : Css.Style -xl__neg_mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -3) - ] - ] - - -xl__neg_mr_12 : Css.Style -xl__neg_mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -3) - ] - ] - - -xl__neg_mb_12 : Css.Style -xl__neg_mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -3) - ] - ] - - -xl__neg_ml_12 : Css.Style -xl__neg_ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -3) - ] - ] - - -xl__neg_mt_16 : Css.Style -xl__neg_mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -4) - ] - ] - - -xl__neg_mr_16 : Css.Style -xl__neg_mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -4) - ] - ] - - -xl__neg_mb_16 : Css.Style -xl__neg_mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -4) - ] - ] - - -xl__neg_ml_16 : Css.Style -xl__neg_ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -4) - ] - ] - - -xl__neg_mt_20 : Css.Style -xl__neg_mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -5) - ] - ] - - -xl__neg_mr_20 : Css.Style -xl__neg_mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -5) - ] - ] - - -xl__neg_mb_20 : Css.Style -xl__neg_mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -5) - ] - ] - - -xl__neg_ml_20 : Css.Style -xl__neg_ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -5) - ] - ] - - -xl__neg_mt_24 : Css.Style -xl__neg_mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -6) - ] - ] - - -xl__neg_mr_24 : Css.Style -xl__neg_mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -6) - ] - ] - - -xl__neg_mb_24 : Css.Style -xl__neg_mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -6) - ] - ] - - -xl__neg_ml_24 : Css.Style -xl__neg_ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -6) - ] - ] - - -xl__neg_mt_32 : Css.Style -xl__neg_mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -8) - ] - ] - - -xl__neg_mr_32 : Css.Style -xl__neg_mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -8) - ] - ] - - -xl__neg_mb_32 : Css.Style -xl__neg_mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -8) - ] - ] - - -xl__neg_ml_32 : Css.Style -xl__neg_ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -8) - ] - ] - - -xl__neg_mt_40 : Css.Style -xl__neg_mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -10) - ] - ] - - -xl__neg_mr_40 : Css.Style -xl__neg_mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -10) - ] - ] - - -xl__neg_mb_40 : Css.Style -xl__neg_mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -10) - ] - ] - - -xl__neg_ml_40 : Css.Style -xl__neg_ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -10) - ] - ] - - -xl__neg_mt_48 : Css.Style -xl__neg_mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -12) - ] - ] - - -xl__neg_mr_48 : Css.Style -xl__neg_mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -12) - ] - ] - - -xl__neg_mb_48 : Css.Style -xl__neg_mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -12) - ] - ] - - -xl__neg_ml_48 : Css.Style -xl__neg_ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -12) - ] - ] - - -xl__neg_mt_56 : Css.Style -xl__neg_mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -14) - ] - ] - - -xl__neg_mr_56 : Css.Style -xl__neg_mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -14) - ] - ] - - -xl__neg_mb_56 : Css.Style -xl__neg_mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -14) - ] - ] - - -xl__neg_ml_56 : Css.Style -xl__neg_ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -14) - ] - ] - - -xl__neg_mt_64 : Css.Style -xl__neg_mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.rem -16) - ] - ] - - -xl__neg_mr_64 : Css.Style -xl__neg_mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.rem -16) - ] - ] - - -xl__neg_mb_64 : Css.Style -xl__neg_mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.rem -16) - ] - ] - - -xl__neg_ml_64 : Css.Style -xl__neg_ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.rem -16) - ] - ] - - -xl__neg_mt_px : Css.Style -xl__neg_mt_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginTop (Css.px -1) - ] - ] - - -xl__neg_mr_px : Css.Style -xl__neg_mr_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginRight (Css.px -1) - ] - ] - - -xl__neg_mb_px : Css.Style -xl__neg_mb_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginBottom (Css.px -1) - ] - ] - - -xl__neg_ml_px : Css.Style -xl__neg_ml_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.marginLeft (Css.px -1) - ] - ] - - -xl__max_h_full : Css.Style -xl__max_h_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxHeight (Css.pct 100) - ] - ] - - -xl__max_h_screen : Css.Style -xl__max_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxHeight (Css.vh 100) - ] - ] - - -xl__max_w_none : Css.Style -xl__max_w_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth Css.none - ] - ] - - -xl__max_w_xs : Css.Style -xl__max_w_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.rem 20) - ] - ] - - -xl__max_w_sm : Css.Style -xl__max_w_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.rem 24) - ] - ] - - -xl__max_w_md : Css.Style -xl__max_w_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.rem 28) - ] - ] - - -xl__max_w_lg : Css.Style -xl__max_w_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.rem 32) - ] - ] - - -xl__max_w_xl : Css.Style -xl__max_w_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.rem 36) - ] - ] - - -xl__max_w_2xl : Css.Style -xl__max_w_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.rem 42) - ] - ] - - -xl__max_w_3xl : Css.Style -xl__max_w_3xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.rem 48) - ] - ] - - -xl__max_w_4xl : Css.Style -xl__max_w_4xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.rem 56) - ] - ] - - -xl__max_w_5xl : Css.Style -xl__max_w_5xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.rem 64) - ] - ] - - -xl__max_w_6xl : Css.Style -xl__max_w_6xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.rem 72) - ] - ] - - -xl__max_w_full : Css.Style -xl__max_w_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.pct 100) - ] - ] - - -xl__max_w_screen_sm : Css.Style -xl__max_w_screen_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.px 640) - ] - ] - - -xl__max_w_screen_md : Css.Style -xl__max_w_screen_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.px 768) - ] - ] - - -xl__max_w_screen_lg : Css.Style -xl__max_w_screen_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.px 1024) - ] - ] - - -xl__max_w_screen_xl : Css.Style -xl__max_w_screen_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.maxWidth (Css.px 1280) - ] - ] - - -xl__min_h_0 : Css.Style -xl__min_h_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.minHeight (Css.px 0) - ] - ] - - -xl__min_h_full : Css.Style -xl__min_h_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.minHeight (Css.pct 100) - ] - ] - - -xl__min_h_screen : Css.Style -xl__min_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.minHeight (Css.vh 100) - ] - ] - - -xl__min_w_0 : Css.Style -xl__min_w_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.minWidth (Css.px 0) - ] - ] - - -xl__min_w_full : Css.Style -xl__min_w_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.minWidth (Css.pct 100) - ] - ] - - -xl__object_contain : Css.Style -xl__object_contain = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-fit" "contain" - ] - ] - - -xl__object_cover : Css.Style -xl__object_cover = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-fit" "cover" - ] - ] - - -xl__object_fill : Css.Style -xl__object_fill = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-fit" "fill" - ] - ] - - -xl__object_none : Css.Style -xl__object_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-fit" "none" - ] - ] - - -xl__object_scale_down : Css.Style -xl__object_scale_down = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-fit" "scale-down" - ] - ] - - -xl__object_bottom : Css.Style -xl__object_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-position" "bottom" - ] - ] - - -xl__object_center : Css.Style -xl__object_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-position" "center" - ] - ] - - -xl__object_left : Css.Style -xl__object_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-position" "left" - ] - ] - - -xl__object_left_bottom : Css.Style -xl__object_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-position" "left bottom" - ] - ] - - -xl__object_left_top : Css.Style -xl__object_left_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-position" "left top" - ] - ] - - -xl__object_right : Css.Style -xl__object_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-position" "right" - ] - ] - - -xl__object_right_bottom : Css.Style -xl__object_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-position" "right bottom" - ] - ] - - -xl__object_right_top : Css.Style -xl__object_right_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-position" "right top" - ] - ] - - -xl__object_top : Css.Style -xl__object_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "object-position" "top" - ] - ] - - -xl__opacity_0 : Css.Style -xl__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.opacity (Css.int 0) - ] - ] - - -xl__opacity_25 : Css.Style -xl__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.opacity (Css.num 0.25) - ] - ] - - -xl__opacity_50 : Css.Style -xl__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.opacity (Css.num 0.5) - ] - ] - - -xl__opacity_75 : Css.Style -xl__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.opacity (Css.num 0.75) - ] - ] - - -xl__opacity_100 : Css.Style -xl__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.opacity (Css.int 1) - ] - ] - - -xl__hover__opacity_0 : Css.Style -xl__hover__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.opacity (Css.int 0) - ] - ] - ] - - -xl__hover__opacity_25 : Css.Style -xl__hover__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -xl__hover__opacity_50 : Css.Style -xl__hover__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -xl__hover__opacity_75 : Css.Style -xl__hover__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -xl__hover__opacity_100 : Css.Style -xl__hover__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.opacity (Css.int 1) - ] - ] - ] - - -xl__focus__opacity_0 : Css.Style -xl__focus__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.opacity (Css.int 0) - ] - ] - ] - - -xl__focus__opacity_25 : Css.Style -xl__focus__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -xl__focus__opacity_50 : Css.Style -xl__focus__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -xl__focus__opacity_75 : Css.Style -xl__focus__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -xl__focus__opacity_100 : Css.Style -xl__focus__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.opacity (Css.int 1) - ] - ] - ] - - -xl__outline_none : Css.Style -xl__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "outline" "0" - ] - ] - - -xl__focus__outline_none : Css.Style -xl__focus__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.property "outline" "0" - ] - ] - ] - - -xl__overflow_auto : Css.Style -xl__overflow_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflow Css.auto - ] - ] - - -xl__overflow_hidden : Css.Style -xl__overflow_hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflow Css.hidden - ] - ] - - -xl__overflow_visible : Css.Style -xl__overflow_visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflow Css.visible - ] - ] - - -xl__overflow_scroll : Css.Style -xl__overflow_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflow Css.scroll - ] - ] - - -xl__overflow_x_auto : Css.Style -xl__overflow_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflowX Css.auto - ] - ] - - -xl__overflow_y_auto : Css.Style -xl__overflow_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflowY Css.auto - ] - ] - - -xl__overflow_x_hidden : Css.Style -xl__overflow_x_hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflowX Css.hidden - ] - ] - - -xl__overflow_y_hidden : Css.Style -xl__overflow_y_hidden = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflowY Css.hidden - ] - ] - - -xl__overflow_x_visible : Css.Style -xl__overflow_x_visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflowX Css.visible - ] - ] - - -xl__overflow_y_visible : Css.Style -xl__overflow_y_visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflowY Css.visible - ] - ] - - -xl__overflow_x_scroll : Css.Style -xl__overflow_x_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflowX Css.scroll - ] - ] - - -xl__overflow_y_scroll : Css.Style -xl__overflow_y_scroll = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflowY Css.scroll - ] - ] - - -xl__scrolling_touch : Css.Style -xl__scrolling_touch = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "-webkit-overflow-scrolling" "touch" - ] - ] - - -xl__scrolling_auto : Css.Style -xl__scrolling_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "-webkit-overflow-scrolling" "auto" - ] - ] - - -xl__p_0 : Css.Style -xl__p_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.px 0) - ] - ] - - -xl__p_1 : Css.Style -xl__p_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 0.25) - ] - ] - - -xl__p_2 : Css.Style -xl__p_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 0.5) - ] - ] - - -xl__p_3 : Css.Style -xl__p_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 0.75) - ] - ] - - -xl__p_4 : Css.Style -xl__p_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 1) - ] - ] - - -xl__p_5 : Css.Style -xl__p_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 1.25) - ] - ] - - -xl__p_6 : Css.Style -xl__p_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 1.5) - ] - ] - - -xl__p_8 : Css.Style -xl__p_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 2) - ] - ] - - -xl__p_10 : Css.Style -xl__p_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 2.5) - ] - ] - - -xl__p_12 : Css.Style -xl__p_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 3) - ] - ] - - -xl__p_16 : Css.Style -xl__p_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 4) - ] - ] - - -xl__p_20 : Css.Style -xl__p_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 5) - ] - ] - - -xl__p_24 : Css.Style -xl__p_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 6) - ] - ] - - -xl__p_32 : Css.Style -xl__p_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 8) - ] - ] - - -xl__p_40 : Css.Style -xl__p_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 10) - ] - ] - - -xl__p_48 : Css.Style -xl__p_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 12) - ] - ] - - -xl__p_56 : Css.Style -xl__p_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 14) - ] - ] - - -xl__p_64 : Css.Style -xl__p_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.rem 16) - ] - ] - - -xl__p_px : Css.Style -xl__p_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.padding (Css.px 1) - ] - ] - - -xl__py_0 : Css.Style -xl__py_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.px 0) - , Css.paddingBottom (Css.px 0) - ] - ] - - -xl__px_0 : Css.Style -xl__px_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.px 0) - , Css.paddingRight (Css.px 0) - ] - ] - - -xl__py_1 : Css.Style -xl__py_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 0.25) - , Css.paddingBottom (Css.rem 0.25) - ] - ] - - -xl__px_1 : Css.Style -xl__px_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 0.25) - , Css.paddingRight (Css.rem 0.25) - ] - ] - - -xl__py_2 : Css.Style -xl__py_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 0.5) - , Css.paddingBottom (Css.rem 0.5) - ] - ] - - -xl__px_2 : Css.Style -xl__px_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 0.5) - , Css.paddingRight (Css.rem 0.5) - ] - ] - - -xl__py_3 : Css.Style -xl__py_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 0.75) - , Css.paddingBottom (Css.rem 0.75) - ] - ] - - -xl__px_3 : Css.Style -xl__px_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 0.75) - , Css.paddingRight (Css.rem 0.75) - ] - ] - - -xl__py_4 : Css.Style -xl__py_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 1) - , Css.paddingBottom (Css.rem 1) - ] - ] - - -xl__px_4 : Css.Style -xl__px_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 1) - , Css.paddingRight (Css.rem 1) - ] - ] - - -xl__py_5 : Css.Style -xl__py_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 1.25) - , Css.paddingBottom (Css.rem 1.25) - ] - ] - - -xl__px_5 : Css.Style -xl__px_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 1.25) - , Css.paddingRight (Css.rem 1.25) - ] - ] - - -xl__py_6 : Css.Style -xl__py_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 1.5) - , Css.paddingBottom (Css.rem 1.5) - ] - ] - - -xl__px_6 : Css.Style -xl__px_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 1.5) - , Css.paddingRight (Css.rem 1.5) - ] - ] - - -xl__py_8 : Css.Style -xl__py_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 2) - , Css.paddingBottom (Css.rem 2) - ] - ] - - -xl__px_8 : Css.Style -xl__px_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 2) - , Css.paddingRight (Css.rem 2) - ] - ] - - -xl__py_10 : Css.Style -xl__py_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 2.5) - , Css.paddingBottom (Css.rem 2.5) - ] - ] - - -xl__px_10 : Css.Style -xl__px_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 2.5) - , Css.paddingRight (Css.rem 2.5) - ] - ] - - -xl__py_12 : Css.Style -xl__py_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 3) - , Css.paddingBottom (Css.rem 3) - ] - ] - - -xl__px_12 : Css.Style -xl__px_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 3) - , Css.paddingRight (Css.rem 3) - ] - ] - - -xl__py_16 : Css.Style -xl__py_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 4) - , Css.paddingBottom (Css.rem 4) - ] - ] - - -xl__px_16 : Css.Style -xl__px_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 4) - , Css.paddingRight (Css.rem 4) - ] - ] - - -xl__py_20 : Css.Style -xl__py_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 5) - , Css.paddingBottom (Css.rem 5) - ] - ] - - -xl__px_20 : Css.Style -xl__px_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 5) - , Css.paddingRight (Css.rem 5) - ] - ] - - -xl__py_24 : Css.Style -xl__py_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 6) - , Css.paddingBottom (Css.rem 6) - ] - ] - - -xl__px_24 : Css.Style -xl__px_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 6) - , Css.paddingRight (Css.rem 6) - ] - ] - - -xl__py_32 : Css.Style -xl__py_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 8) - , Css.paddingBottom (Css.rem 8) - ] - ] - - -xl__px_32 : Css.Style -xl__px_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 8) - , Css.paddingRight (Css.rem 8) - ] - ] - - -xl__py_40 : Css.Style -xl__py_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 10) - , Css.paddingBottom (Css.rem 10) - ] - ] - - -xl__px_40 : Css.Style -xl__px_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 10) - , Css.paddingRight (Css.rem 10) - ] - ] - - -xl__py_48 : Css.Style -xl__py_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 12) - , Css.paddingBottom (Css.rem 12) - ] - ] - - -xl__px_48 : Css.Style -xl__px_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 12) - , Css.paddingRight (Css.rem 12) - ] - ] - - -xl__py_56 : Css.Style -xl__py_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 14) - , Css.paddingBottom (Css.rem 14) - ] - ] - - -xl__px_56 : Css.Style -xl__px_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 14) - , Css.paddingRight (Css.rem 14) - ] - ] - - -xl__py_64 : Css.Style -xl__py_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 16) - , Css.paddingBottom (Css.rem 16) - ] - ] - - -xl__px_64 : Css.Style -xl__px_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 16) - , Css.paddingRight (Css.rem 16) - ] - ] - - -xl__py_px : Css.Style -xl__py_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.px 1) - , Css.paddingBottom (Css.px 1) - ] - ] - - -xl__px_px : Css.Style -xl__px_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.px 1) - , Css.paddingRight (Css.px 1) - ] - ] - - -xl__pt_0 : Css.Style -xl__pt_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.px 0) - ] - ] - - -xl__pr_0 : Css.Style -xl__pr_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.px 0) - ] - ] - - -xl__pb_0 : Css.Style -xl__pb_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.px 0) - ] - ] - - -xl__pl_0 : Css.Style -xl__pl_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.px 0) - ] - ] - - -xl__pt_1 : Css.Style -xl__pt_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 0.25) - ] - ] - - -xl__pr_1 : Css.Style -xl__pr_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 0.25) - ] - ] - - -xl__pb_1 : Css.Style -xl__pb_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 0.25) - ] - ] - - -xl__pl_1 : Css.Style -xl__pl_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 0.25) - ] - ] - - -xl__pt_2 : Css.Style -xl__pt_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 0.5) - ] - ] - - -xl__pr_2 : Css.Style -xl__pr_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 0.5) - ] - ] - - -xl__pb_2 : Css.Style -xl__pb_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 0.5) - ] - ] - - -xl__pl_2 : Css.Style -xl__pl_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 0.5) - ] - ] - - -xl__pt_3 : Css.Style -xl__pt_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 0.75) - ] - ] - - -xl__pr_3 : Css.Style -xl__pr_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 0.75) - ] - ] - - -xl__pb_3 : Css.Style -xl__pb_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 0.75) - ] - ] - - -xl__pl_3 : Css.Style -xl__pl_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 0.75) - ] - ] - - -xl__pt_4 : Css.Style -xl__pt_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 1) - ] - ] - - -xl__pr_4 : Css.Style -xl__pr_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 1) - ] - ] - - -xl__pb_4 : Css.Style -xl__pb_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 1) - ] - ] - - -xl__pl_4 : Css.Style -xl__pl_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 1) - ] - ] - - -xl__pt_5 : Css.Style -xl__pt_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 1.25) - ] - ] - - -xl__pr_5 : Css.Style -xl__pr_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 1.25) - ] - ] - - -xl__pb_5 : Css.Style -xl__pb_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 1.25) - ] - ] - - -xl__pl_5 : Css.Style -xl__pl_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 1.25) - ] - ] - - -xl__pt_6 : Css.Style -xl__pt_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 1.5) - ] - ] - - -xl__pr_6 : Css.Style -xl__pr_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 1.5) - ] - ] - - -xl__pb_6 : Css.Style -xl__pb_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 1.5) - ] - ] - - -xl__pl_6 : Css.Style -xl__pl_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 1.5) - ] - ] - - -xl__pt_8 : Css.Style -xl__pt_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 2) - ] - ] - - -xl__pr_8 : Css.Style -xl__pr_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 2) - ] - ] - - -xl__pb_8 : Css.Style -xl__pb_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 2) - ] - ] - - -xl__pl_8 : Css.Style -xl__pl_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 2) - ] - ] - - -xl__pt_10 : Css.Style -xl__pt_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 2.5) - ] - ] - - -xl__pr_10 : Css.Style -xl__pr_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 2.5) - ] - ] - - -xl__pb_10 : Css.Style -xl__pb_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 2.5) - ] - ] - - -xl__pl_10 : Css.Style -xl__pl_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 2.5) - ] - ] - - -xl__pt_12 : Css.Style -xl__pt_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 3) - ] - ] - - -xl__pr_12 : Css.Style -xl__pr_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 3) - ] - ] - - -xl__pb_12 : Css.Style -xl__pb_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 3) - ] - ] - - -xl__pl_12 : Css.Style -xl__pl_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 3) - ] - ] - - -xl__pt_16 : Css.Style -xl__pt_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 4) - ] - ] - - -xl__pr_16 : Css.Style -xl__pr_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 4) - ] - ] - - -xl__pb_16 : Css.Style -xl__pb_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 4) - ] - ] - - -xl__pl_16 : Css.Style -xl__pl_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 4) - ] - ] - - -xl__pt_20 : Css.Style -xl__pt_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 5) - ] - ] - - -xl__pr_20 : Css.Style -xl__pr_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 5) - ] - ] - - -xl__pb_20 : Css.Style -xl__pb_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 5) - ] - ] - - -xl__pl_20 : Css.Style -xl__pl_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 5) - ] - ] - - -xl__pt_24 : Css.Style -xl__pt_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 6) - ] - ] - - -xl__pr_24 : Css.Style -xl__pr_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 6) - ] - ] - - -xl__pb_24 : Css.Style -xl__pb_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 6) - ] - ] - - -xl__pl_24 : Css.Style -xl__pl_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 6) - ] - ] - - -xl__pt_32 : Css.Style -xl__pt_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 8) - ] - ] - - -xl__pr_32 : Css.Style -xl__pr_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 8) - ] - ] - - -xl__pb_32 : Css.Style -xl__pb_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 8) - ] - ] - - -xl__pl_32 : Css.Style -xl__pl_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 8) - ] - ] - - -xl__pt_40 : Css.Style -xl__pt_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 10) - ] - ] - - -xl__pr_40 : Css.Style -xl__pr_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 10) - ] - ] - - -xl__pb_40 : Css.Style -xl__pb_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 10) - ] - ] - - -xl__pl_40 : Css.Style -xl__pl_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 10) - ] - ] - - -xl__pt_48 : Css.Style -xl__pt_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 12) - ] - ] - - -xl__pr_48 : Css.Style -xl__pr_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 12) - ] - ] - - -xl__pb_48 : Css.Style -xl__pb_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 12) - ] - ] - - -xl__pl_48 : Css.Style -xl__pl_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 12) - ] - ] - - -xl__pt_56 : Css.Style -xl__pt_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 14) - ] - ] - - -xl__pr_56 : Css.Style -xl__pr_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 14) - ] - ] - - -xl__pb_56 : Css.Style -xl__pb_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 14) - ] - ] - - -xl__pl_56 : Css.Style -xl__pl_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 14) - ] - ] - - -xl__pt_64 : Css.Style -xl__pt_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.rem 16) - ] - ] - - -xl__pr_64 : Css.Style -xl__pr_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.rem 16) - ] - ] - - -xl__pb_64 : Css.Style -xl__pb_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.rem 16) - ] - ] - - -xl__pl_64 : Css.Style -xl__pl_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.rem 16) - ] - ] - - -xl__pt_px : Css.Style -xl__pt_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingTop (Css.px 1) - ] - ] - - -xl__pr_px : Css.Style -xl__pr_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingRight (Css.px 1) - ] - ] - - -xl__pb_px : Css.Style -xl__pb_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingBottom (Css.px 1) - ] - ] - - -xl__pl_px : Css.Style -xl__pl_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.paddingLeft (Css.px 1) - ] - ] - - -xl__placeholder_transparent : Css.Style -xl__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color Css.transparent - ] - ] - - -xl__placeholder_current : Css.Style -xl__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color Css.currentColor - ] - ] - - -xl__placeholder_black : Css.Style -xl__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#000") - ] - ] - - -xl__placeholder_white : Css.Style -xl__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fff") - ] - ] - - -xl__placeholder_gray_100 : Css.Style -xl__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#f7fafc") - ] - ] - - -xl__placeholder_gray_200 : Css.Style -xl__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#edf2f7") - ] - ] - - -xl__placeholder_gray_300 : Css.Style -xl__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#e2e8f0") - ] - ] - - -xl__placeholder_gray_400 : Css.Style -xl__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#cbd5e0") - ] - ] - - -xl__placeholder_gray_500 : Css.Style -xl__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#a0aec0") - ] - ] - - -xl__placeholder_gray_600 : Css.Style -xl__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#718096") - ] - ] - - -xl__placeholder_gray_700 : Css.Style -xl__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#4a5568") - ] - ] - - -xl__placeholder_gray_800 : Css.Style -xl__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#2d3748") - ] - ] - - -xl__placeholder_gray_900 : Css.Style -xl__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#1a202c") - ] - ] - - -xl__placeholder_red_100 : Css.Style -xl__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fff5f5") - ] - ] - - -xl__placeholder_red_200 : Css.Style -xl__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fed7d7") - ] - ] - - -xl__placeholder_red_300 : Css.Style -xl__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#feb2b2") - ] - ] - - -xl__placeholder_red_400 : Css.Style -xl__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fc8181") - ] - ] - - -xl__placeholder_red_500 : Css.Style -xl__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#f56565") - ] - ] - - -xl__placeholder_red_600 : Css.Style -xl__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#e53e3e") - ] - ] - - -xl__placeholder_red_700 : Css.Style -xl__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#c53030") - ] - ] - - -xl__placeholder_red_800 : Css.Style -xl__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#9b2c2c") - ] - ] - - -xl__placeholder_red_900 : Css.Style -xl__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#742a2a") - ] - ] - - -xl__placeholder_orange_100 : Css.Style -xl__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fffaf0") - ] - ] - - -xl__placeholder_orange_200 : Css.Style -xl__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#feebc8") - ] - ] - - -xl__placeholder_orange_300 : Css.Style -xl__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fbd38d") - ] - ] - - -xl__placeholder_orange_400 : Css.Style -xl__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#f6ad55") - ] - ] - - -xl__placeholder_orange_500 : Css.Style -xl__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#ed8936") - ] - ] - - -xl__placeholder_orange_600 : Css.Style -xl__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#dd6b20") - ] - ] - - -xl__placeholder_orange_700 : Css.Style -xl__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#c05621") - ] - ] - - -xl__placeholder_orange_800 : Css.Style -xl__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#9c4221") - ] - ] - - -xl__placeholder_orange_900 : Css.Style -xl__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#7b341e") - ] - ] - - -xl__placeholder_yellow_100 : Css.Style -xl__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fffff0") - ] - ] - - -xl__placeholder_yellow_200 : Css.Style -xl__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fefcbf") - ] - ] - - -xl__placeholder_yellow_300 : Css.Style -xl__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#faf089") - ] - ] - - -xl__placeholder_yellow_400 : Css.Style -xl__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#f6e05e") - ] - ] - - -xl__placeholder_yellow_500 : Css.Style -xl__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#ecc94b") - ] - ] - - -xl__placeholder_yellow_600 : Css.Style -xl__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#d69e2e") - ] - ] - - -xl__placeholder_yellow_700 : Css.Style -xl__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#b7791f") - ] - ] - - -xl__placeholder_yellow_800 : Css.Style -xl__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#975a16") - ] - ] - - -xl__placeholder_yellow_900 : Css.Style -xl__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#744210") - ] - ] - - -xl__placeholder_green_100 : Css.Style -xl__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#f0fff4") - ] - ] - - -xl__placeholder_green_200 : Css.Style -xl__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#c6f6d5") - ] - ] - - -xl__placeholder_green_300 : Css.Style -xl__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#9ae6b4") - ] - ] - - -xl__placeholder_green_400 : Css.Style -xl__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#68d391") - ] - ] - - -xl__placeholder_green_500 : Css.Style -xl__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#48bb78") - ] - ] - - -xl__placeholder_green_600 : Css.Style -xl__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#38a169") - ] - ] - - -xl__placeholder_green_700 : Css.Style -xl__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#2f855a") - ] - ] - - -xl__placeholder_green_800 : Css.Style -xl__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#276749") - ] - ] - - -xl__placeholder_green_900 : Css.Style -xl__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#22543d") - ] - ] - - -xl__placeholder_teal_100 : Css.Style -xl__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#e6fffa") - ] - ] - - -xl__placeholder_teal_200 : Css.Style -xl__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#b2f5ea") - ] - ] - - -xl__placeholder_teal_300 : Css.Style -xl__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#81e6d9") - ] - ] - - -xl__placeholder_teal_400 : Css.Style -xl__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#4fd1c5") - ] - ] - - -xl__placeholder_teal_500 : Css.Style -xl__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#38b2ac") - ] - ] - - -xl__placeholder_teal_600 : Css.Style -xl__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#319795") - ] - ] - - -xl__placeholder_teal_700 : Css.Style -xl__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#2c7a7b") - ] - ] - - -xl__placeholder_teal_800 : Css.Style -xl__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#285e61") - ] - ] - - -xl__placeholder_teal_900 : Css.Style -xl__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#234e52") - ] - ] - - -xl__placeholder_blue_100 : Css.Style -xl__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#ebf8ff") - ] - ] - - -xl__placeholder_blue_200 : Css.Style -xl__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#bee3f8") - ] - ] - - -xl__placeholder_blue_300 : Css.Style -xl__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#90cdf4") - ] - ] - - -xl__placeholder_blue_400 : Css.Style -xl__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#63b3ed") - ] - ] - - -xl__placeholder_blue_500 : Css.Style -xl__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#4299e1") - ] - ] - - -xl__placeholder_blue_600 : Css.Style -xl__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#3182ce") - ] - ] - - -xl__placeholder_blue_700 : Css.Style -xl__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#2b6cb0") - ] - ] - - -xl__placeholder_blue_800 : Css.Style -xl__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#2c5282") - ] - ] - - -xl__placeholder_blue_900 : Css.Style -xl__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#2a4365") - ] - ] - - -xl__placeholder_indigo_100 : Css.Style -xl__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#ebf4ff") - ] - ] - - -xl__placeholder_indigo_200 : Css.Style -xl__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#c3dafe") - ] - ] - - -xl__placeholder_indigo_300 : Css.Style -xl__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#a3bffa") - ] - ] - - -xl__placeholder_indigo_400 : Css.Style -xl__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#7f9cf5") - ] - ] - - -xl__placeholder_indigo_500 : Css.Style -xl__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#667eea") - ] - ] - - -xl__placeholder_indigo_600 : Css.Style -xl__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#5a67d8") - ] - ] - - -xl__placeholder_indigo_700 : Css.Style -xl__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#4c51bf") - ] - ] - - -xl__placeholder_indigo_800 : Css.Style -xl__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#434190") - ] - ] - - -xl__placeholder_indigo_900 : Css.Style -xl__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#3c366b") - ] - ] - - -xl__placeholder_purple_100 : Css.Style -xl__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#faf5ff") - ] - ] - - -xl__placeholder_purple_200 : Css.Style -xl__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#e9d8fd") - ] - ] - - -xl__placeholder_purple_300 : Css.Style -xl__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#d6bcfa") - ] - ] - - -xl__placeholder_purple_400 : Css.Style -xl__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#b794f4") - ] - ] - - -xl__placeholder_purple_500 : Css.Style -xl__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#9f7aea") - ] - ] - - -xl__placeholder_purple_600 : Css.Style -xl__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#805ad5") - ] - ] - - -xl__placeholder_purple_700 : Css.Style -xl__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#6b46c1") - ] - ] - - -xl__placeholder_purple_800 : Css.Style -xl__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#553c9a") - ] - ] - - -xl__placeholder_purple_900 : Css.Style -xl__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#44337a") - ] - ] - - -xl__placeholder_pink_100 : Css.Style -xl__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fff5f7") - ] - ] - - -xl__placeholder_pink_200 : Css.Style -xl__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fed7e2") - ] - ] - - -xl__placeholder_pink_300 : Css.Style -xl__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fbb6ce") - ] - ] - - -xl__placeholder_pink_400 : Css.Style -xl__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#f687b3") - ] - ] - - -xl__placeholder_pink_500 : Css.Style -xl__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#ed64a6") - ] - ] - - -xl__placeholder_pink_600 : Css.Style -xl__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#d53f8c") - ] - ] - - -xl__placeholder_pink_700 : Css.Style -xl__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#b83280") - ] - ] - - -xl__placeholder_pink_800 : Css.Style -xl__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#97266d") - ] - ] - - -xl__placeholder_pink_900 : Css.Style -xl__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#702459") - ] - ] - - -xl__focus__placeholder_transparent : Css.Style -xl__focus__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -xl__focus__placeholder_current : Css.Style -xl__focus__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -xl__focus__placeholder_black : Css.Style -xl__focus__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#000") - ] - ] - ] - - -xl__focus__placeholder_white : Css.Style -xl__focus__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff") - ] - ] - ] - - -xl__focus__placeholder_gray_100 : Css.Style -xl__focus__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#f7fafc") - ] - ] - ] - - -xl__focus__placeholder_gray_200 : Css.Style -xl__focus__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#edf2f7") - ] - ] - ] - - -xl__focus__placeholder_gray_300 : Css.Style -xl__focus__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#e2e8f0") - ] - ] - ] - - -xl__focus__placeholder_gray_400 : Css.Style -xl__focus__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#cbd5e0") - ] - ] - ] - - -xl__focus__placeholder_gray_500 : Css.Style -xl__focus__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#a0aec0") - ] - ] - ] - - -xl__focus__placeholder_gray_600 : Css.Style -xl__focus__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#718096") - ] - ] - ] - - -xl__focus__placeholder_gray_700 : Css.Style -xl__focus__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#4a5568") - ] - ] - ] - - -xl__focus__placeholder_gray_800 : Css.Style -xl__focus__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#2d3748") - ] - ] - ] - - -xl__focus__placeholder_gray_900 : Css.Style -xl__focus__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#1a202c") - ] - ] - ] - - -xl__focus__placeholder_red_100 : Css.Style -xl__focus__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f5") - ] - ] - ] - - -xl__focus__placeholder_red_200 : Css.Style -xl__focus__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7d7") - ] - ] - ] - - -xl__focus__placeholder_red_300 : Css.Style -xl__focus__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#feb2b2") - ] - ] - ] - - -xl__focus__placeholder_red_400 : Css.Style -xl__focus__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fc8181") - ] - ] - ] - - -xl__focus__placeholder_red_500 : Css.Style -xl__focus__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#f56565") - ] - ] - ] - - -xl__focus__placeholder_red_600 : Css.Style -xl__focus__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#e53e3e") - ] - ] - ] - - -xl__focus__placeholder_red_700 : Css.Style -xl__focus__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#c53030") - ] - ] - ] - - -xl__focus__placeholder_red_800 : Css.Style -xl__focus__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#9b2c2c") - ] - ] - ] - - -xl__focus__placeholder_red_900 : Css.Style -xl__focus__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#742a2a") - ] - ] - ] - - -xl__focus__placeholder_orange_100 : Css.Style -xl__focus__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffaf0") - ] - ] - ] - - -xl__focus__placeholder_orange_200 : Css.Style -xl__focus__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#feebc8") - ] - ] - ] - - -xl__focus__placeholder_orange_300 : Css.Style -xl__focus__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbd38d") - ] - ] - ] - - -xl__focus__placeholder_orange_400 : Css.Style -xl__focus__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6ad55") - ] - ] - ] - - -xl__focus__placeholder_orange_500 : Css.Style -xl__focus__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed8936") - ] - ] - ] - - -xl__focus__placeholder_orange_600 : Css.Style -xl__focus__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#dd6b20") - ] - ] - ] - - -xl__focus__placeholder_orange_700 : Css.Style -xl__focus__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#c05621") - ] - ] - ] - - -xl__focus__placeholder_orange_800 : Css.Style -xl__focus__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#9c4221") - ] - ] - ] - - -xl__focus__placeholder_orange_900 : Css.Style -xl__focus__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#7b341e") - ] - ] - ] - - -xl__focus__placeholder_yellow_100 : Css.Style -xl__focus__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffff0") - ] - ] - ] - - -xl__focus__placeholder_yellow_200 : Css.Style -xl__focus__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fefcbf") - ] - ] - ] - - -xl__focus__placeholder_yellow_300 : Css.Style -xl__focus__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf089") - ] - ] - ] - - -xl__focus__placeholder_yellow_400 : Css.Style -xl__focus__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6e05e") - ] - ] - ] - - -xl__focus__placeholder_yellow_500 : Css.Style -xl__focus__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#ecc94b") - ] - ] - ] - - -xl__focus__placeholder_yellow_600 : Css.Style -xl__focus__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#d69e2e") - ] - ] - ] - - -xl__focus__placeholder_yellow_700 : Css.Style -xl__focus__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#b7791f") - ] - ] - ] - - -xl__focus__placeholder_yellow_800 : Css.Style -xl__focus__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#975a16") - ] - ] - ] - - -xl__focus__placeholder_yellow_900 : Css.Style -xl__focus__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#744210") - ] - ] - ] - - -xl__focus__placeholder_green_100 : Css.Style -xl__focus__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#f0fff4") - ] - ] - ] - - -xl__focus__placeholder_green_200 : Css.Style -xl__focus__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#c6f6d5") - ] - ] - ] - - -xl__focus__placeholder_green_300 : Css.Style -xl__focus__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#9ae6b4") - ] - ] - ] - - -xl__focus__placeholder_green_400 : Css.Style -xl__focus__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#68d391") - ] - ] - ] - - -xl__focus__placeholder_green_500 : Css.Style -xl__focus__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#48bb78") - ] - ] - ] - - -xl__focus__placeholder_green_600 : Css.Style -xl__focus__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#38a169") - ] - ] - ] - - -xl__focus__placeholder_green_700 : Css.Style -xl__focus__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#2f855a") - ] - ] - ] - - -xl__focus__placeholder_green_800 : Css.Style -xl__focus__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#276749") - ] - ] - ] - - -xl__focus__placeholder_green_900 : Css.Style -xl__focus__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#22543d") - ] - ] - ] - - -xl__focus__placeholder_teal_100 : Css.Style -xl__focus__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#e6fffa") - ] - ] - ] - - -xl__focus__placeholder_teal_200 : Css.Style -xl__focus__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#b2f5ea") - ] - ] - ] - - -xl__focus__placeholder_teal_300 : Css.Style -xl__focus__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#81e6d9") - ] - ] - ] - - -xl__focus__placeholder_teal_400 : Css.Style -xl__focus__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#4fd1c5") - ] - ] - ] - - -xl__focus__placeholder_teal_500 : Css.Style -xl__focus__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#38b2ac") - ] - ] - ] - - -xl__focus__placeholder_teal_600 : Css.Style -xl__focus__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#319795") - ] - ] - ] - - -xl__focus__placeholder_teal_700 : Css.Style -xl__focus__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c7a7b") - ] - ] - ] - - -xl__focus__placeholder_teal_800 : Css.Style -xl__focus__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#285e61") - ] - ] - ] - - -xl__focus__placeholder_teal_900 : Css.Style -xl__focus__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#234e52") - ] - ] - ] - - -xl__focus__placeholder_blue_100 : Css.Style -xl__focus__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf8ff") - ] - ] - ] - - -xl__focus__placeholder_blue_200 : Css.Style -xl__focus__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#bee3f8") - ] - ] - ] - - -xl__focus__placeholder_blue_300 : Css.Style -xl__focus__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#90cdf4") - ] - ] - ] - - -xl__focus__placeholder_blue_400 : Css.Style -xl__focus__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#63b3ed") - ] - ] - ] - - -xl__focus__placeholder_blue_500 : Css.Style -xl__focus__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#4299e1") - ] - ] - ] - - -xl__focus__placeholder_blue_600 : Css.Style -xl__focus__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#3182ce") - ] - ] - ] - - -xl__focus__placeholder_blue_700 : Css.Style -xl__focus__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#2b6cb0") - ] - ] - ] - - -xl__focus__placeholder_blue_800 : Css.Style -xl__focus__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c5282") - ] - ] - ] - - -xl__focus__placeholder_blue_900 : Css.Style -xl__focus__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#2a4365") - ] - ] - ] - - -xl__focus__placeholder_indigo_100 : Css.Style -xl__focus__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf4ff") - ] - ] - ] - - -xl__focus__placeholder_indigo_200 : Css.Style -xl__focus__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#c3dafe") - ] - ] - ] - - -xl__focus__placeholder_indigo_300 : Css.Style -xl__focus__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#a3bffa") - ] - ] - ] - - -xl__focus__placeholder_indigo_400 : Css.Style -xl__focus__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#7f9cf5") - ] - ] - ] - - -xl__focus__placeholder_indigo_500 : Css.Style -xl__focus__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#667eea") - ] - ] - ] - - -xl__focus__placeholder_indigo_600 : Css.Style -xl__focus__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#5a67d8") - ] - ] - ] - - -xl__focus__placeholder_indigo_700 : Css.Style -xl__focus__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#4c51bf") - ] - ] - ] - - -xl__focus__placeholder_indigo_800 : Css.Style -xl__focus__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#434190") - ] - ] - ] - - -xl__focus__placeholder_indigo_900 : Css.Style -xl__focus__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#3c366b") - ] - ] - ] - - -xl__focus__placeholder_purple_100 : Css.Style -xl__focus__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf5ff") - ] - ] - ] - - -xl__focus__placeholder_purple_200 : Css.Style -xl__focus__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#e9d8fd") - ] - ] - ] - - -xl__focus__placeholder_purple_300 : Css.Style -xl__focus__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#d6bcfa") - ] - ] - ] - - -xl__focus__placeholder_purple_400 : Css.Style -xl__focus__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#b794f4") - ] - ] - ] - - -xl__focus__placeholder_purple_500 : Css.Style -xl__focus__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#9f7aea") - ] - ] - ] - - -xl__focus__placeholder_purple_600 : Css.Style -xl__focus__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#805ad5") - ] - ] - ] - - -xl__focus__placeholder_purple_700 : Css.Style -xl__focus__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#6b46c1") - ] - ] - ] - - -xl__focus__placeholder_purple_800 : Css.Style -xl__focus__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#553c9a") - ] - ] - ] - - -xl__focus__placeholder_purple_900 : Css.Style -xl__focus__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#44337a") - ] - ] - ] - - -xl__focus__placeholder_pink_100 : Css.Style -xl__focus__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f7") - ] - ] - ] - - -xl__focus__placeholder_pink_200 : Css.Style -xl__focus__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7e2") - ] - ] - ] - - -xl__focus__placeholder_pink_300 : Css.Style -xl__focus__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbb6ce") - ] - ] - ] - - -xl__focus__placeholder_pink_400 : Css.Style -xl__focus__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#f687b3") - ] - ] - ] - - -xl__focus__placeholder_pink_500 : Css.Style -xl__focus__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed64a6") - ] - ] - ] - - -xl__focus__placeholder_pink_600 : Css.Style -xl__focus__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#d53f8c") - ] - ] - ] - - -xl__focus__placeholder_pink_700 : Css.Style -xl__focus__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#b83280") - ] - ] - ] - - -xl__focus__placeholder_pink_800 : Css.Style -xl__focus__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#97266d") - ] - ] - ] - - -xl__focus__placeholder_pink_900 : Css.Style -xl__focus__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#702459") - ] - ] - ] - - -xl__pointer_events_none : Css.Style -xl__pointer_events_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.pointerEvents Css.none - ] - ] - - -xl__pointer_events_auto : Css.Style -xl__pointer_events_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.pointerEvents Css.auto - ] - ] - - -xl__static : Css.Style -xl__static = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.position Css.static - ] - ] - - -xl__fixed : Css.Style -xl__fixed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.position Css.fixed - ] - ] - - -xl__absolute : Css.Style -xl__absolute = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.position Css.absolute - ] - ] - - -xl__relative : Css.Style -xl__relative = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.position Css.relative - ] - ] - - -xl__sticky : Css.Style -xl__sticky = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.position Css.sticky - ] - ] - - -xl__inset_0 : Css.Style -xl__inset_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.top (Css.px 0) - , Css.right (Css.px 0) - , Css.bottom (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -xl__inset_auto : Css.Style -xl__inset_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.top Css.auto - , Css.right Css.auto - , Css.bottom Css.auto - , Css.left Css.auto - ] - ] - - -xl__inset_y_0 : Css.Style -xl__inset_y_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.top (Css.px 0) - , Css.bottom (Css.px 0) - ] - ] - - -xl__inset_x_0 : Css.Style -xl__inset_x_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.right (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -xl__inset_y_auto : Css.Style -xl__inset_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.top Css.auto - , Css.bottom Css.auto - ] - ] - - -xl__inset_x_auto : Css.Style -xl__inset_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.right Css.auto - , Css.left Css.auto - ] - ] - - -xl__top_0 : Css.Style -xl__top_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.top (Css.px 0) - ] - ] - - -xl__right_0 : Css.Style -xl__right_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.right (Css.px 0) - ] - ] - - -xl__bottom_0 : Css.Style -xl__bottom_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.bottom (Css.px 0) - ] - ] - - -xl__left_0 : Css.Style -xl__left_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.left (Css.px 0) - ] - ] - - -xl__top_auto : Css.Style -xl__top_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.top Css.auto - ] - ] - - -xl__right_auto : Css.Style -xl__right_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.right Css.auto - ] - ] - - -xl__bottom_auto : Css.Style -xl__bottom_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.bottom Css.auto - ] - ] - - -xl__left_auto : Css.Style -xl__left_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.left Css.auto - ] - ] - - -xl__resize_none : Css.Style -xl__resize_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.resize Css.none - ] - ] - - -xl__resize_y : Css.Style -xl__resize_y = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.resize Css.vertical - ] - ] - - -xl__resize_x : Css.Style -xl__resize_x = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.resize Css.horizontal - ] - ] - - -xl__resize : Css.Style -xl__resize = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.resize Css.both - ] - ] - - -xl__shadow_xs : Css.Style -xl__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - - -xl__shadow_sm : Css.Style -xl__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - - -xl__shadow : Css.Style -xl__shadow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - - -xl__shadow_md : Css.Style -xl__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - - -xl__shadow_lg : Css.Style -xl__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - - -xl__shadow_xl : Css.Style -xl__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - - -xl__shadow_2xl : Css.Style -xl__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - - -xl__shadow_inner : Css.Style -xl__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - - -xl__shadow_outline : Css.Style -xl__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - - -xl__shadow_none : Css.Style -xl__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "box-shadow" "none" - ] - ] - - -xl__hover__shadow_xs : Css.Style -xl__hover__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -xl__hover__shadow_sm : Css.Style -xl__hover__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -xl__hover__shadow : Css.Style -xl__hover__shadow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -xl__hover__shadow_md : Css.Style -xl__hover__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -xl__hover__shadow_lg : Css.Style -xl__hover__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -xl__hover__shadow_xl : Css.Style -xl__hover__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - ] - - -xl__hover__shadow_2xl : Css.Style -xl__hover__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - ] - - -xl__hover__shadow_inner : Css.Style -xl__hover__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -xl__hover__shadow_outline : Css.Style -xl__hover__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - ] - - -xl__hover__shadow_none : Css.Style -xl__hover__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.property "box-shadow" "none" - ] - ] - ] - - -xl__focus__shadow_xs : Css.Style -xl__focus__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 0 0 1px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -xl__focus__shadow_sm : Css.Style -xl__focus__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 1px 2px 0 rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -xl__focus__shadow : Css.Style -xl__focus__shadow = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -xl__focus__shadow_md : Css.Style -xl__focus__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -xl__focus__shadow_lg : Css.Style -xl__focus__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)" - ] - ] - ] - - -xl__focus__shadow_xl : Css.Style -xl__focus__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)" - ] - ] - ] - - -xl__focus__shadow_2xl : Css.Style -xl__focus__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 25px 50px -12px rgba(0, 0, 0, 0.25)" - ] - ] - ] - - -xl__focus__shadow_inner : Css.Style -xl__focus__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.property "box-shadow" "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)" - ] - ] - ] - - -xl__focus__shadow_outline : Css.Style -xl__focus__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.property "box-shadow" "0 0 0 3px rgba(66, 153, 225, 0.5)" - ] - ] - ] - - -xl__focus__shadow_none : Css.Style -xl__focus__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.property "box-shadow" "none" - ] - ] - ] - - -xl__fill_current : Css.Style -xl__fill_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fill Css.currentColor - ] - ] - - -xl__stroke_current : Css.Style -xl__stroke_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "stroke" "currentColor" - ] - ] - - -xl__stroke_0 : Css.Style -xl__stroke_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "stroke-width" "0" - ] - ] - - -xl__stroke_1 : Css.Style -xl__stroke_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "stroke-width" "1" - ] - ] - - -xl__stroke_2 : Css.Style -xl__stroke_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "stroke-width" "2" - ] - ] - - -xl__table_auto : Css.Style -xl__table_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.tableLayout Css.auto - ] - ] - - -xl__table_fixed : Css.Style -xl__table_fixed = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.tableLayout Css.fixed - ] - ] - - -xl__text_left : Css.Style -xl__text_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.textAlign Css.left - ] - ] - - -xl__text_center : Css.Style -xl__text_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.textAlign Css.center - ] - ] - - -xl__text_right : Css.Style -xl__text_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.textAlign Css.right - ] - ] - - -xl__text_justify : Css.Style -xl__text_justify = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.textAlign Css.justify - ] - ] - - -xl__text_transparent : Css.Style -xl__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color Css.transparent - ] - ] - - -xl__text_current : Css.Style -xl__text_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color Css.currentColor - ] - ] - - -xl__text_black : Css.Style -xl__text_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#000") - ] - ] - - -xl__text_white : Css.Style -xl__text_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fff") - ] - ] - - -xl__text_gray_100 : Css.Style -xl__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#f7fafc") - ] - ] - - -xl__text_gray_200 : Css.Style -xl__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#edf2f7") - ] - ] - - -xl__text_gray_300 : Css.Style -xl__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#e2e8f0") - ] - ] - - -xl__text_gray_400 : Css.Style -xl__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#cbd5e0") - ] - ] - - -xl__text_gray_500 : Css.Style -xl__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#a0aec0") - ] - ] - - -xl__text_gray_600 : Css.Style -xl__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#718096") - ] - ] - - -xl__text_gray_700 : Css.Style -xl__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#4a5568") - ] - ] - - -xl__text_gray_800 : Css.Style -xl__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#2d3748") - ] - ] - - -xl__text_gray_900 : Css.Style -xl__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#1a202c") - ] - ] - - -xl__text_red_100 : Css.Style -xl__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fff5f5") - ] - ] - - -xl__text_red_200 : Css.Style -xl__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fed7d7") - ] - ] - - -xl__text_red_300 : Css.Style -xl__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#feb2b2") - ] - ] - - -xl__text_red_400 : Css.Style -xl__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fc8181") - ] - ] - - -xl__text_red_500 : Css.Style -xl__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#f56565") - ] - ] - - -xl__text_red_600 : Css.Style -xl__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#e53e3e") - ] - ] - - -xl__text_red_700 : Css.Style -xl__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#c53030") - ] - ] - - -xl__text_red_800 : Css.Style -xl__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#9b2c2c") - ] - ] - - -xl__text_red_900 : Css.Style -xl__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#742a2a") - ] - ] - - -xl__text_orange_100 : Css.Style -xl__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fffaf0") - ] - ] - - -xl__text_orange_200 : Css.Style -xl__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#feebc8") - ] - ] - - -xl__text_orange_300 : Css.Style -xl__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fbd38d") - ] - ] - - -xl__text_orange_400 : Css.Style -xl__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#f6ad55") - ] - ] - - -xl__text_orange_500 : Css.Style -xl__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#ed8936") - ] - ] - - -xl__text_orange_600 : Css.Style -xl__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#dd6b20") - ] - ] - - -xl__text_orange_700 : Css.Style -xl__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#c05621") - ] - ] - - -xl__text_orange_800 : Css.Style -xl__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#9c4221") - ] - ] - - -xl__text_orange_900 : Css.Style -xl__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#7b341e") - ] - ] - - -xl__text_yellow_100 : Css.Style -xl__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fffff0") - ] - ] - - -xl__text_yellow_200 : Css.Style -xl__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fefcbf") - ] - ] - - -xl__text_yellow_300 : Css.Style -xl__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#faf089") - ] - ] - - -xl__text_yellow_400 : Css.Style -xl__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#f6e05e") - ] - ] - - -xl__text_yellow_500 : Css.Style -xl__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#ecc94b") - ] - ] - - -xl__text_yellow_600 : Css.Style -xl__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#d69e2e") - ] - ] - - -xl__text_yellow_700 : Css.Style -xl__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#b7791f") - ] - ] - - -xl__text_yellow_800 : Css.Style -xl__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#975a16") - ] - ] - - -xl__text_yellow_900 : Css.Style -xl__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#744210") - ] - ] - - -xl__text_green_100 : Css.Style -xl__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#f0fff4") - ] - ] - - -xl__text_green_200 : Css.Style -xl__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#c6f6d5") - ] - ] - - -xl__text_green_300 : Css.Style -xl__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#9ae6b4") - ] - ] - - -xl__text_green_400 : Css.Style -xl__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#68d391") - ] - ] - - -xl__text_green_500 : Css.Style -xl__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#48bb78") - ] - ] - - -xl__text_green_600 : Css.Style -xl__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#38a169") - ] - ] - - -xl__text_green_700 : Css.Style -xl__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#2f855a") - ] - ] - - -xl__text_green_800 : Css.Style -xl__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#276749") - ] - ] - - -xl__text_green_900 : Css.Style -xl__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#22543d") - ] - ] - - -xl__text_teal_100 : Css.Style -xl__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#e6fffa") - ] - ] - - -xl__text_teal_200 : Css.Style -xl__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#b2f5ea") - ] - ] - - -xl__text_teal_300 : Css.Style -xl__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#81e6d9") - ] - ] - - -xl__text_teal_400 : Css.Style -xl__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#4fd1c5") - ] - ] - - -xl__text_teal_500 : Css.Style -xl__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#38b2ac") - ] - ] - - -xl__text_teal_600 : Css.Style -xl__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#319795") - ] - ] - - -xl__text_teal_700 : Css.Style -xl__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#2c7a7b") - ] - ] - - -xl__text_teal_800 : Css.Style -xl__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#285e61") - ] - ] - - -xl__text_teal_900 : Css.Style -xl__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#234e52") - ] - ] - - -xl__text_blue_100 : Css.Style -xl__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#ebf8ff") - ] - ] - - -xl__text_blue_200 : Css.Style -xl__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#bee3f8") - ] - ] - - -xl__text_blue_300 : Css.Style -xl__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#90cdf4") - ] - ] - - -xl__text_blue_400 : Css.Style -xl__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#63b3ed") - ] - ] - - -xl__text_blue_500 : Css.Style -xl__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#4299e1") - ] - ] - - -xl__text_blue_600 : Css.Style -xl__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#3182ce") - ] - ] - - -xl__text_blue_700 : Css.Style -xl__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#2b6cb0") - ] - ] - - -xl__text_blue_800 : Css.Style -xl__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#2c5282") - ] - ] - - -xl__text_blue_900 : Css.Style -xl__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#2a4365") - ] - ] - - -xl__text_indigo_100 : Css.Style -xl__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#ebf4ff") - ] - ] - - -xl__text_indigo_200 : Css.Style -xl__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#c3dafe") - ] - ] - - -xl__text_indigo_300 : Css.Style -xl__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#a3bffa") - ] - ] - - -xl__text_indigo_400 : Css.Style -xl__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#7f9cf5") - ] - ] - - -xl__text_indigo_500 : Css.Style -xl__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#667eea") - ] - ] - - -xl__text_indigo_600 : Css.Style -xl__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#5a67d8") - ] - ] - - -xl__text_indigo_700 : Css.Style -xl__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#4c51bf") - ] - ] - - -xl__text_indigo_800 : Css.Style -xl__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#434190") - ] - ] - - -xl__text_indigo_900 : Css.Style -xl__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#3c366b") - ] - ] - - -xl__text_purple_100 : Css.Style -xl__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#faf5ff") - ] - ] - - -xl__text_purple_200 : Css.Style -xl__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#e9d8fd") - ] - ] - - -xl__text_purple_300 : Css.Style -xl__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#d6bcfa") - ] - ] - - -xl__text_purple_400 : Css.Style -xl__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#b794f4") - ] - ] - - -xl__text_purple_500 : Css.Style -xl__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#9f7aea") - ] - ] - - -xl__text_purple_600 : Css.Style -xl__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#805ad5") - ] - ] - - -xl__text_purple_700 : Css.Style -xl__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#6b46c1") - ] - ] - - -xl__text_purple_800 : Css.Style -xl__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#553c9a") - ] - ] - - -xl__text_purple_900 : Css.Style -xl__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#44337a") - ] - ] - - -xl__text_pink_100 : Css.Style -xl__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fff5f7") - ] - ] - - -xl__text_pink_200 : Css.Style -xl__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fed7e2") - ] - ] - - -xl__text_pink_300 : Css.Style -xl__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#fbb6ce") - ] - ] - - -xl__text_pink_400 : Css.Style -xl__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#f687b3") - ] - ] - - -xl__text_pink_500 : Css.Style -xl__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#ed64a6") - ] - ] - - -xl__text_pink_600 : Css.Style -xl__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#d53f8c") - ] - ] - - -xl__text_pink_700 : Css.Style -xl__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#b83280") - ] - ] - - -xl__text_pink_800 : Css.Style -xl__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#97266d") - ] - ] - - -xl__text_pink_900 : Css.Style -xl__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.color (Css.hex "#702459") - ] - ] - - -xl__hover__text_transparent : Css.Style -xl__hover__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color Css.transparent - ] - ] - ] - - -xl__hover__text_current : Css.Style -xl__hover__text_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color Css.currentColor - ] - ] - ] - - -xl__hover__text_black : Css.Style -xl__hover__text_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#000") - ] - ] - ] - - -xl__hover__text_white : Css.Style -xl__hover__text_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#fff") - ] - ] - ] - - -xl__hover__text_gray_100 : Css.Style -xl__hover__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#f7fafc") - ] - ] - ] - - -xl__hover__text_gray_200 : Css.Style -xl__hover__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#edf2f7") - ] - ] - ] - - -xl__hover__text_gray_300 : Css.Style -xl__hover__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#e2e8f0") - ] - ] - ] - - -xl__hover__text_gray_400 : Css.Style -xl__hover__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#cbd5e0") - ] - ] - ] - - -xl__hover__text_gray_500 : Css.Style -xl__hover__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#a0aec0") - ] - ] - ] - - -xl__hover__text_gray_600 : Css.Style -xl__hover__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#718096") - ] - ] - ] - - -xl__hover__text_gray_700 : Css.Style -xl__hover__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#4a5568") - ] - ] - ] - - -xl__hover__text_gray_800 : Css.Style -xl__hover__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#2d3748") - ] - ] - ] - - -xl__hover__text_gray_900 : Css.Style -xl__hover__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#1a202c") - ] - ] - ] - - -xl__hover__text_red_100 : Css.Style -xl__hover__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#fff5f5") - ] - ] - ] - - -xl__hover__text_red_200 : Css.Style -xl__hover__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#fed7d7") - ] - ] - ] - - -xl__hover__text_red_300 : Css.Style -xl__hover__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#feb2b2") - ] - ] - ] - - -xl__hover__text_red_400 : Css.Style -xl__hover__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#fc8181") - ] - ] - ] - - -xl__hover__text_red_500 : Css.Style -xl__hover__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#f56565") - ] - ] - ] - - -xl__hover__text_red_600 : Css.Style -xl__hover__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#e53e3e") - ] - ] - ] - - -xl__hover__text_red_700 : Css.Style -xl__hover__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#c53030") - ] - ] - ] - - -xl__hover__text_red_800 : Css.Style -xl__hover__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#9b2c2c") - ] - ] - ] - - -xl__hover__text_red_900 : Css.Style -xl__hover__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#742a2a") - ] - ] - ] - - -xl__hover__text_orange_100 : Css.Style -xl__hover__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#fffaf0") - ] - ] - ] - - -xl__hover__text_orange_200 : Css.Style -xl__hover__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#feebc8") - ] - ] - ] - - -xl__hover__text_orange_300 : Css.Style -xl__hover__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#fbd38d") - ] - ] - ] - - -xl__hover__text_orange_400 : Css.Style -xl__hover__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#f6ad55") - ] - ] - ] - - -xl__hover__text_orange_500 : Css.Style -xl__hover__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#ed8936") - ] - ] - ] - - -xl__hover__text_orange_600 : Css.Style -xl__hover__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#dd6b20") - ] - ] - ] - - -xl__hover__text_orange_700 : Css.Style -xl__hover__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#c05621") - ] - ] - ] - - -xl__hover__text_orange_800 : Css.Style -xl__hover__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#9c4221") - ] - ] - ] - - -xl__hover__text_orange_900 : Css.Style -xl__hover__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#7b341e") - ] - ] - ] - - -xl__hover__text_yellow_100 : Css.Style -xl__hover__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#fffff0") - ] - ] - ] - - -xl__hover__text_yellow_200 : Css.Style -xl__hover__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#fefcbf") - ] - ] - ] - - -xl__hover__text_yellow_300 : Css.Style -xl__hover__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#faf089") - ] - ] - ] - - -xl__hover__text_yellow_400 : Css.Style -xl__hover__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#f6e05e") - ] - ] - ] - - -xl__hover__text_yellow_500 : Css.Style -xl__hover__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#ecc94b") - ] - ] - ] - - -xl__hover__text_yellow_600 : Css.Style -xl__hover__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#d69e2e") - ] - ] - ] - - -xl__hover__text_yellow_700 : Css.Style -xl__hover__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#b7791f") - ] - ] - ] - - -xl__hover__text_yellow_800 : Css.Style -xl__hover__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#975a16") - ] - ] - ] - - -xl__hover__text_yellow_900 : Css.Style -xl__hover__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#744210") - ] - ] - ] - - -xl__hover__text_green_100 : Css.Style -xl__hover__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#f0fff4") - ] - ] - ] - - -xl__hover__text_green_200 : Css.Style -xl__hover__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#c6f6d5") - ] - ] - ] - - -xl__hover__text_green_300 : Css.Style -xl__hover__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#9ae6b4") - ] - ] - ] - - -xl__hover__text_green_400 : Css.Style -xl__hover__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#68d391") - ] - ] - ] - - -xl__hover__text_green_500 : Css.Style -xl__hover__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#48bb78") - ] - ] - ] - - -xl__hover__text_green_600 : Css.Style -xl__hover__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#38a169") - ] - ] - ] - - -xl__hover__text_green_700 : Css.Style -xl__hover__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#2f855a") - ] - ] - ] - - -xl__hover__text_green_800 : Css.Style -xl__hover__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#276749") - ] - ] - ] - - -xl__hover__text_green_900 : Css.Style -xl__hover__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#22543d") - ] - ] - ] - - -xl__hover__text_teal_100 : Css.Style -xl__hover__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#e6fffa") - ] - ] - ] - - -xl__hover__text_teal_200 : Css.Style -xl__hover__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#b2f5ea") - ] - ] - ] - - -xl__hover__text_teal_300 : Css.Style -xl__hover__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#81e6d9") - ] - ] - ] - - -xl__hover__text_teal_400 : Css.Style -xl__hover__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#4fd1c5") - ] - ] - ] - - -xl__hover__text_teal_500 : Css.Style -xl__hover__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#38b2ac") - ] - ] - ] - - -xl__hover__text_teal_600 : Css.Style -xl__hover__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#319795") - ] - ] - ] - - -xl__hover__text_teal_700 : Css.Style -xl__hover__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#2c7a7b") - ] - ] - ] - - -xl__hover__text_teal_800 : Css.Style -xl__hover__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#285e61") - ] - ] - ] - - -xl__hover__text_teal_900 : Css.Style -xl__hover__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#234e52") - ] - ] - ] - - -xl__hover__text_blue_100 : Css.Style -xl__hover__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#ebf8ff") - ] - ] - ] - - -xl__hover__text_blue_200 : Css.Style -xl__hover__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#bee3f8") - ] - ] - ] - - -xl__hover__text_blue_300 : Css.Style -xl__hover__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#90cdf4") - ] - ] - ] - - -xl__hover__text_blue_400 : Css.Style -xl__hover__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#63b3ed") - ] - ] - ] - - -xl__hover__text_blue_500 : Css.Style -xl__hover__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#4299e1") - ] - ] - ] - - -xl__hover__text_blue_600 : Css.Style -xl__hover__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#3182ce") - ] - ] - ] - - -xl__hover__text_blue_700 : Css.Style -xl__hover__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#2b6cb0") - ] - ] - ] - - -xl__hover__text_blue_800 : Css.Style -xl__hover__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#2c5282") - ] - ] - ] - - -xl__hover__text_blue_900 : Css.Style -xl__hover__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#2a4365") - ] - ] - ] - - -xl__hover__text_indigo_100 : Css.Style -xl__hover__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#ebf4ff") - ] - ] - ] - - -xl__hover__text_indigo_200 : Css.Style -xl__hover__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#c3dafe") - ] - ] - ] - - -xl__hover__text_indigo_300 : Css.Style -xl__hover__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#a3bffa") - ] - ] - ] - - -xl__hover__text_indigo_400 : Css.Style -xl__hover__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#7f9cf5") - ] - ] - ] - - -xl__hover__text_indigo_500 : Css.Style -xl__hover__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#667eea") - ] - ] - ] - - -xl__hover__text_indigo_600 : Css.Style -xl__hover__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#5a67d8") - ] - ] - ] - - -xl__hover__text_indigo_700 : Css.Style -xl__hover__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#4c51bf") - ] - ] - ] - - -xl__hover__text_indigo_800 : Css.Style -xl__hover__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#434190") - ] - ] - ] - - -xl__hover__text_indigo_900 : Css.Style -xl__hover__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#3c366b") - ] - ] - ] - - -xl__hover__text_purple_100 : Css.Style -xl__hover__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#faf5ff") - ] - ] - ] - - -xl__hover__text_purple_200 : Css.Style -xl__hover__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#e9d8fd") - ] - ] - ] - - -xl__hover__text_purple_300 : Css.Style -xl__hover__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#d6bcfa") - ] - ] - ] - - -xl__hover__text_purple_400 : Css.Style -xl__hover__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#b794f4") - ] - ] - ] - - -xl__hover__text_purple_500 : Css.Style -xl__hover__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#9f7aea") - ] - ] - ] - - -xl__hover__text_purple_600 : Css.Style -xl__hover__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#805ad5") - ] - ] - ] - - -xl__hover__text_purple_700 : Css.Style -xl__hover__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#6b46c1") - ] - ] - ] - - -xl__hover__text_purple_800 : Css.Style -xl__hover__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#553c9a") - ] - ] - ] - - -xl__hover__text_purple_900 : Css.Style -xl__hover__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#44337a") - ] - ] - ] - - -xl__hover__text_pink_100 : Css.Style -xl__hover__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#fff5f7") - ] - ] - ] - - -xl__hover__text_pink_200 : Css.Style -xl__hover__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#fed7e2") - ] - ] - ] - - -xl__hover__text_pink_300 : Css.Style -xl__hover__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#fbb6ce") - ] - ] - ] - - -xl__hover__text_pink_400 : Css.Style -xl__hover__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#f687b3") - ] - ] - ] - - -xl__hover__text_pink_500 : Css.Style -xl__hover__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#ed64a6") - ] - ] - ] - - -xl__hover__text_pink_600 : Css.Style -xl__hover__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#d53f8c") - ] - ] - ] - - -xl__hover__text_pink_700 : Css.Style -xl__hover__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#b83280") - ] - ] - ] - - -xl__hover__text_pink_800 : Css.Style -xl__hover__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#97266d") - ] - ] - ] - - -xl__hover__text_pink_900 : Css.Style -xl__hover__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.color (Css.hex "#702459") - ] - ] - ] - - -xl__focus__text_transparent : Css.Style -xl__focus__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -xl__focus__text_current : Css.Style -xl__focus__text_current = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -xl__focus__text_black : Css.Style -xl__focus__text_black = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#000") - ] - ] - ] - - -xl__focus__text_white : Css.Style -xl__focus__text_white = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff") - ] - ] - ] - - -xl__focus__text_gray_100 : Css.Style -xl__focus__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#f7fafc") - ] - ] - ] - - -xl__focus__text_gray_200 : Css.Style -xl__focus__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#edf2f7") - ] - ] - ] - - -xl__focus__text_gray_300 : Css.Style -xl__focus__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#e2e8f0") - ] - ] - ] - - -xl__focus__text_gray_400 : Css.Style -xl__focus__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#cbd5e0") - ] - ] - ] - - -xl__focus__text_gray_500 : Css.Style -xl__focus__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#a0aec0") - ] - ] - ] - - -xl__focus__text_gray_600 : Css.Style -xl__focus__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#718096") - ] - ] - ] - - -xl__focus__text_gray_700 : Css.Style -xl__focus__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#4a5568") - ] - ] - ] - - -xl__focus__text_gray_800 : Css.Style -xl__focus__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#2d3748") - ] - ] - ] - - -xl__focus__text_gray_900 : Css.Style -xl__focus__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#1a202c") - ] - ] - ] - - -xl__focus__text_red_100 : Css.Style -xl__focus__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f5") - ] - ] - ] - - -xl__focus__text_red_200 : Css.Style -xl__focus__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7d7") - ] - ] - ] - - -xl__focus__text_red_300 : Css.Style -xl__focus__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#feb2b2") - ] - ] - ] - - -xl__focus__text_red_400 : Css.Style -xl__focus__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fc8181") - ] - ] - ] - - -xl__focus__text_red_500 : Css.Style -xl__focus__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#f56565") - ] - ] - ] - - -xl__focus__text_red_600 : Css.Style -xl__focus__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#e53e3e") - ] - ] - ] - - -xl__focus__text_red_700 : Css.Style -xl__focus__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#c53030") - ] - ] - ] - - -xl__focus__text_red_800 : Css.Style -xl__focus__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#9b2c2c") - ] - ] - ] - - -xl__focus__text_red_900 : Css.Style -xl__focus__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#742a2a") - ] - ] - ] - - -xl__focus__text_orange_100 : Css.Style -xl__focus__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffaf0") - ] - ] - ] - - -xl__focus__text_orange_200 : Css.Style -xl__focus__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#feebc8") - ] - ] - ] - - -xl__focus__text_orange_300 : Css.Style -xl__focus__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbd38d") - ] - ] - ] - - -xl__focus__text_orange_400 : Css.Style -xl__focus__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6ad55") - ] - ] - ] - - -xl__focus__text_orange_500 : Css.Style -xl__focus__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed8936") - ] - ] - ] - - -xl__focus__text_orange_600 : Css.Style -xl__focus__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#dd6b20") - ] - ] - ] - - -xl__focus__text_orange_700 : Css.Style -xl__focus__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#c05621") - ] - ] - ] - - -xl__focus__text_orange_800 : Css.Style -xl__focus__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#9c4221") - ] - ] - ] - - -xl__focus__text_orange_900 : Css.Style -xl__focus__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#7b341e") - ] - ] - ] - - -xl__focus__text_yellow_100 : Css.Style -xl__focus__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fffff0") - ] - ] - ] - - -xl__focus__text_yellow_200 : Css.Style -xl__focus__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fefcbf") - ] - ] - ] - - -xl__focus__text_yellow_300 : Css.Style -xl__focus__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf089") - ] - ] - ] - - -xl__focus__text_yellow_400 : Css.Style -xl__focus__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#f6e05e") - ] - ] - ] - - -xl__focus__text_yellow_500 : Css.Style -xl__focus__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#ecc94b") - ] - ] - ] - - -xl__focus__text_yellow_600 : Css.Style -xl__focus__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#d69e2e") - ] - ] - ] - - -xl__focus__text_yellow_700 : Css.Style -xl__focus__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#b7791f") - ] - ] - ] - - -xl__focus__text_yellow_800 : Css.Style -xl__focus__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#975a16") - ] - ] - ] - - -xl__focus__text_yellow_900 : Css.Style -xl__focus__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#744210") - ] - ] - ] - - -xl__focus__text_green_100 : Css.Style -xl__focus__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#f0fff4") - ] - ] - ] - - -xl__focus__text_green_200 : Css.Style -xl__focus__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#c6f6d5") - ] - ] - ] - - -xl__focus__text_green_300 : Css.Style -xl__focus__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#9ae6b4") - ] - ] - ] - - -xl__focus__text_green_400 : Css.Style -xl__focus__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#68d391") - ] - ] - ] - - -xl__focus__text_green_500 : Css.Style -xl__focus__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#48bb78") - ] - ] - ] - - -xl__focus__text_green_600 : Css.Style -xl__focus__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#38a169") - ] - ] - ] - - -xl__focus__text_green_700 : Css.Style -xl__focus__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#2f855a") - ] - ] - ] - - -xl__focus__text_green_800 : Css.Style -xl__focus__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#276749") - ] - ] - ] - - -xl__focus__text_green_900 : Css.Style -xl__focus__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#22543d") - ] - ] - ] - - -xl__focus__text_teal_100 : Css.Style -xl__focus__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#e6fffa") - ] - ] - ] - - -xl__focus__text_teal_200 : Css.Style -xl__focus__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#b2f5ea") - ] - ] - ] - - -xl__focus__text_teal_300 : Css.Style -xl__focus__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#81e6d9") - ] - ] - ] - - -xl__focus__text_teal_400 : Css.Style -xl__focus__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#4fd1c5") - ] - ] - ] - - -xl__focus__text_teal_500 : Css.Style -xl__focus__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#38b2ac") - ] - ] - ] - - -xl__focus__text_teal_600 : Css.Style -xl__focus__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#319795") - ] - ] - ] - - -xl__focus__text_teal_700 : Css.Style -xl__focus__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c7a7b") - ] - ] - ] - - -xl__focus__text_teal_800 : Css.Style -xl__focus__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#285e61") - ] - ] - ] - - -xl__focus__text_teal_900 : Css.Style -xl__focus__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#234e52") - ] - ] - ] - - -xl__focus__text_blue_100 : Css.Style -xl__focus__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf8ff") - ] - ] - ] - - -xl__focus__text_blue_200 : Css.Style -xl__focus__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#bee3f8") - ] - ] - ] - - -xl__focus__text_blue_300 : Css.Style -xl__focus__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#90cdf4") - ] - ] - ] - - -xl__focus__text_blue_400 : Css.Style -xl__focus__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#63b3ed") - ] - ] - ] - - -xl__focus__text_blue_500 : Css.Style -xl__focus__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#4299e1") - ] - ] - ] - - -xl__focus__text_blue_600 : Css.Style -xl__focus__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#3182ce") - ] - ] - ] - - -xl__focus__text_blue_700 : Css.Style -xl__focus__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#2b6cb0") - ] - ] - ] - - -xl__focus__text_blue_800 : Css.Style -xl__focus__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#2c5282") - ] - ] - ] - - -xl__focus__text_blue_900 : Css.Style -xl__focus__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#2a4365") - ] - ] - ] - - -xl__focus__text_indigo_100 : Css.Style -xl__focus__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#ebf4ff") - ] - ] - ] - - -xl__focus__text_indigo_200 : Css.Style -xl__focus__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#c3dafe") - ] - ] - ] - - -xl__focus__text_indigo_300 : Css.Style -xl__focus__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#a3bffa") - ] - ] - ] - - -xl__focus__text_indigo_400 : Css.Style -xl__focus__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#7f9cf5") - ] - ] - ] - - -xl__focus__text_indigo_500 : Css.Style -xl__focus__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#667eea") - ] - ] - ] - - -xl__focus__text_indigo_600 : Css.Style -xl__focus__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#5a67d8") - ] - ] - ] - - -xl__focus__text_indigo_700 : Css.Style -xl__focus__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#4c51bf") - ] - ] - ] - - -xl__focus__text_indigo_800 : Css.Style -xl__focus__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#434190") - ] - ] - ] - - -xl__focus__text_indigo_900 : Css.Style -xl__focus__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#3c366b") - ] - ] - ] - - -xl__focus__text_purple_100 : Css.Style -xl__focus__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#faf5ff") - ] - ] - ] - - -xl__focus__text_purple_200 : Css.Style -xl__focus__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#e9d8fd") - ] - ] - ] - - -xl__focus__text_purple_300 : Css.Style -xl__focus__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#d6bcfa") - ] - ] - ] - - -xl__focus__text_purple_400 : Css.Style -xl__focus__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#b794f4") - ] - ] - ] - - -xl__focus__text_purple_500 : Css.Style -xl__focus__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#9f7aea") - ] - ] - ] - - -xl__focus__text_purple_600 : Css.Style -xl__focus__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#805ad5") - ] - ] - ] - - -xl__focus__text_purple_700 : Css.Style -xl__focus__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#6b46c1") - ] - ] - ] - - -xl__focus__text_purple_800 : Css.Style -xl__focus__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#553c9a") - ] - ] - ] - - -xl__focus__text_purple_900 : Css.Style -xl__focus__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#44337a") - ] - ] - ] - - -xl__focus__text_pink_100 : Css.Style -xl__focus__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fff5f7") - ] - ] - ] - - -xl__focus__text_pink_200 : Css.Style -xl__focus__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fed7e2") - ] - ] - ] - - -xl__focus__text_pink_300 : Css.Style -xl__focus__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#fbb6ce") - ] - ] - ] - - -xl__focus__text_pink_400 : Css.Style -xl__focus__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#f687b3") - ] - ] - ] - - -xl__focus__text_pink_500 : Css.Style -xl__focus__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#ed64a6") - ] - ] - ] - - -xl__focus__text_pink_600 : Css.Style -xl__focus__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#d53f8c") - ] - ] - ] - - -xl__focus__text_pink_700 : Css.Style -xl__focus__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#b83280") - ] - ] - ] - - -xl__focus__text_pink_800 : Css.Style -xl__focus__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#97266d") - ] - ] - ] - - -xl__focus__text_pink_900 : Css.Style -xl__focus__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.color (Css.hex "#702459") - ] - ] - ] - - -xl__italic : Css.Style -xl__italic = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontStyle Css.italic - ] - ] - - -xl__not_italic : Css.Style -xl__not_italic = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.fontStyle Css.normal - ] - ] - - -xl__uppercase : Css.Style -xl__uppercase = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.textTransform Css.uppercase - ] - ] - - -xl__lowercase : Css.Style -xl__lowercase = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.textTransform Css.lowercase - ] - ] - - -xl__capitalize : Css.Style -xl__capitalize = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.textTransform Css.capitalize - ] - ] - - -xl__normal_case : Css.Style -xl__normal_case = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.textTransform Css.none - ] - ] - - -xl__underline : Css.Style -xl__underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.textDecoration Css.underline - ] - ] - - -xl__line_through : Css.Style -xl__line_through = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.textDecoration Css.lineThrough - ] - ] - - -xl__no_underline : Css.Style -xl__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.textDecoration Css.none - ] - ] - - -xl__hover__underline : Css.Style -xl__hover__underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.textDecoration Css.underline - ] - ] - ] - - -xl__hover__line_through : Css.Style -xl__hover__line_through = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -xl__hover__no_underline : Css.Style -xl__hover__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.hover - [ Css.textDecoration Css.none - ] - ] - ] - - -xl__focus__underline : Css.Style -xl__focus__underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.textDecoration Css.underline - ] - ] - ] - - -xl__focus__line_through : Css.Style -xl__focus__line_through = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -xl__focus__no_underline : Css.Style -xl__focus__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.focus - [ Css.textDecoration Css.none - ] - ] - ] - - -xl__antialiased : Css.Style -xl__antialiased = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "-webkit-font-smoothing" "antialiased" - , Css.property "-moz-osx-font-smoothing" "grayscale" - ] - ] - - -xl__subpixel_antialiased : Css.Style -xl__subpixel_antialiased = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "-webkit-font-smoothing" "auto" - , Css.property "-moz-osx-font-smoothing" "auto" - ] - ] - - -xl__tracking_tighter : Css.Style -xl__tracking_tighter = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.letterSpacing (Css.em -0.05) - ] - ] - - -xl__tracking_tight : Css.Style -xl__tracking_tight = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.letterSpacing (Css.em -0.025) - ] - ] - - -xl__tracking_normal : Css.Style -xl__tracking_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.letterSpacing (Css.px 0) - ] - ] - - -xl__tracking_wide : Css.Style -xl__tracking_wide = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.letterSpacing (Css.em 0.025) - ] - ] - - -xl__tracking_wider : Css.Style -xl__tracking_wider = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.letterSpacing (Css.em 0.05) - ] - ] - - -xl__tracking_widest : Css.Style -xl__tracking_widest = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.letterSpacing (Css.em 0.1) - ] - ] - - -xl__select_none : Css.Style -xl__select_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "user-select" "none" - ] - ] - - -xl__select_text : Css.Style -xl__select_text = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "user-select" "text" - ] - ] - - -xl__select_all : Css.Style -xl__select_all = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "user-select" "all" - ] - ] - - -xl__select_auto : Css.Style -xl__select_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "user-select" "auto" - ] - ] - - -xl__align_baseline : Css.Style -xl__align_baseline = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.verticalAlign Css.baseline - ] - ] - - -xl__align_top : Css.Style -xl__align_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.verticalAlign Css.top - ] - ] - - -xl__align_middle : Css.Style -xl__align_middle = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.verticalAlign Css.middle - ] - ] - - -xl__align_bottom : Css.Style -xl__align_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.verticalAlign Css.bottom - ] - ] - - -xl__align_text_top : Css.Style -xl__align_text_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.verticalAlign Css.textTop - ] - ] - - -xl__align_text_bottom : Css.Style -xl__align_text_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.verticalAlign Css.textBottom - ] - ] - - -xl__visible : Css.Style -xl__visible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.visibility Css.visible - ] - ] - - -xl__invisible : Css.Style -xl__invisible = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.visibility Css.hidden - ] - ] - - -xl__whitespace_normal : Css.Style -xl__whitespace_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.whiteSpace Css.normal - ] - ] - - -xl__whitespace_no_wrap : Css.Style -xl__whitespace_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.whiteSpace Css.noWrap - ] - ] - - -xl__whitespace_pre : Css.Style -xl__whitespace_pre = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.whiteSpace Css.pre - ] - ] - - -xl__whitespace_pre_line : Css.Style -xl__whitespace_pre_line = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.whiteSpace Css.preLine - ] - ] - - -xl__whitespace_pre_wrap : Css.Style -xl__whitespace_pre_wrap = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.whiteSpace Css.preWrap - ] - ] - - -xl__break_normal : Css.Style -xl__break_normal = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflowWrap Css.normal - , Css.property "word-break" "normal" - ] - ] - - -xl__break_words : Css.Style -xl__break_words = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflowWrap Css.breakWord - ] - ] - - -xl__break_all : Css.Style -xl__break_all = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "word-break" "break-all" - ] - ] - - -xl__truncate : Css.Style -xl__truncate = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.overflow Css.hidden - , Css.textOverflow Css.ellipsis - , Css.whiteSpace Css.noWrap - ] - ] - - -xl__w_0 : Css.Style -xl__w_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.px 0) - ] - ] - - -xl__w_1 : Css.Style -xl__w_1 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 0.25) - ] - ] - - -xl__w_2 : Css.Style -xl__w_2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 0.5) - ] - ] - - -xl__w_3 : Css.Style -xl__w_3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 0.75) - ] - ] - - -xl__w_4 : Css.Style -xl__w_4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 1) - ] - ] - - -xl__w_5 : Css.Style -xl__w_5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 1.25) - ] - ] - - -xl__w_6 : Css.Style -xl__w_6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 1.5) - ] - ] - - -xl__w_8 : Css.Style -xl__w_8 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 2) - ] - ] - - -xl__w_10 : Css.Style -xl__w_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 2.5) - ] - ] - - -xl__w_12 : Css.Style -xl__w_12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 3) - ] - ] - - -xl__w_16 : Css.Style -xl__w_16 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 4) - ] - ] - - -xl__w_20 : Css.Style -xl__w_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 5) - ] - ] - - -xl__w_24 : Css.Style -xl__w_24 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 6) - ] - ] - - -xl__w_32 : Css.Style -xl__w_32 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 8) - ] - ] - - -xl__w_40 : Css.Style -xl__w_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 10) - ] - ] - - -xl__w_48 : Css.Style -xl__w_48 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 12) - ] - ] - - -xl__w_56 : Css.Style -xl__w_56 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 14) - ] - ] - - -xl__w_64 : Css.Style -xl__w_64 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.rem 16) - ] - ] - - -xl__w_auto : Css.Style -xl__w_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width Css.auto - ] - ] - - -xl__w_px : Css.Style -xl__w_px = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.px 1) - ] - ] - - -xl__w_1over2 : Css.Style -xl__w_1over2 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -xl__w_1over3 : Css.Style -xl__w_1over3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -xl__w_2over3 : Css.Style -xl__w_2over3 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -xl__w_1over4 : Css.Style -xl__w_1over4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 25) - ] - ] - - -xl__w_2over4 : Css.Style -xl__w_2over4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -xl__w_3over4 : Css.Style -xl__w_3over4 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 75) - ] - ] - - -xl__w_1over5 : Css.Style -xl__w_1over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 20) - ] - ] - - -xl__w_2over5 : Css.Style -xl__w_2over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 40) - ] - ] - - -xl__w_3over5 : Css.Style -xl__w_3over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 60) - ] - ] - - -xl__w_4over5 : Css.Style -xl__w_4over5 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 80) - ] - ] - - -xl__w_1over6 : Css.Style -xl__w_1over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -xl__w_2over6 : Css.Style -xl__w_2over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -xl__w_3over6 : Css.Style -xl__w_3over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -xl__w_4over6 : Css.Style -xl__w_4over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -xl__w_5over6 : Css.Style -xl__w_5over6 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -xl__w_1over12 : Css.Style -xl__w_1over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 8.333333) - ] - ] - - -xl__w_2over12 : Css.Style -xl__w_2over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -xl__w_3over12 : Css.Style -xl__w_3over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 25) - ] - ] - - -xl__w_4over12 : Css.Style -xl__w_4over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -xl__w_5over12 : Css.Style -xl__w_5over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 41.666667) - ] - ] - - -xl__w_6over12 : Css.Style -xl__w_6over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 50) - ] - ] - - -xl__w_7over12 : Css.Style -xl__w_7over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 58.333333) - ] - ] - - -xl__w_8over12 : Css.Style -xl__w_8over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -xl__w_9over12 : Css.Style -xl__w_9over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 75) - ] - ] - - -xl__w_10over12 : Css.Style -xl__w_10over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -xl__w_11over12 : Css.Style -xl__w_11over12 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 91.666667) - ] - ] - - -xl__w_full : Css.Style -xl__w_full = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.pct 100) - ] - ] - - -xl__w_screen : Css.Style -xl__w_screen = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.width (Css.vw 100) - ] - ] - - -xl__z_0 : Css.Style -xl__z_0 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.zIndex (Css.int 0) - ] - ] - - -xl__z_10 : Css.Style -xl__z_10 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.zIndex (Css.int 10) - ] - ] - - -xl__z_20 : Css.Style -xl__z_20 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.zIndex (Css.int 20) - ] - ] - - -xl__z_30 : Css.Style -xl__z_30 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.zIndex (Css.int 30) - ] - ] - - -xl__z_40 : Css.Style -xl__z_40 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.zIndex (Css.int 40) - ] - ] - - -xl__z_50 : Css.Style -xl__z_50 = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.zIndex (Css.int 50) - ] - ] - - -xl__z_auto : Css.Style -xl__z_auto = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.zIndex Css.auto - ] - ] - - -xl__transform_none : Css.Style -xl__transform_none = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.transform Css.none - ] - ] - - -xl__origin_center : Css.Style -xl__origin_center = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "transform-origin" "center" - ] - ] - - -xl__origin_top : Css.Style -xl__origin_top = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "transform-origin" "top" - ] - ] - - -xl__origin_top_right : Css.Style -xl__origin_top_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "transform-origin" "top right" - ] - ] - - -xl__origin_right : Css.Style -xl__origin_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "transform-origin" "right" - ] - ] - - -xl__origin_bottom_right : Css.Style -xl__origin_bottom_right = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "transform-origin" "bottom right" - ] - ] - - -xl__origin_bottom : Css.Style -xl__origin_bottom = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "transform-origin" "bottom" - ] - ] - - -xl__origin_bottom_left : Css.Style -xl__origin_bottom_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "transform-origin" "bottom left" - ] - ] - - -xl__origin_left : Css.Style -xl__origin_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "transform-origin" "left" - ] - ] - - -xl__origin_top_left : Css.Style -xl__origin_top_left = - Css.batch - [ Css.Media.withMediaQuery [ "(min-width: 1280px)" ] - [ Css.property "transform-origin" "top left" - ] - ] diff --git a/helpers.js b/helpers.js index 7e63de7..ee070f9 100644 --- a/helpers.js +++ b/helpers.js @@ -1,320 +1,3 @@ -// code gen stuff - -// this is a map of declarations and values that either aren't supported by elm-css, -// or there is not a super straight-forward conversion, or I'm too lazy. Keep this list as small as possible -const notSupported = { - appearance: "*", - display: ["flow-root", "inline-grid", "grid"], - "box-shadow": "*", // the values in Tailwind don't easily map to the mult-param version in elm - "background-position": "*", - clip: "*", // rect looks more complicated at the moment than I want to deal with - flex: "*", //the order of flex3 doesn't match directly. Will need better parsing - "align-content": "*", // couldn't see an align-content. Punting - "align-self": ["auto"], // not supported https://package.elm-lang.org/packages/rtfeldman/elm-css/latest/Css#alignSelf - "justify-content": ["space-evenly"], // didn't see a value - "font-family": "*", //font family was easier just to take the string - content: "*", // no support from what I can tell - "object-fit": "*", - "object-position": "*", - cursor: ["text"], - clear: "*", - "stroke-width": "*", - stroke: "*", - "transform-origin": "*", - "word-break": "*", - "user-select": "*", - float: "*", // getting lazy - outline: ["0"], // I think needs an explicit 'none' type - // "grid-row": "*", - // "grid-row-start": "*", - // "grid-template-rows": "*", - // "grid-template-columns": "*", - // "grid-column": "*", - "-webkit-overflow-scrolling": "*", - "-webkit-font-smoothing": "*", - "-moz-osx-font-smoothing": "*", -}; - -function elmBodyCss(elmModuleName, classes) { - return ( - elmHeaderCss(elmModuleName, classes) + - elmBody({ type: "Css.Style" }, classes) - ); -} - -function elmHeaderExports(classes) { - let tmp = Array.from(classes.values()).map((v) => v.elmName); - - tmp.sort(); - return tmp.join("\n , "); -} - -function elmHeaderCss(elmModuleName, classes) { - l = elmHeaderExports(classes); - - return `module ${elmModuleName} exposing - ( ${l} - ) - -import Css -import Css.Media - -`; -} - -function elmBody(config, classes) { - let body = ""; - for (let [cls, elm] of classes) { - body = body + elmFunction(config, { cls, elm }); - } - return body; -} - -function elmFunction(config, { cls, elm }) { - return ` - -${elm.elmName} : ${config.type} -${elm.elmName} = - Css.batch [ - ${mediaQueryContainer( - elm.mediaQuery, - pseudoSelectorContainer( - elm.pseudoSelector, - elm.declarations.map((d) => convertDeclaration(d)).join(", \n ") - ) - )} - ] -`; -} - -/** - * wrap a Css declaration with a media query wrapper - */ -function mediaQueryContainer(mediaQuery, declarationString) { - if (mediaQuery) { - return `Css.Media.withMediaQuery ["${mediaQuery}"] [ - ${declarationString} - ]`; - } else { - return declarationString; - } -} - -/** - * wrap a CSS declaration with a pseudo selector (e.g. focus) - */ -function pseudoSelectorContainer(pseudoSelector, declarationString) { - if (pseudoSelector) { - return `Css.${pseudoSelector} [ - ${declarationString} - ]`; - } else { - return declarationString; - } -} - -function convertDeclaration(declaration) { - let elmCssFunctionName; - let elmCssFunctionUnit; - // console.log("convertDeclaration -> declaration", declaration); - const isCustomProperty = declaration.prop.startsWith("--"); - - const valueSeparateUnits = declaration.value.split(" "); - - // filtering these out in index.js for now, but the start of support - if (isCustomProperty) { - return `Css.property "${declaration.prop}" "${declaration.value}"`; - } else if ( - notSupported[declaration.prop] && - (notSupported[declaration.prop] === "*" || - notSupported[declaration.prop].includes(declaration.value)) - ) { - // if one or all of the declarations are not supported, drop back to Css.property - return `Css.property "${declaration.prop}" "${declaration.value.replace( - /"/g, - '\\"' - )}"`; - } else { - if (isCamelizable(declaration.prop)) { - elmCssFunctionName = camelize(declaration.prop); - } - - // display: flex so far is the only one that needs to do this. Any more and we will extract - if (declaration.prop === "display" && declaration.value === "flex") { - return "Css.displayFlex"; - } - - // if a declaration value had multi word, we need to convert it to a - // elm function with like backgroundPosition2 - elmCssFunctionName += - valueSeparateUnits.length > 1 ? valueSeparateUnits.length.toString() : ""; - - elmCssFunctionUnit = valueSeparateUnits - .map((w) => convertDeclarationValue(declaration.prop, w)) - .join(" "); - - return `Css.${elmCssFunctionName} ${elmCssFunctionUnit}`; - } -} -function convertDeclarationValue(declarationProp, declarationValue) { - let numericalVal; - let unit; - // 1rem, 1px - let numberPlusUnit = declarationValue.match(/(-?[\d\.]+)([a-z]*)/); - - // percent - let percentValue = declarationValue.match(/([-]?[0-9]*\.?[0-9]+)\%/); - - // font-weight: 100 - let intValue = declarationValue.match(/([-]?[0-9]+)$/); - - //opacity: 0.25 - let numValue = declarationValue.match(/([-]?[0-9]*\.[0-9]+)$/); - - // #123455 - let hexValue = declarationValue.match(/#[a-z0-9]*/); - - // careful mucking with the order. There is fall through logic like 0 is an int, but we need it as a px - if (hexValue) { - return `(Css.hex "${declarationValue}")`; - } else if ( - declarationValue === "0" && - ![ - "opacity", - "flex-shrink", - "flex-grow", - "flex", - "order", - "outline", - "z-index", - ].includes(declarationProp) - ) { - // plain 0 needs a unit in Elm, so set it to px - return `(Css.px 0)`; - } else if (numValue) { - return `(Css.num ${numValue[1]})`; - } else if (intValue) { - return `(Css.int ${intValue[1]})`; - } else if (!numberPlusUnit) { - // if a single word value like 'auto' then just use that directly - return `Css.${camelize(declarationValue)}`; - } else if (percentValue) { - return `(Css.pct ${percentValue[1]})`; - } else { - numericalVal = numberPlusUnit[1]; - unit = numberPlusUnit[2]; - - // quick dirty way to force decimal values to have leading 0 - return `(Css.${unit} ${Number(numericalVal).toString()})`; - } -} -// parse, clean up stuff - -function camelize(s) { - // a value that has a direct replacement in elm-css. eg: flex-wrap: nowrap needs noWrap - const overrideList = { nowrap: "noWrap" }; - let camelized = s.replace(/-./g, (x) => x.toUpperCase()[1]); - - return overrideList[s] || camelized; -} - -function isCamelizable(prop) { - // went in thinking the list of camel casing would be small in comparison to the one off. Smarter to - // change this to an opt-out list instead of an opt-in. Do this after we get passing tests - const camelizable = [ - "margin", - "margin-top", - "margin-bottom", - "margin-left", - "margin-right", - "padding", - "padding-top", - "padding-bottom", - "padding-left", - "padding-right", - "background-attachment", - "background-color", - "background-position", - "background-repeat", - "background-size", - "text-decoration", - "border-color", - "font-weight", - "color", - "opacity", - "border-bottom-right-radius", - "border-bottom-left-radius", - "border-top-left-radius", - "border-top-right-radius", - "border-radius", - "height", - "width", - "font-size", - "text-align", - "display", - "max-width", - "overflow", - "border-width", - "position", - "table-layout", - "table-fixed", - "flex", - "flex-direction", - "flex-wrap", - "flex-grow", - "flex-shrink", - "align-items", - "align-content", - "align-self", - "justify-content", - "order", - "clear", - "line-height", - "white-space", - "appearance", - "border-collapse", - "border-style", - "border-bottom", - "border-top-width", - "border-right-width", - "border-bottom-width", - "border-left-width", - "box-sizing", - "cursor", - "float", - "list-style-position", - "list-style-type", - "max-height", - "min-height", - "min-width", - "outline", - "overflow", - "overflow-x", - "overflow-y", - "pointer-events", - "top", - "bottom", - "left", - "right", - "resize", - "stroke", - "fill", - "text-transform", - "transform", - "stroke", - "font-style", - "letter-spacing", - "visibility", - "vertical-align", - "overflow-wrap", - "word-break", - "text-overflow", - "z-index", - ]; - - return camelizable.indexOf(prop) > -1; -} - function fixClass(cls) { // remove the dot cls = cls.replace(/^(\.)/, ""); @@ -374,49 +57,12 @@ function toElmName(cls, opts) { } return elm; } - -// options stuff - const defaultOpts = { - elmFile: "src/TW.elm", - elmModuleName: "TW", + elmFile: "src/TW/Utilities.elm", + elmModuleName: "TW.Utilities", prefix: "", nameStyle: "snake", - formats: { - /* - string: { - elmFile: "src/TW/String.elm", - elmModuleName: "TW.String" - }, - svg: { - elmFile: "src/TW/Svg.elm", - elmModuleName: "TW.Svg", - } - */ - }, }; - -function cleanOpts(opts) { - opts = { ...defaultOpts, ...opts }; - opts.formats = { ...opts.formats }; - - return opts; -} - -function formats(opts) { - return [cleanFormat(opts, elmBodyCss)]; -} - -function cleanFormat({ elmFile, elmModuleName }, elmBodyFn) { - if (!elmFile) return false; - if (!elmModuleName) return false; - - return { elmFile, elmModuleName, elmBodyFn }; -} - -exports.cleanOpts = cleanOpts; -exports.defaultOpts = defaultOpts; -exports.elmFunction = elmFunction; exports.fixClass = fixClass; -exports.formats = formats; exports.toElmName = toElmName; +exports.defaultOpts = defaultOpts; diff --git a/index.js b/index.js index b7d125c..6ab8df4 100644 --- a/index.js +++ b/index.js @@ -4,73 +4,62 @@ let postcss = require("postcss"); const { execSync } = require("child_process"); const { promisify } = require("util"); const mkdir = promisify(fs.mkdir); -let helpers = require("./helpers.js"); - -let supportedSelectors = { - allClasses: /^\..*$/, -}; - -//TODO -// transitions - -let focusVariantSelectors; - -const unsupportedDeclarationsForNow = []; -let classes = new Map(); +const helpers = require("./helpers.js"); +const breakpointGeneration = require("./code-generators/breakpoints"); +const tailwindUtilityGeneration = require("./code-generators/tailwind-utilities"); module.exports = postcss.plugin("postcss-elm-tailwind", (opts) => { - opts = helpers.cleanOpts(opts); - let rawDeclarations = []; return (root, result) => { - Object.values(supportedSelectors).forEach((supportedRegex) => { - root.walkRules(supportedRegex, (rule) => { - rule.walkDecls((d) => { - let mediaQuery; - if (d.parent && d.parent.parent && d.parent.parent.name === "media") { - mediaQuery = d.parent.parent.params; + const mediaQueryDefinitions = new Map(); + root.walkRules(/^\..*$/, (rule) => { + rule.walkDecls((d) => { + let mediaQuery; + + // Get the media from the current declaration and also save off + // it's definition into the separate map + if (d.parent && d.parent.parent && d.parent.parent.name === "media") { + mediaQuery = d.parent.parent.params; + breakpointName = d.parent.selector.match(/\.([a-zA-Z0-9]*)\\/); + if (breakpointName) { + mediaQueryDefinitions.set( + breakpointName[1], + d.parent.parent.params + ); } + } - rawDeclarations.push({ - selector: d.parent.selector, - prop: d.prop, - value: d.value, - mediaQuery: mediaQuery, - }); + rawDeclarations.push({ + selector: d.parent.selector, + prop: d.prop, + value: d.value, + mediaQuery: mediaQuery, }); }); }); - // let declarations = groupBy(rawDeclarations, "mediaQuery"); - let declarations = groupBy(rawDeclarations, "selector"); - // put back into a real map for handling through the helper functions. - // this can be done way better - for (const [key, value] of Object.entries(declarations)) { - let className = helpers.fixClass(key); - let pseudoSelector = getPseudoSelector(key); - let processedDeclarations = processDeclarations(value); - // only add if we didn't filter out all unsupported declarations - if (processedDeclarations.length > 0) { - classes.set(key, { - cleanedClassName: className, - elmName: helpers.toElmName(className), - pseudoSelector: pseudoSelector, - declarations: processedDeclarations, - // clumsy way to do this. Since we group by selector, we can just get the media query from the first child - mediaQuery: processedDeclarations[0].mediaQuery, - }); - } - } + // remove the declarations with media queries as now we are not generating functions for them + let classes = fromDeclarationListToMap( + rawDeclarations.filter((d) => !d.mediaQuery) + ); - const formats = helpers - .formats(opts) + const breakpointsFormats = breakpointGeneration + .formats(breakpointGeneration.cleanOpts({})) + .map(({ elmFile, elmModuleName, elmBodyFn }) => { + return writeFile( + elmFile, + elmBodyFn(elmModuleName, mediaQueryDefinitions) + ); + }); + const formats = tailwindUtilityGeneration + .formats(tailwindUtilityGeneration.cleanOpts({})) .map(({ elmFile, elmModuleName, elmBodyFn }) => writeFile(elmFile, elmBodyFn(elmModuleName, classes)) ); - return tap(Promise.all(formats), (p) => + return tap(Promise.all([...formats, ...breakpointsFormats]), (p) => p.then((files) => { // run elm-format on the output file for good measure - execSync(`elm-format --yes ${files}`); + execSync(`elm-format --yes ${files.join(" ")}`); console.log("Saved", files); }) ); @@ -89,6 +78,33 @@ async function writeFile(fname, content) { ); } +function fromDeclarationListToMap(rawDeclarations) { + const classes = new Map(); + + let declarations = groupBy(rawDeclarations, "selector"); + + // put back into a real map for handling through the helper functions. + // this can be done way better + for (const [key, value] of Object.entries(declarations)) { + let className = helpers.fixClass(key); + let pseudoSelector = getPseudoSelector(key); + let processedDeclarations = processDeclarations(value); + // only add if we didn't filter out all unsupported declarations + if (processedDeclarations.length > 0) { + classes.set(key, { + cleanedClassName: className, + elmName: helpers.toElmName(className), + pseudoSelector: pseudoSelector, + declarations: processedDeclarations, + // clumsy way to do this. Since we group by selector, we can just get the media query from the first child + mediaQuery: processedDeclarations[0].mediaQuery, + }); + } + } + + return classes; +} + function processDeclarations(declaration) { return ( declaration @@ -100,7 +116,6 @@ function processDeclarations(declaration) { .filter( (d) => d.prop.indexOf("--") === -1 && d.value.indexOf("--") === -1 ) - .filter((d) => !unsupportedDeclarationsForNow.includes(d.prop)) ); } function getPseudoSelector(selector) { diff --git a/package.json b/package.json index 95898f0..40e1ee2 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,8 @@ "main": "index.js", "scripts": { "test": "npm run test:elm-compile && jest", - "test:elm-compile": "cd test && postcss -o dist/main.css tailwind.css && elm make src/TW.elm" + "test:elm-compile": "cd test && postcss -o dist/main.css tailwind.css && elm make src/TW/Utilities.elm && elm make src/TW/Breakpoints.elm", + "test:node-only": "cd test && postcss -o dist/main.css tailwind.css" }, "keywords": [ "postcss", diff --git a/test/elm.json b/test/elm.json index 16f847e..1e0c755 100644 --- a/test/elm.json +++ b/test/elm.json @@ -9,6 +9,7 @@ "elm/browser": "1.0.2", "elm/core": "1.0.5", "elm/html": "1.0.0", + "elm/regex": "1.0.0", "rtfeldman/elm-css": "16.0.1" }, "indirect": { diff --git a/test/specs/__snapshots__/basics.spec.js.snap b/test/specs/__snapshots__/basics.spec.js.snap index 0947c2f..c564ad0 100644 --- a/test/specs/__snapshots__/basics.spec.js.snap +++ b/test/specs/__snapshots__/basics.spec.js.snap @@ -1,7 +1,71 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`snapshot test 1`] = ` -"module TW exposing +exports[`snapshot output of Breakpoint Module 1`] = ` +"module TW.Breakpoints exposing + ( atBreakpoint + , lg + , md + , sm + , xl + ) + +import Css +import Css.Media +import Regex + + +type Breakpoint + = Breakpoint String + + + +-- Guarantees that the list of styles gets applied in \\"ascending \\" breakpoing order, so no styles get covered up by the order +-- in which they are defined in the elm-css generated stylesheet + + +atBreakpoint : List ( Breakpoint, Css.Style ) -> Css.Style +atBreakpoint styles = + let + numberRegex : Regex.Regex + numberRegex = + Maybe.withDefault Regex.never <| Regex.fromString \\"\\\\\\\\d+\\" + in + styles + |> List.sortWith + (\\\\( Breakpoint mq1, _ ) ( Breakpoint mq2, _ ) -> + ( List.head (Regex.find numberRegex mq1) |> Maybe.map .match |> Maybe.andThen String.toInt |> Maybe.withDefault 0 + , List.head (Regex.find numberRegex mq2) |> Maybe.map .match |> Maybe.andThen String.toInt |> Maybe.withDefault 0 + ) + |> (\\\\( size1, size2 ) -> compare size1 size2) + ) + |> List.reverse + |> List.map (\\\\( Breakpoint mq, s ) -> Css.batch [ Css.Media.withMediaQuery [ mq ] [ s ] ]) + |> Css.batch + + +sm : Breakpoint +sm = + Breakpoint \\"(min-width: 640px)\\" + + +md : Breakpoint +md = + Breakpoint \\"(min-width: 768px)\\" + + +lg : Breakpoint +lg = + Breakpoint \\"(min-width: 1024px)\\" + + +xl : Breakpoint +xl = + Breakpoint \\"(min-width: 1280px)\\" +" +`; + +exports[`snapshot output of Utility module 1`] = ` +"module TW.Utilities exposing ( absolute , align_baseline , align_bottom @@ -1185,2056 +1249,6 @@ exports[`snapshot test 1`] = ` , leading_tight , left_0 , left_auto - , lg__absolute - , lg__align_baseline - , lg__align_bottom - , lg__align_middle - , lg__align_text_bottom - , lg__align_text_top - , lg__align_top - , lg__antialiased - , lg__appearance_none - , lg__bg_auto - , lg__bg_black - , lg__bg_blue_100 - , lg__bg_blue_200 - , lg__bg_blue_300 - , lg__bg_blue_400 - , lg__bg_blue_500 - , lg__bg_blue_600 - , lg__bg_blue_700 - , lg__bg_blue_800 - , lg__bg_blue_900 - , lg__bg_bottom - , lg__bg_center - , lg__bg_contain - , lg__bg_cover - , lg__bg_current - , lg__bg_fixed - , lg__bg_gray_100 - , lg__bg_gray_200 - , lg__bg_gray_300 - , lg__bg_gray_400 - , lg__bg_gray_500 - , lg__bg_gray_600 - , lg__bg_gray_700 - , lg__bg_gray_800 - , lg__bg_gray_900 - , lg__bg_green_100 - , lg__bg_green_200 - , lg__bg_green_300 - , lg__bg_green_400 - , lg__bg_green_500 - , lg__bg_green_600 - , lg__bg_green_700 - , lg__bg_green_800 - , lg__bg_green_900 - , lg__bg_indigo_100 - , lg__bg_indigo_200 - , lg__bg_indigo_300 - , lg__bg_indigo_400 - , lg__bg_indigo_500 - , lg__bg_indigo_600 - , lg__bg_indigo_700 - , lg__bg_indigo_800 - , lg__bg_indigo_900 - , lg__bg_left - , lg__bg_left_bottom - , lg__bg_left_top - , lg__bg_local - , lg__bg_no_repeat - , lg__bg_orange_100 - , lg__bg_orange_200 - , lg__bg_orange_300 - , lg__bg_orange_400 - , lg__bg_orange_500 - , lg__bg_orange_600 - , lg__bg_orange_700 - , lg__bg_orange_800 - , lg__bg_orange_900 - , lg__bg_pink_100 - , lg__bg_pink_200 - , lg__bg_pink_300 - , lg__bg_pink_400 - , lg__bg_pink_500 - , lg__bg_pink_600 - , lg__bg_pink_700 - , lg__bg_pink_800 - , lg__bg_pink_900 - , lg__bg_purple_100 - , lg__bg_purple_200 - , lg__bg_purple_300 - , lg__bg_purple_400 - , lg__bg_purple_500 - , lg__bg_purple_600 - , lg__bg_purple_700 - , lg__bg_purple_800 - , lg__bg_purple_900 - , lg__bg_red_100 - , lg__bg_red_200 - , lg__bg_red_300 - , lg__bg_red_400 - , lg__bg_red_500 - , lg__bg_red_600 - , lg__bg_red_700 - , lg__bg_red_800 - , lg__bg_red_900 - , lg__bg_repeat - , lg__bg_repeat_round - , lg__bg_repeat_space - , lg__bg_repeat_x - , lg__bg_repeat_y - , lg__bg_right - , lg__bg_right_bottom - , lg__bg_right_top - , lg__bg_scroll - , lg__bg_teal_100 - , lg__bg_teal_200 - , lg__bg_teal_300 - , lg__bg_teal_400 - , lg__bg_teal_500 - , lg__bg_teal_600 - , lg__bg_teal_700 - , lg__bg_teal_800 - , lg__bg_teal_900 - , lg__bg_top - , lg__bg_transparent - , lg__bg_white - , lg__bg_yellow_100 - , lg__bg_yellow_200 - , lg__bg_yellow_300 - , lg__bg_yellow_400 - , lg__bg_yellow_500 - , lg__bg_yellow_600 - , lg__bg_yellow_700 - , lg__bg_yellow_800 - , lg__bg_yellow_900 - , lg__block - , lg__border - , lg__border_0 - , lg__border_2 - , lg__border_4 - , lg__border_8 - , lg__border_b - , lg__border_b_0 - , lg__border_b_2 - , lg__border_b_4 - , lg__border_b_8 - , lg__border_black - , lg__border_blue_100 - , lg__border_blue_200 - , lg__border_blue_300 - , lg__border_blue_400 - , lg__border_blue_500 - , lg__border_blue_600 - , lg__border_blue_700 - , lg__border_blue_800 - , lg__border_blue_900 - , lg__border_collapse - , lg__border_current - , lg__border_dashed - , lg__border_dotted - , lg__border_double - , lg__border_gray_100 - , lg__border_gray_200 - , lg__border_gray_300 - , lg__border_gray_400 - , lg__border_gray_500 - , lg__border_gray_600 - , lg__border_gray_700 - , lg__border_gray_800 - , lg__border_gray_900 - , lg__border_green_100 - , lg__border_green_200 - , lg__border_green_300 - , lg__border_green_400 - , lg__border_green_500 - , lg__border_green_600 - , lg__border_green_700 - , lg__border_green_800 - , lg__border_green_900 - , lg__border_indigo_100 - , lg__border_indigo_200 - , lg__border_indigo_300 - , lg__border_indigo_400 - , lg__border_indigo_500 - , lg__border_indigo_600 - , lg__border_indigo_700 - , lg__border_indigo_800 - , lg__border_indigo_900 - , lg__border_l - , lg__border_l_0 - , lg__border_l_2 - , lg__border_l_4 - , lg__border_l_8 - , lg__border_none - , lg__border_orange_100 - , lg__border_orange_200 - , lg__border_orange_300 - , lg__border_orange_400 - , lg__border_orange_500 - , lg__border_orange_600 - , lg__border_orange_700 - , lg__border_orange_800 - , lg__border_orange_900 - , lg__border_pink_100 - , lg__border_pink_200 - , lg__border_pink_300 - , lg__border_pink_400 - , lg__border_pink_500 - , lg__border_pink_600 - , lg__border_pink_700 - , lg__border_pink_800 - , lg__border_pink_900 - , lg__border_purple_100 - , lg__border_purple_200 - , lg__border_purple_300 - , lg__border_purple_400 - , lg__border_purple_500 - , lg__border_purple_600 - , lg__border_purple_700 - , lg__border_purple_800 - , lg__border_purple_900 - , lg__border_r - , lg__border_r_0 - , lg__border_r_2 - , lg__border_r_4 - , lg__border_r_8 - , lg__border_red_100 - , lg__border_red_200 - , lg__border_red_300 - , lg__border_red_400 - , lg__border_red_500 - , lg__border_red_600 - , lg__border_red_700 - , lg__border_red_800 - , lg__border_red_900 - , lg__border_separate - , lg__border_solid - , lg__border_t - , lg__border_t_0 - , lg__border_t_2 - , lg__border_t_4 - , lg__border_t_8 - , lg__border_teal_100 - , lg__border_teal_200 - , lg__border_teal_300 - , lg__border_teal_400 - , lg__border_teal_500 - , lg__border_teal_600 - , lg__border_teal_700 - , lg__border_teal_800 - , lg__border_teal_900 - , lg__border_transparent - , lg__border_white - , lg__border_yellow_100 - , lg__border_yellow_200 - , lg__border_yellow_300 - , lg__border_yellow_400 - , lg__border_yellow_500 - , lg__border_yellow_600 - , lg__border_yellow_700 - , lg__border_yellow_800 - , lg__border_yellow_900 - , lg__bottom_0 - , lg__bottom_auto - , lg__box_border - , lg__box_content - , lg__break_all - , lg__break_normal - , lg__break_words - , lg__capitalize - , lg__clear_both - , lg__clear_left - , lg__clear_none - , lg__clear_right - , lg__clearfix - , lg__container - , lg__content_around - , lg__content_between - , lg__content_center - , lg__content_end - , lg__content_start - , lg__cursor_auto - , lg__cursor_default - , lg__cursor_move - , lg__cursor_not_allowed - , lg__cursor_pointer - , lg__cursor_text - , lg__cursor_wait - , lg__divide_black - , lg__divide_blue_100 - , lg__divide_blue_200 - , lg__divide_blue_300 - , lg__divide_blue_400 - , lg__divide_blue_500 - , lg__divide_blue_600 - , lg__divide_blue_700 - , lg__divide_blue_800 - , lg__divide_blue_900 - , lg__divide_current - , lg__divide_gray_100 - , lg__divide_gray_200 - , lg__divide_gray_300 - , lg__divide_gray_400 - , lg__divide_gray_500 - , lg__divide_gray_600 - , lg__divide_gray_700 - , lg__divide_gray_800 - , lg__divide_gray_900 - , lg__divide_green_100 - , lg__divide_green_200 - , lg__divide_green_300 - , lg__divide_green_400 - , lg__divide_green_500 - , lg__divide_green_600 - , lg__divide_green_700 - , lg__divide_green_800 - , lg__divide_green_900 - , lg__divide_indigo_100 - , lg__divide_indigo_200 - , lg__divide_indigo_300 - , lg__divide_indigo_400 - , lg__divide_indigo_500 - , lg__divide_indigo_600 - , lg__divide_indigo_700 - , lg__divide_indigo_800 - , lg__divide_indigo_900 - , lg__divide_orange_100 - , lg__divide_orange_200 - , lg__divide_orange_300 - , lg__divide_orange_400 - , lg__divide_orange_500 - , lg__divide_orange_600 - , lg__divide_orange_700 - , lg__divide_orange_800 - , lg__divide_orange_900 - , lg__divide_pink_100 - , lg__divide_pink_200 - , lg__divide_pink_300 - , lg__divide_pink_400 - , lg__divide_pink_500 - , lg__divide_pink_600 - , lg__divide_pink_700 - , lg__divide_pink_800 - , lg__divide_pink_900 - , lg__divide_purple_100 - , lg__divide_purple_200 - , lg__divide_purple_300 - , lg__divide_purple_400 - , lg__divide_purple_500 - , lg__divide_purple_600 - , lg__divide_purple_700 - , lg__divide_purple_800 - , lg__divide_purple_900 - , lg__divide_red_100 - , lg__divide_red_200 - , lg__divide_red_300 - , lg__divide_red_400 - , lg__divide_red_500 - , lg__divide_red_600 - , lg__divide_red_700 - , lg__divide_red_800 - , lg__divide_red_900 - , lg__divide_teal_100 - , lg__divide_teal_200 - , lg__divide_teal_300 - , lg__divide_teal_400 - , lg__divide_teal_500 - , lg__divide_teal_600 - , lg__divide_teal_700 - , lg__divide_teal_800 - , lg__divide_teal_900 - , lg__divide_transparent - , lg__divide_white - , lg__divide_yellow_100 - , lg__divide_yellow_200 - , lg__divide_yellow_300 - , lg__divide_yellow_400 - , lg__divide_yellow_500 - , lg__divide_yellow_600 - , lg__divide_yellow_700 - , lg__divide_yellow_800 - , lg__divide_yellow_900 - , lg__fill_current - , lg__fixed - , lg__flex - , lg__flex_1 - , lg__flex_auto - , lg__flex_col - , lg__flex_col_reverse - , lg__flex_grow - , lg__flex_grow_0 - , lg__flex_initial - , lg__flex_no_wrap - , lg__flex_none - , lg__flex_row - , lg__flex_row_reverse - , lg__flex_shrink - , lg__flex_shrink_0 - , lg__flex_wrap - , lg__flex_wrap_reverse - , lg__float_left - , lg__float_none - , lg__float_right - , lg__flow_root - , lg__focus__bg_black - , lg__focus__bg_blue_100 - , lg__focus__bg_blue_200 - , lg__focus__bg_blue_300 - , lg__focus__bg_blue_400 - , lg__focus__bg_blue_500 - , lg__focus__bg_blue_600 - , lg__focus__bg_blue_700 - , lg__focus__bg_blue_800 - , lg__focus__bg_blue_900 - , lg__focus__bg_current - , lg__focus__bg_gray_100 - , lg__focus__bg_gray_200 - , lg__focus__bg_gray_300 - , lg__focus__bg_gray_400 - , lg__focus__bg_gray_500 - , lg__focus__bg_gray_600 - , lg__focus__bg_gray_700 - , lg__focus__bg_gray_800 - , lg__focus__bg_gray_900 - , lg__focus__bg_green_100 - , lg__focus__bg_green_200 - , lg__focus__bg_green_300 - , lg__focus__bg_green_400 - , lg__focus__bg_green_500 - , lg__focus__bg_green_600 - , lg__focus__bg_green_700 - , lg__focus__bg_green_800 - , lg__focus__bg_green_900 - , lg__focus__bg_indigo_100 - , lg__focus__bg_indigo_200 - , lg__focus__bg_indigo_300 - , lg__focus__bg_indigo_400 - , lg__focus__bg_indigo_500 - , lg__focus__bg_indigo_600 - , lg__focus__bg_indigo_700 - , lg__focus__bg_indigo_800 - , lg__focus__bg_indigo_900 - , lg__focus__bg_orange_100 - , lg__focus__bg_orange_200 - , lg__focus__bg_orange_300 - , lg__focus__bg_orange_400 - , lg__focus__bg_orange_500 - , lg__focus__bg_orange_600 - , lg__focus__bg_orange_700 - , lg__focus__bg_orange_800 - , lg__focus__bg_orange_900 - , lg__focus__bg_pink_100 - , lg__focus__bg_pink_200 - , lg__focus__bg_pink_300 - , lg__focus__bg_pink_400 - , lg__focus__bg_pink_500 - , lg__focus__bg_pink_600 - , lg__focus__bg_pink_700 - , lg__focus__bg_pink_800 - , lg__focus__bg_pink_900 - , lg__focus__bg_purple_100 - , lg__focus__bg_purple_200 - , lg__focus__bg_purple_300 - , lg__focus__bg_purple_400 - , lg__focus__bg_purple_500 - , lg__focus__bg_purple_600 - , lg__focus__bg_purple_700 - , lg__focus__bg_purple_800 - , lg__focus__bg_purple_900 - , lg__focus__bg_red_100 - , lg__focus__bg_red_200 - , lg__focus__bg_red_300 - , lg__focus__bg_red_400 - , lg__focus__bg_red_500 - , lg__focus__bg_red_600 - , lg__focus__bg_red_700 - , lg__focus__bg_red_800 - , lg__focus__bg_red_900 - , lg__focus__bg_teal_100 - , lg__focus__bg_teal_200 - , lg__focus__bg_teal_300 - , lg__focus__bg_teal_400 - , lg__focus__bg_teal_500 - , lg__focus__bg_teal_600 - , lg__focus__bg_teal_700 - , lg__focus__bg_teal_800 - , lg__focus__bg_teal_900 - , lg__focus__bg_transparent - , lg__focus__bg_white - , lg__focus__bg_yellow_100 - , lg__focus__bg_yellow_200 - , lg__focus__bg_yellow_300 - , lg__focus__bg_yellow_400 - , lg__focus__bg_yellow_500 - , lg__focus__bg_yellow_600 - , lg__focus__bg_yellow_700 - , lg__focus__bg_yellow_800 - , lg__focus__bg_yellow_900 - , lg__focus__border_black - , lg__focus__border_blue_100 - , lg__focus__border_blue_200 - , lg__focus__border_blue_300 - , lg__focus__border_blue_400 - , lg__focus__border_blue_500 - , lg__focus__border_blue_600 - , lg__focus__border_blue_700 - , lg__focus__border_blue_800 - , lg__focus__border_blue_900 - , lg__focus__border_current - , lg__focus__border_gray_100 - , lg__focus__border_gray_200 - , lg__focus__border_gray_300 - , lg__focus__border_gray_400 - , lg__focus__border_gray_500 - , lg__focus__border_gray_600 - , lg__focus__border_gray_700 - , lg__focus__border_gray_800 - , lg__focus__border_gray_900 - , lg__focus__border_green_100 - , lg__focus__border_green_200 - , lg__focus__border_green_300 - , lg__focus__border_green_400 - , lg__focus__border_green_500 - , lg__focus__border_green_600 - , lg__focus__border_green_700 - , lg__focus__border_green_800 - , lg__focus__border_green_900 - , lg__focus__border_indigo_100 - , lg__focus__border_indigo_200 - , lg__focus__border_indigo_300 - , lg__focus__border_indigo_400 - , lg__focus__border_indigo_500 - , lg__focus__border_indigo_600 - , lg__focus__border_indigo_700 - , lg__focus__border_indigo_800 - , lg__focus__border_indigo_900 - , lg__focus__border_orange_100 - , lg__focus__border_orange_200 - , lg__focus__border_orange_300 - , lg__focus__border_orange_400 - , lg__focus__border_orange_500 - , lg__focus__border_orange_600 - , lg__focus__border_orange_700 - , lg__focus__border_orange_800 - , lg__focus__border_orange_900 - , lg__focus__border_pink_100 - , lg__focus__border_pink_200 - , lg__focus__border_pink_300 - , lg__focus__border_pink_400 - , lg__focus__border_pink_500 - , lg__focus__border_pink_600 - , lg__focus__border_pink_700 - , lg__focus__border_pink_800 - , lg__focus__border_pink_900 - , lg__focus__border_purple_100 - , lg__focus__border_purple_200 - , lg__focus__border_purple_300 - , lg__focus__border_purple_400 - , lg__focus__border_purple_500 - , lg__focus__border_purple_600 - , lg__focus__border_purple_700 - , lg__focus__border_purple_800 - , lg__focus__border_purple_900 - , lg__focus__border_red_100 - , lg__focus__border_red_200 - , lg__focus__border_red_300 - , lg__focus__border_red_400 - , lg__focus__border_red_500 - , lg__focus__border_red_600 - , lg__focus__border_red_700 - , lg__focus__border_red_800 - , lg__focus__border_red_900 - , lg__focus__border_teal_100 - , lg__focus__border_teal_200 - , lg__focus__border_teal_300 - , lg__focus__border_teal_400 - , lg__focus__border_teal_500 - , lg__focus__border_teal_600 - , lg__focus__border_teal_700 - , lg__focus__border_teal_800 - , lg__focus__border_teal_900 - , lg__focus__border_transparent - , lg__focus__border_white - , lg__focus__border_yellow_100 - , lg__focus__border_yellow_200 - , lg__focus__border_yellow_300 - , lg__focus__border_yellow_400 - , lg__focus__border_yellow_500 - , lg__focus__border_yellow_600 - , lg__focus__border_yellow_700 - , lg__focus__border_yellow_800 - , lg__focus__border_yellow_900 - , lg__focus__font_black - , lg__focus__font_bold - , lg__focus__font_extrabold - , lg__focus__font_hairline - , lg__focus__font_light - , lg__focus__font_medium - , lg__focus__font_normal - , lg__focus__font_semibold - , lg__focus__font_thin - , lg__focus__line_through - , lg__focus__no_underline - , lg__focus__not_sr_only - , lg__focus__opacity_0 - , lg__focus__opacity_100 - , lg__focus__opacity_25 - , lg__focus__opacity_50 - , lg__focus__opacity_75 - , lg__focus__outline_none - , lg__focus__placeholder_black - , lg__focus__placeholder_blue_100 - , lg__focus__placeholder_blue_200 - , lg__focus__placeholder_blue_300 - , lg__focus__placeholder_blue_400 - , lg__focus__placeholder_blue_500 - , lg__focus__placeholder_blue_600 - , lg__focus__placeholder_blue_700 - , lg__focus__placeholder_blue_800 - , lg__focus__placeholder_blue_900 - , lg__focus__placeholder_current - , lg__focus__placeholder_gray_100 - , lg__focus__placeholder_gray_200 - , lg__focus__placeholder_gray_300 - , lg__focus__placeholder_gray_400 - , lg__focus__placeholder_gray_500 - , lg__focus__placeholder_gray_600 - , lg__focus__placeholder_gray_700 - , lg__focus__placeholder_gray_800 - , lg__focus__placeholder_gray_900 - , lg__focus__placeholder_green_100 - , lg__focus__placeholder_green_200 - , lg__focus__placeholder_green_300 - , lg__focus__placeholder_green_400 - , lg__focus__placeholder_green_500 - , lg__focus__placeholder_green_600 - , lg__focus__placeholder_green_700 - , lg__focus__placeholder_green_800 - , lg__focus__placeholder_green_900 - , lg__focus__placeholder_indigo_100 - , lg__focus__placeholder_indigo_200 - , lg__focus__placeholder_indigo_300 - , lg__focus__placeholder_indigo_400 - , lg__focus__placeholder_indigo_500 - , lg__focus__placeholder_indigo_600 - , lg__focus__placeholder_indigo_700 - , lg__focus__placeholder_indigo_800 - , lg__focus__placeholder_indigo_900 - , lg__focus__placeholder_orange_100 - , lg__focus__placeholder_orange_200 - , lg__focus__placeholder_orange_300 - , lg__focus__placeholder_orange_400 - , lg__focus__placeholder_orange_500 - , lg__focus__placeholder_orange_600 - , lg__focus__placeholder_orange_700 - , lg__focus__placeholder_orange_800 - , lg__focus__placeholder_orange_900 - , lg__focus__placeholder_pink_100 - , lg__focus__placeholder_pink_200 - , lg__focus__placeholder_pink_300 - , lg__focus__placeholder_pink_400 - , lg__focus__placeholder_pink_500 - , lg__focus__placeholder_pink_600 - , lg__focus__placeholder_pink_700 - , lg__focus__placeholder_pink_800 - , lg__focus__placeholder_pink_900 - , lg__focus__placeholder_purple_100 - , lg__focus__placeholder_purple_200 - , lg__focus__placeholder_purple_300 - , lg__focus__placeholder_purple_400 - , lg__focus__placeholder_purple_500 - , lg__focus__placeholder_purple_600 - , lg__focus__placeholder_purple_700 - , lg__focus__placeholder_purple_800 - , lg__focus__placeholder_purple_900 - , lg__focus__placeholder_red_100 - , lg__focus__placeholder_red_200 - , lg__focus__placeholder_red_300 - , lg__focus__placeholder_red_400 - , lg__focus__placeholder_red_500 - , lg__focus__placeholder_red_600 - , lg__focus__placeholder_red_700 - , lg__focus__placeholder_red_800 - , lg__focus__placeholder_red_900 - , lg__focus__placeholder_teal_100 - , lg__focus__placeholder_teal_200 - , lg__focus__placeholder_teal_300 - , lg__focus__placeholder_teal_400 - , lg__focus__placeholder_teal_500 - , lg__focus__placeholder_teal_600 - , lg__focus__placeholder_teal_700 - , lg__focus__placeholder_teal_800 - , lg__focus__placeholder_teal_900 - , lg__focus__placeholder_transparent - , lg__focus__placeholder_white - , lg__focus__placeholder_yellow_100 - , lg__focus__placeholder_yellow_200 - , lg__focus__placeholder_yellow_300 - , lg__focus__placeholder_yellow_400 - , lg__focus__placeholder_yellow_500 - , lg__focus__placeholder_yellow_600 - , lg__focus__placeholder_yellow_700 - , lg__focus__placeholder_yellow_800 - , lg__focus__placeholder_yellow_900 - , lg__focus__shadow - , lg__focus__shadow_2xl - , lg__focus__shadow_inner - , lg__focus__shadow_lg - , lg__focus__shadow_md - , lg__focus__shadow_none - , lg__focus__shadow_outline - , lg__focus__shadow_sm - , lg__focus__shadow_xl - , lg__focus__shadow_xs - , lg__focus__sr_only - , lg__focus__text_black - , lg__focus__text_blue_100 - , lg__focus__text_blue_200 - , lg__focus__text_blue_300 - , lg__focus__text_blue_400 - , lg__focus__text_blue_500 - , lg__focus__text_blue_600 - , lg__focus__text_blue_700 - , lg__focus__text_blue_800 - , lg__focus__text_blue_900 - , lg__focus__text_current - , lg__focus__text_gray_100 - , lg__focus__text_gray_200 - , lg__focus__text_gray_300 - , lg__focus__text_gray_400 - , lg__focus__text_gray_500 - , lg__focus__text_gray_600 - , lg__focus__text_gray_700 - , lg__focus__text_gray_800 - , lg__focus__text_gray_900 - , lg__focus__text_green_100 - , lg__focus__text_green_200 - , lg__focus__text_green_300 - , lg__focus__text_green_400 - , lg__focus__text_green_500 - , lg__focus__text_green_600 - , lg__focus__text_green_700 - , lg__focus__text_green_800 - , lg__focus__text_green_900 - , lg__focus__text_indigo_100 - , lg__focus__text_indigo_200 - , lg__focus__text_indigo_300 - , lg__focus__text_indigo_400 - , lg__focus__text_indigo_500 - , lg__focus__text_indigo_600 - , lg__focus__text_indigo_700 - , lg__focus__text_indigo_800 - , lg__focus__text_indigo_900 - , lg__focus__text_orange_100 - , lg__focus__text_orange_200 - , lg__focus__text_orange_300 - , lg__focus__text_orange_400 - , lg__focus__text_orange_500 - , lg__focus__text_orange_600 - , lg__focus__text_orange_700 - , lg__focus__text_orange_800 - , lg__focus__text_orange_900 - , lg__focus__text_pink_100 - , lg__focus__text_pink_200 - , lg__focus__text_pink_300 - , lg__focus__text_pink_400 - , lg__focus__text_pink_500 - , lg__focus__text_pink_600 - , lg__focus__text_pink_700 - , lg__focus__text_pink_800 - , lg__focus__text_pink_900 - , lg__focus__text_purple_100 - , lg__focus__text_purple_200 - , lg__focus__text_purple_300 - , lg__focus__text_purple_400 - , lg__focus__text_purple_500 - , lg__focus__text_purple_600 - , lg__focus__text_purple_700 - , lg__focus__text_purple_800 - , lg__focus__text_purple_900 - , lg__focus__text_red_100 - , lg__focus__text_red_200 - , lg__focus__text_red_300 - , lg__focus__text_red_400 - , lg__focus__text_red_500 - , lg__focus__text_red_600 - , lg__focus__text_red_700 - , lg__focus__text_red_800 - , lg__focus__text_red_900 - , lg__focus__text_teal_100 - , lg__focus__text_teal_200 - , lg__focus__text_teal_300 - , lg__focus__text_teal_400 - , lg__focus__text_teal_500 - , lg__focus__text_teal_600 - , lg__focus__text_teal_700 - , lg__focus__text_teal_800 - , lg__focus__text_teal_900 - , lg__focus__text_transparent - , lg__focus__text_white - , lg__focus__text_yellow_100 - , lg__focus__text_yellow_200 - , lg__focus__text_yellow_300 - , lg__focus__text_yellow_400 - , lg__focus__text_yellow_500 - , lg__focus__text_yellow_600 - , lg__focus__text_yellow_700 - , lg__focus__text_yellow_800 - , lg__focus__text_yellow_900 - , lg__focus__underline - , lg__font_black - , lg__font_bold - , lg__font_extrabold - , lg__font_hairline - , lg__font_light - , lg__font_medium - , lg__font_mono - , lg__font_normal - , lg__font_sans - , lg__font_semibold - , lg__font_serif - , lg__font_thin - , lg__grid - , lg__h_0 - , lg__h_1 - , lg__h_10 - , lg__h_12 - , lg__h_16 - , lg__h_2 - , lg__h_20 - , lg__h_24 - , lg__h_3 - , lg__h_32 - , lg__h_4 - , lg__h_40 - , lg__h_48 - , lg__h_5 - , lg__h_56 - , lg__h_6 - , lg__h_64 - , lg__h_8 - , lg__h_auto - , lg__h_full - , lg__h_px - , lg__h_screen - , lg__hidden - , lg__hover__bg_black - , lg__hover__bg_blue_100 - , lg__hover__bg_blue_200 - , lg__hover__bg_blue_300 - , lg__hover__bg_blue_400 - , lg__hover__bg_blue_500 - , lg__hover__bg_blue_600 - , lg__hover__bg_blue_700 - , lg__hover__bg_blue_800 - , lg__hover__bg_blue_900 - , lg__hover__bg_current - , lg__hover__bg_gray_100 - , lg__hover__bg_gray_200 - , lg__hover__bg_gray_300 - , lg__hover__bg_gray_400 - , lg__hover__bg_gray_500 - , lg__hover__bg_gray_600 - , lg__hover__bg_gray_700 - , lg__hover__bg_gray_800 - , lg__hover__bg_gray_900 - , lg__hover__bg_green_100 - , lg__hover__bg_green_200 - , lg__hover__bg_green_300 - , lg__hover__bg_green_400 - , lg__hover__bg_green_500 - , lg__hover__bg_green_600 - , lg__hover__bg_green_700 - , lg__hover__bg_green_800 - , lg__hover__bg_green_900 - , lg__hover__bg_indigo_100 - , lg__hover__bg_indigo_200 - , lg__hover__bg_indigo_300 - , lg__hover__bg_indigo_400 - , lg__hover__bg_indigo_500 - , lg__hover__bg_indigo_600 - , lg__hover__bg_indigo_700 - , lg__hover__bg_indigo_800 - , lg__hover__bg_indigo_900 - , lg__hover__bg_orange_100 - , lg__hover__bg_orange_200 - , lg__hover__bg_orange_300 - , lg__hover__bg_orange_400 - , lg__hover__bg_orange_500 - , lg__hover__bg_orange_600 - , lg__hover__bg_orange_700 - , lg__hover__bg_orange_800 - , lg__hover__bg_orange_900 - , lg__hover__bg_pink_100 - , lg__hover__bg_pink_200 - , lg__hover__bg_pink_300 - , lg__hover__bg_pink_400 - , lg__hover__bg_pink_500 - , lg__hover__bg_pink_600 - , lg__hover__bg_pink_700 - , lg__hover__bg_pink_800 - , lg__hover__bg_pink_900 - , lg__hover__bg_purple_100 - , lg__hover__bg_purple_200 - , lg__hover__bg_purple_300 - , lg__hover__bg_purple_400 - , lg__hover__bg_purple_500 - , lg__hover__bg_purple_600 - , lg__hover__bg_purple_700 - , lg__hover__bg_purple_800 - , lg__hover__bg_purple_900 - , lg__hover__bg_red_100 - , lg__hover__bg_red_200 - , lg__hover__bg_red_300 - , lg__hover__bg_red_400 - , lg__hover__bg_red_500 - , lg__hover__bg_red_600 - , lg__hover__bg_red_700 - , lg__hover__bg_red_800 - , lg__hover__bg_red_900 - , lg__hover__bg_teal_100 - , lg__hover__bg_teal_200 - , lg__hover__bg_teal_300 - , lg__hover__bg_teal_400 - , lg__hover__bg_teal_500 - , lg__hover__bg_teal_600 - , lg__hover__bg_teal_700 - , lg__hover__bg_teal_800 - , lg__hover__bg_teal_900 - , lg__hover__bg_transparent - , lg__hover__bg_white - , lg__hover__bg_yellow_100 - , lg__hover__bg_yellow_200 - , lg__hover__bg_yellow_300 - , lg__hover__bg_yellow_400 - , lg__hover__bg_yellow_500 - , lg__hover__bg_yellow_600 - , lg__hover__bg_yellow_700 - , lg__hover__bg_yellow_800 - , lg__hover__bg_yellow_900 - , lg__hover__border_black - , lg__hover__border_blue_100 - , lg__hover__border_blue_200 - , lg__hover__border_blue_300 - , lg__hover__border_blue_400 - , lg__hover__border_blue_500 - , lg__hover__border_blue_600 - , lg__hover__border_blue_700 - , lg__hover__border_blue_800 - , lg__hover__border_blue_900 - , lg__hover__border_current - , lg__hover__border_gray_100 - , lg__hover__border_gray_200 - , lg__hover__border_gray_300 - , lg__hover__border_gray_400 - , lg__hover__border_gray_500 - , lg__hover__border_gray_600 - , lg__hover__border_gray_700 - , lg__hover__border_gray_800 - , lg__hover__border_gray_900 - , lg__hover__border_green_100 - , lg__hover__border_green_200 - , lg__hover__border_green_300 - , lg__hover__border_green_400 - , lg__hover__border_green_500 - , lg__hover__border_green_600 - , lg__hover__border_green_700 - , lg__hover__border_green_800 - , lg__hover__border_green_900 - , lg__hover__border_indigo_100 - , lg__hover__border_indigo_200 - , lg__hover__border_indigo_300 - , lg__hover__border_indigo_400 - , lg__hover__border_indigo_500 - , lg__hover__border_indigo_600 - , lg__hover__border_indigo_700 - , lg__hover__border_indigo_800 - , lg__hover__border_indigo_900 - , lg__hover__border_orange_100 - , lg__hover__border_orange_200 - , lg__hover__border_orange_300 - , lg__hover__border_orange_400 - , lg__hover__border_orange_500 - , lg__hover__border_orange_600 - , lg__hover__border_orange_700 - , lg__hover__border_orange_800 - , lg__hover__border_orange_900 - , lg__hover__border_pink_100 - , lg__hover__border_pink_200 - , lg__hover__border_pink_300 - , lg__hover__border_pink_400 - , lg__hover__border_pink_500 - , lg__hover__border_pink_600 - , lg__hover__border_pink_700 - , lg__hover__border_pink_800 - , lg__hover__border_pink_900 - , lg__hover__border_purple_100 - , lg__hover__border_purple_200 - , lg__hover__border_purple_300 - , lg__hover__border_purple_400 - , lg__hover__border_purple_500 - , lg__hover__border_purple_600 - , lg__hover__border_purple_700 - , lg__hover__border_purple_800 - , lg__hover__border_purple_900 - , lg__hover__border_red_100 - , lg__hover__border_red_200 - , lg__hover__border_red_300 - , lg__hover__border_red_400 - , lg__hover__border_red_500 - , lg__hover__border_red_600 - , lg__hover__border_red_700 - , lg__hover__border_red_800 - , lg__hover__border_red_900 - , lg__hover__border_teal_100 - , lg__hover__border_teal_200 - , lg__hover__border_teal_300 - , lg__hover__border_teal_400 - , lg__hover__border_teal_500 - , lg__hover__border_teal_600 - , lg__hover__border_teal_700 - , lg__hover__border_teal_800 - , lg__hover__border_teal_900 - , lg__hover__border_transparent - , lg__hover__border_white - , lg__hover__border_yellow_100 - , lg__hover__border_yellow_200 - , lg__hover__border_yellow_300 - , lg__hover__border_yellow_400 - , lg__hover__border_yellow_500 - , lg__hover__border_yellow_600 - , lg__hover__border_yellow_700 - , lg__hover__border_yellow_800 - , lg__hover__border_yellow_900 - , lg__hover__font_black - , lg__hover__font_bold - , lg__hover__font_extrabold - , lg__hover__font_hairline - , lg__hover__font_light - , lg__hover__font_medium - , lg__hover__font_normal - , lg__hover__font_semibold - , lg__hover__font_thin - , lg__hover__line_through - , lg__hover__no_underline - , lg__hover__opacity_0 - , lg__hover__opacity_100 - , lg__hover__opacity_25 - , lg__hover__opacity_50 - , lg__hover__opacity_75 - , lg__hover__shadow - , lg__hover__shadow_2xl - , lg__hover__shadow_inner - , lg__hover__shadow_lg - , lg__hover__shadow_md - , lg__hover__shadow_none - , lg__hover__shadow_outline - , lg__hover__shadow_sm - , lg__hover__shadow_xl - , lg__hover__shadow_xs - , lg__hover__text_black - , lg__hover__text_blue_100 - , lg__hover__text_blue_200 - , lg__hover__text_blue_300 - , lg__hover__text_blue_400 - , lg__hover__text_blue_500 - , lg__hover__text_blue_600 - , lg__hover__text_blue_700 - , lg__hover__text_blue_800 - , lg__hover__text_blue_900 - , lg__hover__text_current - , lg__hover__text_gray_100 - , lg__hover__text_gray_200 - , lg__hover__text_gray_300 - , lg__hover__text_gray_400 - , lg__hover__text_gray_500 - , lg__hover__text_gray_600 - , lg__hover__text_gray_700 - , lg__hover__text_gray_800 - , lg__hover__text_gray_900 - , lg__hover__text_green_100 - , lg__hover__text_green_200 - , lg__hover__text_green_300 - , lg__hover__text_green_400 - , lg__hover__text_green_500 - , lg__hover__text_green_600 - , lg__hover__text_green_700 - , lg__hover__text_green_800 - , lg__hover__text_green_900 - , lg__hover__text_indigo_100 - , lg__hover__text_indigo_200 - , lg__hover__text_indigo_300 - , lg__hover__text_indigo_400 - , lg__hover__text_indigo_500 - , lg__hover__text_indigo_600 - , lg__hover__text_indigo_700 - , lg__hover__text_indigo_800 - , lg__hover__text_indigo_900 - , lg__hover__text_orange_100 - , lg__hover__text_orange_200 - , lg__hover__text_orange_300 - , lg__hover__text_orange_400 - , lg__hover__text_orange_500 - , lg__hover__text_orange_600 - , lg__hover__text_orange_700 - , lg__hover__text_orange_800 - , lg__hover__text_orange_900 - , lg__hover__text_pink_100 - , lg__hover__text_pink_200 - , lg__hover__text_pink_300 - , lg__hover__text_pink_400 - , lg__hover__text_pink_500 - , lg__hover__text_pink_600 - , lg__hover__text_pink_700 - , lg__hover__text_pink_800 - , lg__hover__text_pink_900 - , lg__hover__text_purple_100 - , lg__hover__text_purple_200 - , lg__hover__text_purple_300 - , lg__hover__text_purple_400 - , lg__hover__text_purple_500 - , lg__hover__text_purple_600 - , lg__hover__text_purple_700 - , lg__hover__text_purple_800 - , lg__hover__text_purple_900 - , lg__hover__text_red_100 - , lg__hover__text_red_200 - , lg__hover__text_red_300 - , lg__hover__text_red_400 - , lg__hover__text_red_500 - , lg__hover__text_red_600 - , lg__hover__text_red_700 - , lg__hover__text_red_800 - , lg__hover__text_red_900 - , lg__hover__text_teal_100 - , lg__hover__text_teal_200 - , lg__hover__text_teal_300 - , lg__hover__text_teal_400 - , lg__hover__text_teal_500 - , lg__hover__text_teal_600 - , lg__hover__text_teal_700 - , lg__hover__text_teal_800 - , lg__hover__text_teal_900 - , lg__hover__text_transparent - , lg__hover__text_white - , lg__hover__text_yellow_100 - , lg__hover__text_yellow_200 - , lg__hover__text_yellow_300 - , lg__hover__text_yellow_400 - , lg__hover__text_yellow_500 - , lg__hover__text_yellow_600 - , lg__hover__text_yellow_700 - , lg__hover__text_yellow_800 - , lg__hover__text_yellow_900 - , lg__hover__underline - , lg__inline - , lg__inline_block - , lg__inline_flex - , lg__inline_grid - , lg__inset_0 - , lg__inset_auto - , lg__inset_x_0 - , lg__inset_x_auto - , lg__inset_y_0 - , lg__inset_y_auto - , lg__invisible - , lg__italic - , lg__items_baseline - , lg__items_center - , lg__items_end - , lg__items_start - , lg__items_stretch - , lg__justify_around - , lg__justify_between - , lg__justify_center - , lg__justify_end - , lg__justify_evenly - , lg__justify_start - , lg__leading_10 - , lg__leading_3 - , lg__leading_4 - , lg__leading_5 - , lg__leading_6 - , lg__leading_7 - , lg__leading_8 - , lg__leading_9 - , lg__leading_loose - , lg__leading_none - , lg__leading_normal - , lg__leading_relaxed - , lg__leading_snug - , lg__leading_tight - , lg__left_0 - , lg__left_auto - , lg__line_through - , lg__list_decimal - , lg__list_disc - , lg__list_inside - , lg__list_none - , lg__list_outside - , lg__lowercase - , lg__m_0 - , lg__m_1 - , lg__m_10 - , lg__m_12 - , lg__m_16 - , lg__m_2 - , lg__m_20 - , lg__m_24 - , lg__m_3 - , lg__m_32 - , lg__m_4 - , lg__m_40 - , lg__m_48 - , lg__m_5 - , lg__m_56 - , lg__m_6 - , lg__m_64 - , lg__m_8 - , lg__m_auto - , lg__m_px - , lg__max_h_full - , lg__max_h_screen - , lg__max_w_2xl - , lg__max_w_3xl - , lg__max_w_4xl - , lg__max_w_5xl - , lg__max_w_6xl - , lg__max_w_full - , lg__max_w_lg - , lg__max_w_md - , lg__max_w_none - , lg__max_w_screen_lg - , lg__max_w_screen_md - , lg__max_w_screen_sm - , lg__max_w_screen_xl - , lg__max_w_sm - , lg__max_w_xl - , lg__max_w_xs - , lg__mb_0 - , lg__mb_1 - , lg__mb_10 - , lg__mb_12 - , lg__mb_16 - , lg__mb_2 - , lg__mb_20 - , lg__mb_24 - , lg__mb_3 - , lg__mb_32 - , lg__mb_4 - , lg__mb_40 - , lg__mb_48 - , lg__mb_5 - , lg__mb_56 - , lg__mb_6 - , lg__mb_64 - , lg__mb_8 - , lg__mb_auto - , lg__mb_px - , lg__min_h_0 - , lg__min_h_full - , lg__min_h_screen - , lg__min_w_0 - , lg__min_w_full - , lg__ml_0 - , lg__ml_1 - , lg__ml_10 - , lg__ml_12 - , lg__ml_16 - , lg__ml_2 - , lg__ml_20 - , lg__ml_24 - , lg__ml_3 - , lg__ml_32 - , lg__ml_4 - , lg__ml_40 - , lg__ml_48 - , lg__ml_5 - , lg__ml_56 - , lg__ml_6 - , lg__ml_64 - , lg__ml_8 - , lg__ml_auto - , lg__ml_px - , lg__mr_0 - , lg__mr_1 - , lg__mr_10 - , lg__mr_12 - , lg__mr_16 - , lg__mr_2 - , lg__mr_20 - , lg__mr_24 - , lg__mr_3 - , lg__mr_32 - , lg__mr_4 - , lg__mr_40 - , lg__mr_48 - , lg__mr_5 - , lg__mr_56 - , lg__mr_6 - , lg__mr_64 - , lg__mr_8 - , lg__mr_auto - , lg__mr_px - , lg__mt_0 - , lg__mt_1 - , lg__mt_10 - , lg__mt_12 - , lg__mt_16 - , lg__mt_2 - , lg__mt_20 - , lg__mt_24 - , lg__mt_3 - , lg__mt_32 - , lg__mt_4 - , lg__mt_40 - , lg__mt_48 - , lg__mt_5 - , lg__mt_56 - , lg__mt_6 - , lg__mt_64 - , lg__mt_8 - , lg__mt_auto - , lg__mt_px - , lg__mx_0 - , lg__mx_1 - , lg__mx_10 - , lg__mx_12 - , lg__mx_16 - , lg__mx_2 - , lg__mx_20 - , lg__mx_24 - , lg__mx_3 - , lg__mx_32 - , lg__mx_4 - , lg__mx_40 - , lg__mx_48 - , lg__mx_5 - , lg__mx_56 - , lg__mx_6 - , lg__mx_64 - , lg__mx_8 - , lg__mx_auto - , lg__mx_px - , lg__my_0 - , lg__my_1 - , lg__my_10 - , lg__my_12 - , lg__my_16 - , lg__my_2 - , lg__my_20 - , lg__my_24 - , lg__my_3 - , lg__my_32 - , lg__my_4 - , lg__my_40 - , lg__my_48 - , lg__my_5 - , lg__my_56 - , lg__my_6 - , lg__my_64 - , lg__my_8 - , lg__my_auto - , lg__my_px - , lg__neg_m_1 - , lg__neg_m_10 - , lg__neg_m_12 - , lg__neg_m_16 - , lg__neg_m_2 - , lg__neg_m_20 - , lg__neg_m_24 - , lg__neg_m_3 - , lg__neg_m_32 - , lg__neg_m_4 - , lg__neg_m_40 - , lg__neg_m_48 - , lg__neg_m_5 - , lg__neg_m_56 - , lg__neg_m_6 - , lg__neg_m_64 - , lg__neg_m_8 - , lg__neg_m_px - , lg__neg_mb_1 - , lg__neg_mb_10 - , lg__neg_mb_12 - , lg__neg_mb_16 - , lg__neg_mb_2 - , lg__neg_mb_20 - , lg__neg_mb_24 - , lg__neg_mb_3 - , lg__neg_mb_32 - , lg__neg_mb_4 - , lg__neg_mb_40 - , lg__neg_mb_48 - , lg__neg_mb_5 - , lg__neg_mb_56 - , lg__neg_mb_6 - , lg__neg_mb_64 - , lg__neg_mb_8 - , lg__neg_mb_px - , lg__neg_ml_1 - , lg__neg_ml_10 - , lg__neg_ml_12 - , lg__neg_ml_16 - , lg__neg_ml_2 - , lg__neg_ml_20 - , lg__neg_ml_24 - , lg__neg_ml_3 - , lg__neg_ml_32 - , lg__neg_ml_4 - , lg__neg_ml_40 - , lg__neg_ml_48 - , lg__neg_ml_5 - , lg__neg_ml_56 - , lg__neg_ml_6 - , lg__neg_ml_64 - , lg__neg_ml_8 - , lg__neg_ml_px - , lg__neg_mr_1 - , lg__neg_mr_10 - , lg__neg_mr_12 - , lg__neg_mr_16 - , lg__neg_mr_2 - , lg__neg_mr_20 - , lg__neg_mr_24 - , lg__neg_mr_3 - , lg__neg_mr_32 - , lg__neg_mr_4 - , lg__neg_mr_40 - , lg__neg_mr_48 - , lg__neg_mr_5 - , lg__neg_mr_56 - , lg__neg_mr_6 - , lg__neg_mr_64 - , lg__neg_mr_8 - , lg__neg_mr_px - , lg__neg_mt_1 - , lg__neg_mt_10 - , lg__neg_mt_12 - , lg__neg_mt_16 - , lg__neg_mt_2 - , lg__neg_mt_20 - , lg__neg_mt_24 - , lg__neg_mt_3 - , lg__neg_mt_32 - , lg__neg_mt_4 - , lg__neg_mt_40 - , lg__neg_mt_48 - , lg__neg_mt_5 - , lg__neg_mt_56 - , lg__neg_mt_6 - , lg__neg_mt_64 - , lg__neg_mt_8 - , lg__neg_mt_px - , lg__neg_mx_1 - , lg__neg_mx_10 - , lg__neg_mx_12 - , lg__neg_mx_16 - , lg__neg_mx_2 - , lg__neg_mx_20 - , lg__neg_mx_24 - , lg__neg_mx_3 - , lg__neg_mx_32 - , lg__neg_mx_4 - , lg__neg_mx_40 - , lg__neg_mx_48 - , lg__neg_mx_5 - , lg__neg_mx_56 - , lg__neg_mx_6 - , lg__neg_mx_64 - , lg__neg_mx_8 - , lg__neg_mx_px - , lg__neg_my_1 - , lg__neg_my_10 - , lg__neg_my_12 - , lg__neg_my_16 - , lg__neg_my_2 - , lg__neg_my_20 - , lg__neg_my_24 - , lg__neg_my_3 - , lg__neg_my_32 - , lg__neg_my_4 - , lg__neg_my_40 - , lg__neg_my_48 - , lg__neg_my_5 - , lg__neg_my_56 - , lg__neg_my_6 - , lg__neg_my_64 - , lg__neg_my_8 - , lg__neg_my_px - , lg__no_underline - , lg__normal_case - , lg__not_italic - , lg__not_sr_only - , lg__object_bottom - , lg__object_center - , lg__object_contain - , lg__object_cover - , lg__object_fill - , lg__object_left - , lg__object_left_bottom - , lg__object_left_top - , lg__object_none - , lg__object_right - , lg__object_right_bottom - , lg__object_right_top - , lg__object_scale_down - , lg__object_top - , lg__opacity_0 - , lg__opacity_100 - , lg__opacity_25 - , lg__opacity_50 - , lg__opacity_75 - , lg__order_1 - , lg__order_10 - , lg__order_11 - , lg__order_12 - , lg__order_2 - , lg__order_3 - , lg__order_4 - , lg__order_5 - , lg__order_6 - , lg__order_7 - , lg__order_8 - , lg__order_9 - , lg__order_first - , lg__order_last - , lg__order_none - , lg__origin_bottom - , lg__origin_bottom_left - , lg__origin_bottom_right - , lg__origin_center - , lg__origin_left - , lg__origin_right - , lg__origin_top - , lg__origin_top_left - , lg__origin_top_right - , lg__outline_none - , lg__overflow_auto - , lg__overflow_hidden - , lg__overflow_scroll - , lg__overflow_visible - , lg__overflow_x_auto - , lg__overflow_x_hidden - , lg__overflow_x_scroll - , lg__overflow_x_visible - , lg__overflow_y_auto - , lg__overflow_y_hidden - , lg__overflow_y_scroll - , lg__overflow_y_visible - , lg__p_0 - , lg__p_1 - , lg__p_10 - , lg__p_12 - , lg__p_16 - , lg__p_2 - , lg__p_20 - , lg__p_24 - , lg__p_3 - , lg__p_32 - , lg__p_4 - , lg__p_40 - , lg__p_48 - , lg__p_5 - , lg__p_56 - , lg__p_6 - , lg__p_64 - , lg__p_8 - , lg__p_px - , lg__pb_0 - , lg__pb_1 - , lg__pb_10 - , lg__pb_12 - , lg__pb_16 - , lg__pb_2 - , lg__pb_20 - , lg__pb_24 - , lg__pb_3 - , lg__pb_32 - , lg__pb_4 - , lg__pb_40 - , lg__pb_48 - , lg__pb_5 - , lg__pb_56 - , lg__pb_6 - , lg__pb_64 - , lg__pb_8 - , lg__pb_px - , lg__pl_0 - , lg__pl_1 - , lg__pl_10 - , lg__pl_12 - , lg__pl_16 - , lg__pl_2 - , lg__pl_20 - , lg__pl_24 - , lg__pl_3 - , lg__pl_32 - , lg__pl_4 - , lg__pl_40 - , lg__pl_48 - , lg__pl_5 - , lg__pl_56 - , lg__pl_6 - , lg__pl_64 - , lg__pl_8 - , lg__pl_px - , lg__placeholder_black - , lg__placeholder_blue_100 - , lg__placeholder_blue_200 - , lg__placeholder_blue_300 - , lg__placeholder_blue_400 - , lg__placeholder_blue_500 - , lg__placeholder_blue_600 - , lg__placeholder_blue_700 - , lg__placeholder_blue_800 - , lg__placeholder_blue_900 - , lg__placeholder_current - , lg__placeholder_gray_100 - , lg__placeholder_gray_200 - , lg__placeholder_gray_300 - , lg__placeholder_gray_400 - , lg__placeholder_gray_500 - , lg__placeholder_gray_600 - , lg__placeholder_gray_700 - , lg__placeholder_gray_800 - , lg__placeholder_gray_900 - , lg__placeholder_green_100 - , lg__placeholder_green_200 - , lg__placeholder_green_300 - , lg__placeholder_green_400 - , lg__placeholder_green_500 - , lg__placeholder_green_600 - , lg__placeholder_green_700 - , lg__placeholder_green_800 - , lg__placeholder_green_900 - , lg__placeholder_indigo_100 - , lg__placeholder_indigo_200 - , lg__placeholder_indigo_300 - , lg__placeholder_indigo_400 - , lg__placeholder_indigo_500 - , lg__placeholder_indigo_600 - , lg__placeholder_indigo_700 - , lg__placeholder_indigo_800 - , lg__placeholder_indigo_900 - , lg__placeholder_orange_100 - , lg__placeholder_orange_200 - , lg__placeholder_orange_300 - , lg__placeholder_orange_400 - , lg__placeholder_orange_500 - , lg__placeholder_orange_600 - , lg__placeholder_orange_700 - , lg__placeholder_orange_800 - , lg__placeholder_orange_900 - , lg__placeholder_pink_100 - , lg__placeholder_pink_200 - , lg__placeholder_pink_300 - , lg__placeholder_pink_400 - , lg__placeholder_pink_500 - , lg__placeholder_pink_600 - , lg__placeholder_pink_700 - , lg__placeholder_pink_800 - , lg__placeholder_pink_900 - , lg__placeholder_purple_100 - , lg__placeholder_purple_200 - , lg__placeholder_purple_300 - , lg__placeholder_purple_400 - , lg__placeholder_purple_500 - , lg__placeholder_purple_600 - , lg__placeholder_purple_700 - , lg__placeholder_purple_800 - , lg__placeholder_purple_900 - , lg__placeholder_red_100 - , lg__placeholder_red_200 - , lg__placeholder_red_300 - , lg__placeholder_red_400 - , lg__placeholder_red_500 - , lg__placeholder_red_600 - , lg__placeholder_red_700 - , lg__placeholder_red_800 - , lg__placeholder_red_900 - , lg__placeholder_teal_100 - , lg__placeholder_teal_200 - , lg__placeholder_teal_300 - , lg__placeholder_teal_400 - , lg__placeholder_teal_500 - , lg__placeholder_teal_600 - , lg__placeholder_teal_700 - , lg__placeholder_teal_800 - , lg__placeholder_teal_900 - , lg__placeholder_transparent - , lg__placeholder_white - , lg__placeholder_yellow_100 - , lg__placeholder_yellow_200 - , lg__placeholder_yellow_300 - , lg__placeholder_yellow_400 - , lg__placeholder_yellow_500 - , lg__placeholder_yellow_600 - , lg__placeholder_yellow_700 - , lg__placeholder_yellow_800 - , lg__placeholder_yellow_900 - , lg__pointer_events_auto - , lg__pointer_events_none - , lg__pr_0 - , lg__pr_1 - , lg__pr_10 - , lg__pr_12 - , lg__pr_16 - , lg__pr_2 - , lg__pr_20 - , lg__pr_24 - , lg__pr_3 - , lg__pr_32 - , lg__pr_4 - , lg__pr_40 - , lg__pr_48 - , lg__pr_5 - , lg__pr_56 - , lg__pr_6 - , lg__pr_64 - , lg__pr_8 - , lg__pr_px - , lg__pt_0 - , lg__pt_1 - , lg__pt_10 - , lg__pt_12 - , lg__pt_16 - , lg__pt_2 - , lg__pt_20 - , lg__pt_24 - , lg__pt_3 - , lg__pt_32 - , lg__pt_4 - , lg__pt_40 - , lg__pt_48 - , lg__pt_5 - , lg__pt_56 - , lg__pt_6 - , lg__pt_64 - , lg__pt_8 - , lg__pt_px - , lg__px_0 - , lg__px_1 - , lg__px_10 - , lg__px_12 - , lg__px_16 - , lg__px_2 - , lg__px_20 - , lg__px_24 - , lg__px_3 - , lg__px_32 - , lg__px_4 - , lg__px_40 - , lg__px_48 - , lg__px_5 - , lg__px_56 - , lg__px_6 - , lg__px_64 - , lg__px_8 - , lg__px_px - , lg__py_0 - , lg__py_1 - , lg__py_10 - , lg__py_12 - , lg__py_16 - , lg__py_2 - , lg__py_20 - , lg__py_24 - , lg__py_3 - , lg__py_32 - , lg__py_4 - , lg__py_40 - , lg__py_48 - , lg__py_5 - , lg__py_56 - , lg__py_6 - , lg__py_64 - , lg__py_8 - , lg__py_px - , lg__relative - , lg__resize - , lg__resize_none - , lg__resize_x - , lg__resize_y - , lg__right_0 - , lg__right_auto - , lg__rounded - , lg__rounded_b - , lg__rounded_b_full - , lg__rounded_b_lg - , lg__rounded_b_md - , lg__rounded_b_none - , lg__rounded_b_sm - , lg__rounded_bl - , lg__rounded_bl_full - , lg__rounded_bl_lg - , lg__rounded_bl_md - , lg__rounded_bl_none - , lg__rounded_bl_sm - , lg__rounded_br - , lg__rounded_br_full - , lg__rounded_br_lg - , lg__rounded_br_md - , lg__rounded_br_none - , lg__rounded_br_sm - , lg__rounded_full - , lg__rounded_l - , lg__rounded_l_full - , lg__rounded_l_lg - , lg__rounded_l_md - , lg__rounded_l_none - , lg__rounded_l_sm - , lg__rounded_lg - , lg__rounded_md - , lg__rounded_none - , lg__rounded_r - , lg__rounded_r_full - , lg__rounded_r_lg - , lg__rounded_r_md - , lg__rounded_r_none - , lg__rounded_r_sm - , lg__rounded_sm - , lg__rounded_t - , lg__rounded_t_full - , lg__rounded_t_lg - , lg__rounded_t_md - , lg__rounded_t_none - , lg__rounded_t_sm - , lg__rounded_tl - , lg__rounded_tl_full - , lg__rounded_tl_lg - , lg__rounded_tl_md - , lg__rounded_tl_none - , lg__rounded_tl_sm - , lg__rounded_tr - , lg__rounded_tr_full - , lg__rounded_tr_lg - , lg__rounded_tr_md - , lg__rounded_tr_none - , lg__rounded_tr_sm - , lg__scrolling_auto - , lg__scrolling_touch - , lg__select_all - , lg__select_auto - , lg__select_none - , lg__select_text - , lg__self_auto - , lg__self_center - , lg__self_end - , lg__self_start - , lg__self_stretch - , lg__shadow - , lg__shadow_2xl - , lg__shadow_inner - , lg__shadow_lg - , lg__shadow_md - , lg__shadow_none - , lg__shadow_outline - , lg__shadow_sm - , lg__shadow_xl - , lg__shadow_xs - , lg__sr_only - , lg__static - , lg__sticky - , lg__stroke_0 - , lg__stroke_1 - , lg__stroke_2 - , lg__stroke_current - , lg__subpixel_antialiased - , lg__table - , lg__table_auto - , lg__table_caption - , lg__table_cell - , lg__table_column - , lg__table_column_group - , lg__table_fixed - , lg__table_footer_group - , lg__table_header_group - , lg__table_row - , lg__table_row_group - , lg__text_2xl - , lg__text_3xl - , lg__text_4xl - , lg__text_5xl - , lg__text_6xl - , lg__text_base - , lg__text_black - , lg__text_blue_100 - , lg__text_blue_200 - , lg__text_blue_300 - , lg__text_blue_400 - , lg__text_blue_500 - , lg__text_blue_600 - , lg__text_blue_700 - , lg__text_blue_800 - , lg__text_blue_900 - , lg__text_center - , lg__text_current - , lg__text_gray_100 - , lg__text_gray_200 - , lg__text_gray_300 - , lg__text_gray_400 - , lg__text_gray_500 - , lg__text_gray_600 - , lg__text_gray_700 - , lg__text_gray_800 - , lg__text_gray_900 - , lg__text_green_100 - , lg__text_green_200 - , lg__text_green_300 - , lg__text_green_400 - , lg__text_green_500 - , lg__text_green_600 - , lg__text_green_700 - , lg__text_green_800 - , lg__text_green_900 - , lg__text_indigo_100 - , lg__text_indigo_200 - , lg__text_indigo_300 - , lg__text_indigo_400 - , lg__text_indigo_500 - , lg__text_indigo_600 - , lg__text_indigo_700 - , lg__text_indigo_800 - , lg__text_indigo_900 - , lg__text_justify - , lg__text_left - , lg__text_lg - , lg__text_orange_100 - , lg__text_orange_200 - , lg__text_orange_300 - , lg__text_orange_400 - , lg__text_orange_500 - , lg__text_orange_600 - , lg__text_orange_700 - , lg__text_orange_800 - , lg__text_orange_900 - , lg__text_pink_100 - , lg__text_pink_200 - , lg__text_pink_300 - , lg__text_pink_400 - , lg__text_pink_500 - , lg__text_pink_600 - , lg__text_pink_700 - , lg__text_pink_800 - , lg__text_pink_900 - , lg__text_purple_100 - , lg__text_purple_200 - , lg__text_purple_300 - , lg__text_purple_400 - , lg__text_purple_500 - , lg__text_purple_600 - , lg__text_purple_700 - , lg__text_purple_800 - , lg__text_purple_900 - , lg__text_red_100 - , lg__text_red_200 - , lg__text_red_300 - , lg__text_red_400 - , lg__text_red_500 - , lg__text_red_600 - , lg__text_red_700 - , lg__text_red_800 - , lg__text_red_900 - , lg__text_right - , lg__text_sm - , lg__text_teal_100 - , lg__text_teal_200 - , lg__text_teal_300 - , lg__text_teal_400 - , lg__text_teal_500 - , lg__text_teal_600 - , lg__text_teal_700 - , lg__text_teal_800 - , lg__text_teal_900 - , lg__text_transparent - , lg__text_white - , lg__text_xl - , lg__text_xs - , lg__text_yellow_100 - , lg__text_yellow_200 - , lg__text_yellow_300 - , lg__text_yellow_400 - , lg__text_yellow_500 - , lg__text_yellow_600 - , lg__text_yellow_700 - , lg__text_yellow_800 - , lg__text_yellow_900 - , lg__top_0 - , lg__top_auto - , lg__tracking_normal - , lg__tracking_tight - , lg__tracking_tighter - , lg__tracking_wide - , lg__tracking_wider - , lg__tracking_widest - , lg__transform_none - , lg__truncate - , lg__underline - , lg__uppercase - , lg__visible - , lg__w_0 - , lg__w_1 - , lg__w_10 - , lg__w_10over12 - , lg__w_11over12 - , lg__w_12 - , lg__w_16 - , lg__w_1over12 - , lg__w_1over2 - , lg__w_1over3 - , lg__w_1over4 - , lg__w_1over5 - , lg__w_1over6 - , lg__w_2 - , lg__w_20 - , lg__w_24 - , lg__w_2over12 - , lg__w_2over3 - , lg__w_2over4 - , lg__w_2over5 - , lg__w_2over6 - , lg__w_3 - , lg__w_32 - , lg__w_3over12 - , lg__w_3over4 - , lg__w_3over5 - , lg__w_3over6 - , lg__w_4 - , lg__w_40 - , lg__w_48 - , lg__w_4over12 - , lg__w_4over5 - , lg__w_4over6 - , lg__w_5 - , lg__w_56 - , lg__w_5over12 - , lg__w_5over6 - , lg__w_6 - , lg__w_64 - , lg__w_6over12 - , lg__w_7over12 - , lg__w_8 - , lg__w_8over12 - , lg__w_9over12 - , lg__w_auto - , lg__w_full - , lg__w_px - , lg__w_screen - , lg__whitespace_no_wrap - , lg__whitespace_normal - , lg__whitespace_pre - , lg__whitespace_pre_line - , lg__whitespace_pre_wrap - , lg__z_0 - , lg__z_10 - , lg__z_20 - , lg__z_30 - , lg__z_40 - , lg__z_50 - , lg__z_auto , line_through , list_decimal , list_disc @@ -3300,2056 +1314,6 @@ exports[`snapshot test 1`] = ` , mb_8 , mb_auto , mb_px - , md__absolute - , md__align_baseline - , md__align_bottom - , md__align_middle - , md__align_text_bottom - , md__align_text_top - , md__align_top - , md__antialiased - , md__appearance_none - , md__bg_auto - , md__bg_black - , md__bg_blue_100 - , md__bg_blue_200 - , md__bg_blue_300 - , md__bg_blue_400 - , md__bg_blue_500 - , md__bg_blue_600 - , md__bg_blue_700 - , md__bg_blue_800 - , md__bg_blue_900 - , md__bg_bottom - , md__bg_center - , md__bg_contain - , md__bg_cover - , md__bg_current - , md__bg_fixed - , md__bg_gray_100 - , md__bg_gray_200 - , md__bg_gray_300 - , md__bg_gray_400 - , md__bg_gray_500 - , md__bg_gray_600 - , md__bg_gray_700 - , md__bg_gray_800 - , md__bg_gray_900 - , md__bg_green_100 - , md__bg_green_200 - , md__bg_green_300 - , md__bg_green_400 - , md__bg_green_500 - , md__bg_green_600 - , md__bg_green_700 - , md__bg_green_800 - , md__bg_green_900 - , md__bg_indigo_100 - , md__bg_indigo_200 - , md__bg_indigo_300 - , md__bg_indigo_400 - , md__bg_indigo_500 - , md__bg_indigo_600 - , md__bg_indigo_700 - , md__bg_indigo_800 - , md__bg_indigo_900 - , md__bg_left - , md__bg_left_bottom - , md__bg_left_top - , md__bg_local - , md__bg_no_repeat - , md__bg_orange_100 - , md__bg_orange_200 - , md__bg_orange_300 - , md__bg_orange_400 - , md__bg_orange_500 - , md__bg_orange_600 - , md__bg_orange_700 - , md__bg_orange_800 - , md__bg_orange_900 - , md__bg_pink_100 - , md__bg_pink_200 - , md__bg_pink_300 - , md__bg_pink_400 - , md__bg_pink_500 - , md__bg_pink_600 - , md__bg_pink_700 - , md__bg_pink_800 - , md__bg_pink_900 - , md__bg_purple_100 - , md__bg_purple_200 - , md__bg_purple_300 - , md__bg_purple_400 - , md__bg_purple_500 - , md__bg_purple_600 - , md__bg_purple_700 - , md__bg_purple_800 - , md__bg_purple_900 - , md__bg_red_100 - , md__bg_red_200 - , md__bg_red_300 - , md__bg_red_400 - , md__bg_red_500 - , md__bg_red_600 - , md__bg_red_700 - , md__bg_red_800 - , md__bg_red_900 - , md__bg_repeat - , md__bg_repeat_round - , md__bg_repeat_space - , md__bg_repeat_x - , md__bg_repeat_y - , md__bg_right - , md__bg_right_bottom - , md__bg_right_top - , md__bg_scroll - , md__bg_teal_100 - , md__bg_teal_200 - , md__bg_teal_300 - , md__bg_teal_400 - , md__bg_teal_500 - , md__bg_teal_600 - , md__bg_teal_700 - , md__bg_teal_800 - , md__bg_teal_900 - , md__bg_top - , md__bg_transparent - , md__bg_white - , md__bg_yellow_100 - , md__bg_yellow_200 - , md__bg_yellow_300 - , md__bg_yellow_400 - , md__bg_yellow_500 - , md__bg_yellow_600 - , md__bg_yellow_700 - , md__bg_yellow_800 - , md__bg_yellow_900 - , md__block - , md__border - , md__border_0 - , md__border_2 - , md__border_4 - , md__border_8 - , md__border_b - , md__border_b_0 - , md__border_b_2 - , md__border_b_4 - , md__border_b_8 - , md__border_black - , md__border_blue_100 - , md__border_blue_200 - , md__border_blue_300 - , md__border_blue_400 - , md__border_blue_500 - , md__border_blue_600 - , md__border_blue_700 - , md__border_blue_800 - , md__border_blue_900 - , md__border_collapse - , md__border_current - , md__border_dashed - , md__border_dotted - , md__border_double - , md__border_gray_100 - , md__border_gray_200 - , md__border_gray_300 - , md__border_gray_400 - , md__border_gray_500 - , md__border_gray_600 - , md__border_gray_700 - , md__border_gray_800 - , md__border_gray_900 - , md__border_green_100 - , md__border_green_200 - , md__border_green_300 - , md__border_green_400 - , md__border_green_500 - , md__border_green_600 - , md__border_green_700 - , md__border_green_800 - , md__border_green_900 - , md__border_indigo_100 - , md__border_indigo_200 - , md__border_indigo_300 - , md__border_indigo_400 - , md__border_indigo_500 - , md__border_indigo_600 - , md__border_indigo_700 - , md__border_indigo_800 - , md__border_indigo_900 - , md__border_l - , md__border_l_0 - , md__border_l_2 - , md__border_l_4 - , md__border_l_8 - , md__border_none - , md__border_orange_100 - , md__border_orange_200 - , md__border_orange_300 - , md__border_orange_400 - , md__border_orange_500 - , md__border_orange_600 - , md__border_orange_700 - , md__border_orange_800 - , md__border_orange_900 - , md__border_pink_100 - , md__border_pink_200 - , md__border_pink_300 - , md__border_pink_400 - , md__border_pink_500 - , md__border_pink_600 - , md__border_pink_700 - , md__border_pink_800 - , md__border_pink_900 - , md__border_purple_100 - , md__border_purple_200 - , md__border_purple_300 - , md__border_purple_400 - , md__border_purple_500 - , md__border_purple_600 - , md__border_purple_700 - , md__border_purple_800 - , md__border_purple_900 - , md__border_r - , md__border_r_0 - , md__border_r_2 - , md__border_r_4 - , md__border_r_8 - , md__border_red_100 - , md__border_red_200 - , md__border_red_300 - , md__border_red_400 - , md__border_red_500 - , md__border_red_600 - , md__border_red_700 - , md__border_red_800 - , md__border_red_900 - , md__border_separate - , md__border_solid - , md__border_t - , md__border_t_0 - , md__border_t_2 - , md__border_t_4 - , md__border_t_8 - , md__border_teal_100 - , md__border_teal_200 - , md__border_teal_300 - , md__border_teal_400 - , md__border_teal_500 - , md__border_teal_600 - , md__border_teal_700 - , md__border_teal_800 - , md__border_teal_900 - , md__border_transparent - , md__border_white - , md__border_yellow_100 - , md__border_yellow_200 - , md__border_yellow_300 - , md__border_yellow_400 - , md__border_yellow_500 - , md__border_yellow_600 - , md__border_yellow_700 - , md__border_yellow_800 - , md__border_yellow_900 - , md__bottom_0 - , md__bottom_auto - , md__box_border - , md__box_content - , md__break_all - , md__break_normal - , md__break_words - , md__capitalize - , md__clear_both - , md__clear_left - , md__clear_none - , md__clear_right - , md__clearfix - , md__container - , md__content_around - , md__content_between - , md__content_center - , md__content_end - , md__content_start - , md__cursor_auto - , md__cursor_default - , md__cursor_move - , md__cursor_not_allowed - , md__cursor_pointer - , md__cursor_text - , md__cursor_wait - , md__divide_black - , md__divide_blue_100 - , md__divide_blue_200 - , md__divide_blue_300 - , md__divide_blue_400 - , md__divide_blue_500 - , md__divide_blue_600 - , md__divide_blue_700 - , md__divide_blue_800 - , md__divide_blue_900 - , md__divide_current - , md__divide_gray_100 - , md__divide_gray_200 - , md__divide_gray_300 - , md__divide_gray_400 - , md__divide_gray_500 - , md__divide_gray_600 - , md__divide_gray_700 - , md__divide_gray_800 - , md__divide_gray_900 - , md__divide_green_100 - , md__divide_green_200 - , md__divide_green_300 - , md__divide_green_400 - , md__divide_green_500 - , md__divide_green_600 - , md__divide_green_700 - , md__divide_green_800 - , md__divide_green_900 - , md__divide_indigo_100 - , md__divide_indigo_200 - , md__divide_indigo_300 - , md__divide_indigo_400 - , md__divide_indigo_500 - , md__divide_indigo_600 - , md__divide_indigo_700 - , md__divide_indigo_800 - , md__divide_indigo_900 - , md__divide_orange_100 - , md__divide_orange_200 - , md__divide_orange_300 - , md__divide_orange_400 - , md__divide_orange_500 - , md__divide_orange_600 - , md__divide_orange_700 - , md__divide_orange_800 - , md__divide_orange_900 - , md__divide_pink_100 - , md__divide_pink_200 - , md__divide_pink_300 - , md__divide_pink_400 - , md__divide_pink_500 - , md__divide_pink_600 - , md__divide_pink_700 - , md__divide_pink_800 - , md__divide_pink_900 - , md__divide_purple_100 - , md__divide_purple_200 - , md__divide_purple_300 - , md__divide_purple_400 - , md__divide_purple_500 - , md__divide_purple_600 - , md__divide_purple_700 - , md__divide_purple_800 - , md__divide_purple_900 - , md__divide_red_100 - , md__divide_red_200 - , md__divide_red_300 - , md__divide_red_400 - , md__divide_red_500 - , md__divide_red_600 - , md__divide_red_700 - , md__divide_red_800 - , md__divide_red_900 - , md__divide_teal_100 - , md__divide_teal_200 - , md__divide_teal_300 - , md__divide_teal_400 - , md__divide_teal_500 - , md__divide_teal_600 - , md__divide_teal_700 - , md__divide_teal_800 - , md__divide_teal_900 - , md__divide_transparent - , md__divide_white - , md__divide_yellow_100 - , md__divide_yellow_200 - , md__divide_yellow_300 - , md__divide_yellow_400 - , md__divide_yellow_500 - , md__divide_yellow_600 - , md__divide_yellow_700 - , md__divide_yellow_800 - , md__divide_yellow_900 - , md__fill_current - , md__fixed - , md__flex - , md__flex_1 - , md__flex_auto - , md__flex_col - , md__flex_col_reverse - , md__flex_grow - , md__flex_grow_0 - , md__flex_initial - , md__flex_no_wrap - , md__flex_none - , md__flex_row - , md__flex_row_reverse - , md__flex_shrink - , md__flex_shrink_0 - , md__flex_wrap - , md__flex_wrap_reverse - , md__float_left - , md__float_none - , md__float_right - , md__flow_root - , md__focus__bg_black - , md__focus__bg_blue_100 - , md__focus__bg_blue_200 - , md__focus__bg_blue_300 - , md__focus__bg_blue_400 - , md__focus__bg_blue_500 - , md__focus__bg_blue_600 - , md__focus__bg_blue_700 - , md__focus__bg_blue_800 - , md__focus__bg_blue_900 - , md__focus__bg_current - , md__focus__bg_gray_100 - , md__focus__bg_gray_200 - , md__focus__bg_gray_300 - , md__focus__bg_gray_400 - , md__focus__bg_gray_500 - , md__focus__bg_gray_600 - , md__focus__bg_gray_700 - , md__focus__bg_gray_800 - , md__focus__bg_gray_900 - , md__focus__bg_green_100 - , md__focus__bg_green_200 - , md__focus__bg_green_300 - , md__focus__bg_green_400 - , md__focus__bg_green_500 - , md__focus__bg_green_600 - , md__focus__bg_green_700 - , md__focus__bg_green_800 - , md__focus__bg_green_900 - , md__focus__bg_indigo_100 - , md__focus__bg_indigo_200 - , md__focus__bg_indigo_300 - , md__focus__bg_indigo_400 - , md__focus__bg_indigo_500 - , md__focus__bg_indigo_600 - , md__focus__bg_indigo_700 - , md__focus__bg_indigo_800 - , md__focus__bg_indigo_900 - , md__focus__bg_orange_100 - , md__focus__bg_orange_200 - , md__focus__bg_orange_300 - , md__focus__bg_orange_400 - , md__focus__bg_orange_500 - , md__focus__bg_orange_600 - , md__focus__bg_orange_700 - , md__focus__bg_orange_800 - , md__focus__bg_orange_900 - , md__focus__bg_pink_100 - , md__focus__bg_pink_200 - , md__focus__bg_pink_300 - , md__focus__bg_pink_400 - , md__focus__bg_pink_500 - , md__focus__bg_pink_600 - , md__focus__bg_pink_700 - , md__focus__bg_pink_800 - , md__focus__bg_pink_900 - , md__focus__bg_purple_100 - , md__focus__bg_purple_200 - , md__focus__bg_purple_300 - , md__focus__bg_purple_400 - , md__focus__bg_purple_500 - , md__focus__bg_purple_600 - , md__focus__bg_purple_700 - , md__focus__bg_purple_800 - , md__focus__bg_purple_900 - , md__focus__bg_red_100 - , md__focus__bg_red_200 - , md__focus__bg_red_300 - , md__focus__bg_red_400 - , md__focus__bg_red_500 - , md__focus__bg_red_600 - , md__focus__bg_red_700 - , md__focus__bg_red_800 - , md__focus__bg_red_900 - , md__focus__bg_teal_100 - , md__focus__bg_teal_200 - , md__focus__bg_teal_300 - , md__focus__bg_teal_400 - , md__focus__bg_teal_500 - , md__focus__bg_teal_600 - , md__focus__bg_teal_700 - , md__focus__bg_teal_800 - , md__focus__bg_teal_900 - , md__focus__bg_transparent - , md__focus__bg_white - , md__focus__bg_yellow_100 - , md__focus__bg_yellow_200 - , md__focus__bg_yellow_300 - , md__focus__bg_yellow_400 - , md__focus__bg_yellow_500 - , md__focus__bg_yellow_600 - , md__focus__bg_yellow_700 - , md__focus__bg_yellow_800 - , md__focus__bg_yellow_900 - , md__focus__border_black - , md__focus__border_blue_100 - , md__focus__border_blue_200 - , md__focus__border_blue_300 - , md__focus__border_blue_400 - , md__focus__border_blue_500 - , md__focus__border_blue_600 - , md__focus__border_blue_700 - , md__focus__border_blue_800 - , md__focus__border_blue_900 - , md__focus__border_current - , md__focus__border_gray_100 - , md__focus__border_gray_200 - , md__focus__border_gray_300 - , md__focus__border_gray_400 - , md__focus__border_gray_500 - , md__focus__border_gray_600 - , md__focus__border_gray_700 - , md__focus__border_gray_800 - , md__focus__border_gray_900 - , md__focus__border_green_100 - , md__focus__border_green_200 - , md__focus__border_green_300 - , md__focus__border_green_400 - , md__focus__border_green_500 - , md__focus__border_green_600 - , md__focus__border_green_700 - , md__focus__border_green_800 - , md__focus__border_green_900 - , md__focus__border_indigo_100 - , md__focus__border_indigo_200 - , md__focus__border_indigo_300 - , md__focus__border_indigo_400 - , md__focus__border_indigo_500 - , md__focus__border_indigo_600 - , md__focus__border_indigo_700 - , md__focus__border_indigo_800 - , md__focus__border_indigo_900 - , md__focus__border_orange_100 - , md__focus__border_orange_200 - , md__focus__border_orange_300 - , md__focus__border_orange_400 - , md__focus__border_orange_500 - , md__focus__border_orange_600 - , md__focus__border_orange_700 - , md__focus__border_orange_800 - , md__focus__border_orange_900 - , md__focus__border_pink_100 - , md__focus__border_pink_200 - , md__focus__border_pink_300 - , md__focus__border_pink_400 - , md__focus__border_pink_500 - , md__focus__border_pink_600 - , md__focus__border_pink_700 - , md__focus__border_pink_800 - , md__focus__border_pink_900 - , md__focus__border_purple_100 - , md__focus__border_purple_200 - , md__focus__border_purple_300 - , md__focus__border_purple_400 - , md__focus__border_purple_500 - , md__focus__border_purple_600 - , md__focus__border_purple_700 - , md__focus__border_purple_800 - , md__focus__border_purple_900 - , md__focus__border_red_100 - , md__focus__border_red_200 - , md__focus__border_red_300 - , md__focus__border_red_400 - , md__focus__border_red_500 - , md__focus__border_red_600 - , md__focus__border_red_700 - , md__focus__border_red_800 - , md__focus__border_red_900 - , md__focus__border_teal_100 - , md__focus__border_teal_200 - , md__focus__border_teal_300 - , md__focus__border_teal_400 - , md__focus__border_teal_500 - , md__focus__border_teal_600 - , md__focus__border_teal_700 - , md__focus__border_teal_800 - , md__focus__border_teal_900 - , md__focus__border_transparent - , md__focus__border_white - , md__focus__border_yellow_100 - , md__focus__border_yellow_200 - , md__focus__border_yellow_300 - , md__focus__border_yellow_400 - , md__focus__border_yellow_500 - , md__focus__border_yellow_600 - , md__focus__border_yellow_700 - , md__focus__border_yellow_800 - , md__focus__border_yellow_900 - , md__focus__font_black - , md__focus__font_bold - , md__focus__font_extrabold - , md__focus__font_hairline - , md__focus__font_light - , md__focus__font_medium - , md__focus__font_normal - , md__focus__font_semibold - , md__focus__font_thin - , md__focus__line_through - , md__focus__no_underline - , md__focus__not_sr_only - , md__focus__opacity_0 - , md__focus__opacity_100 - , md__focus__opacity_25 - , md__focus__opacity_50 - , md__focus__opacity_75 - , md__focus__outline_none - , md__focus__placeholder_black - , md__focus__placeholder_blue_100 - , md__focus__placeholder_blue_200 - , md__focus__placeholder_blue_300 - , md__focus__placeholder_blue_400 - , md__focus__placeholder_blue_500 - , md__focus__placeholder_blue_600 - , md__focus__placeholder_blue_700 - , md__focus__placeholder_blue_800 - , md__focus__placeholder_blue_900 - , md__focus__placeholder_current - , md__focus__placeholder_gray_100 - , md__focus__placeholder_gray_200 - , md__focus__placeholder_gray_300 - , md__focus__placeholder_gray_400 - , md__focus__placeholder_gray_500 - , md__focus__placeholder_gray_600 - , md__focus__placeholder_gray_700 - , md__focus__placeholder_gray_800 - , md__focus__placeholder_gray_900 - , md__focus__placeholder_green_100 - , md__focus__placeholder_green_200 - , md__focus__placeholder_green_300 - , md__focus__placeholder_green_400 - , md__focus__placeholder_green_500 - , md__focus__placeholder_green_600 - , md__focus__placeholder_green_700 - , md__focus__placeholder_green_800 - , md__focus__placeholder_green_900 - , md__focus__placeholder_indigo_100 - , md__focus__placeholder_indigo_200 - , md__focus__placeholder_indigo_300 - , md__focus__placeholder_indigo_400 - , md__focus__placeholder_indigo_500 - , md__focus__placeholder_indigo_600 - , md__focus__placeholder_indigo_700 - , md__focus__placeholder_indigo_800 - , md__focus__placeholder_indigo_900 - , md__focus__placeholder_orange_100 - , md__focus__placeholder_orange_200 - , md__focus__placeholder_orange_300 - , md__focus__placeholder_orange_400 - , md__focus__placeholder_orange_500 - , md__focus__placeholder_orange_600 - , md__focus__placeholder_orange_700 - , md__focus__placeholder_orange_800 - , md__focus__placeholder_orange_900 - , md__focus__placeholder_pink_100 - , md__focus__placeholder_pink_200 - , md__focus__placeholder_pink_300 - , md__focus__placeholder_pink_400 - , md__focus__placeholder_pink_500 - , md__focus__placeholder_pink_600 - , md__focus__placeholder_pink_700 - , md__focus__placeholder_pink_800 - , md__focus__placeholder_pink_900 - , md__focus__placeholder_purple_100 - , md__focus__placeholder_purple_200 - , md__focus__placeholder_purple_300 - , md__focus__placeholder_purple_400 - , md__focus__placeholder_purple_500 - , md__focus__placeholder_purple_600 - , md__focus__placeholder_purple_700 - , md__focus__placeholder_purple_800 - , md__focus__placeholder_purple_900 - , md__focus__placeholder_red_100 - , md__focus__placeholder_red_200 - , md__focus__placeholder_red_300 - , md__focus__placeholder_red_400 - , md__focus__placeholder_red_500 - , md__focus__placeholder_red_600 - , md__focus__placeholder_red_700 - , md__focus__placeholder_red_800 - , md__focus__placeholder_red_900 - , md__focus__placeholder_teal_100 - , md__focus__placeholder_teal_200 - , md__focus__placeholder_teal_300 - , md__focus__placeholder_teal_400 - , md__focus__placeholder_teal_500 - , md__focus__placeholder_teal_600 - , md__focus__placeholder_teal_700 - , md__focus__placeholder_teal_800 - , md__focus__placeholder_teal_900 - , md__focus__placeholder_transparent - , md__focus__placeholder_white - , md__focus__placeholder_yellow_100 - , md__focus__placeholder_yellow_200 - , md__focus__placeholder_yellow_300 - , md__focus__placeholder_yellow_400 - , md__focus__placeholder_yellow_500 - , md__focus__placeholder_yellow_600 - , md__focus__placeholder_yellow_700 - , md__focus__placeholder_yellow_800 - , md__focus__placeholder_yellow_900 - , md__focus__shadow - , md__focus__shadow_2xl - , md__focus__shadow_inner - , md__focus__shadow_lg - , md__focus__shadow_md - , md__focus__shadow_none - , md__focus__shadow_outline - , md__focus__shadow_sm - , md__focus__shadow_xl - , md__focus__shadow_xs - , md__focus__sr_only - , md__focus__text_black - , md__focus__text_blue_100 - , md__focus__text_blue_200 - , md__focus__text_blue_300 - , md__focus__text_blue_400 - , md__focus__text_blue_500 - , md__focus__text_blue_600 - , md__focus__text_blue_700 - , md__focus__text_blue_800 - , md__focus__text_blue_900 - , md__focus__text_current - , md__focus__text_gray_100 - , md__focus__text_gray_200 - , md__focus__text_gray_300 - , md__focus__text_gray_400 - , md__focus__text_gray_500 - , md__focus__text_gray_600 - , md__focus__text_gray_700 - , md__focus__text_gray_800 - , md__focus__text_gray_900 - , md__focus__text_green_100 - , md__focus__text_green_200 - , md__focus__text_green_300 - , md__focus__text_green_400 - , md__focus__text_green_500 - , md__focus__text_green_600 - , md__focus__text_green_700 - , md__focus__text_green_800 - , md__focus__text_green_900 - , md__focus__text_indigo_100 - , md__focus__text_indigo_200 - , md__focus__text_indigo_300 - , md__focus__text_indigo_400 - , md__focus__text_indigo_500 - , md__focus__text_indigo_600 - , md__focus__text_indigo_700 - , md__focus__text_indigo_800 - , md__focus__text_indigo_900 - , md__focus__text_orange_100 - , md__focus__text_orange_200 - , md__focus__text_orange_300 - , md__focus__text_orange_400 - , md__focus__text_orange_500 - , md__focus__text_orange_600 - , md__focus__text_orange_700 - , md__focus__text_orange_800 - , md__focus__text_orange_900 - , md__focus__text_pink_100 - , md__focus__text_pink_200 - , md__focus__text_pink_300 - , md__focus__text_pink_400 - , md__focus__text_pink_500 - , md__focus__text_pink_600 - , md__focus__text_pink_700 - , md__focus__text_pink_800 - , md__focus__text_pink_900 - , md__focus__text_purple_100 - , md__focus__text_purple_200 - , md__focus__text_purple_300 - , md__focus__text_purple_400 - , md__focus__text_purple_500 - , md__focus__text_purple_600 - , md__focus__text_purple_700 - , md__focus__text_purple_800 - , md__focus__text_purple_900 - , md__focus__text_red_100 - , md__focus__text_red_200 - , md__focus__text_red_300 - , md__focus__text_red_400 - , md__focus__text_red_500 - , md__focus__text_red_600 - , md__focus__text_red_700 - , md__focus__text_red_800 - , md__focus__text_red_900 - , md__focus__text_teal_100 - , md__focus__text_teal_200 - , md__focus__text_teal_300 - , md__focus__text_teal_400 - , md__focus__text_teal_500 - , md__focus__text_teal_600 - , md__focus__text_teal_700 - , md__focus__text_teal_800 - , md__focus__text_teal_900 - , md__focus__text_transparent - , md__focus__text_white - , md__focus__text_yellow_100 - , md__focus__text_yellow_200 - , md__focus__text_yellow_300 - , md__focus__text_yellow_400 - , md__focus__text_yellow_500 - , md__focus__text_yellow_600 - , md__focus__text_yellow_700 - , md__focus__text_yellow_800 - , md__focus__text_yellow_900 - , md__focus__underline - , md__font_black - , md__font_bold - , md__font_extrabold - , md__font_hairline - , md__font_light - , md__font_medium - , md__font_mono - , md__font_normal - , md__font_sans - , md__font_semibold - , md__font_serif - , md__font_thin - , md__grid - , md__h_0 - , md__h_1 - , md__h_10 - , md__h_12 - , md__h_16 - , md__h_2 - , md__h_20 - , md__h_24 - , md__h_3 - , md__h_32 - , md__h_4 - , md__h_40 - , md__h_48 - , md__h_5 - , md__h_56 - , md__h_6 - , md__h_64 - , md__h_8 - , md__h_auto - , md__h_full - , md__h_px - , md__h_screen - , md__hidden - , md__hover__bg_black - , md__hover__bg_blue_100 - , md__hover__bg_blue_200 - , md__hover__bg_blue_300 - , md__hover__bg_blue_400 - , md__hover__bg_blue_500 - , md__hover__bg_blue_600 - , md__hover__bg_blue_700 - , md__hover__bg_blue_800 - , md__hover__bg_blue_900 - , md__hover__bg_current - , md__hover__bg_gray_100 - , md__hover__bg_gray_200 - , md__hover__bg_gray_300 - , md__hover__bg_gray_400 - , md__hover__bg_gray_500 - , md__hover__bg_gray_600 - , md__hover__bg_gray_700 - , md__hover__bg_gray_800 - , md__hover__bg_gray_900 - , md__hover__bg_green_100 - , md__hover__bg_green_200 - , md__hover__bg_green_300 - , md__hover__bg_green_400 - , md__hover__bg_green_500 - , md__hover__bg_green_600 - , md__hover__bg_green_700 - , md__hover__bg_green_800 - , md__hover__bg_green_900 - , md__hover__bg_indigo_100 - , md__hover__bg_indigo_200 - , md__hover__bg_indigo_300 - , md__hover__bg_indigo_400 - , md__hover__bg_indigo_500 - , md__hover__bg_indigo_600 - , md__hover__bg_indigo_700 - , md__hover__bg_indigo_800 - , md__hover__bg_indigo_900 - , md__hover__bg_orange_100 - , md__hover__bg_orange_200 - , md__hover__bg_orange_300 - , md__hover__bg_orange_400 - , md__hover__bg_orange_500 - , md__hover__bg_orange_600 - , md__hover__bg_orange_700 - , md__hover__bg_orange_800 - , md__hover__bg_orange_900 - , md__hover__bg_pink_100 - , md__hover__bg_pink_200 - , md__hover__bg_pink_300 - , md__hover__bg_pink_400 - , md__hover__bg_pink_500 - , md__hover__bg_pink_600 - , md__hover__bg_pink_700 - , md__hover__bg_pink_800 - , md__hover__bg_pink_900 - , md__hover__bg_purple_100 - , md__hover__bg_purple_200 - , md__hover__bg_purple_300 - , md__hover__bg_purple_400 - , md__hover__bg_purple_500 - , md__hover__bg_purple_600 - , md__hover__bg_purple_700 - , md__hover__bg_purple_800 - , md__hover__bg_purple_900 - , md__hover__bg_red_100 - , md__hover__bg_red_200 - , md__hover__bg_red_300 - , md__hover__bg_red_400 - , md__hover__bg_red_500 - , md__hover__bg_red_600 - , md__hover__bg_red_700 - , md__hover__bg_red_800 - , md__hover__bg_red_900 - , md__hover__bg_teal_100 - , md__hover__bg_teal_200 - , md__hover__bg_teal_300 - , md__hover__bg_teal_400 - , md__hover__bg_teal_500 - , md__hover__bg_teal_600 - , md__hover__bg_teal_700 - , md__hover__bg_teal_800 - , md__hover__bg_teal_900 - , md__hover__bg_transparent - , md__hover__bg_white - , md__hover__bg_yellow_100 - , md__hover__bg_yellow_200 - , md__hover__bg_yellow_300 - , md__hover__bg_yellow_400 - , md__hover__bg_yellow_500 - , md__hover__bg_yellow_600 - , md__hover__bg_yellow_700 - , md__hover__bg_yellow_800 - , md__hover__bg_yellow_900 - , md__hover__border_black - , md__hover__border_blue_100 - , md__hover__border_blue_200 - , md__hover__border_blue_300 - , md__hover__border_blue_400 - , md__hover__border_blue_500 - , md__hover__border_blue_600 - , md__hover__border_blue_700 - , md__hover__border_blue_800 - , md__hover__border_blue_900 - , md__hover__border_current - , md__hover__border_gray_100 - , md__hover__border_gray_200 - , md__hover__border_gray_300 - , md__hover__border_gray_400 - , md__hover__border_gray_500 - , md__hover__border_gray_600 - , md__hover__border_gray_700 - , md__hover__border_gray_800 - , md__hover__border_gray_900 - , md__hover__border_green_100 - , md__hover__border_green_200 - , md__hover__border_green_300 - , md__hover__border_green_400 - , md__hover__border_green_500 - , md__hover__border_green_600 - , md__hover__border_green_700 - , md__hover__border_green_800 - , md__hover__border_green_900 - , md__hover__border_indigo_100 - , md__hover__border_indigo_200 - , md__hover__border_indigo_300 - , md__hover__border_indigo_400 - , md__hover__border_indigo_500 - , md__hover__border_indigo_600 - , md__hover__border_indigo_700 - , md__hover__border_indigo_800 - , md__hover__border_indigo_900 - , md__hover__border_orange_100 - , md__hover__border_orange_200 - , md__hover__border_orange_300 - , md__hover__border_orange_400 - , md__hover__border_orange_500 - , md__hover__border_orange_600 - , md__hover__border_orange_700 - , md__hover__border_orange_800 - , md__hover__border_orange_900 - , md__hover__border_pink_100 - , md__hover__border_pink_200 - , md__hover__border_pink_300 - , md__hover__border_pink_400 - , md__hover__border_pink_500 - , md__hover__border_pink_600 - , md__hover__border_pink_700 - , md__hover__border_pink_800 - , md__hover__border_pink_900 - , md__hover__border_purple_100 - , md__hover__border_purple_200 - , md__hover__border_purple_300 - , md__hover__border_purple_400 - , md__hover__border_purple_500 - , md__hover__border_purple_600 - , md__hover__border_purple_700 - , md__hover__border_purple_800 - , md__hover__border_purple_900 - , md__hover__border_red_100 - , md__hover__border_red_200 - , md__hover__border_red_300 - , md__hover__border_red_400 - , md__hover__border_red_500 - , md__hover__border_red_600 - , md__hover__border_red_700 - , md__hover__border_red_800 - , md__hover__border_red_900 - , md__hover__border_teal_100 - , md__hover__border_teal_200 - , md__hover__border_teal_300 - , md__hover__border_teal_400 - , md__hover__border_teal_500 - , md__hover__border_teal_600 - , md__hover__border_teal_700 - , md__hover__border_teal_800 - , md__hover__border_teal_900 - , md__hover__border_transparent - , md__hover__border_white - , md__hover__border_yellow_100 - , md__hover__border_yellow_200 - , md__hover__border_yellow_300 - , md__hover__border_yellow_400 - , md__hover__border_yellow_500 - , md__hover__border_yellow_600 - , md__hover__border_yellow_700 - , md__hover__border_yellow_800 - , md__hover__border_yellow_900 - , md__hover__font_black - , md__hover__font_bold - , md__hover__font_extrabold - , md__hover__font_hairline - , md__hover__font_light - , md__hover__font_medium - , md__hover__font_normal - , md__hover__font_semibold - , md__hover__font_thin - , md__hover__line_through - , md__hover__no_underline - , md__hover__opacity_0 - , md__hover__opacity_100 - , md__hover__opacity_25 - , md__hover__opacity_50 - , md__hover__opacity_75 - , md__hover__shadow - , md__hover__shadow_2xl - , md__hover__shadow_inner - , md__hover__shadow_lg - , md__hover__shadow_md - , md__hover__shadow_none - , md__hover__shadow_outline - , md__hover__shadow_sm - , md__hover__shadow_xl - , md__hover__shadow_xs - , md__hover__text_black - , md__hover__text_blue_100 - , md__hover__text_blue_200 - , md__hover__text_blue_300 - , md__hover__text_blue_400 - , md__hover__text_blue_500 - , md__hover__text_blue_600 - , md__hover__text_blue_700 - , md__hover__text_blue_800 - , md__hover__text_blue_900 - , md__hover__text_current - , md__hover__text_gray_100 - , md__hover__text_gray_200 - , md__hover__text_gray_300 - , md__hover__text_gray_400 - , md__hover__text_gray_500 - , md__hover__text_gray_600 - , md__hover__text_gray_700 - , md__hover__text_gray_800 - , md__hover__text_gray_900 - , md__hover__text_green_100 - , md__hover__text_green_200 - , md__hover__text_green_300 - , md__hover__text_green_400 - , md__hover__text_green_500 - , md__hover__text_green_600 - , md__hover__text_green_700 - , md__hover__text_green_800 - , md__hover__text_green_900 - , md__hover__text_indigo_100 - , md__hover__text_indigo_200 - , md__hover__text_indigo_300 - , md__hover__text_indigo_400 - , md__hover__text_indigo_500 - , md__hover__text_indigo_600 - , md__hover__text_indigo_700 - , md__hover__text_indigo_800 - , md__hover__text_indigo_900 - , md__hover__text_orange_100 - , md__hover__text_orange_200 - , md__hover__text_orange_300 - , md__hover__text_orange_400 - , md__hover__text_orange_500 - , md__hover__text_orange_600 - , md__hover__text_orange_700 - , md__hover__text_orange_800 - , md__hover__text_orange_900 - , md__hover__text_pink_100 - , md__hover__text_pink_200 - , md__hover__text_pink_300 - , md__hover__text_pink_400 - , md__hover__text_pink_500 - , md__hover__text_pink_600 - , md__hover__text_pink_700 - , md__hover__text_pink_800 - , md__hover__text_pink_900 - , md__hover__text_purple_100 - , md__hover__text_purple_200 - , md__hover__text_purple_300 - , md__hover__text_purple_400 - , md__hover__text_purple_500 - , md__hover__text_purple_600 - , md__hover__text_purple_700 - , md__hover__text_purple_800 - , md__hover__text_purple_900 - , md__hover__text_red_100 - , md__hover__text_red_200 - , md__hover__text_red_300 - , md__hover__text_red_400 - , md__hover__text_red_500 - , md__hover__text_red_600 - , md__hover__text_red_700 - , md__hover__text_red_800 - , md__hover__text_red_900 - , md__hover__text_teal_100 - , md__hover__text_teal_200 - , md__hover__text_teal_300 - , md__hover__text_teal_400 - , md__hover__text_teal_500 - , md__hover__text_teal_600 - , md__hover__text_teal_700 - , md__hover__text_teal_800 - , md__hover__text_teal_900 - , md__hover__text_transparent - , md__hover__text_white - , md__hover__text_yellow_100 - , md__hover__text_yellow_200 - , md__hover__text_yellow_300 - , md__hover__text_yellow_400 - , md__hover__text_yellow_500 - , md__hover__text_yellow_600 - , md__hover__text_yellow_700 - , md__hover__text_yellow_800 - , md__hover__text_yellow_900 - , md__hover__underline - , md__inline - , md__inline_block - , md__inline_flex - , md__inline_grid - , md__inset_0 - , md__inset_auto - , md__inset_x_0 - , md__inset_x_auto - , md__inset_y_0 - , md__inset_y_auto - , md__invisible - , md__italic - , md__items_baseline - , md__items_center - , md__items_end - , md__items_start - , md__items_stretch - , md__justify_around - , md__justify_between - , md__justify_center - , md__justify_end - , md__justify_evenly - , md__justify_start - , md__leading_10 - , md__leading_3 - , md__leading_4 - , md__leading_5 - , md__leading_6 - , md__leading_7 - , md__leading_8 - , md__leading_9 - , md__leading_loose - , md__leading_none - , md__leading_normal - , md__leading_relaxed - , md__leading_snug - , md__leading_tight - , md__left_0 - , md__left_auto - , md__line_through - , md__list_decimal - , md__list_disc - , md__list_inside - , md__list_none - , md__list_outside - , md__lowercase - , md__m_0 - , md__m_1 - , md__m_10 - , md__m_12 - , md__m_16 - , md__m_2 - , md__m_20 - , md__m_24 - , md__m_3 - , md__m_32 - , md__m_4 - , md__m_40 - , md__m_48 - , md__m_5 - , md__m_56 - , md__m_6 - , md__m_64 - , md__m_8 - , md__m_auto - , md__m_px - , md__max_h_full - , md__max_h_screen - , md__max_w_2xl - , md__max_w_3xl - , md__max_w_4xl - , md__max_w_5xl - , md__max_w_6xl - , md__max_w_full - , md__max_w_lg - , md__max_w_md - , md__max_w_none - , md__max_w_screen_lg - , md__max_w_screen_md - , md__max_w_screen_sm - , md__max_w_screen_xl - , md__max_w_sm - , md__max_w_xl - , md__max_w_xs - , md__mb_0 - , md__mb_1 - , md__mb_10 - , md__mb_12 - , md__mb_16 - , md__mb_2 - , md__mb_20 - , md__mb_24 - , md__mb_3 - , md__mb_32 - , md__mb_4 - , md__mb_40 - , md__mb_48 - , md__mb_5 - , md__mb_56 - , md__mb_6 - , md__mb_64 - , md__mb_8 - , md__mb_auto - , md__mb_px - , md__min_h_0 - , md__min_h_full - , md__min_h_screen - , md__min_w_0 - , md__min_w_full - , md__ml_0 - , md__ml_1 - , md__ml_10 - , md__ml_12 - , md__ml_16 - , md__ml_2 - , md__ml_20 - , md__ml_24 - , md__ml_3 - , md__ml_32 - , md__ml_4 - , md__ml_40 - , md__ml_48 - , md__ml_5 - , md__ml_56 - , md__ml_6 - , md__ml_64 - , md__ml_8 - , md__ml_auto - , md__ml_px - , md__mr_0 - , md__mr_1 - , md__mr_10 - , md__mr_12 - , md__mr_16 - , md__mr_2 - , md__mr_20 - , md__mr_24 - , md__mr_3 - , md__mr_32 - , md__mr_4 - , md__mr_40 - , md__mr_48 - , md__mr_5 - , md__mr_56 - , md__mr_6 - , md__mr_64 - , md__mr_8 - , md__mr_auto - , md__mr_px - , md__mt_0 - , md__mt_1 - , md__mt_10 - , md__mt_12 - , md__mt_16 - , md__mt_2 - , md__mt_20 - , md__mt_24 - , md__mt_3 - , md__mt_32 - , md__mt_4 - , md__mt_40 - , md__mt_48 - , md__mt_5 - , md__mt_56 - , md__mt_6 - , md__mt_64 - , md__mt_8 - , md__mt_auto - , md__mt_px - , md__mx_0 - , md__mx_1 - , md__mx_10 - , md__mx_12 - , md__mx_16 - , md__mx_2 - , md__mx_20 - , md__mx_24 - , md__mx_3 - , md__mx_32 - , md__mx_4 - , md__mx_40 - , md__mx_48 - , md__mx_5 - , md__mx_56 - , md__mx_6 - , md__mx_64 - , md__mx_8 - , md__mx_auto - , md__mx_px - , md__my_0 - , md__my_1 - , md__my_10 - , md__my_12 - , md__my_16 - , md__my_2 - , md__my_20 - , md__my_24 - , md__my_3 - , md__my_32 - , md__my_4 - , md__my_40 - , md__my_48 - , md__my_5 - , md__my_56 - , md__my_6 - , md__my_64 - , md__my_8 - , md__my_auto - , md__my_px - , md__neg_m_1 - , md__neg_m_10 - , md__neg_m_12 - , md__neg_m_16 - , md__neg_m_2 - , md__neg_m_20 - , md__neg_m_24 - , md__neg_m_3 - , md__neg_m_32 - , md__neg_m_4 - , md__neg_m_40 - , md__neg_m_48 - , md__neg_m_5 - , md__neg_m_56 - , md__neg_m_6 - , md__neg_m_64 - , md__neg_m_8 - , md__neg_m_px - , md__neg_mb_1 - , md__neg_mb_10 - , md__neg_mb_12 - , md__neg_mb_16 - , md__neg_mb_2 - , md__neg_mb_20 - , md__neg_mb_24 - , md__neg_mb_3 - , md__neg_mb_32 - , md__neg_mb_4 - , md__neg_mb_40 - , md__neg_mb_48 - , md__neg_mb_5 - , md__neg_mb_56 - , md__neg_mb_6 - , md__neg_mb_64 - , md__neg_mb_8 - , md__neg_mb_px - , md__neg_ml_1 - , md__neg_ml_10 - , md__neg_ml_12 - , md__neg_ml_16 - , md__neg_ml_2 - , md__neg_ml_20 - , md__neg_ml_24 - , md__neg_ml_3 - , md__neg_ml_32 - , md__neg_ml_4 - , md__neg_ml_40 - , md__neg_ml_48 - , md__neg_ml_5 - , md__neg_ml_56 - , md__neg_ml_6 - , md__neg_ml_64 - , md__neg_ml_8 - , md__neg_ml_px - , md__neg_mr_1 - , md__neg_mr_10 - , md__neg_mr_12 - , md__neg_mr_16 - , md__neg_mr_2 - , md__neg_mr_20 - , md__neg_mr_24 - , md__neg_mr_3 - , md__neg_mr_32 - , md__neg_mr_4 - , md__neg_mr_40 - , md__neg_mr_48 - , md__neg_mr_5 - , md__neg_mr_56 - , md__neg_mr_6 - , md__neg_mr_64 - , md__neg_mr_8 - , md__neg_mr_px - , md__neg_mt_1 - , md__neg_mt_10 - , md__neg_mt_12 - , md__neg_mt_16 - , md__neg_mt_2 - , md__neg_mt_20 - , md__neg_mt_24 - , md__neg_mt_3 - , md__neg_mt_32 - , md__neg_mt_4 - , md__neg_mt_40 - , md__neg_mt_48 - , md__neg_mt_5 - , md__neg_mt_56 - , md__neg_mt_6 - , md__neg_mt_64 - , md__neg_mt_8 - , md__neg_mt_px - , md__neg_mx_1 - , md__neg_mx_10 - , md__neg_mx_12 - , md__neg_mx_16 - , md__neg_mx_2 - , md__neg_mx_20 - , md__neg_mx_24 - , md__neg_mx_3 - , md__neg_mx_32 - , md__neg_mx_4 - , md__neg_mx_40 - , md__neg_mx_48 - , md__neg_mx_5 - , md__neg_mx_56 - , md__neg_mx_6 - , md__neg_mx_64 - , md__neg_mx_8 - , md__neg_mx_px - , md__neg_my_1 - , md__neg_my_10 - , md__neg_my_12 - , md__neg_my_16 - , md__neg_my_2 - , md__neg_my_20 - , md__neg_my_24 - , md__neg_my_3 - , md__neg_my_32 - , md__neg_my_4 - , md__neg_my_40 - , md__neg_my_48 - , md__neg_my_5 - , md__neg_my_56 - , md__neg_my_6 - , md__neg_my_64 - , md__neg_my_8 - , md__neg_my_px - , md__no_underline - , md__normal_case - , md__not_italic - , md__not_sr_only - , md__object_bottom - , md__object_center - , md__object_contain - , md__object_cover - , md__object_fill - , md__object_left - , md__object_left_bottom - , md__object_left_top - , md__object_none - , md__object_right - , md__object_right_bottom - , md__object_right_top - , md__object_scale_down - , md__object_top - , md__opacity_0 - , md__opacity_100 - , md__opacity_25 - , md__opacity_50 - , md__opacity_75 - , md__order_1 - , md__order_10 - , md__order_11 - , md__order_12 - , md__order_2 - , md__order_3 - , md__order_4 - , md__order_5 - , md__order_6 - , md__order_7 - , md__order_8 - , md__order_9 - , md__order_first - , md__order_last - , md__order_none - , md__origin_bottom - , md__origin_bottom_left - , md__origin_bottom_right - , md__origin_center - , md__origin_left - , md__origin_right - , md__origin_top - , md__origin_top_left - , md__origin_top_right - , md__outline_none - , md__overflow_auto - , md__overflow_hidden - , md__overflow_scroll - , md__overflow_visible - , md__overflow_x_auto - , md__overflow_x_hidden - , md__overflow_x_scroll - , md__overflow_x_visible - , md__overflow_y_auto - , md__overflow_y_hidden - , md__overflow_y_scroll - , md__overflow_y_visible - , md__p_0 - , md__p_1 - , md__p_10 - , md__p_12 - , md__p_16 - , md__p_2 - , md__p_20 - , md__p_24 - , md__p_3 - , md__p_32 - , md__p_4 - , md__p_40 - , md__p_48 - , md__p_5 - , md__p_56 - , md__p_6 - , md__p_64 - , md__p_8 - , md__p_px - , md__pb_0 - , md__pb_1 - , md__pb_10 - , md__pb_12 - , md__pb_16 - , md__pb_2 - , md__pb_20 - , md__pb_24 - , md__pb_3 - , md__pb_32 - , md__pb_4 - , md__pb_40 - , md__pb_48 - , md__pb_5 - , md__pb_56 - , md__pb_6 - , md__pb_64 - , md__pb_8 - , md__pb_px - , md__pl_0 - , md__pl_1 - , md__pl_10 - , md__pl_12 - , md__pl_16 - , md__pl_2 - , md__pl_20 - , md__pl_24 - , md__pl_3 - , md__pl_32 - , md__pl_4 - , md__pl_40 - , md__pl_48 - , md__pl_5 - , md__pl_56 - , md__pl_6 - , md__pl_64 - , md__pl_8 - , md__pl_px - , md__placeholder_black - , md__placeholder_blue_100 - , md__placeholder_blue_200 - , md__placeholder_blue_300 - , md__placeholder_blue_400 - , md__placeholder_blue_500 - , md__placeholder_blue_600 - , md__placeholder_blue_700 - , md__placeholder_blue_800 - , md__placeholder_blue_900 - , md__placeholder_current - , md__placeholder_gray_100 - , md__placeholder_gray_200 - , md__placeholder_gray_300 - , md__placeholder_gray_400 - , md__placeholder_gray_500 - , md__placeholder_gray_600 - , md__placeholder_gray_700 - , md__placeholder_gray_800 - , md__placeholder_gray_900 - , md__placeholder_green_100 - , md__placeholder_green_200 - , md__placeholder_green_300 - , md__placeholder_green_400 - , md__placeholder_green_500 - , md__placeholder_green_600 - , md__placeholder_green_700 - , md__placeholder_green_800 - , md__placeholder_green_900 - , md__placeholder_indigo_100 - , md__placeholder_indigo_200 - , md__placeholder_indigo_300 - , md__placeholder_indigo_400 - , md__placeholder_indigo_500 - , md__placeholder_indigo_600 - , md__placeholder_indigo_700 - , md__placeholder_indigo_800 - , md__placeholder_indigo_900 - , md__placeholder_orange_100 - , md__placeholder_orange_200 - , md__placeholder_orange_300 - , md__placeholder_orange_400 - , md__placeholder_orange_500 - , md__placeholder_orange_600 - , md__placeholder_orange_700 - , md__placeholder_orange_800 - , md__placeholder_orange_900 - , md__placeholder_pink_100 - , md__placeholder_pink_200 - , md__placeholder_pink_300 - , md__placeholder_pink_400 - , md__placeholder_pink_500 - , md__placeholder_pink_600 - , md__placeholder_pink_700 - , md__placeholder_pink_800 - , md__placeholder_pink_900 - , md__placeholder_purple_100 - , md__placeholder_purple_200 - , md__placeholder_purple_300 - , md__placeholder_purple_400 - , md__placeholder_purple_500 - , md__placeholder_purple_600 - , md__placeholder_purple_700 - , md__placeholder_purple_800 - , md__placeholder_purple_900 - , md__placeholder_red_100 - , md__placeholder_red_200 - , md__placeholder_red_300 - , md__placeholder_red_400 - , md__placeholder_red_500 - , md__placeholder_red_600 - , md__placeholder_red_700 - , md__placeholder_red_800 - , md__placeholder_red_900 - , md__placeholder_teal_100 - , md__placeholder_teal_200 - , md__placeholder_teal_300 - , md__placeholder_teal_400 - , md__placeholder_teal_500 - , md__placeholder_teal_600 - , md__placeholder_teal_700 - , md__placeholder_teal_800 - , md__placeholder_teal_900 - , md__placeholder_transparent - , md__placeholder_white - , md__placeholder_yellow_100 - , md__placeholder_yellow_200 - , md__placeholder_yellow_300 - , md__placeholder_yellow_400 - , md__placeholder_yellow_500 - , md__placeholder_yellow_600 - , md__placeholder_yellow_700 - , md__placeholder_yellow_800 - , md__placeholder_yellow_900 - , md__pointer_events_auto - , md__pointer_events_none - , md__pr_0 - , md__pr_1 - , md__pr_10 - , md__pr_12 - , md__pr_16 - , md__pr_2 - , md__pr_20 - , md__pr_24 - , md__pr_3 - , md__pr_32 - , md__pr_4 - , md__pr_40 - , md__pr_48 - , md__pr_5 - , md__pr_56 - , md__pr_6 - , md__pr_64 - , md__pr_8 - , md__pr_px - , md__pt_0 - , md__pt_1 - , md__pt_10 - , md__pt_12 - , md__pt_16 - , md__pt_2 - , md__pt_20 - , md__pt_24 - , md__pt_3 - , md__pt_32 - , md__pt_4 - , md__pt_40 - , md__pt_48 - , md__pt_5 - , md__pt_56 - , md__pt_6 - , md__pt_64 - , md__pt_8 - , md__pt_px - , md__px_0 - , md__px_1 - , md__px_10 - , md__px_12 - , md__px_16 - , md__px_2 - , md__px_20 - , md__px_24 - , md__px_3 - , md__px_32 - , md__px_4 - , md__px_40 - , md__px_48 - , md__px_5 - , md__px_56 - , md__px_6 - , md__px_64 - , md__px_8 - , md__px_px - , md__py_0 - , md__py_1 - , md__py_10 - , md__py_12 - , md__py_16 - , md__py_2 - , md__py_20 - , md__py_24 - , md__py_3 - , md__py_32 - , md__py_4 - , md__py_40 - , md__py_48 - , md__py_5 - , md__py_56 - , md__py_6 - , md__py_64 - , md__py_8 - , md__py_px - , md__relative - , md__resize - , md__resize_none - , md__resize_x - , md__resize_y - , md__right_0 - , md__right_auto - , md__rounded - , md__rounded_b - , md__rounded_b_full - , md__rounded_b_lg - , md__rounded_b_md - , md__rounded_b_none - , md__rounded_b_sm - , md__rounded_bl - , md__rounded_bl_full - , md__rounded_bl_lg - , md__rounded_bl_md - , md__rounded_bl_none - , md__rounded_bl_sm - , md__rounded_br - , md__rounded_br_full - , md__rounded_br_lg - , md__rounded_br_md - , md__rounded_br_none - , md__rounded_br_sm - , md__rounded_full - , md__rounded_l - , md__rounded_l_full - , md__rounded_l_lg - , md__rounded_l_md - , md__rounded_l_none - , md__rounded_l_sm - , md__rounded_lg - , md__rounded_md - , md__rounded_none - , md__rounded_r - , md__rounded_r_full - , md__rounded_r_lg - , md__rounded_r_md - , md__rounded_r_none - , md__rounded_r_sm - , md__rounded_sm - , md__rounded_t - , md__rounded_t_full - , md__rounded_t_lg - , md__rounded_t_md - , md__rounded_t_none - , md__rounded_t_sm - , md__rounded_tl - , md__rounded_tl_full - , md__rounded_tl_lg - , md__rounded_tl_md - , md__rounded_tl_none - , md__rounded_tl_sm - , md__rounded_tr - , md__rounded_tr_full - , md__rounded_tr_lg - , md__rounded_tr_md - , md__rounded_tr_none - , md__rounded_tr_sm - , md__scrolling_auto - , md__scrolling_touch - , md__select_all - , md__select_auto - , md__select_none - , md__select_text - , md__self_auto - , md__self_center - , md__self_end - , md__self_start - , md__self_stretch - , md__shadow - , md__shadow_2xl - , md__shadow_inner - , md__shadow_lg - , md__shadow_md - , md__shadow_none - , md__shadow_outline - , md__shadow_sm - , md__shadow_xl - , md__shadow_xs - , md__sr_only - , md__static - , md__sticky - , md__stroke_0 - , md__stroke_1 - , md__stroke_2 - , md__stroke_current - , md__subpixel_antialiased - , md__table - , md__table_auto - , md__table_caption - , md__table_cell - , md__table_column - , md__table_column_group - , md__table_fixed - , md__table_footer_group - , md__table_header_group - , md__table_row - , md__table_row_group - , md__text_2xl - , md__text_3xl - , md__text_4xl - , md__text_5xl - , md__text_6xl - , md__text_base - , md__text_black - , md__text_blue_100 - , md__text_blue_200 - , md__text_blue_300 - , md__text_blue_400 - , md__text_blue_500 - , md__text_blue_600 - , md__text_blue_700 - , md__text_blue_800 - , md__text_blue_900 - , md__text_center - , md__text_current - , md__text_gray_100 - , md__text_gray_200 - , md__text_gray_300 - , md__text_gray_400 - , md__text_gray_500 - , md__text_gray_600 - , md__text_gray_700 - , md__text_gray_800 - , md__text_gray_900 - , md__text_green_100 - , md__text_green_200 - , md__text_green_300 - , md__text_green_400 - , md__text_green_500 - , md__text_green_600 - , md__text_green_700 - , md__text_green_800 - , md__text_green_900 - , md__text_indigo_100 - , md__text_indigo_200 - , md__text_indigo_300 - , md__text_indigo_400 - , md__text_indigo_500 - , md__text_indigo_600 - , md__text_indigo_700 - , md__text_indigo_800 - , md__text_indigo_900 - , md__text_justify - , md__text_left - , md__text_lg - , md__text_orange_100 - , md__text_orange_200 - , md__text_orange_300 - , md__text_orange_400 - , md__text_orange_500 - , md__text_orange_600 - , md__text_orange_700 - , md__text_orange_800 - , md__text_orange_900 - , md__text_pink_100 - , md__text_pink_200 - , md__text_pink_300 - , md__text_pink_400 - , md__text_pink_500 - , md__text_pink_600 - , md__text_pink_700 - , md__text_pink_800 - , md__text_pink_900 - , md__text_purple_100 - , md__text_purple_200 - , md__text_purple_300 - , md__text_purple_400 - , md__text_purple_500 - , md__text_purple_600 - , md__text_purple_700 - , md__text_purple_800 - , md__text_purple_900 - , md__text_red_100 - , md__text_red_200 - , md__text_red_300 - , md__text_red_400 - , md__text_red_500 - , md__text_red_600 - , md__text_red_700 - , md__text_red_800 - , md__text_red_900 - , md__text_right - , md__text_sm - , md__text_teal_100 - , md__text_teal_200 - , md__text_teal_300 - , md__text_teal_400 - , md__text_teal_500 - , md__text_teal_600 - , md__text_teal_700 - , md__text_teal_800 - , md__text_teal_900 - , md__text_transparent - , md__text_white - , md__text_xl - , md__text_xs - , md__text_yellow_100 - , md__text_yellow_200 - , md__text_yellow_300 - , md__text_yellow_400 - , md__text_yellow_500 - , md__text_yellow_600 - , md__text_yellow_700 - , md__text_yellow_800 - , md__text_yellow_900 - , md__top_0 - , md__top_auto - , md__tracking_normal - , md__tracking_tight - , md__tracking_tighter - , md__tracking_wide - , md__tracking_wider - , md__tracking_widest - , md__transform_none - , md__truncate - , md__underline - , md__uppercase - , md__visible - , md__w_0 - , md__w_1 - , md__w_10 - , md__w_10over12 - , md__w_11over12 - , md__w_12 - , md__w_16 - , md__w_1over12 - , md__w_1over2 - , md__w_1over3 - , md__w_1over4 - , md__w_1over5 - , md__w_1over6 - , md__w_2 - , md__w_20 - , md__w_24 - , md__w_2over12 - , md__w_2over3 - , md__w_2over4 - , md__w_2over5 - , md__w_2over6 - , md__w_3 - , md__w_32 - , md__w_3over12 - , md__w_3over4 - , md__w_3over5 - , md__w_3over6 - , md__w_4 - , md__w_40 - , md__w_48 - , md__w_4over12 - , md__w_4over5 - , md__w_4over6 - , md__w_5 - , md__w_56 - , md__w_5over12 - , md__w_5over6 - , md__w_6 - , md__w_64 - , md__w_6over12 - , md__w_7over12 - , md__w_8 - , md__w_8over12 - , md__w_9over12 - , md__w_auto - , md__w_full - , md__w_px - , md__w_screen - , md__whitespace_no_wrap - , md__whitespace_normal - , md__whitespace_pre - , md__whitespace_pre_line - , md__whitespace_pre_wrap - , md__z_0 - , md__z_10 - , md__z_20 - , md__z_30 - , md__z_40 - , md__z_50 - , md__z_auto , min_h_0 , min_h_full , min_h_screen @@ -5952,2056 +1916,6 @@ exports[`snapshot test 1`] = ` , shadow_sm , shadow_xl , shadow_xs - , sm__absolute - , sm__align_baseline - , sm__align_bottom - , sm__align_middle - , sm__align_text_bottom - , sm__align_text_top - , sm__align_top - , sm__antialiased - , sm__appearance_none - , sm__bg_auto - , sm__bg_black - , sm__bg_blue_100 - , sm__bg_blue_200 - , sm__bg_blue_300 - , sm__bg_blue_400 - , sm__bg_blue_500 - , sm__bg_blue_600 - , sm__bg_blue_700 - , sm__bg_blue_800 - , sm__bg_blue_900 - , sm__bg_bottom - , sm__bg_center - , sm__bg_contain - , sm__bg_cover - , sm__bg_current - , sm__bg_fixed - , sm__bg_gray_100 - , sm__bg_gray_200 - , sm__bg_gray_300 - , sm__bg_gray_400 - , sm__bg_gray_500 - , sm__bg_gray_600 - , sm__bg_gray_700 - , sm__bg_gray_800 - , sm__bg_gray_900 - , sm__bg_green_100 - , sm__bg_green_200 - , sm__bg_green_300 - , sm__bg_green_400 - , sm__bg_green_500 - , sm__bg_green_600 - , sm__bg_green_700 - , sm__bg_green_800 - , sm__bg_green_900 - , sm__bg_indigo_100 - , sm__bg_indigo_200 - , sm__bg_indigo_300 - , sm__bg_indigo_400 - , sm__bg_indigo_500 - , sm__bg_indigo_600 - , sm__bg_indigo_700 - , sm__bg_indigo_800 - , sm__bg_indigo_900 - , sm__bg_left - , sm__bg_left_bottom - , sm__bg_left_top - , sm__bg_local - , sm__bg_no_repeat - , sm__bg_orange_100 - , sm__bg_orange_200 - , sm__bg_orange_300 - , sm__bg_orange_400 - , sm__bg_orange_500 - , sm__bg_orange_600 - , sm__bg_orange_700 - , sm__bg_orange_800 - , sm__bg_orange_900 - , sm__bg_pink_100 - , sm__bg_pink_200 - , sm__bg_pink_300 - , sm__bg_pink_400 - , sm__bg_pink_500 - , sm__bg_pink_600 - , sm__bg_pink_700 - , sm__bg_pink_800 - , sm__bg_pink_900 - , sm__bg_purple_100 - , sm__bg_purple_200 - , sm__bg_purple_300 - , sm__bg_purple_400 - , sm__bg_purple_500 - , sm__bg_purple_600 - , sm__bg_purple_700 - , sm__bg_purple_800 - , sm__bg_purple_900 - , sm__bg_red_100 - , sm__bg_red_200 - , sm__bg_red_300 - , sm__bg_red_400 - , sm__bg_red_500 - , sm__bg_red_600 - , sm__bg_red_700 - , sm__bg_red_800 - , sm__bg_red_900 - , sm__bg_repeat - , sm__bg_repeat_round - , sm__bg_repeat_space - , sm__bg_repeat_x - , sm__bg_repeat_y - , sm__bg_right - , sm__bg_right_bottom - , sm__bg_right_top - , sm__bg_scroll - , sm__bg_teal_100 - , sm__bg_teal_200 - , sm__bg_teal_300 - , sm__bg_teal_400 - , sm__bg_teal_500 - , sm__bg_teal_600 - , sm__bg_teal_700 - , sm__bg_teal_800 - , sm__bg_teal_900 - , sm__bg_top - , sm__bg_transparent - , sm__bg_white - , sm__bg_yellow_100 - , sm__bg_yellow_200 - , sm__bg_yellow_300 - , sm__bg_yellow_400 - , sm__bg_yellow_500 - , sm__bg_yellow_600 - , sm__bg_yellow_700 - , sm__bg_yellow_800 - , sm__bg_yellow_900 - , sm__block - , sm__border - , sm__border_0 - , sm__border_2 - , sm__border_4 - , sm__border_8 - , sm__border_b - , sm__border_b_0 - , sm__border_b_2 - , sm__border_b_4 - , sm__border_b_8 - , sm__border_black - , sm__border_blue_100 - , sm__border_blue_200 - , sm__border_blue_300 - , sm__border_blue_400 - , sm__border_blue_500 - , sm__border_blue_600 - , sm__border_blue_700 - , sm__border_blue_800 - , sm__border_blue_900 - , sm__border_collapse - , sm__border_current - , sm__border_dashed - , sm__border_dotted - , sm__border_double - , sm__border_gray_100 - , sm__border_gray_200 - , sm__border_gray_300 - , sm__border_gray_400 - , sm__border_gray_500 - , sm__border_gray_600 - , sm__border_gray_700 - , sm__border_gray_800 - , sm__border_gray_900 - , sm__border_green_100 - , sm__border_green_200 - , sm__border_green_300 - , sm__border_green_400 - , sm__border_green_500 - , sm__border_green_600 - , sm__border_green_700 - , sm__border_green_800 - , sm__border_green_900 - , sm__border_indigo_100 - , sm__border_indigo_200 - , sm__border_indigo_300 - , sm__border_indigo_400 - , sm__border_indigo_500 - , sm__border_indigo_600 - , sm__border_indigo_700 - , sm__border_indigo_800 - , sm__border_indigo_900 - , sm__border_l - , sm__border_l_0 - , sm__border_l_2 - , sm__border_l_4 - , sm__border_l_8 - , sm__border_none - , sm__border_orange_100 - , sm__border_orange_200 - , sm__border_orange_300 - , sm__border_orange_400 - , sm__border_orange_500 - , sm__border_orange_600 - , sm__border_orange_700 - , sm__border_orange_800 - , sm__border_orange_900 - , sm__border_pink_100 - , sm__border_pink_200 - , sm__border_pink_300 - , sm__border_pink_400 - , sm__border_pink_500 - , sm__border_pink_600 - , sm__border_pink_700 - , sm__border_pink_800 - , sm__border_pink_900 - , sm__border_purple_100 - , sm__border_purple_200 - , sm__border_purple_300 - , sm__border_purple_400 - , sm__border_purple_500 - , sm__border_purple_600 - , sm__border_purple_700 - , sm__border_purple_800 - , sm__border_purple_900 - , sm__border_r - , sm__border_r_0 - , sm__border_r_2 - , sm__border_r_4 - , sm__border_r_8 - , sm__border_red_100 - , sm__border_red_200 - , sm__border_red_300 - , sm__border_red_400 - , sm__border_red_500 - , sm__border_red_600 - , sm__border_red_700 - , sm__border_red_800 - , sm__border_red_900 - , sm__border_separate - , sm__border_solid - , sm__border_t - , sm__border_t_0 - , sm__border_t_2 - , sm__border_t_4 - , sm__border_t_8 - , sm__border_teal_100 - , sm__border_teal_200 - , sm__border_teal_300 - , sm__border_teal_400 - , sm__border_teal_500 - , sm__border_teal_600 - , sm__border_teal_700 - , sm__border_teal_800 - , sm__border_teal_900 - , sm__border_transparent - , sm__border_white - , sm__border_yellow_100 - , sm__border_yellow_200 - , sm__border_yellow_300 - , sm__border_yellow_400 - , sm__border_yellow_500 - , sm__border_yellow_600 - , sm__border_yellow_700 - , sm__border_yellow_800 - , sm__border_yellow_900 - , sm__bottom_0 - , sm__bottom_auto - , sm__box_border - , sm__box_content - , sm__break_all - , sm__break_normal - , sm__break_words - , sm__capitalize - , sm__clear_both - , sm__clear_left - , sm__clear_none - , sm__clear_right - , sm__clearfix - , sm__container - , sm__content_around - , sm__content_between - , sm__content_center - , sm__content_end - , sm__content_start - , sm__cursor_auto - , sm__cursor_default - , sm__cursor_move - , sm__cursor_not_allowed - , sm__cursor_pointer - , sm__cursor_text - , sm__cursor_wait - , sm__divide_black - , sm__divide_blue_100 - , sm__divide_blue_200 - , sm__divide_blue_300 - , sm__divide_blue_400 - , sm__divide_blue_500 - , sm__divide_blue_600 - , sm__divide_blue_700 - , sm__divide_blue_800 - , sm__divide_blue_900 - , sm__divide_current - , sm__divide_gray_100 - , sm__divide_gray_200 - , sm__divide_gray_300 - , sm__divide_gray_400 - , sm__divide_gray_500 - , sm__divide_gray_600 - , sm__divide_gray_700 - , sm__divide_gray_800 - , sm__divide_gray_900 - , sm__divide_green_100 - , sm__divide_green_200 - , sm__divide_green_300 - , sm__divide_green_400 - , sm__divide_green_500 - , sm__divide_green_600 - , sm__divide_green_700 - , sm__divide_green_800 - , sm__divide_green_900 - , sm__divide_indigo_100 - , sm__divide_indigo_200 - , sm__divide_indigo_300 - , sm__divide_indigo_400 - , sm__divide_indigo_500 - , sm__divide_indigo_600 - , sm__divide_indigo_700 - , sm__divide_indigo_800 - , sm__divide_indigo_900 - , sm__divide_orange_100 - , sm__divide_orange_200 - , sm__divide_orange_300 - , sm__divide_orange_400 - , sm__divide_orange_500 - , sm__divide_orange_600 - , sm__divide_orange_700 - , sm__divide_orange_800 - , sm__divide_orange_900 - , sm__divide_pink_100 - , sm__divide_pink_200 - , sm__divide_pink_300 - , sm__divide_pink_400 - , sm__divide_pink_500 - , sm__divide_pink_600 - , sm__divide_pink_700 - , sm__divide_pink_800 - , sm__divide_pink_900 - , sm__divide_purple_100 - , sm__divide_purple_200 - , sm__divide_purple_300 - , sm__divide_purple_400 - , sm__divide_purple_500 - , sm__divide_purple_600 - , sm__divide_purple_700 - , sm__divide_purple_800 - , sm__divide_purple_900 - , sm__divide_red_100 - , sm__divide_red_200 - , sm__divide_red_300 - , sm__divide_red_400 - , sm__divide_red_500 - , sm__divide_red_600 - , sm__divide_red_700 - , sm__divide_red_800 - , sm__divide_red_900 - , sm__divide_teal_100 - , sm__divide_teal_200 - , sm__divide_teal_300 - , sm__divide_teal_400 - , sm__divide_teal_500 - , sm__divide_teal_600 - , sm__divide_teal_700 - , sm__divide_teal_800 - , sm__divide_teal_900 - , sm__divide_transparent - , sm__divide_white - , sm__divide_yellow_100 - , sm__divide_yellow_200 - , sm__divide_yellow_300 - , sm__divide_yellow_400 - , sm__divide_yellow_500 - , sm__divide_yellow_600 - , sm__divide_yellow_700 - , sm__divide_yellow_800 - , sm__divide_yellow_900 - , sm__fill_current - , sm__fixed - , sm__flex - , sm__flex_1 - , sm__flex_auto - , sm__flex_col - , sm__flex_col_reverse - , sm__flex_grow - , sm__flex_grow_0 - , sm__flex_initial - , sm__flex_no_wrap - , sm__flex_none - , sm__flex_row - , sm__flex_row_reverse - , sm__flex_shrink - , sm__flex_shrink_0 - , sm__flex_wrap - , sm__flex_wrap_reverse - , sm__float_left - , sm__float_none - , sm__float_right - , sm__flow_root - , sm__focus__bg_black - , sm__focus__bg_blue_100 - , sm__focus__bg_blue_200 - , sm__focus__bg_blue_300 - , sm__focus__bg_blue_400 - , sm__focus__bg_blue_500 - , sm__focus__bg_blue_600 - , sm__focus__bg_blue_700 - , sm__focus__bg_blue_800 - , sm__focus__bg_blue_900 - , sm__focus__bg_current - , sm__focus__bg_gray_100 - , sm__focus__bg_gray_200 - , sm__focus__bg_gray_300 - , sm__focus__bg_gray_400 - , sm__focus__bg_gray_500 - , sm__focus__bg_gray_600 - , sm__focus__bg_gray_700 - , sm__focus__bg_gray_800 - , sm__focus__bg_gray_900 - , sm__focus__bg_green_100 - , sm__focus__bg_green_200 - , sm__focus__bg_green_300 - , sm__focus__bg_green_400 - , sm__focus__bg_green_500 - , sm__focus__bg_green_600 - , sm__focus__bg_green_700 - , sm__focus__bg_green_800 - , sm__focus__bg_green_900 - , sm__focus__bg_indigo_100 - , sm__focus__bg_indigo_200 - , sm__focus__bg_indigo_300 - , sm__focus__bg_indigo_400 - , sm__focus__bg_indigo_500 - , sm__focus__bg_indigo_600 - , sm__focus__bg_indigo_700 - , sm__focus__bg_indigo_800 - , sm__focus__bg_indigo_900 - , sm__focus__bg_orange_100 - , sm__focus__bg_orange_200 - , sm__focus__bg_orange_300 - , sm__focus__bg_orange_400 - , sm__focus__bg_orange_500 - , sm__focus__bg_orange_600 - , sm__focus__bg_orange_700 - , sm__focus__bg_orange_800 - , sm__focus__bg_orange_900 - , sm__focus__bg_pink_100 - , sm__focus__bg_pink_200 - , sm__focus__bg_pink_300 - , sm__focus__bg_pink_400 - , sm__focus__bg_pink_500 - , sm__focus__bg_pink_600 - , sm__focus__bg_pink_700 - , sm__focus__bg_pink_800 - , sm__focus__bg_pink_900 - , sm__focus__bg_purple_100 - , sm__focus__bg_purple_200 - , sm__focus__bg_purple_300 - , sm__focus__bg_purple_400 - , sm__focus__bg_purple_500 - , sm__focus__bg_purple_600 - , sm__focus__bg_purple_700 - , sm__focus__bg_purple_800 - , sm__focus__bg_purple_900 - , sm__focus__bg_red_100 - , sm__focus__bg_red_200 - , sm__focus__bg_red_300 - , sm__focus__bg_red_400 - , sm__focus__bg_red_500 - , sm__focus__bg_red_600 - , sm__focus__bg_red_700 - , sm__focus__bg_red_800 - , sm__focus__bg_red_900 - , sm__focus__bg_teal_100 - , sm__focus__bg_teal_200 - , sm__focus__bg_teal_300 - , sm__focus__bg_teal_400 - , sm__focus__bg_teal_500 - , sm__focus__bg_teal_600 - , sm__focus__bg_teal_700 - , sm__focus__bg_teal_800 - , sm__focus__bg_teal_900 - , sm__focus__bg_transparent - , sm__focus__bg_white - , sm__focus__bg_yellow_100 - , sm__focus__bg_yellow_200 - , sm__focus__bg_yellow_300 - , sm__focus__bg_yellow_400 - , sm__focus__bg_yellow_500 - , sm__focus__bg_yellow_600 - , sm__focus__bg_yellow_700 - , sm__focus__bg_yellow_800 - , sm__focus__bg_yellow_900 - , sm__focus__border_black - , sm__focus__border_blue_100 - , sm__focus__border_blue_200 - , sm__focus__border_blue_300 - , sm__focus__border_blue_400 - , sm__focus__border_blue_500 - , sm__focus__border_blue_600 - , sm__focus__border_blue_700 - , sm__focus__border_blue_800 - , sm__focus__border_blue_900 - , sm__focus__border_current - , sm__focus__border_gray_100 - , sm__focus__border_gray_200 - , sm__focus__border_gray_300 - , sm__focus__border_gray_400 - , sm__focus__border_gray_500 - , sm__focus__border_gray_600 - , sm__focus__border_gray_700 - , sm__focus__border_gray_800 - , sm__focus__border_gray_900 - , sm__focus__border_green_100 - , sm__focus__border_green_200 - , sm__focus__border_green_300 - , sm__focus__border_green_400 - , sm__focus__border_green_500 - , sm__focus__border_green_600 - , sm__focus__border_green_700 - , sm__focus__border_green_800 - , sm__focus__border_green_900 - , sm__focus__border_indigo_100 - , sm__focus__border_indigo_200 - , sm__focus__border_indigo_300 - , sm__focus__border_indigo_400 - , sm__focus__border_indigo_500 - , sm__focus__border_indigo_600 - , sm__focus__border_indigo_700 - , sm__focus__border_indigo_800 - , sm__focus__border_indigo_900 - , sm__focus__border_orange_100 - , sm__focus__border_orange_200 - , sm__focus__border_orange_300 - , sm__focus__border_orange_400 - , sm__focus__border_orange_500 - , sm__focus__border_orange_600 - , sm__focus__border_orange_700 - , sm__focus__border_orange_800 - , sm__focus__border_orange_900 - , sm__focus__border_pink_100 - , sm__focus__border_pink_200 - , sm__focus__border_pink_300 - , sm__focus__border_pink_400 - , sm__focus__border_pink_500 - , sm__focus__border_pink_600 - , sm__focus__border_pink_700 - , sm__focus__border_pink_800 - , sm__focus__border_pink_900 - , sm__focus__border_purple_100 - , sm__focus__border_purple_200 - , sm__focus__border_purple_300 - , sm__focus__border_purple_400 - , sm__focus__border_purple_500 - , sm__focus__border_purple_600 - , sm__focus__border_purple_700 - , sm__focus__border_purple_800 - , sm__focus__border_purple_900 - , sm__focus__border_red_100 - , sm__focus__border_red_200 - , sm__focus__border_red_300 - , sm__focus__border_red_400 - , sm__focus__border_red_500 - , sm__focus__border_red_600 - , sm__focus__border_red_700 - , sm__focus__border_red_800 - , sm__focus__border_red_900 - , sm__focus__border_teal_100 - , sm__focus__border_teal_200 - , sm__focus__border_teal_300 - , sm__focus__border_teal_400 - , sm__focus__border_teal_500 - , sm__focus__border_teal_600 - , sm__focus__border_teal_700 - , sm__focus__border_teal_800 - , sm__focus__border_teal_900 - , sm__focus__border_transparent - , sm__focus__border_white - , sm__focus__border_yellow_100 - , sm__focus__border_yellow_200 - , sm__focus__border_yellow_300 - , sm__focus__border_yellow_400 - , sm__focus__border_yellow_500 - , sm__focus__border_yellow_600 - , sm__focus__border_yellow_700 - , sm__focus__border_yellow_800 - , sm__focus__border_yellow_900 - , sm__focus__font_black - , sm__focus__font_bold - , sm__focus__font_extrabold - , sm__focus__font_hairline - , sm__focus__font_light - , sm__focus__font_medium - , sm__focus__font_normal - , sm__focus__font_semibold - , sm__focus__font_thin - , sm__focus__line_through - , sm__focus__no_underline - , sm__focus__not_sr_only - , sm__focus__opacity_0 - , sm__focus__opacity_100 - , sm__focus__opacity_25 - , sm__focus__opacity_50 - , sm__focus__opacity_75 - , sm__focus__outline_none - , sm__focus__placeholder_black - , sm__focus__placeholder_blue_100 - , sm__focus__placeholder_blue_200 - , sm__focus__placeholder_blue_300 - , sm__focus__placeholder_blue_400 - , sm__focus__placeholder_blue_500 - , sm__focus__placeholder_blue_600 - , sm__focus__placeholder_blue_700 - , sm__focus__placeholder_blue_800 - , sm__focus__placeholder_blue_900 - , sm__focus__placeholder_current - , sm__focus__placeholder_gray_100 - , sm__focus__placeholder_gray_200 - , sm__focus__placeholder_gray_300 - , sm__focus__placeholder_gray_400 - , sm__focus__placeholder_gray_500 - , sm__focus__placeholder_gray_600 - , sm__focus__placeholder_gray_700 - , sm__focus__placeholder_gray_800 - , sm__focus__placeholder_gray_900 - , sm__focus__placeholder_green_100 - , sm__focus__placeholder_green_200 - , sm__focus__placeholder_green_300 - , sm__focus__placeholder_green_400 - , sm__focus__placeholder_green_500 - , sm__focus__placeholder_green_600 - , sm__focus__placeholder_green_700 - , sm__focus__placeholder_green_800 - , sm__focus__placeholder_green_900 - , sm__focus__placeholder_indigo_100 - , sm__focus__placeholder_indigo_200 - , sm__focus__placeholder_indigo_300 - , sm__focus__placeholder_indigo_400 - , sm__focus__placeholder_indigo_500 - , sm__focus__placeholder_indigo_600 - , sm__focus__placeholder_indigo_700 - , sm__focus__placeholder_indigo_800 - , sm__focus__placeholder_indigo_900 - , sm__focus__placeholder_orange_100 - , sm__focus__placeholder_orange_200 - , sm__focus__placeholder_orange_300 - , sm__focus__placeholder_orange_400 - , sm__focus__placeholder_orange_500 - , sm__focus__placeholder_orange_600 - , sm__focus__placeholder_orange_700 - , sm__focus__placeholder_orange_800 - , sm__focus__placeholder_orange_900 - , sm__focus__placeholder_pink_100 - , sm__focus__placeholder_pink_200 - , sm__focus__placeholder_pink_300 - , sm__focus__placeholder_pink_400 - , sm__focus__placeholder_pink_500 - , sm__focus__placeholder_pink_600 - , sm__focus__placeholder_pink_700 - , sm__focus__placeholder_pink_800 - , sm__focus__placeholder_pink_900 - , sm__focus__placeholder_purple_100 - , sm__focus__placeholder_purple_200 - , sm__focus__placeholder_purple_300 - , sm__focus__placeholder_purple_400 - , sm__focus__placeholder_purple_500 - , sm__focus__placeholder_purple_600 - , sm__focus__placeholder_purple_700 - , sm__focus__placeholder_purple_800 - , sm__focus__placeholder_purple_900 - , sm__focus__placeholder_red_100 - , sm__focus__placeholder_red_200 - , sm__focus__placeholder_red_300 - , sm__focus__placeholder_red_400 - , sm__focus__placeholder_red_500 - , sm__focus__placeholder_red_600 - , sm__focus__placeholder_red_700 - , sm__focus__placeholder_red_800 - , sm__focus__placeholder_red_900 - , sm__focus__placeholder_teal_100 - , sm__focus__placeholder_teal_200 - , sm__focus__placeholder_teal_300 - , sm__focus__placeholder_teal_400 - , sm__focus__placeholder_teal_500 - , sm__focus__placeholder_teal_600 - , sm__focus__placeholder_teal_700 - , sm__focus__placeholder_teal_800 - , sm__focus__placeholder_teal_900 - , sm__focus__placeholder_transparent - , sm__focus__placeholder_white - , sm__focus__placeholder_yellow_100 - , sm__focus__placeholder_yellow_200 - , sm__focus__placeholder_yellow_300 - , sm__focus__placeholder_yellow_400 - , sm__focus__placeholder_yellow_500 - , sm__focus__placeholder_yellow_600 - , sm__focus__placeholder_yellow_700 - , sm__focus__placeholder_yellow_800 - , sm__focus__placeholder_yellow_900 - , sm__focus__shadow - , sm__focus__shadow_2xl - , sm__focus__shadow_inner - , sm__focus__shadow_lg - , sm__focus__shadow_md - , sm__focus__shadow_none - , sm__focus__shadow_outline - , sm__focus__shadow_sm - , sm__focus__shadow_xl - , sm__focus__shadow_xs - , sm__focus__sr_only - , sm__focus__text_black - , sm__focus__text_blue_100 - , sm__focus__text_blue_200 - , sm__focus__text_blue_300 - , sm__focus__text_blue_400 - , sm__focus__text_blue_500 - , sm__focus__text_blue_600 - , sm__focus__text_blue_700 - , sm__focus__text_blue_800 - , sm__focus__text_blue_900 - , sm__focus__text_current - , sm__focus__text_gray_100 - , sm__focus__text_gray_200 - , sm__focus__text_gray_300 - , sm__focus__text_gray_400 - , sm__focus__text_gray_500 - , sm__focus__text_gray_600 - , sm__focus__text_gray_700 - , sm__focus__text_gray_800 - , sm__focus__text_gray_900 - , sm__focus__text_green_100 - , sm__focus__text_green_200 - , sm__focus__text_green_300 - , sm__focus__text_green_400 - , sm__focus__text_green_500 - , sm__focus__text_green_600 - , sm__focus__text_green_700 - , sm__focus__text_green_800 - , sm__focus__text_green_900 - , sm__focus__text_indigo_100 - , sm__focus__text_indigo_200 - , sm__focus__text_indigo_300 - , sm__focus__text_indigo_400 - , sm__focus__text_indigo_500 - , sm__focus__text_indigo_600 - , sm__focus__text_indigo_700 - , sm__focus__text_indigo_800 - , sm__focus__text_indigo_900 - , sm__focus__text_orange_100 - , sm__focus__text_orange_200 - , sm__focus__text_orange_300 - , sm__focus__text_orange_400 - , sm__focus__text_orange_500 - , sm__focus__text_orange_600 - , sm__focus__text_orange_700 - , sm__focus__text_orange_800 - , sm__focus__text_orange_900 - , sm__focus__text_pink_100 - , sm__focus__text_pink_200 - , sm__focus__text_pink_300 - , sm__focus__text_pink_400 - , sm__focus__text_pink_500 - , sm__focus__text_pink_600 - , sm__focus__text_pink_700 - , sm__focus__text_pink_800 - , sm__focus__text_pink_900 - , sm__focus__text_purple_100 - , sm__focus__text_purple_200 - , sm__focus__text_purple_300 - , sm__focus__text_purple_400 - , sm__focus__text_purple_500 - , sm__focus__text_purple_600 - , sm__focus__text_purple_700 - , sm__focus__text_purple_800 - , sm__focus__text_purple_900 - , sm__focus__text_red_100 - , sm__focus__text_red_200 - , sm__focus__text_red_300 - , sm__focus__text_red_400 - , sm__focus__text_red_500 - , sm__focus__text_red_600 - , sm__focus__text_red_700 - , sm__focus__text_red_800 - , sm__focus__text_red_900 - , sm__focus__text_teal_100 - , sm__focus__text_teal_200 - , sm__focus__text_teal_300 - , sm__focus__text_teal_400 - , sm__focus__text_teal_500 - , sm__focus__text_teal_600 - , sm__focus__text_teal_700 - , sm__focus__text_teal_800 - , sm__focus__text_teal_900 - , sm__focus__text_transparent - , sm__focus__text_white - , sm__focus__text_yellow_100 - , sm__focus__text_yellow_200 - , sm__focus__text_yellow_300 - , sm__focus__text_yellow_400 - , sm__focus__text_yellow_500 - , sm__focus__text_yellow_600 - , sm__focus__text_yellow_700 - , sm__focus__text_yellow_800 - , sm__focus__text_yellow_900 - , sm__focus__underline - , sm__font_black - , sm__font_bold - , sm__font_extrabold - , sm__font_hairline - , sm__font_light - , sm__font_medium - , sm__font_mono - , sm__font_normal - , sm__font_sans - , sm__font_semibold - , sm__font_serif - , sm__font_thin - , sm__grid - , sm__h_0 - , sm__h_1 - , sm__h_10 - , sm__h_12 - , sm__h_16 - , sm__h_2 - , sm__h_20 - , sm__h_24 - , sm__h_3 - , sm__h_32 - , sm__h_4 - , sm__h_40 - , sm__h_48 - , sm__h_5 - , sm__h_56 - , sm__h_6 - , sm__h_64 - , sm__h_8 - , sm__h_auto - , sm__h_full - , sm__h_px - , sm__h_screen - , sm__hidden - , sm__hover__bg_black - , sm__hover__bg_blue_100 - , sm__hover__bg_blue_200 - , sm__hover__bg_blue_300 - , sm__hover__bg_blue_400 - , sm__hover__bg_blue_500 - , sm__hover__bg_blue_600 - , sm__hover__bg_blue_700 - , sm__hover__bg_blue_800 - , sm__hover__bg_blue_900 - , sm__hover__bg_current - , sm__hover__bg_gray_100 - , sm__hover__bg_gray_200 - , sm__hover__bg_gray_300 - , sm__hover__bg_gray_400 - , sm__hover__bg_gray_500 - , sm__hover__bg_gray_600 - , sm__hover__bg_gray_700 - , sm__hover__bg_gray_800 - , sm__hover__bg_gray_900 - , sm__hover__bg_green_100 - , sm__hover__bg_green_200 - , sm__hover__bg_green_300 - , sm__hover__bg_green_400 - , sm__hover__bg_green_500 - , sm__hover__bg_green_600 - , sm__hover__bg_green_700 - , sm__hover__bg_green_800 - , sm__hover__bg_green_900 - , sm__hover__bg_indigo_100 - , sm__hover__bg_indigo_200 - , sm__hover__bg_indigo_300 - , sm__hover__bg_indigo_400 - , sm__hover__bg_indigo_500 - , sm__hover__bg_indigo_600 - , sm__hover__bg_indigo_700 - , sm__hover__bg_indigo_800 - , sm__hover__bg_indigo_900 - , sm__hover__bg_orange_100 - , sm__hover__bg_orange_200 - , sm__hover__bg_orange_300 - , sm__hover__bg_orange_400 - , sm__hover__bg_orange_500 - , sm__hover__bg_orange_600 - , sm__hover__bg_orange_700 - , sm__hover__bg_orange_800 - , sm__hover__bg_orange_900 - , sm__hover__bg_pink_100 - , sm__hover__bg_pink_200 - , sm__hover__bg_pink_300 - , sm__hover__bg_pink_400 - , sm__hover__bg_pink_500 - , sm__hover__bg_pink_600 - , sm__hover__bg_pink_700 - , sm__hover__bg_pink_800 - , sm__hover__bg_pink_900 - , sm__hover__bg_purple_100 - , sm__hover__bg_purple_200 - , sm__hover__bg_purple_300 - , sm__hover__bg_purple_400 - , sm__hover__bg_purple_500 - , sm__hover__bg_purple_600 - , sm__hover__bg_purple_700 - , sm__hover__bg_purple_800 - , sm__hover__bg_purple_900 - , sm__hover__bg_red_100 - , sm__hover__bg_red_200 - , sm__hover__bg_red_300 - , sm__hover__bg_red_400 - , sm__hover__bg_red_500 - , sm__hover__bg_red_600 - , sm__hover__bg_red_700 - , sm__hover__bg_red_800 - , sm__hover__bg_red_900 - , sm__hover__bg_teal_100 - , sm__hover__bg_teal_200 - , sm__hover__bg_teal_300 - , sm__hover__bg_teal_400 - , sm__hover__bg_teal_500 - , sm__hover__bg_teal_600 - , sm__hover__bg_teal_700 - , sm__hover__bg_teal_800 - , sm__hover__bg_teal_900 - , sm__hover__bg_transparent - , sm__hover__bg_white - , sm__hover__bg_yellow_100 - , sm__hover__bg_yellow_200 - , sm__hover__bg_yellow_300 - , sm__hover__bg_yellow_400 - , sm__hover__bg_yellow_500 - , sm__hover__bg_yellow_600 - , sm__hover__bg_yellow_700 - , sm__hover__bg_yellow_800 - , sm__hover__bg_yellow_900 - , sm__hover__border_black - , sm__hover__border_blue_100 - , sm__hover__border_blue_200 - , sm__hover__border_blue_300 - , sm__hover__border_blue_400 - , sm__hover__border_blue_500 - , sm__hover__border_blue_600 - , sm__hover__border_blue_700 - , sm__hover__border_blue_800 - , sm__hover__border_blue_900 - , sm__hover__border_current - , sm__hover__border_gray_100 - , sm__hover__border_gray_200 - , sm__hover__border_gray_300 - , sm__hover__border_gray_400 - , sm__hover__border_gray_500 - , sm__hover__border_gray_600 - , sm__hover__border_gray_700 - , sm__hover__border_gray_800 - , sm__hover__border_gray_900 - , sm__hover__border_green_100 - , sm__hover__border_green_200 - , sm__hover__border_green_300 - , sm__hover__border_green_400 - , sm__hover__border_green_500 - , sm__hover__border_green_600 - , sm__hover__border_green_700 - , sm__hover__border_green_800 - , sm__hover__border_green_900 - , sm__hover__border_indigo_100 - , sm__hover__border_indigo_200 - , sm__hover__border_indigo_300 - , sm__hover__border_indigo_400 - , sm__hover__border_indigo_500 - , sm__hover__border_indigo_600 - , sm__hover__border_indigo_700 - , sm__hover__border_indigo_800 - , sm__hover__border_indigo_900 - , sm__hover__border_orange_100 - , sm__hover__border_orange_200 - , sm__hover__border_orange_300 - , sm__hover__border_orange_400 - , sm__hover__border_orange_500 - , sm__hover__border_orange_600 - , sm__hover__border_orange_700 - , sm__hover__border_orange_800 - , sm__hover__border_orange_900 - , sm__hover__border_pink_100 - , sm__hover__border_pink_200 - , sm__hover__border_pink_300 - , sm__hover__border_pink_400 - , sm__hover__border_pink_500 - , sm__hover__border_pink_600 - , sm__hover__border_pink_700 - , sm__hover__border_pink_800 - , sm__hover__border_pink_900 - , sm__hover__border_purple_100 - , sm__hover__border_purple_200 - , sm__hover__border_purple_300 - , sm__hover__border_purple_400 - , sm__hover__border_purple_500 - , sm__hover__border_purple_600 - , sm__hover__border_purple_700 - , sm__hover__border_purple_800 - , sm__hover__border_purple_900 - , sm__hover__border_red_100 - , sm__hover__border_red_200 - , sm__hover__border_red_300 - , sm__hover__border_red_400 - , sm__hover__border_red_500 - , sm__hover__border_red_600 - , sm__hover__border_red_700 - , sm__hover__border_red_800 - , sm__hover__border_red_900 - , sm__hover__border_teal_100 - , sm__hover__border_teal_200 - , sm__hover__border_teal_300 - , sm__hover__border_teal_400 - , sm__hover__border_teal_500 - , sm__hover__border_teal_600 - , sm__hover__border_teal_700 - , sm__hover__border_teal_800 - , sm__hover__border_teal_900 - , sm__hover__border_transparent - , sm__hover__border_white - , sm__hover__border_yellow_100 - , sm__hover__border_yellow_200 - , sm__hover__border_yellow_300 - , sm__hover__border_yellow_400 - , sm__hover__border_yellow_500 - , sm__hover__border_yellow_600 - , sm__hover__border_yellow_700 - , sm__hover__border_yellow_800 - , sm__hover__border_yellow_900 - , sm__hover__font_black - , sm__hover__font_bold - , sm__hover__font_extrabold - , sm__hover__font_hairline - , sm__hover__font_light - , sm__hover__font_medium - , sm__hover__font_normal - , sm__hover__font_semibold - , sm__hover__font_thin - , sm__hover__line_through - , sm__hover__no_underline - , sm__hover__opacity_0 - , sm__hover__opacity_100 - , sm__hover__opacity_25 - , sm__hover__opacity_50 - , sm__hover__opacity_75 - , sm__hover__shadow - , sm__hover__shadow_2xl - , sm__hover__shadow_inner - , sm__hover__shadow_lg - , sm__hover__shadow_md - , sm__hover__shadow_none - , sm__hover__shadow_outline - , sm__hover__shadow_sm - , sm__hover__shadow_xl - , sm__hover__shadow_xs - , sm__hover__text_black - , sm__hover__text_blue_100 - , sm__hover__text_blue_200 - , sm__hover__text_blue_300 - , sm__hover__text_blue_400 - , sm__hover__text_blue_500 - , sm__hover__text_blue_600 - , sm__hover__text_blue_700 - , sm__hover__text_blue_800 - , sm__hover__text_blue_900 - , sm__hover__text_current - , sm__hover__text_gray_100 - , sm__hover__text_gray_200 - , sm__hover__text_gray_300 - , sm__hover__text_gray_400 - , sm__hover__text_gray_500 - , sm__hover__text_gray_600 - , sm__hover__text_gray_700 - , sm__hover__text_gray_800 - , sm__hover__text_gray_900 - , sm__hover__text_green_100 - , sm__hover__text_green_200 - , sm__hover__text_green_300 - , sm__hover__text_green_400 - , sm__hover__text_green_500 - , sm__hover__text_green_600 - , sm__hover__text_green_700 - , sm__hover__text_green_800 - , sm__hover__text_green_900 - , sm__hover__text_indigo_100 - , sm__hover__text_indigo_200 - , sm__hover__text_indigo_300 - , sm__hover__text_indigo_400 - , sm__hover__text_indigo_500 - , sm__hover__text_indigo_600 - , sm__hover__text_indigo_700 - , sm__hover__text_indigo_800 - , sm__hover__text_indigo_900 - , sm__hover__text_orange_100 - , sm__hover__text_orange_200 - , sm__hover__text_orange_300 - , sm__hover__text_orange_400 - , sm__hover__text_orange_500 - , sm__hover__text_orange_600 - , sm__hover__text_orange_700 - , sm__hover__text_orange_800 - , sm__hover__text_orange_900 - , sm__hover__text_pink_100 - , sm__hover__text_pink_200 - , sm__hover__text_pink_300 - , sm__hover__text_pink_400 - , sm__hover__text_pink_500 - , sm__hover__text_pink_600 - , sm__hover__text_pink_700 - , sm__hover__text_pink_800 - , sm__hover__text_pink_900 - , sm__hover__text_purple_100 - , sm__hover__text_purple_200 - , sm__hover__text_purple_300 - , sm__hover__text_purple_400 - , sm__hover__text_purple_500 - , sm__hover__text_purple_600 - , sm__hover__text_purple_700 - , sm__hover__text_purple_800 - , sm__hover__text_purple_900 - , sm__hover__text_red_100 - , sm__hover__text_red_200 - , sm__hover__text_red_300 - , sm__hover__text_red_400 - , sm__hover__text_red_500 - , sm__hover__text_red_600 - , sm__hover__text_red_700 - , sm__hover__text_red_800 - , sm__hover__text_red_900 - , sm__hover__text_teal_100 - , sm__hover__text_teal_200 - , sm__hover__text_teal_300 - , sm__hover__text_teal_400 - , sm__hover__text_teal_500 - , sm__hover__text_teal_600 - , sm__hover__text_teal_700 - , sm__hover__text_teal_800 - , sm__hover__text_teal_900 - , sm__hover__text_transparent - , sm__hover__text_white - , sm__hover__text_yellow_100 - , sm__hover__text_yellow_200 - , sm__hover__text_yellow_300 - , sm__hover__text_yellow_400 - , sm__hover__text_yellow_500 - , sm__hover__text_yellow_600 - , sm__hover__text_yellow_700 - , sm__hover__text_yellow_800 - , sm__hover__text_yellow_900 - , sm__hover__underline - , sm__inline - , sm__inline_block - , sm__inline_flex - , sm__inline_grid - , sm__inset_0 - , sm__inset_auto - , sm__inset_x_0 - , sm__inset_x_auto - , sm__inset_y_0 - , sm__inset_y_auto - , sm__invisible - , sm__italic - , sm__items_baseline - , sm__items_center - , sm__items_end - , sm__items_start - , sm__items_stretch - , sm__justify_around - , sm__justify_between - , sm__justify_center - , sm__justify_end - , sm__justify_evenly - , sm__justify_start - , sm__leading_10 - , sm__leading_3 - , sm__leading_4 - , sm__leading_5 - , sm__leading_6 - , sm__leading_7 - , sm__leading_8 - , sm__leading_9 - , sm__leading_loose - , sm__leading_none - , sm__leading_normal - , sm__leading_relaxed - , sm__leading_snug - , sm__leading_tight - , sm__left_0 - , sm__left_auto - , sm__line_through - , sm__list_decimal - , sm__list_disc - , sm__list_inside - , sm__list_none - , sm__list_outside - , sm__lowercase - , sm__m_0 - , sm__m_1 - , sm__m_10 - , sm__m_12 - , sm__m_16 - , sm__m_2 - , sm__m_20 - , sm__m_24 - , sm__m_3 - , sm__m_32 - , sm__m_4 - , sm__m_40 - , sm__m_48 - , sm__m_5 - , sm__m_56 - , sm__m_6 - , sm__m_64 - , sm__m_8 - , sm__m_auto - , sm__m_px - , sm__max_h_full - , sm__max_h_screen - , sm__max_w_2xl - , sm__max_w_3xl - , sm__max_w_4xl - , sm__max_w_5xl - , sm__max_w_6xl - , sm__max_w_full - , sm__max_w_lg - , sm__max_w_md - , sm__max_w_none - , sm__max_w_screen_lg - , sm__max_w_screen_md - , sm__max_w_screen_sm - , sm__max_w_screen_xl - , sm__max_w_sm - , sm__max_w_xl - , sm__max_w_xs - , sm__mb_0 - , sm__mb_1 - , sm__mb_10 - , sm__mb_12 - , sm__mb_16 - , sm__mb_2 - , sm__mb_20 - , sm__mb_24 - , sm__mb_3 - , sm__mb_32 - , sm__mb_4 - , sm__mb_40 - , sm__mb_48 - , sm__mb_5 - , sm__mb_56 - , sm__mb_6 - , sm__mb_64 - , sm__mb_8 - , sm__mb_auto - , sm__mb_px - , sm__min_h_0 - , sm__min_h_full - , sm__min_h_screen - , sm__min_w_0 - , sm__min_w_full - , sm__ml_0 - , sm__ml_1 - , sm__ml_10 - , sm__ml_12 - , sm__ml_16 - , sm__ml_2 - , sm__ml_20 - , sm__ml_24 - , sm__ml_3 - , sm__ml_32 - , sm__ml_4 - , sm__ml_40 - , sm__ml_48 - , sm__ml_5 - , sm__ml_56 - , sm__ml_6 - , sm__ml_64 - , sm__ml_8 - , sm__ml_auto - , sm__ml_px - , sm__mr_0 - , sm__mr_1 - , sm__mr_10 - , sm__mr_12 - , sm__mr_16 - , sm__mr_2 - , sm__mr_20 - , sm__mr_24 - , sm__mr_3 - , sm__mr_32 - , sm__mr_4 - , sm__mr_40 - , sm__mr_48 - , sm__mr_5 - , sm__mr_56 - , sm__mr_6 - , sm__mr_64 - , sm__mr_8 - , sm__mr_auto - , sm__mr_px - , sm__mt_0 - , sm__mt_1 - , sm__mt_10 - , sm__mt_12 - , sm__mt_16 - , sm__mt_2 - , sm__mt_20 - , sm__mt_24 - , sm__mt_3 - , sm__mt_32 - , sm__mt_4 - , sm__mt_40 - , sm__mt_48 - , sm__mt_5 - , sm__mt_56 - , sm__mt_6 - , sm__mt_64 - , sm__mt_8 - , sm__mt_auto - , sm__mt_px - , sm__mx_0 - , sm__mx_1 - , sm__mx_10 - , sm__mx_12 - , sm__mx_16 - , sm__mx_2 - , sm__mx_20 - , sm__mx_24 - , sm__mx_3 - , sm__mx_32 - , sm__mx_4 - , sm__mx_40 - , sm__mx_48 - , sm__mx_5 - , sm__mx_56 - , sm__mx_6 - , sm__mx_64 - , sm__mx_8 - , sm__mx_auto - , sm__mx_px - , sm__my_0 - , sm__my_1 - , sm__my_10 - , sm__my_12 - , sm__my_16 - , sm__my_2 - , sm__my_20 - , sm__my_24 - , sm__my_3 - , sm__my_32 - , sm__my_4 - , sm__my_40 - , sm__my_48 - , sm__my_5 - , sm__my_56 - , sm__my_6 - , sm__my_64 - , sm__my_8 - , sm__my_auto - , sm__my_px - , sm__neg_m_1 - , sm__neg_m_10 - , sm__neg_m_12 - , sm__neg_m_16 - , sm__neg_m_2 - , sm__neg_m_20 - , sm__neg_m_24 - , sm__neg_m_3 - , sm__neg_m_32 - , sm__neg_m_4 - , sm__neg_m_40 - , sm__neg_m_48 - , sm__neg_m_5 - , sm__neg_m_56 - , sm__neg_m_6 - , sm__neg_m_64 - , sm__neg_m_8 - , sm__neg_m_px - , sm__neg_mb_1 - , sm__neg_mb_10 - , sm__neg_mb_12 - , sm__neg_mb_16 - , sm__neg_mb_2 - , sm__neg_mb_20 - , sm__neg_mb_24 - , sm__neg_mb_3 - , sm__neg_mb_32 - , sm__neg_mb_4 - , sm__neg_mb_40 - , sm__neg_mb_48 - , sm__neg_mb_5 - , sm__neg_mb_56 - , sm__neg_mb_6 - , sm__neg_mb_64 - , sm__neg_mb_8 - , sm__neg_mb_px - , sm__neg_ml_1 - , sm__neg_ml_10 - , sm__neg_ml_12 - , sm__neg_ml_16 - , sm__neg_ml_2 - , sm__neg_ml_20 - , sm__neg_ml_24 - , sm__neg_ml_3 - , sm__neg_ml_32 - , sm__neg_ml_4 - , sm__neg_ml_40 - , sm__neg_ml_48 - , sm__neg_ml_5 - , sm__neg_ml_56 - , sm__neg_ml_6 - , sm__neg_ml_64 - , sm__neg_ml_8 - , sm__neg_ml_px - , sm__neg_mr_1 - , sm__neg_mr_10 - , sm__neg_mr_12 - , sm__neg_mr_16 - , sm__neg_mr_2 - , sm__neg_mr_20 - , sm__neg_mr_24 - , sm__neg_mr_3 - , sm__neg_mr_32 - , sm__neg_mr_4 - , sm__neg_mr_40 - , sm__neg_mr_48 - , sm__neg_mr_5 - , sm__neg_mr_56 - , sm__neg_mr_6 - , sm__neg_mr_64 - , sm__neg_mr_8 - , sm__neg_mr_px - , sm__neg_mt_1 - , sm__neg_mt_10 - , sm__neg_mt_12 - , sm__neg_mt_16 - , sm__neg_mt_2 - , sm__neg_mt_20 - , sm__neg_mt_24 - , sm__neg_mt_3 - , sm__neg_mt_32 - , sm__neg_mt_4 - , sm__neg_mt_40 - , sm__neg_mt_48 - , sm__neg_mt_5 - , sm__neg_mt_56 - , sm__neg_mt_6 - , sm__neg_mt_64 - , sm__neg_mt_8 - , sm__neg_mt_px - , sm__neg_mx_1 - , sm__neg_mx_10 - , sm__neg_mx_12 - , sm__neg_mx_16 - , sm__neg_mx_2 - , sm__neg_mx_20 - , sm__neg_mx_24 - , sm__neg_mx_3 - , sm__neg_mx_32 - , sm__neg_mx_4 - , sm__neg_mx_40 - , sm__neg_mx_48 - , sm__neg_mx_5 - , sm__neg_mx_56 - , sm__neg_mx_6 - , sm__neg_mx_64 - , sm__neg_mx_8 - , sm__neg_mx_px - , sm__neg_my_1 - , sm__neg_my_10 - , sm__neg_my_12 - , sm__neg_my_16 - , sm__neg_my_2 - , sm__neg_my_20 - , sm__neg_my_24 - , sm__neg_my_3 - , sm__neg_my_32 - , sm__neg_my_4 - , sm__neg_my_40 - , sm__neg_my_48 - , sm__neg_my_5 - , sm__neg_my_56 - , sm__neg_my_6 - , sm__neg_my_64 - , sm__neg_my_8 - , sm__neg_my_px - , sm__no_underline - , sm__normal_case - , sm__not_italic - , sm__not_sr_only - , sm__object_bottom - , sm__object_center - , sm__object_contain - , sm__object_cover - , sm__object_fill - , sm__object_left - , sm__object_left_bottom - , sm__object_left_top - , sm__object_none - , sm__object_right - , sm__object_right_bottom - , sm__object_right_top - , sm__object_scale_down - , sm__object_top - , sm__opacity_0 - , sm__opacity_100 - , sm__opacity_25 - , sm__opacity_50 - , sm__opacity_75 - , sm__order_1 - , sm__order_10 - , sm__order_11 - , sm__order_12 - , sm__order_2 - , sm__order_3 - , sm__order_4 - , sm__order_5 - , sm__order_6 - , sm__order_7 - , sm__order_8 - , sm__order_9 - , sm__order_first - , sm__order_last - , sm__order_none - , sm__origin_bottom - , sm__origin_bottom_left - , sm__origin_bottom_right - , sm__origin_center - , sm__origin_left - , sm__origin_right - , sm__origin_top - , sm__origin_top_left - , sm__origin_top_right - , sm__outline_none - , sm__overflow_auto - , sm__overflow_hidden - , sm__overflow_scroll - , sm__overflow_visible - , sm__overflow_x_auto - , sm__overflow_x_hidden - , sm__overflow_x_scroll - , sm__overflow_x_visible - , sm__overflow_y_auto - , sm__overflow_y_hidden - , sm__overflow_y_scroll - , sm__overflow_y_visible - , sm__p_0 - , sm__p_1 - , sm__p_10 - , sm__p_12 - , sm__p_16 - , sm__p_2 - , sm__p_20 - , sm__p_24 - , sm__p_3 - , sm__p_32 - , sm__p_4 - , sm__p_40 - , sm__p_48 - , sm__p_5 - , sm__p_56 - , sm__p_6 - , sm__p_64 - , sm__p_8 - , sm__p_px - , sm__pb_0 - , sm__pb_1 - , sm__pb_10 - , sm__pb_12 - , sm__pb_16 - , sm__pb_2 - , sm__pb_20 - , sm__pb_24 - , sm__pb_3 - , sm__pb_32 - , sm__pb_4 - , sm__pb_40 - , sm__pb_48 - , sm__pb_5 - , sm__pb_56 - , sm__pb_6 - , sm__pb_64 - , sm__pb_8 - , sm__pb_px - , sm__pl_0 - , sm__pl_1 - , sm__pl_10 - , sm__pl_12 - , sm__pl_16 - , sm__pl_2 - , sm__pl_20 - , sm__pl_24 - , sm__pl_3 - , sm__pl_32 - , sm__pl_4 - , sm__pl_40 - , sm__pl_48 - , sm__pl_5 - , sm__pl_56 - , sm__pl_6 - , sm__pl_64 - , sm__pl_8 - , sm__pl_px - , sm__placeholder_black - , sm__placeholder_blue_100 - , sm__placeholder_blue_200 - , sm__placeholder_blue_300 - , sm__placeholder_blue_400 - , sm__placeholder_blue_500 - , sm__placeholder_blue_600 - , sm__placeholder_blue_700 - , sm__placeholder_blue_800 - , sm__placeholder_blue_900 - , sm__placeholder_current - , sm__placeholder_gray_100 - , sm__placeholder_gray_200 - , sm__placeholder_gray_300 - , sm__placeholder_gray_400 - , sm__placeholder_gray_500 - , sm__placeholder_gray_600 - , sm__placeholder_gray_700 - , sm__placeholder_gray_800 - , sm__placeholder_gray_900 - , sm__placeholder_green_100 - , sm__placeholder_green_200 - , sm__placeholder_green_300 - , sm__placeholder_green_400 - , sm__placeholder_green_500 - , sm__placeholder_green_600 - , sm__placeholder_green_700 - , sm__placeholder_green_800 - , sm__placeholder_green_900 - , sm__placeholder_indigo_100 - , sm__placeholder_indigo_200 - , sm__placeholder_indigo_300 - , sm__placeholder_indigo_400 - , sm__placeholder_indigo_500 - , sm__placeholder_indigo_600 - , sm__placeholder_indigo_700 - , sm__placeholder_indigo_800 - , sm__placeholder_indigo_900 - , sm__placeholder_orange_100 - , sm__placeholder_orange_200 - , sm__placeholder_orange_300 - , sm__placeholder_orange_400 - , sm__placeholder_orange_500 - , sm__placeholder_orange_600 - , sm__placeholder_orange_700 - , sm__placeholder_orange_800 - , sm__placeholder_orange_900 - , sm__placeholder_pink_100 - , sm__placeholder_pink_200 - , sm__placeholder_pink_300 - , sm__placeholder_pink_400 - , sm__placeholder_pink_500 - , sm__placeholder_pink_600 - , sm__placeholder_pink_700 - , sm__placeholder_pink_800 - , sm__placeholder_pink_900 - , sm__placeholder_purple_100 - , sm__placeholder_purple_200 - , sm__placeholder_purple_300 - , sm__placeholder_purple_400 - , sm__placeholder_purple_500 - , sm__placeholder_purple_600 - , sm__placeholder_purple_700 - , sm__placeholder_purple_800 - , sm__placeholder_purple_900 - , sm__placeholder_red_100 - , sm__placeholder_red_200 - , sm__placeholder_red_300 - , sm__placeholder_red_400 - , sm__placeholder_red_500 - , sm__placeholder_red_600 - , sm__placeholder_red_700 - , sm__placeholder_red_800 - , sm__placeholder_red_900 - , sm__placeholder_teal_100 - , sm__placeholder_teal_200 - , sm__placeholder_teal_300 - , sm__placeholder_teal_400 - , sm__placeholder_teal_500 - , sm__placeholder_teal_600 - , sm__placeholder_teal_700 - , sm__placeholder_teal_800 - , sm__placeholder_teal_900 - , sm__placeholder_transparent - , sm__placeholder_white - , sm__placeholder_yellow_100 - , sm__placeholder_yellow_200 - , sm__placeholder_yellow_300 - , sm__placeholder_yellow_400 - , sm__placeholder_yellow_500 - , sm__placeholder_yellow_600 - , sm__placeholder_yellow_700 - , sm__placeholder_yellow_800 - , sm__placeholder_yellow_900 - , sm__pointer_events_auto - , sm__pointer_events_none - , sm__pr_0 - , sm__pr_1 - , sm__pr_10 - , sm__pr_12 - , sm__pr_16 - , sm__pr_2 - , sm__pr_20 - , sm__pr_24 - , sm__pr_3 - , sm__pr_32 - , sm__pr_4 - , sm__pr_40 - , sm__pr_48 - , sm__pr_5 - , sm__pr_56 - , sm__pr_6 - , sm__pr_64 - , sm__pr_8 - , sm__pr_px - , sm__pt_0 - , sm__pt_1 - , sm__pt_10 - , sm__pt_12 - , sm__pt_16 - , sm__pt_2 - , sm__pt_20 - , sm__pt_24 - , sm__pt_3 - , sm__pt_32 - , sm__pt_4 - , sm__pt_40 - , sm__pt_48 - , sm__pt_5 - , sm__pt_56 - , sm__pt_6 - , sm__pt_64 - , sm__pt_8 - , sm__pt_px - , sm__px_0 - , sm__px_1 - , sm__px_10 - , sm__px_12 - , sm__px_16 - , sm__px_2 - , sm__px_20 - , sm__px_24 - , sm__px_3 - , sm__px_32 - , sm__px_4 - , sm__px_40 - , sm__px_48 - , sm__px_5 - , sm__px_56 - , sm__px_6 - , sm__px_64 - , sm__px_8 - , sm__px_px - , sm__py_0 - , sm__py_1 - , sm__py_10 - , sm__py_12 - , sm__py_16 - , sm__py_2 - , sm__py_20 - , sm__py_24 - , sm__py_3 - , sm__py_32 - , sm__py_4 - , sm__py_40 - , sm__py_48 - , sm__py_5 - , sm__py_56 - , sm__py_6 - , sm__py_64 - , sm__py_8 - , sm__py_px - , sm__relative - , sm__resize - , sm__resize_none - , sm__resize_x - , sm__resize_y - , sm__right_0 - , sm__right_auto - , sm__rounded - , sm__rounded_b - , sm__rounded_b_full - , sm__rounded_b_lg - , sm__rounded_b_md - , sm__rounded_b_none - , sm__rounded_b_sm - , sm__rounded_bl - , sm__rounded_bl_full - , sm__rounded_bl_lg - , sm__rounded_bl_md - , sm__rounded_bl_none - , sm__rounded_bl_sm - , sm__rounded_br - , sm__rounded_br_full - , sm__rounded_br_lg - , sm__rounded_br_md - , sm__rounded_br_none - , sm__rounded_br_sm - , sm__rounded_full - , sm__rounded_l - , sm__rounded_l_full - , sm__rounded_l_lg - , sm__rounded_l_md - , sm__rounded_l_none - , sm__rounded_l_sm - , sm__rounded_lg - , sm__rounded_md - , sm__rounded_none - , sm__rounded_r - , sm__rounded_r_full - , sm__rounded_r_lg - , sm__rounded_r_md - , sm__rounded_r_none - , sm__rounded_r_sm - , sm__rounded_sm - , sm__rounded_t - , sm__rounded_t_full - , sm__rounded_t_lg - , sm__rounded_t_md - , sm__rounded_t_none - , sm__rounded_t_sm - , sm__rounded_tl - , sm__rounded_tl_full - , sm__rounded_tl_lg - , sm__rounded_tl_md - , sm__rounded_tl_none - , sm__rounded_tl_sm - , sm__rounded_tr - , sm__rounded_tr_full - , sm__rounded_tr_lg - , sm__rounded_tr_md - , sm__rounded_tr_none - , sm__rounded_tr_sm - , sm__scrolling_auto - , sm__scrolling_touch - , sm__select_all - , sm__select_auto - , sm__select_none - , sm__select_text - , sm__self_auto - , sm__self_center - , sm__self_end - , sm__self_start - , sm__self_stretch - , sm__shadow - , sm__shadow_2xl - , sm__shadow_inner - , sm__shadow_lg - , sm__shadow_md - , sm__shadow_none - , sm__shadow_outline - , sm__shadow_sm - , sm__shadow_xl - , sm__shadow_xs - , sm__sr_only - , sm__static - , sm__sticky - , sm__stroke_0 - , sm__stroke_1 - , sm__stroke_2 - , sm__stroke_current - , sm__subpixel_antialiased - , sm__table - , sm__table_auto - , sm__table_caption - , sm__table_cell - , sm__table_column - , sm__table_column_group - , sm__table_fixed - , sm__table_footer_group - , sm__table_header_group - , sm__table_row - , sm__table_row_group - , sm__text_2xl - , sm__text_3xl - , sm__text_4xl - , sm__text_5xl - , sm__text_6xl - , sm__text_base - , sm__text_black - , sm__text_blue_100 - , sm__text_blue_200 - , sm__text_blue_300 - , sm__text_blue_400 - , sm__text_blue_500 - , sm__text_blue_600 - , sm__text_blue_700 - , sm__text_blue_800 - , sm__text_blue_900 - , sm__text_center - , sm__text_current - , sm__text_gray_100 - , sm__text_gray_200 - , sm__text_gray_300 - , sm__text_gray_400 - , sm__text_gray_500 - , sm__text_gray_600 - , sm__text_gray_700 - , sm__text_gray_800 - , sm__text_gray_900 - , sm__text_green_100 - , sm__text_green_200 - , sm__text_green_300 - , sm__text_green_400 - , sm__text_green_500 - , sm__text_green_600 - , sm__text_green_700 - , sm__text_green_800 - , sm__text_green_900 - , sm__text_indigo_100 - , sm__text_indigo_200 - , sm__text_indigo_300 - , sm__text_indigo_400 - , sm__text_indigo_500 - , sm__text_indigo_600 - , sm__text_indigo_700 - , sm__text_indigo_800 - , sm__text_indigo_900 - , sm__text_justify - , sm__text_left - , sm__text_lg - , sm__text_orange_100 - , sm__text_orange_200 - , sm__text_orange_300 - , sm__text_orange_400 - , sm__text_orange_500 - , sm__text_orange_600 - , sm__text_orange_700 - , sm__text_orange_800 - , sm__text_orange_900 - , sm__text_pink_100 - , sm__text_pink_200 - , sm__text_pink_300 - , sm__text_pink_400 - , sm__text_pink_500 - , sm__text_pink_600 - , sm__text_pink_700 - , sm__text_pink_800 - , sm__text_pink_900 - , sm__text_purple_100 - , sm__text_purple_200 - , sm__text_purple_300 - , sm__text_purple_400 - , sm__text_purple_500 - , sm__text_purple_600 - , sm__text_purple_700 - , sm__text_purple_800 - , sm__text_purple_900 - , sm__text_red_100 - , sm__text_red_200 - , sm__text_red_300 - , sm__text_red_400 - , sm__text_red_500 - , sm__text_red_600 - , sm__text_red_700 - , sm__text_red_800 - , sm__text_red_900 - , sm__text_right - , sm__text_sm - , sm__text_teal_100 - , sm__text_teal_200 - , sm__text_teal_300 - , sm__text_teal_400 - , sm__text_teal_500 - , sm__text_teal_600 - , sm__text_teal_700 - , sm__text_teal_800 - , sm__text_teal_900 - , sm__text_transparent - , sm__text_white - , sm__text_xl - , sm__text_xs - , sm__text_yellow_100 - , sm__text_yellow_200 - , sm__text_yellow_300 - , sm__text_yellow_400 - , sm__text_yellow_500 - , sm__text_yellow_600 - , sm__text_yellow_700 - , sm__text_yellow_800 - , sm__text_yellow_900 - , sm__top_0 - , sm__top_auto - , sm__tracking_normal - , sm__tracking_tight - , sm__tracking_tighter - , sm__tracking_wide - , sm__tracking_wider - , sm__tracking_widest - , sm__transform_none - , sm__truncate - , sm__underline - , sm__uppercase - , sm__visible - , sm__w_0 - , sm__w_1 - , sm__w_10 - , sm__w_10over12 - , sm__w_11over12 - , sm__w_12 - , sm__w_16 - , sm__w_1over12 - , sm__w_1over2 - , sm__w_1over3 - , sm__w_1over4 - , sm__w_1over5 - , sm__w_1over6 - , sm__w_2 - , sm__w_20 - , sm__w_24 - , sm__w_2over12 - , sm__w_2over3 - , sm__w_2over4 - , sm__w_2over5 - , sm__w_2over6 - , sm__w_3 - , sm__w_32 - , sm__w_3over12 - , sm__w_3over4 - , sm__w_3over5 - , sm__w_3over6 - , sm__w_4 - , sm__w_40 - , sm__w_48 - , sm__w_4over12 - , sm__w_4over5 - , sm__w_4over6 - , sm__w_5 - , sm__w_56 - , sm__w_5over12 - , sm__w_5over6 - , sm__w_6 - , sm__w_64 - , sm__w_6over12 - , sm__w_7over12 - , sm__w_8 - , sm__w_8over12 - , sm__w_9over12 - , sm__w_auto - , sm__w_full - , sm__w_px - , sm__w_screen - , sm__whitespace_no_wrap - , sm__whitespace_normal - , sm__whitespace_pre - , sm__whitespace_pre_line - , sm__whitespace_pre_wrap - , sm__z_0 - , sm__z_10 - , sm__z_20 - , sm__z_30 - , sm__z_40 - , sm__z_50 - , sm__z_auto , sr_only , static , sticky @@ -8195,2056 +2109,6 @@ exports[`snapshot test 1`] = ` , whitespace_pre , whitespace_pre_line , whitespace_pre_wrap - , xl__absolute - , xl__align_baseline - , xl__align_bottom - , xl__align_middle - , xl__align_text_bottom - , xl__align_text_top - , xl__align_top - , xl__antialiased - , xl__appearance_none - , xl__bg_auto - , xl__bg_black - , xl__bg_blue_100 - , xl__bg_blue_200 - , xl__bg_blue_300 - , xl__bg_blue_400 - , xl__bg_blue_500 - , xl__bg_blue_600 - , xl__bg_blue_700 - , xl__bg_blue_800 - , xl__bg_blue_900 - , xl__bg_bottom - , xl__bg_center - , xl__bg_contain - , xl__bg_cover - , xl__bg_current - , xl__bg_fixed - , xl__bg_gray_100 - , xl__bg_gray_200 - , xl__bg_gray_300 - , xl__bg_gray_400 - , xl__bg_gray_500 - , xl__bg_gray_600 - , xl__bg_gray_700 - , xl__bg_gray_800 - , xl__bg_gray_900 - , xl__bg_green_100 - , xl__bg_green_200 - , xl__bg_green_300 - , xl__bg_green_400 - , xl__bg_green_500 - , xl__bg_green_600 - , xl__bg_green_700 - , xl__bg_green_800 - , xl__bg_green_900 - , xl__bg_indigo_100 - , xl__bg_indigo_200 - , xl__bg_indigo_300 - , xl__bg_indigo_400 - , xl__bg_indigo_500 - , xl__bg_indigo_600 - , xl__bg_indigo_700 - , xl__bg_indigo_800 - , xl__bg_indigo_900 - , xl__bg_left - , xl__bg_left_bottom - , xl__bg_left_top - , xl__bg_local - , xl__bg_no_repeat - , xl__bg_orange_100 - , xl__bg_orange_200 - , xl__bg_orange_300 - , xl__bg_orange_400 - , xl__bg_orange_500 - , xl__bg_orange_600 - , xl__bg_orange_700 - , xl__bg_orange_800 - , xl__bg_orange_900 - , xl__bg_pink_100 - , xl__bg_pink_200 - , xl__bg_pink_300 - , xl__bg_pink_400 - , xl__bg_pink_500 - , xl__bg_pink_600 - , xl__bg_pink_700 - , xl__bg_pink_800 - , xl__bg_pink_900 - , xl__bg_purple_100 - , xl__bg_purple_200 - , xl__bg_purple_300 - , xl__bg_purple_400 - , xl__bg_purple_500 - , xl__bg_purple_600 - , xl__bg_purple_700 - , xl__bg_purple_800 - , xl__bg_purple_900 - , xl__bg_red_100 - , xl__bg_red_200 - , xl__bg_red_300 - , xl__bg_red_400 - , xl__bg_red_500 - , xl__bg_red_600 - , xl__bg_red_700 - , xl__bg_red_800 - , xl__bg_red_900 - , xl__bg_repeat - , xl__bg_repeat_round - , xl__bg_repeat_space - , xl__bg_repeat_x - , xl__bg_repeat_y - , xl__bg_right - , xl__bg_right_bottom - , xl__bg_right_top - , xl__bg_scroll - , xl__bg_teal_100 - , xl__bg_teal_200 - , xl__bg_teal_300 - , xl__bg_teal_400 - , xl__bg_teal_500 - , xl__bg_teal_600 - , xl__bg_teal_700 - , xl__bg_teal_800 - , xl__bg_teal_900 - , xl__bg_top - , xl__bg_transparent - , xl__bg_white - , xl__bg_yellow_100 - , xl__bg_yellow_200 - , xl__bg_yellow_300 - , xl__bg_yellow_400 - , xl__bg_yellow_500 - , xl__bg_yellow_600 - , xl__bg_yellow_700 - , xl__bg_yellow_800 - , xl__bg_yellow_900 - , xl__block - , xl__border - , xl__border_0 - , xl__border_2 - , xl__border_4 - , xl__border_8 - , xl__border_b - , xl__border_b_0 - , xl__border_b_2 - , xl__border_b_4 - , xl__border_b_8 - , xl__border_black - , xl__border_blue_100 - , xl__border_blue_200 - , xl__border_blue_300 - , xl__border_blue_400 - , xl__border_blue_500 - , xl__border_blue_600 - , xl__border_blue_700 - , xl__border_blue_800 - , xl__border_blue_900 - , xl__border_collapse - , xl__border_current - , xl__border_dashed - , xl__border_dotted - , xl__border_double - , xl__border_gray_100 - , xl__border_gray_200 - , xl__border_gray_300 - , xl__border_gray_400 - , xl__border_gray_500 - , xl__border_gray_600 - , xl__border_gray_700 - , xl__border_gray_800 - , xl__border_gray_900 - , xl__border_green_100 - , xl__border_green_200 - , xl__border_green_300 - , xl__border_green_400 - , xl__border_green_500 - , xl__border_green_600 - , xl__border_green_700 - , xl__border_green_800 - , xl__border_green_900 - , xl__border_indigo_100 - , xl__border_indigo_200 - , xl__border_indigo_300 - , xl__border_indigo_400 - , xl__border_indigo_500 - , xl__border_indigo_600 - , xl__border_indigo_700 - , xl__border_indigo_800 - , xl__border_indigo_900 - , xl__border_l - , xl__border_l_0 - , xl__border_l_2 - , xl__border_l_4 - , xl__border_l_8 - , xl__border_none - , xl__border_orange_100 - , xl__border_orange_200 - , xl__border_orange_300 - , xl__border_orange_400 - , xl__border_orange_500 - , xl__border_orange_600 - , xl__border_orange_700 - , xl__border_orange_800 - , xl__border_orange_900 - , xl__border_pink_100 - , xl__border_pink_200 - , xl__border_pink_300 - , xl__border_pink_400 - , xl__border_pink_500 - , xl__border_pink_600 - , xl__border_pink_700 - , xl__border_pink_800 - , xl__border_pink_900 - , xl__border_purple_100 - , xl__border_purple_200 - , xl__border_purple_300 - , xl__border_purple_400 - , xl__border_purple_500 - , xl__border_purple_600 - , xl__border_purple_700 - , xl__border_purple_800 - , xl__border_purple_900 - , xl__border_r - , xl__border_r_0 - , xl__border_r_2 - , xl__border_r_4 - , xl__border_r_8 - , xl__border_red_100 - , xl__border_red_200 - , xl__border_red_300 - , xl__border_red_400 - , xl__border_red_500 - , xl__border_red_600 - , xl__border_red_700 - , xl__border_red_800 - , xl__border_red_900 - , xl__border_separate - , xl__border_solid - , xl__border_t - , xl__border_t_0 - , xl__border_t_2 - , xl__border_t_4 - , xl__border_t_8 - , xl__border_teal_100 - , xl__border_teal_200 - , xl__border_teal_300 - , xl__border_teal_400 - , xl__border_teal_500 - , xl__border_teal_600 - , xl__border_teal_700 - , xl__border_teal_800 - , xl__border_teal_900 - , xl__border_transparent - , xl__border_white - , xl__border_yellow_100 - , xl__border_yellow_200 - , xl__border_yellow_300 - , xl__border_yellow_400 - , xl__border_yellow_500 - , xl__border_yellow_600 - , xl__border_yellow_700 - , xl__border_yellow_800 - , xl__border_yellow_900 - , xl__bottom_0 - , xl__bottom_auto - , xl__box_border - , xl__box_content - , xl__break_all - , xl__break_normal - , xl__break_words - , xl__capitalize - , xl__clear_both - , xl__clear_left - , xl__clear_none - , xl__clear_right - , xl__clearfix - , xl__container - , xl__content_around - , xl__content_between - , xl__content_center - , xl__content_end - , xl__content_start - , xl__cursor_auto - , xl__cursor_default - , xl__cursor_move - , xl__cursor_not_allowed - , xl__cursor_pointer - , xl__cursor_text - , xl__cursor_wait - , xl__divide_black - , xl__divide_blue_100 - , xl__divide_blue_200 - , xl__divide_blue_300 - , xl__divide_blue_400 - , xl__divide_blue_500 - , xl__divide_blue_600 - , xl__divide_blue_700 - , xl__divide_blue_800 - , xl__divide_blue_900 - , xl__divide_current - , xl__divide_gray_100 - , xl__divide_gray_200 - , xl__divide_gray_300 - , xl__divide_gray_400 - , xl__divide_gray_500 - , xl__divide_gray_600 - , xl__divide_gray_700 - , xl__divide_gray_800 - , xl__divide_gray_900 - , xl__divide_green_100 - , xl__divide_green_200 - , xl__divide_green_300 - , xl__divide_green_400 - , xl__divide_green_500 - , xl__divide_green_600 - , xl__divide_green_700 - , xl__divide_green_800 - , xl__divide_green_900 - , xl__divide_indigo_100 - , xl__divide_indigo_200 - , xl__divide_indigo_300 - , xl__divide_indigo_400 - , xl__divide_indigo_500 - , xl__divide_indigo_600 - , xl__divide_indigo_700 - , xl__divide_indigo_800 - , xl__divide_indigo_900 - , xl__divide_orange_100 - , xl__divide_orange_200 - , xl__divide_orange_300 - , xl__divide_orange_400 - , xl__divide_orange_500 - , xl__divide_orange_600 - , xl__divide_orange_700 - , xl__divide_orange_800 - , xl__divide_orange_900 - , xl__divide_pink_100 - , xl__divide_pink_200 - , xl__divide_pink_300 - , xl__divide_pink_400 - , xl__divide_pink_500 - , xl__divide_pink_600 - , xl__divide_pink_700 - , xl__divide_pink_800 - , xl__divide_pink_900 - , xl__divide_purple_100 - , xl__divide_purple_200 - , xl__divide_purple_300 - , xl__divide_purple_400 - , xl__divide_purple_500 - , xl__divide_purple_600 - , xl__divide_purple_700 - , xl__divide_purple_800 - , xl__divide_purple_900 - , xl__divide_red_100 - , xl__divide_red_200 - , xl__divide_red_300 - , xl__divide_red_400 - , xl__divide_red_500 - , xl__divide_red_600 - , xl__divide_red_700 - , xl__divide_red_800 - , xl__divide_red_900 - , xl__divide_teal_100 - , xl__divide_teal_200 - , xl__divide_teal_300 - , xl__divide_teal_400 - , xl__divide_teal_500 - , xl__divide_teal_600 - , xl__divide_teal_700 - , xl__divide_teal_800 - , xl__divide_teal_900 - , xl__divide_transparent - , xl__divide_white - , xl__divide_yellow_100 - , xl__divide_yellow_200 - , xl__divide_yellow_300 - , xl__divide_yellow_400 - , xl__divide_yellow_500 - , xl__divide_yellow_600 - , xl__divide_yellow_700 - , xl__divide_yellow_800 - , xl__divide_yellow_900 - , xl__fill_current - , xl__fixed - , xl__flex - , xl__flex_1 - , xl__flex_auto - , xl__flex_col - , xl__flex_col_reverse - , xl__flex_grow - , xl__flex_grow_0 - , xl__flex_initial - , xl__flex_no_wrap - , xl__flex_none - , xl__flex_row - , xl__flex_row_reverse - , xl__flex_shrink - , xl__flex_shrink_0 - , xl__flex_wrap - , xl__flex_wrap_reverse - , xl__float_left - , xl__float_none - , xl__float_right - , xl__flow_root - , xl__focus__bg_black - , xl__focus__bg_blue_100 - , xl__focus__bg_blue_200 - , xl__focus__bg_blue_300 - , xl__focus__bg_blue_400 - , xl__focus__bg_blue_500 - , xl__focus__bg_blue_600 - , xl__focus__bg_blue_700 - , xl__focus__bg_blue_800 - , xl__focus__bg_blue_900 - , xl__focus__bg_current - , xl__focus__bg_gray_100 - , xl__focus__bg_gray_200 - , xl__focus__bg_gray_300 - , xl__focus__bg_gray_400 - , xl__focus__bg_gray_500 - , xl__focus__bg_gray_600 - , xl__focus__bg_gray_700 - , xl__focus__bg_gray_800 - , xl__focus__bg_gray_900 - , xl__focus__bg_green_100 - , xl__focus__bg_green_200 - , xl__focus__bg_green_300 - , xl__focus__bg_green_400 - , xl__focus__bg_green_500 - , xl__focus__bg_green_600 - , xl__focus__bg_green_700 - , xl__focus__bg_green_800 - , xl__focus__bg_green_900 - , xl__focus__bg_indigo_100 - , xl__focus__bg_indigo_200 - , xl__focus__bg_indigo_300 - , xl__focus__bg_indigo_400 - , xl__focus__bg_indigo_500 - , xl__focus__bg_indigo_600 - , xl__focus__bg_indigo_700 - , xl__focus__bg_indigo_800 - , xl__focus__bg_indigo_900 - , xl__focus__bg_orange_100 - , xl__focus__bg_orange_200 - , xl__focus__bg_orange_300 - , xl__focus__bg_orange_400 - , xl__focus__bg_orange_500 - , xl__focus__bg_orange_600 - , xl__focus__bg_orange_700 - , xl__focus__bg_orange_800 - , xl__focus__bg_orange_900 - , xl__focus__bg_pink_100 - , xl__focus__bg_pink_200 - , xl__focus__bg_pink_300 - , xl__focus__bg_pink_400 - , xl__focus__bg_pink_500 - , xl__focus__bg_pink_600 - , xl__focus__bg_pink_700 - , xl__focus__bg_pink_800 - , xl__focus__bg_pink_900 - , xl__focus__bg_purple_100 - , xl__focus__bg_purple_200 - , xl__focus__bg_purple_300 - , xl__focus__bg_purple_400 - , xl__focus__bg_purple_500 - , xl__focus__bg_purple_600 - , xl__focus__bg_purple_700 - , xl__focus__bg_purple_800 - , xl__focus__bg_purple_900 - , xl__focus__bg_red_100 - , xl__focus__bg_red_200 - , xl__focus__bg_red_300 - , xl__focus__bg_red_400 - , xl__focus__bg_red_500 - , xl__focus__bg_red_600 - , xl__focus__bg_red_700 - , xl__focus__bg_red_800 - , xl__focus__bg_red_900 - , xl__focus__bg_teal_100 - , xl__focus__bg_teal_200 - , xl__focus__bg_teal_300 - , xl__focus__bg_teal_400 - , xl__focus__bg_teal_500 - , xl__focus__bg_teal_600 - , xl__focus__bg_teal_700 - , xl__focus__bg_teal_800 - , xl__focus__bg_teal_900 - , xl__focus__bg_transparent - , xl__focus__bg_white - , xl__focus__bg_yellow_100 - , xl__focus__bg_yellow_200 - , xl__focus__bg_yellow_300 - , xl__focus__bg_yellow_400 - , xl__focus__bg_yellow_500 - , xl__focus__bg_yellow_600 - , xl__focus__bg_yellow_700 - , xl__focus__bg_yellow_800 - , xl__focus__bg_yellow_900 - , xl__focus__border_black - , xl__focus__border_blue_100 - , xl__focus__border_blue_200 - , xl__focus__border_blue_300 - , xl__focus__border_blue_400 - , xl__focus__border_blue_500 - , xl__focus__border_blue_600 - , xl__focus__border_blue_700 - , xl__focus__border_blue_800 - , xl__focus__border_blue_900 - , xl__focus__border_current - , xl__focus__border_gray_100 - , xl__focus__border_gray_200 - , xl__focus__border_gray_300 - , xl__focus__border_gray_400 - , xl__focus__border_gray_500 - , xl__focus__border_gray_600 - , xl__focus__border_gray_700 - , xl__focus__border_gray_800 - , xl__focus__border_gray_900 - , xl__focus__border_green_100 - , xl__focus__border_green_200 - , xl__focus__border_green_300 - , xl__focus__border_green_400 - , xl__focus__border_green_500 - , xl__focus__border_green_600 - , xl__focus__border_green_700 - , xl__focus__border_green_800 - , xl__focus__border_green_900 - , xl__focus__border_indigo_100 - , xl__focus__border_indigo_200 - , xl__focus__border_indigo_300 - , xl__focus__border_indigo_400 - , xl__focus__border_indigo_500 - , xl__focus__border_indigo_600 - , xl__focus__border_indigo_700 - , xl__focus__border_indigo_800 - , xl__focus__border_indigo_900 - , xl__focus__border_orange_100 - , xl__focus__border_orange_200 - , xl__focus__border_orange_300 - , xl__focus__border_orange_400 - , xl__focus__border_orange_500 - , xl__focus__border_orange_600 - , xl__focus__border_orange_700 - , xl__focus__border_orange_800 - , xl__focus__border_orange_900 - , xl__focus__border_pink_100 - , xl__focus__border_pink_200 - , xl__focus__border_pink_300 - , xl__focus__border_pink_400 - , xl__focus__border_pink_500 - , xl__focus__border_pink_600 - , xl__focus__border_pink_700 - , xl__focus__border_pink_800 - , xl__focus__border_pink_900 - , xl__focus__border_purple_100 - , xl__focus__border_purple_200 - , xl__focus__border_purple_300 - , xl__focus__border_purple_400 - , xl__focus__border_purple_500 - , xl__focus__border_purple_600 - , xl__focus__border_purple_700 - , xl__focus__border_purple_800 - , xl__focus__border_purple_900 - , xl__focus__border_red_100 - , xl__focus__border_red_200 - , xl__focus__border_red_300 - , xl__focus__border_red_400 - , xl__focus__border_red_500 - , xl__focus__border_red_600 - , xl__focus__border_red_700 - , xl__focus__border_red_800 - , xl__focus__border_red_900 - , xl__focus__border_teal_100 - , xl__focus__border_teal_200 - , xl__focus__border_teal_300 - , xl__focus__border_teal_400 - , xl__focus__border_teal_500 - , xl__focus__border_teal_600 - , xl__focus__border_teal_700 - , xl__focus__border_teal_800 - , xl__focus__border_teal_900 - , xl__focus__border_transparent - , xl__focus__border_white - , xl__focus__border_yellow_100 - , xl__focus__border_yellow_200 - , xl__focus__border_yellow_300 - , xl__focus__border_yellow_400 - , xl__focus__border_yellow_500 - , xl__focus__border_yellow_600 - , xl__focus__border_yellow_700 - , xl__focus__border_yellow_800 - , xl__focus__border_yellow_900 - , xl__focus__font_black - , xl__focus__font_bold - , xl__focus__font_extrabold - , xl__focus__font_hairline - , xl__focus__font_light - , xl__focus__font_medium - , xl__focus__font_normal - , xl__focus__font_semibold - , xl__focus__font_thin - , xl__focus__line_through - , xl__focus__no_underline - , xl__focus__not_sr_only - , xl__focus__opacity_0 - , xl__focus__opacity_100 - , xl__focus__opacity_25 - , xl__focus__opacity_50 - , xl__focus__opacity_75 - , xl__focus__outline_none - , xl__focus__placeholder_black - , xl__focus__placeholder_blue_100 - , xl__focus__placeholder_blue_200 - , xl__focus__placeholder_blue_300 - , xl__focus__placeholder_blue_400 - , xl__focus__placeholder_blue_500 - , xl__focus__placeholder_blue_600 - , xl__focus__placeholder_blue_700 - , xl__focus__placeholder_blue_800 - , xl__focus__placeholder_blue_900 - , xl__focus__placeholder_current - , xl__focus__placeholder_gray_100 - , xl__focus__placeholder_gray_200 - , xl__focus__placeholder_gray_300 - , xl__focus__placeholder_gray_400 - , xl__focus__placeholder_gray_500 - , xl__focus__placeholder_gray_600 - , xl__focus__placeholder_gray_700 - , xl__focus__placeholder_gray_800 - , xl__focus__placeholder_gray_900 - , xl__focus__placeholder_green_100 - , xl__focus__placeholder_green_200 - , xl__focus__placeholder_green_300 - , xl__focus__placeholder_green_400 - , xl__focus__placeholder_green_500 - , xl__focus__placeholder_green_600 - , xl__focus__placeholder_green_700 - , xl__focus__placeholder_green_800 - , xl__focus__placeholder_green_900 - , xl__focus__placeholder_indigo_100 - , xl__focus__placeholder_indigo_200 - , xl__focus__placeholder_indigo_300 - , xl__focus__placeholder_indigo_400 - , xl__focus__placeholder_indigo_500 - , xl__focus__placeholder_indigo_600 - , xl__focus__placeholder_indigo_700 - , xl__focus__placeholder_indigo_800 - , xl__focus__placeholder_indigo_900 - , xl__focus__placeholder_orange_100 - , xl__focus__placeholder_orange_200 - , xl__focus__placeholder_orange_300 - , xl__focus__placeholder_orange_400 - , xl__focus__placeholder_orange_500 - , xl__focus__placeholder_orange_600 - , xl__focus__placeholder_orange_700 - , xl__focus__placeholder_orange_800 - , xl__focus__placeholder_orange_900 - , xl__focus__placeholder_pink_100 - , xl__focus__placeholder_pink_200 - , xl__focus__placeholder_pink_300 - , xl__focus__placeholder_pink_400 - , xl__focus__placeholder_pink_500 - , xl__focus__placeholder_pink_600 - , xl__focus__placeholder_pink_700 - , xl__focus__placeholder_pink_800 - , xl__focus__placeholder_pink_900 - , xl__focus__placeholder_purple_100 - , xl__focus__placeholder_purple_200 - , xl__focus__placeholder_purple_300 - , xl__focus__placeholder_purple_400 - , xl__focus__placeholder_purple_500 - , xl__focus__placeholder_purple_600 - , xl__focus__placeholder_purple_700 - , xl__focus__placeholder_purple_800 - , xl__focus__placeholder_purple_900 - , xl__focus__placeholder_red_100 - , xl__focus__placeholder_red_200 - , xl__focus__placeholder_red_300 - , xl__focus__placeholder_red_400 - , xl__focus__placeholder_red_500 - , xl__focus__placeholder_red_600 - , xl__focus__placeholder_red_700 - , xl__focus__placeholder_red_800 - , xl__focus__placeholder_red_900 - , xl__focus__placeholder_teal_100 - , xl__focus__placeholder_teal_200 - , xl__focus__placeholder_teal_300 - , xl__focus__placeholder_teal_400 - , xl__focus__placeholder_teal_500 - , xl__focus__placeholder_teal_600 - , xl__focus__placeholder_teal_700 - , xl__focus__placeholder_teal_800 - , xl__focus__placeholder_teal_900 - , xl__focus__placeholder_transparent - , xl__focus__placeholder_white - , xl__focus__placeholder_yellow_100 - , xl__focus__placeholder_yellow_200 - , xl__focus__placeholder_yellow_300 - , xl__focus__placeholder_yellow_400 - , xl__focus__placeholder_yellow_500 - , xl__focus__placeholder_yellow_600 - , xl__focus__placeholder_yellow_700 - , xl__focus__placeholder_yellow_800 - , xl__focus__placeholder_yellow_900 - , xl__focus__shadow - , xl__focus__shadow_2xl - , xl__focus__shadow_inner - , xl__focus__shadow_lg - , xl__focus__shadow_md - , xl__focus__shadow_none - , xl__focus__shadow_outline - , xl__focus__shadow_sm - , xl__focus__shadow_xl - , xl__focus__shadow_xs - , xl__focus__sr_only - , xl__focus__text_black - , xl__focus__text_blue_100 - , xl__focus__text_blue_200 - , xl__focus__text_blue_300 - , xl__focus__text_blue_400 - , xl__focus__text_blue_500 - , xl__focus__text_blue_600 - , xl__focus__text_blue_700 - , xl__focus__text_blue_800 - , xl__focus__text_blue_900 - , xl__focus__text_current - , xl__focus__text_gray_100 - , xl__focus__text_gray_200 - , xl__focus__text_gray_300 - , xl__focus__text_gray_400 - , xl__focus__text_gray_500 - , xl__focus__text_gray_600 - , xl__focus__text_gray_700 - , xl__focus__text_gray_800 - , xl__focus__text_gray_900 - , xl__focus__text_green_100 - , xl__focus__text_green_200 - , xl__focus__text_green_300 - , xl__focus__text_green_400 - , xl__focus__text_green_500 - , xl__focus__text_green_600 - , xl__focus__text_green_700 - , xl__focus__text_green_800 - , xl__focus__text_green_900 - , xl__focus__text_indigo_100 - , xl__focus__text_indigo_200 - , xl__focus__text_indigo_300 - , xl__focus__text_indigo_400 - , xl__focus__text_indigo_500 - , xl__focus__text_indigo_600 - , xl__focus__text_indigo_700 - , xl__focus__text_indigo_800 - , xl__focus__text_indigo_900 - , xl__focus__text_orange_100 - , xl__focus__text_orange_200 - , xl__focus__text_orange_300 - , xl__focus__text_orange_400 - , xl__focus__text_orange_500 - , xl__focus__text_orange_600 - , xl__focus__text_orange_700 - , xl__focus__text_orange_800 - , xl__focus__text_orange_900 - , xl__focus__text_pink_100 - , xl__focus__text_pink_200 - , xl__focus__text_pink_300 - , xl__focus__text_pink_400 - , xl__focus__text_pink_500 - , xl__focus__text_pink_600 - , xl__focus__text_pink_700 - , xl__focus__text_pink_800 - , xl__focus__text_pink_900 - , xl__focus__text_purple_100 - , xl__focus__text_purple_200 - , xl__focus__text_purple_300 - , xl__focus__text_purple_400 - , xl__focus__text_purple_500 - , xl__focus__text_purple_600 - , xl__focus__text_purple_700 - , xl__focus__text_purple_800 - , xl__focus__text_purple_900 - , xl__focus__text_red_100 - , xl__focus__text_red_200 - , xl__focus__text_red_300 - , xl__focus__text_red_400 - , xl__focus__text_red_500 - , xl__focus__text_red_600 - , xl__focus__text_red_700 - , xl__focus__text_red_800 - , xl__focus__text_red_900 - , xl__focus__text_teal_100 - , xl__focus__text_teal_200 - , xl__focus__text_teal_300 - , xl__focus__text_teal_400 - , xl__focus__text_teal_500 - , xl__focus__text_teal_600 - , xl__focus__text_teal_700 - , xl__focus__text_teal_800 - , xl__focus__text_teal_900 - , xl__focus__text_transparent - , xl__focus__text_white - , xl__focus__text_yellow_100 - , xl__focus__text_yellow_200 - , xl__focus__text_yellow_300 - , xl__focus__text_yellow_400 - , xl__focus__text_yellow_500 - , xl__focus__text_yellow_600 - , xl__focus__text_yellow_700 - , xl__focus__text_yellow_800 - , xl__focus__text_yellow_900 - , xl__focus__underline - , xl__font_black - , xl__font_bold - , xl__font_extrabold - , xl__font_hairline - , xl__font_light - , xl__font_medium - , xl__font_mono - , xl__font_normal - , xl__font_sans - , xl__font_semibold - , xl__font_serif - , xl__font_thin - , xl__grid - , xl__h_0 - , xl__h_1 - , xl__h_10 - , xl__h_12 - , xl__h_16 - , xl__h_2 - , xl__h_20 - , xl__h_24 - , xl__h_3 - , xl__h_32 - , xl__h_4 - , xl__h_40 - , xl__h_48 - , xl__h_5 - , xl__h_56 - , xl__h_6 - , xl__h_64 - , xl__h_8 - , xl__h_auto - , xl__h_full - , xl__h_px - , xl__h_screen - , xl__hidden - , xl__hover__bg_black - , xl__hover__bg_blue_100 - , xl__hover__bg_blue_200 - , xl__hover__bg_blue_300 - , xl__hover__bg_blue_400 - , xl__hover__bg_blue_500 - , xl__hover__bg_blue_600 - , xl__hover__bg_blue_700 - , xl__hover__bg_blue_800 - , xl__hover__bg_blue_900 - , xl__hover__bg_current - , xl__hover__bg_gray_100 - , xl__hover__bg_gray_200 - , xl__hover__bg_gray_300 - , xl__hover__bg_gray_400 - , xl__hover__bg_gray_500 - , xl__hover__bg_gray_600 - , xl__hover__bg_gray_700 - , xl__hover__bg_gray_800 - , xl__hover__bg_gray_900 - , xl__hover__bg_green_100 - , xl__hover__bg_green_200 - , xl__hover__bg_green_300 - , xl__hover__bg_green_400 - , xl__hover__bg_green_500 - , xl__hover__bg_green_600 - , xl__hover__bg_green_700 - , xl__hover__bg_green_800 - , xl__hover__bg_green_900 - , xl__hover__bg_indigo_100 - , xl__hover__bg_indigo_200 - , xl__hover__bg_indigo_300 - , xl__hover__bg_indigo_400 - , xl__hover__bg_indigo_500 - , xl__hover__bg_indigo_600 - , xl__hover__bg_indigo_700 - , xl__hover__bg_indigo_800 - , xl__hover__bg_indigo_900 - , xl__hover__bg_orange_100 - , xl__hover__bg_orange_200 - , xl__hover__bg_orange_300 - , xl__hover__bg_orange_400 - , xl__hover__bg_orange_500 - , xl__hover__bg_orange_600 - , xl__hover__bg_orange_700 - , xl__hover__bg_orange_800 - , xl__hover__bg_orange_900 - , xl__hover__bg_pink_100 - , xl__hover__bg_pink_200 - , xl__hover__bg_pink_300 - , xl__hover__bg_pink_400 - , xl__hover__bg_pink_500 - , xl__hover__bg_pink_600 - , xl__hover__bg_pink_700 - , xl__hover__bg_pink_800 - , xl__hover__bg_pink_900 - , xl__hover__bg_purple_100 - , xl__hover__bg_purple_200 - , xl__hover__bg_purple_300 - , xl__hover__bg_purple_400 - , xl__hover__bg_purple_500 - , xl__hover__bg_purple_600 - , xl__hover__bg_purple_700 - , xl__hover__bg_purple_800 - , xl__hover__bg_purple_900 - , xl__hover__bg_red_100 - , xl__hover__bg_red_200 - , xl__hover__bg_red_300 - , xl__hover__bg_red_400 - , xl__hover__bg_red_500 - , xl__hover__bg_red_600 - , xl__hover__bg_red_700 - , xl__hover__bg_red_800 - , xl__hover__bg_red_900 - , xl__hover__bg_teal_100 - , xl__hover__bg_teal_200 - , xl__hover__bg_teal_300 - , xl__hover__bg_teal_400 - , xl__hover__bg_teal_500 - , xl__hover__bg_teal_600 - , xl__hover__bg_teal_700 - , xl__hover__bg_teal_800 - , xl__hover__bg_teal_900 - , xl__hover__bg_transparent - , xl__hover__bg_white - , xl__hover__bg_yellow_100 - , xl__hover__bg_yellow_200 - , xl__hover__bg_yellow_300 - , xl__hover__bg_yellow_400 - , xl__hover__bg_yellow_500 - , xl__hover__bg_yellow_600 - , xl__hover__bg_yellow_700 - , xl__hover__bg_yellow_800 - , xl__hover__bg_yellow_900 - , xl__hover__border_black - , xl__hover__border_blue_100 - , xl__hover__border_blue_200 - , xl__hover__border_blue_300 - , xl__hover__border_blue_400 - , xl__hover__border_blue_500 - , xl__hover__border_blue_600 - , xl__hover__border_blue_700 - , xl__hover__border_blue_800 - , xl__hover__border_blue_900 - , xl__hover__border_current - , xl__hover__border_gray_100 - , xl__hover__border_gray_200 - , xl__hover__border_gray_300 - , xl__hover__border_gray_400 - , xl__hover__border_gray_500 - , xl__hover__border_gray_600 - , xl__hover__border_gray_700 - , xl__hover__border_gray_800 - , xl__hover__border_gray_900 - , xl__hover__border_green_100 - , xl__hover__border_green_200 - , xl__hover__border_green_300 - , xl__hover__border_green_400 - , xl__hover__border_green_500 - , xl__hover__border_green_600 - , xl__hover__border_green_700 - , xl__hover__border_green_800 - , xl__hover__border_green_900 - , xl__hover__border_indigo_100 - , xl__hover__border_indigo_200 - , xl__hover__border_indigo_300 - , xl__hover__border_indigo_400 - , xl__hover__border_indigo_500 - , xl__hover__border_indigo_600 - , xl__hover__border_indigo_700 - , xl__hover__border_indigo_800 - , xl__hover__border_indigo_900 - , xl__hover__border_orange_100 - , xl__hover__border_orange_200 - , xl__hover__border_orange_300 - , xl__hover__border_orange_400 - , xl__hover__border_orange_500 - , xl__hover__border_orange_600 - , xl__hover__border_orange_700 - , xl__hover__border_orange_800 - , xl__hover__border_orange_900 - , xl__hover__border_pink_100 - , xl__hover__border_pink_200 - , xl__hover__border_pink_300 - , xl__hover__border_pink_400 - , xl__hover__border_pink_500 - , xl__hover__border_pink_600 - , xl__hover__border_pink_700 - , xl__hover__border_pink_800 - , xl__hover__border_pink_900 - , xl__hover__border_purple_100 - , xl__hover__border_purple_200 - , xl__hover__border_purple_300 - , xl__hover__border_purple_400 - , xl__hover__border_purple_500 - , xl__hover__border_purple_600 - , xl__hover__border_purple_700 - , xl__hover__border_purple_800 - , xl__hover__border_purple_900 - , xl__hover__border_red_100 - , xl__hover__border_red_200 - , xl__hover__border_red_300 - , xl__hover__border_red_400 - , xl__hover__border_red_500 - , xl__hover__border_red_600 - , xl__hover__border_red_700 - , xl__hover__border_red_800 - , xl__hover__border_red_900 - , xl__hover__border_teal_100 - , xl__hover__border_teal_200 - , xl__hover__border_teal_300 - , xl__hover__border_teal_400 - , xl__hover__border_teal_500 - , xl__hover__border_teal_600 - , xl__hover__border_teal_700 - , xl__hover__border_teal_800 - , xl__hover__border_teal_900 - , xl__hover__border_transparent - , xl__hover__border_white - , xl__hover__border_yellow_100 - , xl__hover__border_yellow_200 - , xl__hover__border_yellow_300 - , xl__hover__border_yellow_400 - , xl__hover__border_yellow_500 - , xl__hover__border_yellow_600 - , xl__hover__border_yellow_700 - , xl__hover__border_yellow_800 - , xl__hover__border_yellow_900 - , xl__hover__font_black - , xl__hover__font_bold - , xl__hover__font_extrabold - , xl__hover__font_hairline - , xl__hover__font_light - , xl__hover__font_medium - , xl__hover__font_normal - , xl__hover__font_semibold - , xl__hover__font_thin - , xl__hover__line_through - , xl__hover__no_underline - , xl__hover__opacity_0 - , xl__hover__opacity_100 - , xl__hover__opacity_25 - , xl__hover__opacity_50 - , xl__hover__opacity_75 - , xl__hover__shadow - , xl__hover__shadow_2xl - , xl__hover__shadow_inner - , xl__hover__shadow_lg - , xl__hover__shadow_md - , xl__hover__shadow_none - , xl__hover__shadow_outline - , xl__hover__shadow_sm - , xl__hover__shadow_xl - , xl__hover__shadow_xs - , xl__hover__text_black - , xl__hover__text_blue_100 - , xl__hover__text_blue_200 - , xl__hover__text_blue_300 - , xl__hover__text_blue_400 - , xl__hover__text_blue_500 - , xl__hover__text_blue_600 - , xl__hover__text_blue_700 - , xl__hover__text_blue_800 - , xl__hover__text_blue_900 - , xl__hover__text_current - , xl__hover__text_gray_100 - , xl__hover__text_gray_200 - , xl__hover__text_gray_300 - , xl__hover__text_gray_400 - , xl__hover__text_gray_500 - , xl__hover__text_gray_600 - , xl__hover__text_gray_700 - , xl__hover__text_gray_800 - , xl__hover__text_gray_900 - , xl__hover__text_green_100 - , xl__hover__text_green_200 - , xl__hover__text_green_300 - , xl__hover__text_green_400 - , xl__hover__text_green_500 - , xl__hover__text_green_600 - , xl__hover__text_green_700 - , xl__hover__text_green_800 - , xl__hover__text_green_900 - , xl__hover__text_indigo_100 - , xl__hover__text_indigo_200 - , xl__hover__text_indigo_300 - , xl__hover__text_indigo_400 - , xl__hover__text_indigo_500 - , xl__hover__text_indigo_600 - , xl__hover__text_indigo_700 - , xl__hover__text_indigo_800 - , xl__hover__text_indigo_900 - , xl__hover__text_orange_100 - , xl__hover__text_orange_200 - , xl__hover__text_orange_300 - , xl__hover__text_orange_400 - , xl__hover__text_orange_500 - , xl__hover__text_orange_600 - , xl__hover__text_orange_700 - , xl__hover__text_orange_800 - , xl__hover__text_orange_900 - , xl__hover__text_pink_100 - , xl__hover__text_pink_200 - , xl__hover__text_pink_300 - , xl__hover__text_pink_400 - , xl__hover__text_pink_500 - , xl__hover__text_pink_600 - , xl__hover__text_pink_700 - , xl__hover__text_pink_800 - , xl__hover__text_pink_900 - , xl__hover__text_purple_100 - , xl__hover__text_purple_200 - , xl__hover__text_purple_300 - , xl__hover__text_purple_400 - , xl__hover__text_purple_500 - , xl__hover__text_purple_600 - , xl__hover__text_purple_700 - , xl__hover__text_purple_800 - , xl__hover__text_purple_900 - , xl__hover__text_red_100 - , xl__hover__text_red_200 - , xl__hover__text_red_300 - , xl__hover__text_red_400 - , xl__hover__text_red_500 - , xl__hover__text_red_600 - , xl__hover__text_red_700 - , xl__hover__text_red_800 - , xl__hover__text_red_900 - , xl__hover__text_teal_100 - , xl__hover__text_teal_200 - , xl__hover__text_teal_300 - , xl__hover__text_teal_400 - , xl__hover__text_teal_500 - , xl__hover__text_teal_600 - , xl__hover__text_teal_700 - , xl__hover__text_teal_800 - , xl__hover__text_teal_900 - , xl__hover__text_transparent - , xl__hover__text_white - , xl__hover__text_yellow_100 - , xl__hover__text_yellow_200 - , xl__hover__text_yellow_300 - , xl__hover__text_yellow_400 - , xl__hover__text_yellow_500 - , xl__hover__text_yellow_600 - , xl__hover__text_yellow_700 - , xl__hover__text_yellow_800 - , xl__hover__text_yellow_900 - , xl__hover__underline - , xl__inline - , xl__inline_block - , xl__inline_flex - , xl__inline_grid - , xl__inset_0 - , xl__inset_auto - , xl__inset_x_0 - , xl__inset_x_auto - , xl__inset_y_0 - , xl__inset_y_auto - , xl__invisible - , xl__italic - , xl__items_baseline - , xl__items_center - , xl__items_end - , xl__items_start - , xl__items_stretch - , xl__justify_around - , xl__justify_between - , xl__justify_center - , xl__justify_end - , xl__justify_evenly - , xl__justify_start - , xl__leading_10 - , xl__leading_3 - , xl__leading_4 - , xl__leading_5 - , xl__leading_6 - , xl__leading_7 - , xl__leading_8 - , xl__leading_9 - , xl__leading_loose - , xl__leading_none - , xl__leading_normal - , xl__leading_relaxed - , xl__leading_snug - , xl__leading_tight - , xl__left_0 - , xl__left_auto - , xl__line_through - , xl__list_decimal - , xl__list_disc - , xl__list_inside - , xl__list_none - , xl__list_outside - , xl__lowercase - , xl__m_0 - , xl__m_1 - , xl__m_10 - , xl__m_12 - , xl__m_16 - , xl__m_2 - , xl__m_20 - , xl__m_24 - , xl__m_3 - , xl__m_32 - , xl__m_4 - , xl__m_40 - , xl__m_48 - , xl__m_5 - , xl__m_56 - , xl__m_6 - , xl__m_64 - , xl__m_8 - , xl__m_auto - , xl__m_px - , xl__max_h_full - , xl__max_h_screen - , xl__max_w_2xl - , xl__max_w_3xl - , xl__max_w_4xl - , xl__max_w_5xl - , xl__max_w_6xl - , xl__max_w_full - , xl__max_w_lg - , xl__max_w_md - , xl__max_w_none - , xl__max_w_screen_lg - , xl__max_w_screen_md - , xl__max_w_screen_sm - , xl__max_w_screen_xl - , xl__max_w_sm - , xl__max_w_xl - , xl__max_w_xs - , xl__mb_0 - , xl__mb_1 - , xl__mb_10 - , xl__mb_12 - , xl__mb_16 - , xl__mb_2 - , xl__mb_20 - , xl__mb_24 - , xl__mb_3 - , xl__mb_32 - , xl__mb_4 - , xl__mb_40 - , xl__mb_48 - , xl__mb_5 - , xl__mb_56 - , xl__mb_6 - , xl__mb_64 - , xl__mb_8 - , xl__mb_auto - , xl__mb_px - , xl__min_h_0 - , xl__min_h_full - , xl__min_h_screen - , xl__min_w_0 - , xl__min_w_full - , xl__ml_0 - , xl__ml_1 - , xl__ml_10 - , xl__ml_12 - , xl__ml_16 - , xl__ml_2 - , xl__ml_20 - , xl__ml_24 - , xl__ml_3 - , xl__ml_32 - , xl__ml_4 - , xl__ml_40 - , xl__ml_48 - , xl__ml_5 - , xl__ml_56 - , xl__ml_6 - , xl__ml_64 - , xl__ml_8 - , xl__ml_auto - , xl__ml_px - , xl__mr_0 - , xl__mr_1 - , xl__mr_10 - , xl__mr_12 - , xl__mr_16 - , xl__mr_2 - , xl__mr_20 - , xl__mr_24 - , xl__mr_3 - , xl__mr_32 - , xl__mr_4 - , xl__mr_40 - , xl__mr_48 - , xl__mr_5 - , xl__mr_56 - , xl__mr_6 - , xl__mr_64 - , xl__mr_8 - , xl__mr_auto - , xl__mr_px - , xl__mt_0 - , xl__mt_1 - , xl__mt_10 - , xl__mt_12 - , xl__mt_16 - , xl__mt_2 - , xl__mt_20 - , xl__mt_24 - , xl__mt_3 - , xl__mt_32 - , xl__mt_4 - , xl__mt_40 - , xl__mt_48 - , xl__mt_5 - , xl__mt_56 - , xl__mt_6 - , xl__mt_64 - , xl__mt_8 - , xl__mt_auto - , xl__mt_px - , xl__mx_0 - , xl__mx_1 - , xl__mx_10 - , xl__mx_12 - , xl__mx_16 - , xl__mx_2 - , xl__mx_20 - , xl__mx_24 - , xl__mx_3 - , xl__mx_32 - , xl__mx_4 - , xl__mx_40 - , xl__mx_48 - , xl__mx_5 - , xl__mx_56 - , xl__mx_6 - , xl__mx_64 - , xl__mx_8 - , xl__mx_auto - , xl__mx_px - , xl__my_0 - , xl__my_1 - , xl__my_10 - , xl__my_12 - , xl__my_16 - , xl__my_2 - , xl__my_20 - , xl__my_24 - , xl__my_3 - , xl__my_32 - , xl__my_4 - , xl__my_40 - , xl__my_48 - , xl__my_5 - , xl__my_56 - , xl__my_6 - , xl__my_64 - , xl__my_8 - , xl__my_auto - , xl__my_px - , xl__neg_m_1 - , xl__neg_m_10 - , xl__neg_m_12 - , xl__neg_m_16 - , xl__neg_m_2 - , xl__neg_m_20 - , xl__neg_m_24 - , xl__neg_m_3 - , xl__neg_m_32 - , xl__neg_m_4 - , xl__neg_m_40 - , xl__neg_m_48 - , xl__neg_m_5 - , xl__neg_m_56 - , xl__neg_m_6 - , xl__neg_m_64 - , xl__neg_m_8 - , xl__neg_m_px - , xl__neg_mb_1 - , xl__neg_mb_10 - , xl__neg_mb_12 - , xl__neg_mb_16 - , xl__neg_mb_2 - , xl__neg_mb_20 - , xl__neg_mb_24 - , xl__neg_mb_3 - , xl__neg_mb_32 - , xl__neg_mb_4 - , xl__neg_mb_40 - , xl__neg_mb_48 - , xl__neg_mb_5 - , xl__neg_mb_56 - , xl__neg_mb_6 - , xl__neg_mb_64 - , xl__neg_mb_8 - , xl__neg_mb_px - , xl__neg_ml_1 - , xl__neg_ml_10 - , xl__neg_ml_12 - , xl__neg_ml_16 - , xl__neg_ml_2 - , xl__neg_ml_20 - , xl__neg_ml_24 - , xl__neg_ml_3 - , xl__neg_ml_32 - , xl__neg_ml_4 - , xl__neg_ml_40 - , xl__neg_ml_48 - , xl__neg_ml_5 - , xl__neg_ml_56 - , xl__neg_ml_6 - , xl__neg_ml_64 - , xl__neg_ml_8 - , xl__neg_ml_px - , xl__neg_mr_1 - , xl__neg_mr_10 - , xl__neg_mr_12 - , xl__neg_mr_16 - , xl__neg_mr_2 - , xl__neg_mr_20 - , xl__neg_mr_24 - , xl__neg_mr_3 - , xl__neg_mr_32 - , xl__neg_mr_4 - , xl__neg_mr_40 - , xl__neg_mr_48 - , xl__neg_mr_5 - , xl__neg_mr_56 - , xl__neg_mr_6 - , xl__neg_mr_64 - , xl__neg_mr_8 - , xl__neg_mr_px - , xl__neg_mt_1 - , xl__neg_mt_10 - , xl__neg_mt_12 - , xl__neg_mt_16 - , xl__neg_mt_2 - , xl__neg_mt_20 - , xl__neg_mt_24 - , xl__neg_mt_3 - , xl__neg_mt_32 - , xl__neg_mt_4 - , xl__neg_mt_40 - , xl__neg_mt_48 - , xl__neg_mt_5 - , xl__neg_mt_56 - , xl__neg_mt_6 - , xl__neg_mt_64 - , xl__neg_mt_8 - , xl__neg_mt_px - , xl__neg_mx_1 - , xl__neg_mx_10 - , xl__neg_mx_12 - , xl__neg_mx_16 - , xl__neg_mx_2 - , xl__neg_mx_20 - , xl__neg_mx_24 - , xl__neg_mx_3 - , xl__neg_mx_32 - , xl__neg_mx_4 - , xl__neg_mx_40 - , xl__neg_mx_48 - , xl__neg_mx_5 - , xl__neg_mx_56 - , xl__neg_mx_6 - , xl__neg_mx_64 - , xl__neg_mx_8 - , xl__neg_mx_px - , xl__neg_my_1 - , xl__neg_my_10 - , xl__neg_my_12 - , xl__neg_my_16 - , xl__neg_my_2 - , xl__neg_my_20 - , xl__neg_my_24 - , xl__neg_my_3 - , xl__neg_my_32 - , xl__neg_my_4 - , xl__neg_my_40 - , xl__neg_my_48 - , xl__neg_my_5 - , xl__neg_my_56 - , xl__neg_my_6 - , xl__neg_my_64 - , xl__neg_my_8 - , xl__neg_my_px - , xl__no_underline - , xl__normal_case - , xl__not_italic - , xl__not_sr_only - , xl__object_bottom - , xl__object_center - , xl__object_contain - , xl__object_cover - , xl__object_fill - , xl__object_left - , xl__object_left_bottom - , xl__object_left_top - , xl__object_none - , xl__object_right - , xl__object_right_bottom - , xl__object_right_top - , xl__object_scale_down - , xl__object_top - , xl__opacity_0 - , xl__opacity_100 - , xl__opacity_25 - , xl__opacity_50 - , xl__opacity_75 - , xl__order_1 - , xl__order_10 - , xl__order_11 - , xl__order_12 - , xl__order_2 - , xl__order_3 - , xl__order_4 - , xl__order_5 - , xl__order_6 - , xl__order_7 - , xl__order_8 - , xl__order_9 - , xl__order_first - , xl__order_last - , xl__order_none - , xl__origin_bottom - , xl__origin_bottom_left - , xl__origin_bottom_right - , xl__origin_center - , xl__origin_left - , xl__origin_right - , xl__origin_top - , xl__origin_top_left - , xl__origin_top_right - , xl__outline_none - , xl__overflow_auto - , xl__overflow_hidden - , xl__overflow_scroll - , xl__overflow_visible - , xl__overflow_x_auto - , xl__overflow_x_hidden - , xl__overflow_x_scroll - , xl__overflow_x_visible - , xl__overflow_y_auto - , xl__overflow_y_hidden - , xl__overflow_y_scroll - , xl__overflow_y_visible - , xl__p_0 - , xl__p_1 - , xl__p_10 - , xl__p_12 - , xl__p_16 - , xl__p_2 - , xl__p_20 - , xl__p_24 - , xl__p_3 - , xl__p_32 - , xl__p_4 - , xl__p_40 - , xl__p_48 - , xl__p_5 - , xl__p_56 - , xl__p_6 - , xl__p_64 - , xl__p_8 - , xl__p_px - , xl__pb_0 - , xl__pb_1 - , xl__pb_10 - , xl__pb_12 - , xl__pb_16 - , xl__pb_2 - , xl__pb_20 - , xl__pb_24 - , xl__pb_3 - , xl__pb_32 - , xl__pb_4 - , xl__pb_40 - , xl__pb_48 - , xl__pb_5 - , xl__pb_56 - , xl__pb_6 - , xl__pb_64 - , xl__pb_8 - , xl__pb_px - , xl__pl_0 - , xl__pl_1 - , xl__pl_10 - , xl__pl_12 - , xl__pl_16 - , xl__pl_2 - , xl__pl_20 - , xl__pl_24 - , xl__pl_3 - , xl__pl_32 - , xl__pl_4 - , xl__pl_40 - , xl__pl_48 - , xl__pl_5 - , xl__pl_56 - , xl__pl_6 - , xl__pl_64 - , xl__pl_8 - , xl__pl_px - , xl__placeholder_black - , xl__placeholder_blue_100 - , xl__placeholder_blue_200 - , xl__placeholder_blue_300 - , xl__placeholder_blue_400 - , xl__placeholder_blue_500 - , xl__placeholder_blue_600 - , xl__placeholder_blue_700 - , xl__placeholder_blue_800 - , xl__placeholder_blue_900 - , xl__placeholder_current - , xl__placeholder_gray_100 - , xl__placeholder_gray_200 - , xl__placeholder_gray_300 - , xl__placeholder_gray_400 - , xl__placeholder_gray_500 - , xl__placeholder_gray_600 - , xl__placeholder_gray_700 - , xl__placeholder_gray_800 - , xl__placeholder_gray_900 - , xl__placeholder_green_100 - , xl__placeholder_green_200 - , xl__placeholder_green_300 - , xl__placeholder_green_400 - , xl__placeholder_green_500 - , xl__placeholder_green_600 - , xl__placeholder_green_700 - , xl__placeholder_green_800 - , xl__placeholder_green_900 - , xl__placeholder_indigo_100 - , xl__placeholder_indigo_200 - , xl__placeholder_indigo_300 - , xl__placeholder_indigo_400 - , xl__placeholder_indigo_500 - , xl__placeholder_indigo_600 - , xl__placeholder_indigo_700 - , xl__placeholder_indigo_800 - , xl__placeholder_indigo_900 - , xl__placeholder_orange_100 - , xl__placeholder_orange_200 - , xl__placeholder_orange_300 - , xl__placeholder_orange_400 - , xl__placeholder_orange_500 - , xl__placeholder_orange_600 - , xl__placeholder_orange_700 - , xl__placeholder_orange_800 - , xl__placeholder_orange_900 - , xl__placeholder_pink_100 - , xl__placeholder_pink_200 - , xl__placeholder_pink_300 - , xl__placeholder_pink_400 - , xl__placeholder_pink_500 - , xl__placeholder_pink_600 - , xl__placeholder_pink_700 - , xl__placeholder_pink_800 - , xl__placeholder_pink_900 - , xl__placeholder_purple_100 - , xl__placeholder_purple_200 - , xl__placeholder_purple_300 - , xl__placeholder_purple_400 - , xl__placeholder_purple_500 - , xl__placeholder_purple_600 - , xl__placeholder_purple_700 - , xl__placeholder_purple_800 - , xl__placeholder_purple_900 - , xl__placeholder_red_100 - , xl__placeholder_red_200 - , xl__placeholder_red_300 - , xl__placeholder_red_400 - , xl__placeholder_red_500 - , xl__placeholder_red_600 - , xl__placeholder_red_700 - , xl__placeholder_red_800 - , xl__placeholder_red_900 - , xl__placeholder_teal_100 - , xl__placeholder_teal_200 - , xl__placeholder_teal_300 - , xl__placeholder_teal_400 - , xl__placeholder_teal_500 - , xl__placeholder_teal_600 - , xl__placeholder_teal_700 - , xl__placeholder_teal_800 - , xl__placeholder_teal_900 - , xl__placeholder_transparent - , xl__placeholder_white - , xl__placeholder_yellow_100 - , xl__placeholder_yellow_200 - , xl__placeholder_yellow_300 - , xl__placeholder_yellow_400 - , xl__placeholder_yellow_500 - , xl__placeholder_yellow_600 - , xl__placeholder_yellow_700 - , xl__placeholder_yellow_800 - , xl__placeholder_yellow_900 - , xl__pointer_events_auto - , xl__pointer_events_none - , xl__pr_0 - , xl__pr_1 - , xl__pr_10 - , xl__pr_12 - , xl__pr_16 - , xl__pr_2 - , xl__pr_20 - , xl__pr_24 - , xl__pr_3 - , xl__pr_32 - , xl__pr_4 - , xl__pr_40 - , xl__pr_48 - , xl__pr_5 - , xl__pr_56 - , xl__pr_6 - , xl__pr_64 - , xl__pr_8 - , xl__pr_px - , xl__pt_0 - , xl__pt_1 - , xl__pt_10 - , xl__pt_12 - , xl__pt_16 - , xl__pt_2 - , xl__pt_20 - , xl__pt_24 - , xl__pt_3 - , xl__pt_32 - , xl__pt_4 - , xl__pt_40 - , xl__pt_48 - , xl__pt_5 - , xl__pt_56 - , xl__pt_6 - , xl__pt_64 - , xl__pt_8 - , xl__pt_px - , xl__px_0 - , xl__px_1 - , xl__px_10 - , xl__px_12 - , xl__px_16 - , xl__px_2 - , xl__px_20 - , xl__px_24 - , xl__px_3 - , xl__px_32 - , xl__px_4 - , xl__px_40 - , xl__px_48 - , xl__px_5 - , xl__px_56 - , xl__px_6 - , xl__px_64 - , xl__px_8 - , xl__px_px - , xl__py_0 - , xl__py_1 - , xl__py_10 - , xl__py_12 - , xl__py_16 - , xl__py_2 - , xl__py_20 - , xl__py_24 - , xl__py_3 - , xl__py_32 - , xl__py_4 - , xl__py_40 - , xl__py_48 - , xl__py_5 - , xl__py_56 - , xl__py_6 - , xl__py_64 - , xl__py_8 - , xl__py_px - , xl__relative - , xl__resize - , xl__resize_none - , xl__resize_x - , xl__resize_y - , xl__right_0 - , xl__right_auto - , xl__rounded - , xl__rounded_b - , xl__rounded_b_full - , xl__rounded_b_lg - , xl__rounded_b_md - , xl__rounded_b_none - , xl__rounded_b_sm - , xl__rounded_bl - , xl__rounded_bl_full - , xl__rounded_bl_lg - , xl__rounded_bl_md - , xl__rounded_bl_none - , xl__rounded_bl_sm - , xl__rounded_br - , xl__rounded_br_full - , xl__rounded_br_lg - , xl__rounded_br_md - , xl__rounded_br_none - , xl__rounded_br_sm - , xl__rounded_full - , xl__rounded_l - , xl__rounded_l_full - , xl__rounded_l_lg - , xl__rounded_l_md - , xl__rounded_l_none - , xl__rounded_l_sm - , xl__rounded_lg - , xl__rounded_md - , xl__rounded_none - , xl__rounded_r - , xl__rounded_r_full - , xl__rounded_r_lg - , xl__rounded_r_md - , xl__rounded_r_none - , xl__rounded_r_sm - , xl__rounded_sm - , xl__rounded_t - , xl__rounded_t_full - , xl__rounded_t_lg - , xl__rounded_t_md - , xl__rounded_t_none - , xl__rounded_t_sm - , xl__rounded_tl - , xl__rounded_tl_full - , xl__rounded_tl_lg - , xl__rounded_tl_md - , xl__rounded_tl_none - , xl__rounded_tl_sm - , xl__rounded_tr - , xl__rounded_tr_full - , xl__rounded_tr_lg - , xl__rounded_tr_md - , xl__rounded_tr_none - , xl__rounded_tr_sm - , xl__scrolling_auto - , xl__scrolling_touch - , xl__select_all - , xl__select_auto - , xl__select_none - , xl__select_text - , xl__self_auto - , xl__self_center - , xl__self_end - , xl__self_start - , xl__self_stretch - , xl__shadow - , xl__shadow_2xl - , xl__shadow_inner - , xl__shadow_lg - , xl__shadow_md - , xl__shadow_none - , xl__shadow_outline - , xl__shadow_sm - , xl__shadow_xl - , xl__shadow_xs - , xl__sr_only - , xl__static - , xl__sticky - , xl__stroke_0 - , xl__stroke_1 - , xl__stroke_2 - , xl__stroke_current - , xl__subpixel_antialiased - , xl__table - , xl__table_auto - , xl__table_caption - , xl__table_cell - , xl__table_column - , xl__table_column_group - , xl__table_fixed - , xl__table_footer_group - , xl__table_header_group - , xl__table_row - , xl__table_row_group - , xl__text_2xl - , xl__text_3xl - , xl__text_4xl - , xl__text_5xl - , xl__text_6xl - , xl__text_base - , xl__text_black - , xl__text_blue_100 - , xl__text_blue_200 - , xl__text_blue_300 - , xl__text_blue_400 - , xl__text_blue_500 - , xl__text_blue_600 - , xl__text_blue_700 - , xl__text_blue_800 - , xl__text_blue_900 - , xl__text_center - , xl__text_current - , xl__text_gray_100 - , xl__text_gray_200 - , xl__text_gray_300 - , xl__text_gray_400 - , xl__text_gray_500 - , xl__text_gray_600 - , xl__text_gray_700 - , xl__text_gray_800 - , xl__text_gray_900 - , xl__text_green_100 - , xl__text_green_200 - , xl__text_green_300 - , xl__text_green_400 - , xl__text_green_500 - , xl__text_green_600 - , xl__text_green_700 - , xl__text_green_800 - , xl__text_green_900 - , xl__text_indigo_100 - , xl__text_indigo_200 - , xl__text_indigo_300 - , xl__text_indigo_400 - , xl__text_indigo_500 - , xl__text_indigo_600 - , xl__text_indigo_700 - , xl__text_indigo_800 - , xl__text_indigo_900 - , xl__text_justify - , xl__text_left - , xl__text_lg - , xl__text_orange_100 - , xl__text_orange_200 - , xl__text_orange_300 - , xl__text_orange_400 - , xl__text_orange_500 - , xl__text_orange_600 - , xl__text_orange_700 - , xl__text_orange_800 - , xl__text_orange_900 - , xl__text_pink_100 - , xl__text_pink_200 - , xl__text_pink_300 - , xl__text_pink_400 - , xl__text_pink_500 - , xl__text_pink_600 - , xl__text_pink_700 - , xl__text_pink_800 - , xl__text_pink_900 - , xl__text_purple_100 - , xl__text_purple_200 - , xl__text_purple_300 - , xl__text_purple_400 - , xl__text_purple_500 - , xl__text_purple_600 - , xl__text_purple_700 - , xl__text_purple_800 - , xl__text_purple_900 - , xl__text_red_100 - , xl__text_red_200 - , xl__text_red_300 - , xl__text_red_400 - , xl__text_red_500 - , xl__text_red_600 - , xl__text_red_700 - , xl__text_red_800 - , xl__text_red_900 - , xl__text_right - , xl__text_sm - , xl__text_teal_100 - , xl__text_teal_200 - , xl__text_teal_300 - , xl__text_teal_400 - , xl__text_teal_500 - , xl__text_teal_600 - , xl__text_teal_700 - , xl__text_teal_800 - , xl__text_teal_900 - , xl__text_transparent - , xl__text_white - , xl__text_xl - , xl__text_xs - , xl__text_yellow_100 - , xl__text_yellow_200 - , xl__text_yellow_300 - , xl__text_yellow_400 - , xl__text_yellow_500 - , xl__text_yellow_600 - , xl__text_yellow_700 - , xl__text_yellow_800 - , xl__text_yellow_900 - , xl__top_0 - , xl__top_auto - , xl__tracking_normal - , xl__tracking_tight - , xl__tracking_tighter - , xl__tracking_wide - , xl__tracking_wider - , xl__tracking_widest - , xl__transform_none - , xl__truncate - , xl__underline - , xl__uppercase - , xl__visible - , xl__w_0 - , xl__w_1 - , xl__w_10 - , xl__w_10over12 - , xl__w_11over12 - , xl__w_12 - , xl__w_16 - , xl__w_1over12 - , xl__w_1over2 - , xl__w_1over3 - , xl__w_1over4 - , xl__w_1over5 - , xl__w_1over6 - , xl__w_2 - , xl__w_20 - , xl__w_24 - , xl__w_2over12 - , xl__w_2over3 - , xl__w_2over4 - , xl__w_2over5 - , xl__w_2over6 - , xl__w_3 - , xl__w_32 - , xl__w_3over12 - , xl__w_3over4 - , xl__w_3over5 - , xl__w_3over6 - , xl__w_4 - , xl__w_40 - , xl__w_48 - , xl__w_4over12 - , xl__w_4over5 - , xl__w_4over6 - , xl__w_5 - , xl__w_56 - , xl__w_5over12 - , xl__w_5over6 - , xl__w_6 - , xl__w_64 - , xl__w_6over12 - , xl__w_7over12 - , xl__w_8 - , xl__w_8over12 - , xl__w_9over12 - , xl__w_auto - , xl__w_full - , xl__w_px - , xl__w_screen - , xl__whitespace_no_wrap - , xl__whitespace_normal - , xl__whitespace_pre - , xl__whitespace_pre_line - , xl__whitespace_pre_wrap - , xl__z_0 - , xl__z_10 - , xl__z_20 - , xl__z_30 - , xl__z_40 - , xl__z_50 - , xl__z_auto , z_0 , z_10 , z_20 @@ -10262,10 +2126,6 @@ container : Css.Style container = Css.batch [ Css.width (Css.pct 100) - , Css.maxWidth (Css.px 640) - , Css.maxWidth (Css.px 768) - , Css.maxWidth (Css.px 1024) - , Css.maxWidth (Css.px 1280) ] @@ -26225,80281 +18085,5 @@ origin_top_left = Css.batch [ Css.property \\"transform-origin\\" \\"top left\\" ] - - -sm__container : Css.Style -sm__container = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 100) - , Css.maxWidth (Css.px 640) - , Css.maxWidth (Css.px 768) - , Css.maxWidth (Css.px 1024) - , Css.maxWidth (Css.px 1280) - ] - ] - - -sm__divide_transparent : Css.Style -sm__divide_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor Css.transparent - ] - ] - - -sm__divide_current : Css.Style -sm__divide_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor Css.currentColor - ] - ] - - -sm__divide_black : Css.Style -sm__divide_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - - -sm__divide_white : Css.Style -sm__divide_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - - -sm__divide_gray_100 : Css.Style -sm__divide_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - - -sm__divide_gray_200 : Css.Style -sm__divide_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - - -sm__divide_gray_300 : Css.Style -sm__divide_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - - -sm__divide_gray_400 : Css.Style -sm__divide_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - - -sm__divide_gray_500 : Css.Style -sm__divide_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - - -sm__divide_gray_600 : Css.Style -sm__divide_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - - -sm__divide_gray_700 : Css.Style -sm__divide_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - - -sm__divide_gray_800 : Css.Style -sm__divide_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - - -sm__divide_gray_900 : Css.Style -sm__divide_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - - -sm__divide_red_100 : Css.Style -sm__divide_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - - -sm__divide_red_200 : Css.Style -sm__divide_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - - -sm__divide_red_300 : Css.Style -sm__divide_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - - -sm__divide_red_400 : Css.Style -sm__divide_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - - -sm__divide_red_500 : Css.Style -sm__divide_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - - -sm__divide_red_600 : Css.Style -sm__divide_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - - -sm__divide_red_700 : Css.Style -sm__divide_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - - -sm__divide_red_800 : Css.Style -sm__divide_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - - -sm__divide_red_900 : Css.Style -sm__divide_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - - -sm__divide_orange_100 : Css.Style -sm__divide_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - - -sm__divide_orange_200 : Css.Style -sm__divide_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - - -sm__divide_orange_300 : Css.Style -sm__divide_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - - -sm__divide_orange_400 : Css.Style -sm__divide_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - - -sm__divide_orange_500 : Css.Style -sm__divide_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - - -sm__divide_orange_600 : Css.Style -sm__divide_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - - -sm__divide_orange_700 : Css.Style -sm__divide_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - - -sm__divide_orange_800 : Css.Style -sm__divide_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - - -sm__divide_orange_900 : Css.Style -sm__divide_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - - -sm__divide_yellow_100 : Css.Style -sm__divide_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - - -sm__divide_yellow_200 : Css.Style -sm__divide_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - - -sm__divide_yellow_300 : Css.Style -sm__divide_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - - -sm__divide_yellow_400 : Css.Style -sm__divide_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - - -sm__divide_yellow_500 : Css.Style -sm__divide_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - - -sm__divide_yellow_600 : Css.Style -sm__divide_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - - -sm__divide_yellow_700 : Css.Style -sm__divide_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - - -sm__divide_yellow_800 : Css.Style -sm__divide_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - - -sm__divide_yellow_900 : Css.Style -sm__divide_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - - -sm__divide_green_100 : Css.Style -sm__divide_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - - -sm__divide_green_200 : Css.Style -sm__divide_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - - -sm__divide_green_300 : Css.Style -sm__divide_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - - -sm__divide_green_400 : Css.Style -sm__divide_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - - -sm__divide_green_500 : Css.Style -sm__divide_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - - -sm__divide_green_600 : Css.Style -sm__divide_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - - -sm__divide_green_700 : Css.Style -sm__divide_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - - -sm__divide_green_800 : Css.Style -sm__divide_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - - -sm__divide_green_900 : Css.Style -sm__divide_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - - -sm__divide_teal_100 : Css.Style -sm__divide_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - - -sm__divide_teal_200 : Css.Style -sm__divide_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - - -sm__divide_teal_300 : Css.Style -sm__divide_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - - -sm__divide_teal_400 : Css.Style -sm__divide_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - - -sm__divide_teal_500 : Css.Style -sm__divide_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - - -sm__divide_teal_600 : Css.Style -sm__divide_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - - -sm__divide_teal_700 : Css.Style -sm__divide_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - - -sm__divide_teal_800 : Css.Style -sm__divide_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - - -sm__divide_teal_900 : Css.Style -sm__divide_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - - -sm__divide_blue_100 : Css.Style -sm__divide_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - - -sm__divide_blue_200 : Css.Style -sm__divide_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - - -sm__divide_blue_300 : Css.Style -sm__divide_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - - -sm__divide_blue_400 : Css.Style -sm__divide_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - - -sm__divide_blue_500 : Css.Style -sm__divide_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - - -sm__divide_blue_600 : Css.Style -sm__divide_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - - -sm__divide_blue_700 : Css.Style -sm__divide_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - - -sm__divide_blue_800 : Css.Style -sm__divide_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - - -sm__divide_blue_900 : Css.Style -sm__divide_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - - -sm__divide_indigo_100 : Css.Style -sm__divide_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - - -sm__divide_indigo_200 : Css.Style -sm__divide_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - - -sm__divide_indigo_300 : Css.Style -sm__divide_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - - -sm__divide_indigo_400 : Css.Style -sm__divide_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - - -sm__divide_indigo_500 : Css.Style -sm__divide_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - - -sm__divide_indigo_600 : Css.Style -sm__divide_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - - -sm__divide_indigo_700 : Css.Style -sm__divide_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - - -sm__divide_indigo_800 : Css.Style -sm__divide_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - - -sm__divide_indigo_900 : Css.Style -sm__divide_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - - -sm__divide_purple_100 : Css.Style -sm__divide_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - - -sm__divide_purple_200 : Css.Style -sm__divide_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - - -sm__divide_purple_300 : Css.Style -sm__divide_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - - -sm__divide_purple_400 : Css.Style -sm__divide_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - - -sm__divide_purple_500 : Css.Style -sm__divide_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - - -sm__divide_purple_600 : Css.Style -sm__divide_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - - -sm__divide_purple_700 : Css.Style -sm__divide_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - - -sm__divide_purple_800 : Css.Style -sm__divide_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - - -sm__divide_purple_900 : Css.Style -sm__divide_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - - -sm__divide_pink_100 : Css.Style -sm__divide_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - - -sm__divide_pink_200 : Css.Style -sm__divide_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - - -sm__divide_pink_300 : Css.Style -sm__divide_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - - -sm__divide_pink_400 : Css.Style -sm__divide_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - - -sm__divide_pink_500 : Css.Style -sm__divide_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - - -sm__divide_pink_600 : Css.Style -sm__divide_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - - -sm__divide_pink_700 : Css.Style -sm__divide_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - - -sm__divide_pink_800 : Css.Style -sm__divide_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - - -sm__divide_pink_900 : Css.Style -sm__divide_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - - -sm__sr_only : Css.Style -sm__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property \\"clip\\" \\"rect(0, 0, 0, 0)\\" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - - -sm__not_sr_only : Css.Style -sm__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property \\"clip\\" \\"auto\\" - , Css.whiteSpace Css.normal - ] - ] - - -sm__focus__sr_only : Css.Style -sm__focus__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property \\"clip\\" \\"rect(0, 0, 0, 0)\\" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - ] - - -sm__focus__not_sr_only : Css.Style -sm__focus__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property \\"clip\\" \\"auto\\" - , Css.whiteSpace Css.normal - ] - ] - ] - - -sm__appearance_none : Css.Style -sm__appearance_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"appearance\\" \\"none\\" - ] - ] - - -sm__bg_fixed : Css.Style -sm__bg_fixed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundAttachment Css.fixed - ] - ] - - -sm__bg_local : Css.Style -sm__bg_local = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundAttachment Css.local - ] - ] - - -sm__bg_scroll : Css.Style -sm__bg_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundAttachment Css.scroll - ] - ] - - -sm__bg_transparent : Css.Style -sm__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor Css.transparent - ] - ] - - -sm__bg_current : Css.Style -sm__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor Css.currentColor - ] - ] - - -sm__bg_black : Css.Style -sm__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#000\\") - ] - ] - - -sm__bg_white : Css.Style -sm__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fff\\") - ] - ] - - -sm__bg_gray_100 : Css.Style -sm__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f7fafc\\") - ] - ] - - -sm__bg_gray_200 : Css.Style -sm__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#edf2f7\\") - ] - ] - - -sm__bg_gray_300 : Css.Style -sm__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e2e8f0\\") - ] - ] - - -sm__bg_gray_400 : Css.Style -sm__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#cbd5e0\\") - ] - ] - - -sm__bg_gray_500 : Css.Style -sm__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#a0aec0\\") - ] - ] - - -sm__bg_gray_600 : Css.Style -sm__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#718096\\") - ] - ] - - -sm__bg_gray_700 : Css.Style -sm__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4a5568\\") - ] - ] - - -sm__bg_gray_800 : Css.Style -sm__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2d3748\\") - ] - ] - - -sm__bg_gray_900 : Css.Style -sm__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#1a202c\\") - ] - ] - - -sm__bg_red_100 : Css.Style -sm__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fff5f5\\") - ] - ] - - -sm__bg_red_200 : Css.Style -sm__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fed7d7\\") - ] - ] - - -sm__bg_red_300 : Css.Style -sm__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#feb2b2\\") - ] - ] - - -sm__bg_red_400 : Css.Style -sm__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fc8181\\") - ] - ] - - -sm__bg_red_500 : Css.Style -sm__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f56565\\") - ] - ] - - -sm__bg_red_600 : Css.Style -sm__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e53e3e\\") - ] - ] - - -sm__bg_red_700 : Css.Style -sm__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c53030\\") - ] - ] - - -sm__bg_red_800 : Css.Style -sm__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9b2c2c\\") - ] - ] - - -sm__bg_red_900 : Css.Style -sm__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#742a2a\\") - ] - ] - - -sm__bg_orange_100 : Css.Style -sm__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fffaf0\\") - ] - ] - - -sm__bg_orange_200 : Css.Style -sm__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#feebc8\\") - ] - ] - - -sm__bg_orange_300 : Css.Style -sm__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fbd38d\\") - ] - ] - - -sm__bg_orange_400 : Css.Style -sm__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f6ad55\\") - ] - ] - - -sm__bg_orange_500 : Css.Style -sm__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ed8936\\") - ] - ] - - -sm__bg_orange_600 : Css.Style -sm__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#dd6b20\\") - ] - ] - - -sm__bg_orange_700 : Css.Style -sm__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c05621\\") - ] - ] - - -sm__bg_orange_800 : Css.Style -sm__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9c4221\\") - ] - ] - - -sm__bg_orange_900 : Css.Style -sm__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#7b341e\\") - ] - ] - - -sm__bg_yellow_100 : Css.Style -sm__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fffff0\\") - ] - ] - - -sm__bg_yellow_200 : Css.Style -sm__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fefcbf\\") - ] - ] - - -sm__bg_yellow_300 : Css.Style -sm__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#faf089\\") - ] - ] - - -sm__bg_yellow_400 : Css.Style -sm__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f6e05e\\") - ] - ] - - -sm__bg_yellow_500 : Css.Style -sm__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ecc94b\\") - ] - ] - - -sm__bg_yellow_600 : Css.Style -sm__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#d69e2e\\") - ] - ] - - -sm__bg_yellow_700 : Css.Style -sm__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b7791f\\") - ] - ] - - -sm__bg_yellow_800 : Css.Style -sm__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#975a16\\") - ] - ] - - -sm__bg_yellow_900 : Css.Style -sm__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#744210\\") - ] - ] - - -sm__bg_green_100 : Css.Style -sm__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f0fff4\\") - ] - ] - - -sm__bg_green_200 : Css.Style -sm__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c6f6d5\\") - ] - ] - - -sm__bg_green_300 : Css.Style -sm__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9ae6b4\\") - ] - ] - - -sm__bg_green_400 : Css.Style -sm__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#68d391\\") - ] - ] - - -sm__bg_green_500 : Css.Style -sm__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#48bb78\\") - ] - ] - - -sm__bg_green_600 : Css.Style -sm__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#38a169\\") - ] - ] - - -sm__bg_green_700 : Css.Style -sm__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2f855a\\") - ] - ] - - -sm__bg_green_800 : Css.Style -sm__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#276749\\") - ] - ] - - -sm__bg_green_900 : Css.Style -sm__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#22543d\\") - ] - ] - - -sm__bg_teal_100 : Css.Style -sm__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e6fffa\\") - ] - ] - - -sm__bg_teal_200 : Css.Style -sm__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b2f5ea\\") - ] - ] - - -sm__bg_teal_300 : Css.Style -sm__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#81e6d9\\") - ] - ] - - -sm__bg_teal_400 : Css.Style -sm__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4fd1c5\\") - ] - ] - - -sm__bg_teal_500 : Css.Style -sm__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#38b2ac\\") - ] - ] - - -sm__bg_teal_600 : Css.Style -sm__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#319795\\") - ] - ] - - -sm__bg_teal_700 : Css.Style -sm__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2c7a7b\\") - ] - ] - - -sm__bg_teal_800 : Css.Style -sm__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#285e61\\") - ] - ] - - -sm__bg_teal_900 : Css.Style -sm__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#234e52\\") - ] - ] - - -sm__bg_blue_100 : Css.Style -sm__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ebf8ff\\") - ] - ] - - -sm__bg_blue_200 : Css.Style -sm__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#bee3f8\\") - ] - ] - - -sm__bg_blue_300 : Css.Style -sm__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#90cdf4\\") - ] - ] - - -sm__bg_blue_400 : Css.Style -sm__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#63b3ed\\") - ] - ] - - -sm__bg_blue_500 : Css.Style -sm__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4299e1\\") - ] - ] - - -sm__bg_blue_600 : Css.Style -sm__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#3182ce\\") - ] - ] - - -sm__bg_blue_700 : Css.Style -sm__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2b6cb0\\") - ] - ] - - -sm__bg_blue_800 : Css.Style -sm__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2c5282\\") - ] - ] - - -sm__bg_blue_900 : Css.Style -sm__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2a4365\\") - ] - ] - - -sm__bg_indigo_100 : Css.Style -sm__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ebf4ff\\") - ] - ] - - -sm__bg_indigo_200 : Css.Style -sm__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c3dafe\\") - ] - ] - - -sm__bg_indigo_300 : Css.Style -sm__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#a3bffa\\") - ] - ] - - -sm__bg_indigo_400 : Css.Style -sm__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#7f9cf5\\") - ] - ] - - -sm__bg_indigo_500 : Css.Style -sm__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#667eea\\") - ] - ] - - -sm__bg_indigo_600 : Css.Style -sm__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#5a67d8\\") - ] - ] - - -sm__bg_indigo_700 : Css.Style -sm__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4c51bf\\") - ] - ] - - -sm__bg_indigo_800 : Css.Style -sm__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#434190\\") - ] - ] - - -sm__bg_indigo_900 : Css.Style -sm__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#3c366b\\") - ] - ] - - -sm__bg_purple_100 : Css.Style -sm__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#faf5ff\\") - ] - ] - - -sm__bg_purple_200 : Css.Style -sm__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e9d8fd\\") - ] - ] - - -sm__bg_purple_300 : Css.Style -sm__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#d6bcfa\\") - ] - ] - - -sm__bg_purple_400 : Css.Style -sm__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b794f4\\") - ] - ] - - -sm__bg_purple_500 : Css.Style -sm__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9f7aea\\") - ] - ] - - -sm__bg_purple_600 : Css.Style -sm__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#805ad5\\") - ] - ] - - -sm__bg_purple_700 : Css.Style -sm__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#6b46c1\\") - ] - ] - - -sm__bg_purple_800 : Css.Style -sm__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#553c9a\\") - ] - ] - - -sm__bg_purple_900 : Css.Style -sm__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#44337a\\") - ] - ] - - -sm__bg_pink_100 : Css.Style -sm__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fff5f7\\") - ] - ] - - -sm__bg_pink_200 : Css.Style -sm__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fed7e2\\") - ] - ] - - -sm__bg_pink_300 : Css.Style -sm__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fbb6ce\\") - ] - ] - - -sm__bg_pink_400 : Css.Style -sm__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f687b3\\") - ] - ] - - -sm__bg_pink_500 : Css.Style -sm__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ed64a6\\") - ] - ] - - -sm__bg_pink_600 : Css.Style -sm__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#d53f8c\\") - ] - ] - - -sm__bg_pink_700 : Css.Style -sm__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b83280\\") - ] - ] - - -sm__bg_pink_800 : Css.Style -sm__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#97266d\\") - ] - ] - - -sm__bg_pink_900 : Css.Style -sm__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundColor (Css.hex \\"#702459\\") - ] - ] - - -sm__hover__bg_transparent : Css.Style -sm__hover__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -sm__hover__bg_current : Css.Style -sm__hover__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -sm__hover__bg_black : Css.Style -sm__hover__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#000\\") - ] - ] - ] - - -sm__hover__bg_white : Css.Style -sm__hover__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fff\\") - ] - ] - ] - - -sm__hover__bg_gray_100 : Css.Style -sm__hover__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -sm__hover__bg_gray_200 : Css.Style -sm__hover__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -sm__hover__bg_gray_300 : Css.Style -sm__hover__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -sm__hover__bg_gray_400 : Css.Style -sm__hover__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -sm__hover__bg_gray_500 : Css.Style -sm__hover__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -sm__hover__bg_gray_600 : Css.Style -sm__hover__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#718096\\") - ] - ] - ] - - -sm__hover__bg_gray_700 : Css.Style -sm__hover__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -sm__hover__bg_gray_800 : Css.Style -sm__hover__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -sm__hover__bg_gray_900 : Css.Style -sm__hover__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -sm__hover__bg_red_100 : Css.Style -sm__hover__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -sm__hover__bg_red_200 : Css.Style -sm__hover__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -sm__hover__bg_red_300 : Css.Style -sm__hover__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -sm__hover__bg_red_400 : Css.Style -sm__hover__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -sm__hover__bg_red_500 : Css.Style -sm__hover__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -sm__hover__bg_red_600 : Css.Style -sm__hover__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -sm__hover__bg_red_700 : Css.Style -sm__hover__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -sm__hover__bg_red_800 : Css.Style -sm__hover__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -sm__hover__bg_red_900 : Css.Style -sm__hover__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -sm__hover__bg_orange_100 : Css.Style -sm__hover__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -sm__hover__bg_orange_200 : Css.Style -sm__hover__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -sm__hover__bg_orange_300 : Css.Style -sm__hover__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -sm__hover__bg_orange_400 : Css.Style -sm__hover__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -sm__hover__bg_orange_500 : Css.Style -sm__hover__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -sm__hover__bg_orange_600 : Css.Style -sm__hover__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -sm__hover__bg_orange_700 : Css.Style -sm__hover__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -sm__hover__bg_orange_800 : Css.Style -sm__hover__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -sm__hover__bg_orange_900 : Css.Style -sm__hover__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -sm__hover__bg_yellow_100 : Css.Style -sm__hover__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -sm__hover__bg_yellow_200 : Css.Style -sm__hover__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -sm__hover__bg_yellow_300 : Css.Style -sm__hover__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -sm__hover__bg_yellow_400 : Css.Style -sm__hover__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -sm__hover__bg_yellow_500 : Css.Style -sm__hover__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -sm__hover__bg_yellow_600 : Css.Style -sm__hover__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -sm__hover__bg_yellow_700 : Css.Style -sm__hover__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -sm__hover__bg_yellow_800 : Css.Style -sm__hover__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -sm__hover__bg_yellow_900 : Css.Style -sm__hover__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#744210\\") - ] - ] - ] - - -sm__hover__bg_green_100 : Css.Style -sm__hover__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -sm__hover__bg_green_200 : Css.Style -sm__hover__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -sm__hover__bg_green_300 : Css.Style -sm__hover__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -sm__hover__bg_green_400 : Css.Style -sm__hover__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -sm__hover__bg_green_500 : Css.Style -sm__hover__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -sm__hover__bg_green_600 : Css.Style -sm__hover__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -sm__hover__bg_green_700 : Css.Style -sm__hover__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -sm__hover__bg_green_800 : Css.Style -sm__hover__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#276749\\") - ] - ] - ] - - -sm__hover__bg_green_900 : Css.Style -sm__hover__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -sm__hover__bg_teal_100 : Css.Style -sm__hover__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -sm__hover__bg_teal_200 : Css.Style -sm__hover__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -sm__hover__bg_teal_300 : Css.Style -sm__hover__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -sm__hover__bg_teal_400 : Css.Style -sm__hover__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -sm__hover__bg_teal_500 : Css.Style -sm__hover__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -sm__hover__bg_teal_600 : Css.Style -sm__hover__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#319795\\") - ] - ] - ] - - -sm__hover__bg_teal_700 : Css.Style -sm__hover__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -sm__hover__bg_teal_800 : Css.Style -sm__hover__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -sm__hover__bg_teal_900 : Css.Style -sm__hover__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -sm__hover__bg_blue_100 : Css.Style -sm__hover__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -sm__hover__bg_blue_200 : Css.Style -sm__hover__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -sm__hover__bg_blue_300 : Css.Style -sm__hover__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -sm__hover__bg_blue_400 : Css.Style -sm__hover__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -sm__hover__bg_blue_500 : Css.Style -sm__hover__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -sm__hover__bg_blue_600 : Css.Style -sm__hover__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -sm__hover__bg_blue_700 : Css.Style -sm__hover__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -sm__hover__bg_blue_800 : Css.Style -sm__hover__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -sm__hover__bg_blue_900 : Css.Style -sm__hover__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -sm__hover__bg_indigo_100 : Css.Style -sm__hover__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -sm__hover__bg_indigo_200 : Css.Style -sm__hover__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -sm__hover__bg_indigo_300 : Css.Style -sm__hover__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -sm__hover__bg_indigo_400 : Css.Style -sm__hover__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -sm__hover__bg_indigo_500 : Css.Style -sm__hover__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -sm__hover__bg_indigo_600 : Css.Style -sm__hover__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -sm__hover__bg_indigo_700 : Css.Style -sm__hover__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -sm__hover__bg_indigo_800 : Css.Style -sm__hover__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#434190\\") - ] - ] - ] - - -sm__hover__bg_indigo_900 : Css.Style -sm__hover__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -sm__hover__bg_purple_100 : Css.Style -sm__hover__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -sm__hover__bg_purple_200 : Css.Style -sm__hover__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -sm__hover__bg_purple_300 : Css.Style -sm__hover__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -sm__hover__bg_purple_400 : Css.Style -sm__hover__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -sm__hover__bg_purple_500 : Css.Style -sm__hover__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -sm__hover__bg_purple_600 : Css.Style -sm__hover__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -sm__hover__bg_purple_700 : Css.Style -sm__hover__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -sm__hover__bg_purple_800 : Css.Style -sm__hover__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -sm__hover__bg_purple_900 : Css.Style -sm__hover__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -sm__hover__bg_pink_100 : Css.Style -sm__hover__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -sm__hover__bg_pink_200 : Css.Style -sm__hover__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -sm__hover__bg_pink_300 : Css.Style -sm__hover__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -sm__hover__bg_pink_400 : Css.Style -sm__hover__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -sm__hover__bg_pink_500 : Css.Style -sm__hover__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -sm__hover__bg_pink_600 : Css.Style -sm__hover__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -sm__hover__bg_pink_700 : Css.Style -sm__hover__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -sm__hover__bg_pink_800 : Css.Style -sm__hover__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -sm__hover__bg_pink_900 : Css.Style -sm__hover__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#702459\\") - ] - ] - ] - - -sm__focus__bg_transparent : Css.Style -sm__focus__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -sm__focus__bg_current : Css.Style -sm__focus__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -sm__focus__bg_black : Css.Style -sm__focus__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#000\\") - ] - ] - ] - - -sm__focus__bg_white : Css.Style -sm__focus__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fff\\") - ] - ] - ] - - -sm__focus__bg_gray_100 : Css.Style -sm__focus__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -sm__focus__bg_gray_200 : Css.Style -sm__focus__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -sm__focus__bg_gray_300 : Css.Style -sm__focus__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -sm__focus__bg_gray_400 : Css.Style -sm__focus__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -sm__focus__bg_gray_500 : Css.Style -sm__focus__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -sm__focus__bg_gray_600 : Css.Style -sm__focus__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#718096\\") - ] - ] - ] - - -sm__focus__bg_gray_700 : Css.Style -sm__focus__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -sm__focus__bg_gray_800 : Css.Style -sm__focus__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -sm__focus__bg_gray_900 : Css.Style -sm__focus__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -sm__focus__bg_red_100 : Css.Style -sm__focus__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -sm__focus__bg_red_200 : Css.Style -sm__focus__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -sm__focus__bg_red_300 : Css.Style -sm__focus__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -sm__focus__bg_red_400 : Css.Style -sm__focus__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -sm__focus__bg_red_500 : Css.Style -sm__focus__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -sm__focus__bg_red_600 : Css.Style -sm__focus__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -sm__focus__bg_red_700 : Css.Style -sm__focus__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -sm__focus__bg_red_800 : Css.Style -sm__focus__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -sm__focus__bg_red_900 : Css.Style -sm__focus__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -sm__focus__bg_orange_100 : Css.Style -sm__focus__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -sm__focus__bg_orange_200 : Css.Style -sm__focus__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -sm__focus__bg_orange_300 : Css.Style -sm__focus__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -sm__focus__bg_orange_400 : Css.Style -sm__focus__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -sm__focus__bg_orange_500 : Css.Style -sm__focus__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -sm__focus__bg_orange_600 : Css.Style -sm__focus__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -sm__focus__bg_orange_700 : Css.Style -sm__focus__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -sm__focus__bg_orange_800 : Css.Style -sm__focus__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -sm__focus__bg_orange_900 : Css.Style -sm__focus__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -sm__focus__bg_yellow_100 : Css.Style -sm__focus__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -sm__focus__bg_yellow_200 : Css.Style -sm__focus__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -sm__focus__bg_yellow_300 : Css.Style -sm__focus__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -sm__focus__bg_yellow_400 : Css.Style -sm__focus__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -sm__focus__bg_yellow_500 : Css.Style -sm__focus__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -sm__focus__bg_yellow_600 : Css.Style -sm__focus__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -sm__focus__bg_yellow_700 : Css.Style -sm__focus__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -sm__focus__bg_yellow_800 : Css.Style -sm__focus__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -sm__focus__bg_yellow_900 : Css.Style -sm__focus__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#744210\\") - ] - ] - ] - - -sm__focus__bg_green_100 : Css.Style -sm__focus__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -sm__focus__bg_green_200 : Css.Style -sm__focus__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -sm__focus__bg_green_300 : Css.Style -sm__focus__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -sm__focus__bg_green_400 : Css.Style -sm__focus__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -sm__focus__bg_green_500 : Css.Style -sm__focus__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -sm__focus__bg_green_600 : Css.Style -sm__focus__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -sm__focus__bg_green_700 : Css.Style -sm__focus__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -sm__focus__bg_green_800 : Css.Style -sm__focus__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#276749\\") - ] - ] - ] - - -sm__focus__bg_green_900 : Css.Style -sm__focus__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -sm__focus__bg_teal_100 : Css.Style -sm__focus__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -sm__focus__bg_teal_200 : Css.Style -sm__focus__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -sm__focus__bg_teal_300 : Css.Style -sm__focus__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -sm__focus__bg_teal_400 : Css.Style -sm__focus__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -sm__focus__bg_teal_500 : Css.Style -sm__focus__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -sm__focus__bg_teal_600 : Css.Style -sm__focus__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#319795\\") - ] - ] - ] - - -sm__focus__bg_teal_700 : Css.Style -sm__focus__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -sm__focus__bg_teal_800 : Css.Style -sm__focus__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -sm__focus__bg_teal_900 : Css.Style -sm__focus__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -sm__focus__bg_blue_100 : Css.Style -sm__focus__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -sm__focus__bg_blue_200 : Css.Style -sm__focus__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -sm__focus__bg_blue_300 : Css.Style -sm__focus__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -sm__focus__bg_blue_400 : Css.Style -sm__focus__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -sm__focus__bg_blue_500 : Css.Style -sm__focus__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -sm__focus__bg_blue_600 : Css.Style -sm__focus__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -sm__focus__bg_blue_700 : Css.Style -sm__focus__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -sm__focus__bg_blue_800 : Css.Style -sm__focus__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -sm__focus__bg_blue_900 : Css.Style -sm__focus__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -sm__focus__bg_indigo_100 : Css.Style -sm__focus__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -sm__focus__bg_indigo_200 : Css.Style -sm__focus__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -sm__focus__bg_indigo_300 : Css.Style -sm__focus__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -sm__focus__bg_indigo_400 : Css.Style -sm__focus__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -sm__focus__bg_indigo_500 : Css.Style -sm__focus__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -sm__focus__bg_indigo_600 : Css.Style -sm__focus__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -sm__focus__bg_indigo_700 : Css.Style -sm__focus__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -sm__focus__bg_indigo_800 : Css.Style -sm__focus__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#434190\\") - ] - ] - ] - - -sm__focus__bg_indigo_900 : Css.Style -sm__focus__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -sm__focus__bg_purple_100 : Css.Style -sm__focus__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -sm__focus__bg_purple_200 : Css.Style -sm__focus__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -sm__focus__bg_purple_300 : Css.Style -sm__focus__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -sm__focus__bg_purple_400 : Css.Style -sm__focus__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -sm__focus__bg_purple_500 : Css.Style -sm__focus__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -sm__focus__bg_purple_600 : Css.Style -sm__focus__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -sm__focus__bg_purple_700 : Css.Style -sm__focus__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -sm__focus__bg_purple_800 : Css.Style -sm__focus__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -sm__focus__bg_purple_900 : Css.Style -sm__focus__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -sm__focus__bg_pink_100 : Css.Style -sm__focus__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -sm__focus__bg_pink_200 : Css.Style -sm__focus__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -sm__focus__bg_pink_300 : Css.Style -sm__focus__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -sm__focus__bg_pink_400 : Css.Style -sm__focus__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -sm__focus__bg_pink_500 : Css.Style -sm__focus__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -sm__focus__bg_pink_600 : Css.Style -sm__focus__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -sm__focus__bg_pink_700 : Css.Style -sm__focus__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -sm__focus__bg_pink_800 : Css.Style -sm__focus__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -sm__focus__bg_pink_900 : Css.Style -sm__focus__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#702459\\") - ] - ] - ] - - -sm__bg_bottom : Css.Style -sm__bg_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"background-position\\" \\"bottom\\" - ] - ] - - -sm__bg_center : Css.Style -sm__bg_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"background-position\\" \\"center\\" - ] - ] - - -sm__bg_left : Css.Style -sm__bg_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"background-position\\" \\"left\\" - ] - ] - - -sm__bg_left_bottom : Css.Style -sm__bg_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"background-position\\" \\"left bottom\\" - ] - ] - - -sm__bg_left_top : Css.Style -sm__bg_left_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"background-position\\" \\"left top\\" - ] - ] - - -sm__bg_right : Css.Style -sm__bg_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"background-position\\" \\"right\\" - ] - ] - - -sm__bg_right_bottom : Css.Style -sm__bg_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"background-position\\" \\"right bottom\\" - ] - ] - - -sm__bg_right_top : Css.Style -sm__bg_right_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"background-position\\" \\"right top\\" - ] - ] - - -sm__bg_top : Css.Style -sm__bg_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"background-position\\" \\"top\\" - ] - ] - - -sm__bg_repeat : Css.Style -sm__bg_repeat = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundRepeat Css.repeat - ] - ] - - -sm__bg_no_repeat : Css.Style -sm__bg_no_repeat = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundRepeat Css.noRepeat - ] - ] - - -sm__bg_repeat_x : Css.Style -sm__bg_repeat_x = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundRepeat Css.repeatX - ] - ] - - -sm__bg_repeat_y : Css.Style -sm__bg_repeat_y = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundRepeat Css.repeatY - ] - ] - - -sm__bg_repeat_round : Css.Style -sm__bg_repeat_round = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundRepeat Css.round - ] - ] - - -sm__bg_repeat_space : Css.Style -sm__bg_repeat_space = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundRepeat Css.space - ] - ] - - -sm__bg_auto : Css.Style -sm__bg_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundSize Css.auto - ] - ] - - -sm__bg_cover : Css.Style -sm__bg_cover = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundSize Css.cover - ] - ] - - -sm__bg_contain : Css.Style -sm__bg_contain = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.backgroundSize Css.contain - ] - ] - - -sm__border_collapse : Css.Style -sm__border_collapse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderCollapse Css.collapse - ] - ] - - -sm__border_separate : Css.Style -sm__border_separate = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderCollapse Css.separate - ] - ] - - -sm__border_transparent : Css.Style -sm__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor Css.transparent - ] - ] - - -sm__border_current : Css.Style -sm__border_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor Css.currentColor - ] - ] - - -sm__border_black : Css.Style -sm__border_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - - -sm__border_white : Css.Style -sm__border_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - - -sm__border_gray_100 : Css.Style -sm__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - - -sm__border_gray_200 : Css.Style -sm__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - - -sm__border_gray_300 : Css.Style -sm__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - - -sm__border_gray_400 : Css.Style -sm__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - - -sm__border_gray_500 : Css.Style -sm__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - - -sm__border_gray_600 : Css.Style -sm__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - - -sm__border_gray_700 : Css.Style -sm__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - - -sm__border_gray_800 : Css.Style -sm__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - - -sm__border_gray_900 : Css.Style -sm__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - - -sm__border_red_100 : Css.Style -sm__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - - -sm__border_red_200 : Css.Style -sm__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - - -sm__border_red_300 : Css.Style -sm__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - - -sm__border_red_400 : Css.Style -sm__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - - -sm__border_red_500 : Css.Style -sm__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - - -sm__border_red_600 : Css.Style -sm__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - - -sm__border_red_700 : Css.Style -sm__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - - -sm__border_red_800 : Css.Style -sm__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - - -sm__border_red_900 : Css.Style -sm__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - - -sm__border_orange_100 : Css.Style -sm__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - - -sm__border_orange_200 : Css.Style -sm__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - - -sm__border_orange_300 : Css.Style -sm__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - - -sm__border_orange_400 : Css.Style -sm__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - - -sm__border_orange_500 : Css.Style -sm__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - - -sm__border_orange_600 : Css.Style -sm__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - - -sm__border_orange_700 : Css.Style -sm__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - - -sm__border_orange_800 : Css.Style -sm__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - - -sm__border_orange_900 : Css.Style -sm__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - - -sm__border_yellow_100 : Css.Style -sm__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - - -sm__border_yellow_200 : Css.Style -sm__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - - -sm__border_yellow_300 : Css.Style -sm__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - - -sm__border_yellow_400 : Css.Style -sm__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - - -sm__border_yellow_500 : Css.Style -sm__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - - -sm__border_yellow_600 : Css.Style -sm__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - - -sm__border_yellow_700 : Css.Style -sm__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - - -sm__border_yellow_800 : Css.Style -sm__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - - -sm__border_yellow_900 : Css.Style -sm__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - - -sm__border_green_100 : Css.Style -sm__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - - -sm__border_green_200 : Css.Style -sm__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - - -sm__border_green_300 : Css.Style -sm__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - - -sm__border_green_400 : Css.Style -sm__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - - -sm__border_green_500 : Css.Style -sm__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - - -sm__border_green_600 : Css.Style -sm__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - - -sm__border_green_700 : Css.Style -sm__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - - -sm__border_green_800 : Css.Style -sm__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - - -sm__border_green_900 : Css.Style -sm__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - - -sm__border_teal_100 : Css.Style -sm__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - - -sm__border_teal_200 : Css.Style -sm__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - - -sm__border_teal_300 : Css.Style -sm__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - - -sm__border_teal_400 : Css.Style -sm__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - - -sm__border_teal_500 : Css.Style -sm__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - - -sm__border_teal_600 : Css.Style -sm__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - - -sm__border_teal_700 : Css.Style -sm__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - - -sm__border_teal_800 : Css.Style -sm__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - - -sm__border_teal_900 : Css.Style -sm__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - - -sm__border_blue_100 : Css.Style -sm__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - - -sm__border_blue_200 : Css.Style -sm__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - - -sm__border_blue_300 : Css.Style -sm__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - - -sm__border_blue_400 : Css.Style -sm__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - - -sm__border_blue_500 : Css.Style -sm__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - - -sm__border_blue_600 : Css.Style -sm__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - - -sm__border_blue_700 : Css.Style -sm__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - - -sm__border_blue_800 : Css.Style -sm__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - - -sm__border_blue_900 : Css.Style -sm__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - - -sm__border_indigo_100 : Css.Style -sm__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - - -sm__border_indigo_200 : Css.Style -sm__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - - -sm__border_indigo_300 : Css.Style -sm__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - - -sm__border_indigo_400 : Css.Style -sm__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - - -sm__border_indigo_500 : Css.Style -sm__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - - -sm__border_indigo_600 : Css.Style -sm__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - - -sm__border_indigo_700 : Css.Style -sm__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - - -sm__border_indigo_800 : Css.Style -sm__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - - -sm__border_indigo_900 : Css.Style -sm__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - - -sm__border_purple_100 : Css.Style -sm__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - - -sm__border_purple_200 : Css.Style -sm__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - - -sm__border_purple_300 : Css.Style -sm__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - - -sm__border_purple_400 : Css.Style -sm__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - - -sm__border_purple_500 : Css.Style -sm__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - - -sm__border_purple_600 : Css.Style -sm__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - - -sm__border_purple_700 : Css.Style -sm__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - - -sm__border_purple_800 : Css.Style -sm__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - - -sm__border_purple_900 : Css.Style -sm__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - - -sm__border_pink_100 : Css.Style -sm__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - - -sm__border_pink_200 : Css.Style -sm__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - - -sm__border_pink_300 : Css.Style -sm__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - - -sm__border_pink_400 : Css.Style -sm__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - - -sm__border_pink_500 : Css.Style -sm__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - - -sm__border_pink_600 : Css.Style -sm__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - - -sm__border_pink_700 : Css.Style -sm__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - - -sm__border_pink_800 : Css.Style -sm__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - - -sm__border_pink_900 : Css.Style -sm__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - - -sm__hover__border_transparent : Css.Style -sm__hover__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor Css.transparent - ] - ] - ] - - -sm__hover__border_current : Css.Style -sm__hover__border_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor Css.currentColor - ] - ] - ] - - -sm__hover__border_black : Css.Style -sm__hover__border_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - ] - - -sm__hover__border_white : Css.Style -sm__hover__border_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - ] - - -sm__hover__border_gray_100 : Css.Style -sm__hover__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -sm__hover__border_gray_200 : Css.Style -sm__hover__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -sm__hover__border_gray_300 : Css.Style -sm__hover__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -sm__hover__border_gray_400 : Css.Style -sm__hover__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -sm__hover__border_gray_500 : Css.Style -sm__hover__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -sm__hover__border_gray_600 : Css.Style -sm__hover__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - ] - - -sm__hover__border_gray_700 : Css.Style -sm__hover__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -sm__hover__border_gray_800 : Css.Style -sm__hover__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -sm__hover__border_gray_900 : Css.Style -sm__hover__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -sm__hover__border_red_100 : Css.Style -sm__hover__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -sm__hover__border_red_200 : Css.Style -sm__hover__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -sm__hover__border_red_300 : Css.Style -sm__hover__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -sm__hover__border_red_400 : Css.Style -sm__hover__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -sm__hover__border_red_500 : Css.Style -sm__hover__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -sm__hover__border_red_600 : Css.Style -sm__hover__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -sm__hover__border_red_700 : Css.Style -sm__hover__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -sm__hover__border_red_800 : Css.Style -sm__hover__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -sm__hover__border_red_900 : Css.Style -sm__hover__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -sm__hover__border_orange_100 : Css.Style -sm__hover__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -sm__hover__border_orange_200 : Css.Style -sm__hover__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -sm__hover__border_orange_300 : Css.Style -sm__hover__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -sm__hover__border_orange_400 : Css.Style -sm__hover__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -sm__hover__border_orange_500 : Css.Style -sm__hover__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -sm__hover__border_orange_600 : Css.Style -sm__hover__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -sm__hover__border_orange_700 : Css.Style -sm__hover__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -sm__hover__border_orange_800 : Css.Style -sm__hover__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -sm__hover__border_orange_900 : Css.Style -sm__hover__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -sm__hover__border_yellow_100 : Css.Style -sm__hover__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -sm__hover__border_yellow_200 : Css.Style -sm__hover__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -sm__hover__border_yellow_300 : Css.Style -sm__hover__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -sm__hover__border_yellow_400 : Css.Style -sm__hover__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -sm__hover__border_yellow_500 : Css.Style -sm__hover__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -sm__hover__border_yellow_600 : Css.Style -sm__hover__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -sm__hover__border_yellow_700 : Css.Style -sm__hover__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -sm__hover__border_yellow_800 : Css.Style -sm__hover__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -sm__hover__border_yellow_900 : Css.Style -sm__hover__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - ] - - -sm__hover__border_green_100 : Css.Style -sm__hover__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -sm__hover__border_green_200 : Css.Style -sm__hover__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -sm__hover__border_green_300 : Css.Style -sm__hover__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -sm__hover__border_green_400 : Css.Style -sm__hover__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -sm__hover__border_green_500 : Css.Style -sm__hover__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -sm__hover__border_green_600 : Css.Style -sm__hover__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -sm__hover__border_green_700 : Css.Style -sm__hover__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -sm__hover__border_green_800 : Css.Style -sm__hover__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - ] - - -sm__hover__border_green_900 : Css.Style -sm__hover__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -sm__hover__border_teal_100 : Css.Style -sm__hover__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -sm__hover__border_teal_200 : Css.Style -sm__hover__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -sm__hover__border_teal_300 : Css.Style -sm__hover__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -sm__hover__border_teal_400 : Css.Style -sm__hover__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -sm__hover__border_teal_500 : Css.Style -sm__hover__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -sm__hover__border_teal_600 : Css.Style -sm__hover__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - ] - - -sm__hover__border_teal_700 : Css.Style -sm__hover__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -sm__hover__border_teal_800 : Css.Style -sm__hover__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -sm__hover__border_teal_900 : Css.Style -sm__hover__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -sm__hover__border_blue_100 : Css.Style -sm__hover__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -sm__hover__border_blue_200 : Css.Style -sm__hover__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -sm__hover__border_blue_300 : Css.Style -sm__hover__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -sm__hover__border_blue_400 : Css.Style -sm__hover__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -sm__hover__border_blue_500 : Css.Style -sm__hover__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -sm__hover__border_blue_600 : Css.Style -sm__hover__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -sm__hover__border_blue_700 : Css.Style -sm__hover__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -sm__hover__border_blue_800 : Css.Style -sm__hover__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -sm__hover__border_blue_900 : Css.Style -sm__hover__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -sm__hover__border_indigo_100 : Css.Style -sm__hover__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -sm__hover__border_indigo_200 : Css.Style -sm__hover__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -sm__hover__border_indigo_300 : Css.Style -sm__hover__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -sm__hover__border_indigo_400 : Css.Style -sm__hover__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -sm__hover__border_indigo_500 : Css.Style -sm__hover__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -sm__hover__border_indigo_600 : Css.Style -sm__hover__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -sm__hover__border_indigo_700 : Css.Style -sm__hover__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -sm__hover__border_indigo_800 : Css.Style -sm__hover__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - ] - - -sm__hover__border_indigo_900 : Css.Style -sm__hover__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -sm__hover__border_purple_100 : Css.Style -sm__hover__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -sm__hover__border_purple_200 : Css.Style -sm__hover__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -sm__hover__border_purple_300 : Css.Style -sm__hover__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -sm__hover__border_purple_400 : Css.Style -sm__hover__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -sm__hover__border_purple_500 : Css.Style -sm__hover__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -sm__hover__border_purple_600 : Css.Style -sm__hover__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -sm__hover__border_purple_700 : Css.Style -sm__hover__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -sm__hover__border_purple_800 : Css.Style -sm__hover__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -sm__hover__border_purple_900 : Css.Style -sm__hover__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -sm__hover__border_pink_100 : Css.Style -sm__hover__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -sm__hover__border_pink_200 : Css.Style -sm__hover__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -sm__hover__border_pink_300 : Css.Style -sm__hover__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -sm__hover__border_pink_400 : Css.Style -sm__hover__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -sm__hover__border_pink_500 : Css.Style -sm__hover__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -sm__hover__border_pink_600 : Css.Style -sm__hover__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -sm__hover__border_pink_700 : Css.Style -sm__hover__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -sm__hover__border_pink_800 : Css.Style -sm__hover__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -sm__hover__border_pink_900 : Css.Style -sm__hover__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - ] - - -sm__focus__border_transparent : Css.Style -sm__focus__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor Css.transparent - ] - ] - ] - - -sm__focus__border_current : Css.Style -sm__focus__border_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor Css.currentColor - ] - ] - ] - - -sm__focus__border_black : Css.Style -sm__focus__border_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - ] - - -sm__focus__border_white : Css.Style -sm__focus__border_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - ] - - -sm__focus__border_gray_100 : Css.Style -sm__focus__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -sm__focus__border_gray_200 : Css.Style -sm__focus__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -sm__focus__border_gray_300 : Css.Style -sm__focus__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -sm__focus__border_gray_400 : Css.Style -sm__focus__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -sm__focus__border_gray_500 : Css.Style -sm__focus__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -sm__focus__border_gray_600 : Css.Style -sm__focus__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - ] - - -sm__focus__border_gray_700 : Css.Style -sm__focus__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -sm__focus__border_gray_800 : Css.Style -sm__focus__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -sm__focus__border_gray_900 : Css.Style -sm__focus__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -sm__focus__border_red_100 : Css.Style -sm__focus__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -sm__focus__border_red_200 : Css.Style -sm__focus__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -sm__focus__border_red_300 : Css.Style -sm__focus__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -sm__focus__border_red_400 : Css.Style -sm__focus__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -sm__focus__border_red_500 : Css.Style -sm__focus__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -sm__focus__border_red_600 : Css.Style -sm__focus__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -sm__focus__border_red_700 : Css.Style -sm__focus__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -sm__focus__border_red_800 : Css.Style -sm__focus__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -sm__focus__border_red_900 : Css.Style -sm__focus__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -sm__focus__border_orange_100 : Css.Style -sm__focus__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -sm__focus__border_orange_200 : Css.Style -sm__focus__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -sm__focus__border_orange_300 : Css.Style -sm__focus__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -sm__focus__border_orange_400 : Css.Style -sm__focus__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -sm__focus__border_orange_500 : Css.Style -sm__focus__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -sm__focus__border_orange_600 : Css.Style -sm__focus__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -sm__focus__border_orange_700 : Css.Style -sm__focus__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -sm__focus__border_orange_800 : Css.Style -sm__focus__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -sm__focus__border_orange_900 : Css.Style -sm__focus__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -sm__focus__border_yellow_100 : Css.Style -sm__focus__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -sm__focus__border_yellow_200 : Css.Style -sm__focus__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -sm__focus__border_yellow_300 : Css.Style -sm__focus__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -sm__focus__border_yellow_400 : Css.Style -sm__focus__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -sm__focus__border_yellow_500 : Css.Style -sm__focus__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -sm__focus__border_yellow_600 : Css.Style -sm__focus__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -sm__focus__border_yellow_700 : Css.Style -sm__focus__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -sm__focus__border_yellow_800 : Css.Style -sm__focus__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -sm__focus__border_yellow_900 : Css.Style -sm__focus__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - ] - - -sm__focus__border_green_100 : Css.Style -sm__focus__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -sm__focus__border_green_200 : Css.Style -sm__focus__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -sm__focus__border_green_300 : Css.Style -sm__focus__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -sm__focus__border_green_400 : Css.Style -sm__focus__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -sm__focus__border_green_500 : Css.Style -sm__focus__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -sm__focus__border_green_600 : Css.Style -sm__focus__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -sm__focus__border_green_700 : Css.Style -sm__focus__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -sm__focus__border_green_800 : Css.Style -sm__focus__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - ] - - -sm__focus__border_green_900 : Css.Style -sm__focus__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -sm__focus__border_teal_100 : Css.Style -sm__focus__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -sm__focus__border_teal_200 : Css.Style -sm__focus__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -sm__focus__border_teal_300 : Css.Style -sm__focus__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -sm__focus__border_teal_400 : Css.Style -sm__focus__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -sm__focus__border_teal_500 : Css.Style -sm__focus__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -sm__focus__border_teal_600 : Css.Style -sm__focus__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - ] - - -sm__focus__border_teal_700 : Css.Style -sm__focus__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -sm__focus__border_teal_800 : Css.Style -sm__focus__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -sm__focus__border_teal_900 : Css.Style -sm__focus__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -sm__focus__border_blue_100 : Css.Style -sm__focus__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -sm__focus__border_blue_200 : Css.Style -sm__focus__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -sm__focus__border_blue_300 : Css.Style -sm__focus__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -sm__focus__border_blue_400 : Css.Style -sm__focus__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -sm__focus__border_blue_500 : Css.Style -sm__focus__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -sm__focus__border_blue_600 : Css.Style -sm__focus__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -sm__focus__border_blue_700 : Css.Style -sm__focus__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -sm__focus__border_blue_800 : Css.Style -sm__focus__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -sm__focus__border_blue_900 : Css.Style -sm__focus__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -sm__focus__border_indigo_100 : Css.Style -sm__focus__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -sm__focus__border_indigo_200 : Css.Style -sm__focus__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -sm__focus__border_indigo_300 : Css.Style -sm__focus__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -sm__focus__border_indigo_400 : Css.Style -sm__focus__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -sm__focus__border_indigo_500 : Css.Style -sm__focus__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -sm__focus__border_indigo_600 : Css.Style -sm__focus__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -sm__focus__border_indigo_700 : Css.Style -sm__focus__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -sm__focus__border_indigo_800 : Css.Style -sm__focus__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - ] - - -sm__focus__border_indigo_900 : Css.Style -sm__focus__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -sm__focus__border_purple_100 : Css.Style -sm__focus__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -sm__focus__border_purple_200 : Css.Style -sm__focus__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -sm__focus__border_purple_300 : Css.Style -sm__focus__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -sm__focus__border_purple_400 : Css.Style -sm__focus__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -sm__focus__border_purple_500 : Css.Style -sm__focus__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -sm__focus__border_purple_600 : Css.Style -sm__focus__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -sm__focus__border_purple_700 : Css.Style -sm__focus__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -sm__focus__border_purple_800 : Css.Style -sm__focus__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -sm__focus__border_purple_900 : Css.Style -sm__focus__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -sm__focus__border_pink_100 : Css.Style -sm__focus__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -sm__focus__border_pink_200 : Css.Style -sm__focus__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -sm__focus__border_pink_300 : Css.Style -sm__focus__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -sm__focus__border_pink_400 : Css.Style -sm__focus__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -sm__focus__border_pink_500 : Css.Style -sm__focus__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -sm__focus__border_pink_600 : Css.Style -sm__focus__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -sm__focus__border_pink_700 : Css.Style -sm__focus__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -sm__focus__border_pink_800 : Css.Style -sm__focus__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -sm__focus__border_pink_900 : Css.Style -sm__focus__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - ] - - -sm__rounded_none : Css.Style -sm__rounded_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderRadius (Css.px 0) - ] - ] - - -sm__rounded_sm : Css.Style -sm__rounded_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderRadius (Css.rem 0.125) - ] - ] - - -sm__rounded : Css.Style -sm__rounded = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_md : Css.Style -sm__rounded_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_lg : Css.Style -sm__rounded_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_full : Css.Style -sm__rounded_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderRadius (Css.px 9999) - ] - ] - - -sm__rounded_t_none : Css.Style -sm__rounded_t_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderTopRightRadius (Css.px 0) - ] - ] - - -sm__rounded_r_none : Css.Style -sm__rounded_r_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopRightRadius (Css.px 0) - , Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -sm__rounded_b_none : Css.Style -sm__rounded_b_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomRightRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -sm__rounded_l_none : Css.Style -sm__rounded_l_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -sm__rounded_t_sm : Css.Style -sm__rounded_t_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_r_sm : Css.Style -sm__rounded_r_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - , Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_b_sm : Css.Style -sm__rounded_b_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_l_sm : Css.Style -sm__rounded_l_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_t : Css.Style -sm__rounded_t = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_r : Css.Style -sm__rounded_r = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - , Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_b : Css.Style -sm__rounded_b = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_l : Css.Style -sm__rounded_l = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_t_md : Css.Style -sm__rounded_t_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_r_md : Css.Style -sm__rounded_r_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - , Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_b_md : Css.Style -sm__rounded_b_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_l_md : Css.Style -sm__rounded_l_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_t_lg : Css.Style -sm__rounded_t_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_r_lg : Css.Style -sm__rounded_r_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - , Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_b_lg : Css.Style -sm__rounded_b_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_l_lg : Css.Style -sm__rounded_l_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_t_full : Css.Style -sm__rounded_t_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -sm__rounded_r_full : Css.Style -sm__rounded_r_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopRightRadius (Css.px 9999) - , Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -sm__rounded_b_full : Css.Style -sm__rounded_b_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomRightRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -sm__rounded_l_full : Css.Style -sm__rounded_l_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -sm__rounded_tl_none : Css.Style -sm__rounded_tl_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.px 0) - ] - ] - - -sm__rounded_tr_none : Css.Style -sm__rounded_tr_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopRightRadius (Css.px 0) - ] - ] - - -sm__rounded_br_none : Css.Style -sm__rounded_br_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -sm__rounded_bl_none : Css.Style -sm__rounded_bl_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -sm__rounded_tl_sm : Css.Style -sm__rounded_tl_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_tr_sm : Css.Style -sm__rounded_tr_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_br_sm : Css.Style -sm__rounded_br_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_bl_sm : Css.Style -sm__rounded_bl_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -sm__rounded_tl : Css.Style -sm__rounded_tl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_tr : Css.Style -sm__rounded_tr = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_br : Css.Style -sm__rounded_br = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_bl : Css.Style -sm__rounded_bl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -sm__rounded_tl_md : Css.Style -sm__rounded_tl_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_tr_md : Css.Style -sm__rounded_tr_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_br_md : Css.Style -sm__rounded_br_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_bl_md : Css.Style -sm__rounded_bl_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -sm__rounded_tl_lg : Css.Style -sm__rounded_tl_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_tr_lg : Css.Style -sm__rounded_tr_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_br_lg : Css.Style -sm__rounded_br_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_bl_lg : Css.Style -sm__rounded_bl_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -sm__rounded_tl_full : Css.Style -sm__rounded_tl_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopLeftRadius (Css.px 9999) - ] - ] - - -sm__rounded_tr_full : Css.Style -sm__rounded_tr_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -sm__rounded_br_full : Css.Style -sm__rounded_br_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -sm__rounded_bl_full : Css.Style -sm__rounded_bl_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -sm__border_solid : Css.Style -sm__border_solid = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderStyle Css.solid - ] - ] - - -sm__border_dashed : Css.Style -sm__border_dashed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderStyle Css.dashed - ] - ] - - -sm__border_dotted : Css.Style -sm__border_dotted = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderStyle Css.dotted - ] - ] - - -sm__border_double : Css.Style -sm__border_double = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderStyle Css.double - ] - ] - - -sm__border_none : Css.Style -sm__border_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderStyle Css.none - ] - ] - - -sm__border_0 : Css.Style -sm__border_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderWidth (Css.px 0) - ] - ] - - -sm__border_2 : Css.Style -sm__border_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderWidth (Css.px 2) - ] - ] - - -sm__border_4 : Css.Style -sm__border_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderWidth (Css.px 4) - ] - ] - - -sm__border_8 : Css.Style -sm__border_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderWidth (Css.px 8) - ] - ] - - -sm__border : Css.Style -sm__border = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderWidth (Css.px 1) - ] - ] - - -sm__border_t_0 : Css.Style -sm__border_t_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopWidth (Css.px 0) - ] - ] - - -sm__border_r_0 : Css.Style -sm__border_r_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderRightWidth (Css.px 0) - ] - ] - - -sm__border_b_0 : Css.Style -sm__border_b_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomWidth (Css.px 0) - ] - ] - - -sm__border_l_0 : Css.Style -sm__border_l_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderLeftWidth (Css.px 0) - ] - ] - - -sm__border_t_2 : Css.Style -sm__border_t_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopWidth (Css.px 2) - ] - ] - - -sm__border_r_2 : Css.Style -sm__border_r_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderRightWidth (Css.px 2) - ] - ] - - -sm__border_b_2 : Css.Style -sm__border_b_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomWidth (Css.px 2) - ] - ] - - -sm__border_l_2 : Css.Style -sm__border_l_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderLeftWidth (Css.px 2) - ] - ] - - -sm__border_t_4 : Css.Style -sm__border_t_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopWidth (Css.px 4) - ] - ] - - -sm__border_r_4 : Css.Style -sm__border_r_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderRightWidth (Css.px 4) - ] - ] - - -sm__border_b_4 : Css.Style -sm__border_b_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomWidth (Css.px 4) - ] - ] - - -sm__border_l_4 : Css.Style -sm__border_l_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderLeftWidth (Css.px 4) - ] - ] - - -sm__border_t_8 : Css.Style -sm__border_t_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopWidth (Css.px 8) - ] - ] - - -sm__border_r_8 : Css.Style -sm__border_r_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderRightWidth (Css.px 8) - ] - ] - - -sm__border_b_8 : Css.Style -sm__border_b_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomWidth (Css.px 8) - ] - ] - - -sm__border_l_8 : Css.Style -sm__border_l_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderLeftWidth (Css.px 8) - ] - ] - - -sm__border_t : Css.Style -sm__border_t = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderTopWidth (Css.px 1) - ] - ] - - -sm__border_r : Css.Style -sm__border_r = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderRightWidth (Css.px 1) - ] - ] - - -sm__border_b : Css.Style -sm__border_b = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderBottomWidth (Css.px 1) - ] - ] - - -sm__border_l : Css.Style -sm__border_l = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.borderLeftWidth (Css.px 1) - ] - ] - - -sm__box_border : Css.Style -sm__box_border = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.boxSizing Css.borderBox - ] - ] - - -sm__box_content : Css.Style -sm__box_content = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.boxSizing Css.contentBox - ] - ] - - -sm__cursor_auto : Css.Style -sm__cursor_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.cursor Css.auto - ] - ] - - -sm__cursor_default : Css.Style -sm__cursor_default = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.cursor Css.default - ] - ] - - -sm__cursor_pointer : Css.Style -sm__cursor_pointer = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.cursor Css.pointer - ] - ] - - -sm__cursor_wait : Css.Style -sm__cursor_wait = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.cursor Css.wait - ] - ] - - -sm__cursor_text : Css.Style -sm__cursor_text = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"cursor\\" \\"text\\" - ] - ] - - -sm__cursor_move : Css.Style -sm__cursor_move = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.cursor Css.move - ] - ] - - -sm__cursor_not_allowed : Css.Style -sm__cursor_not_allowed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.cursor Css.notAllowed - ] - ] - - -sm__block : Css.Style -sm__block = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.block - ] - ] - - -sm__inline_block : Css.Style -sm__inline_block = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.inlineBlock - ] - ] - - -sm__inline : Css.Style -sm__inline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.inline - ] - ] - - -sm__flex : Css.Style -sm__flex = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.displayFlex - ] - ] - - -sm__inline_flex : Css.Style -sm__inline_flex = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.inlineFlex - ] - ] - - -sm__table : Css.Style -sm__table = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.table - ] - ] - - -sm__table_caption : Css.Style -sm__table_caption = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.tableCaption - ] - ] - - -sm__table_cell : Css.Style -sm__table_cell = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.tableCell - ] - ] - - -sm__table_column : Css.Style -sm__table_column = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.tableColumn - ] - ] - - -sm__table_column_group : Css.Style -sm__table_column_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.tableColumnGroup - ] - ] - - -sm__table_footer_group : Css.Style -sm__table_footer_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.tableFooterGroup - ] - ] - - -sm__table_header_group : Css.Style -sm__table_header_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.tableHeaderGroup - ] - ] - - -sm__table_row_group : Css.Style -sm__table_row_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.tableRowGroup - ] - ] - - -sm__table_row : Css.Style -sm__table_row = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.tableRow - ] - ] - - -sm__flow_root : Css.Style -sm__flow_root = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"display\\" \\"flow-root\\" - ] - ] - - -sm__grid : Css.Style -sm__grid = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"display\\" \\"grid\\" - ] - ] - - -sm__inline_grid : Css.Style -sm__inline_grid = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"display\\" \\"inline-grid\\" - ] - ] - - -sm__hidden : Css.Style -sm__hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.display Css.none - ] - ] - - -sm__flex_row : Css.Style -sm__flex_row = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.flexDirection Css.row - ] - ] - - -sm__flex_row_reverse : Css.Style -sm__flex_row_reverse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.flexDirection Css.rowReverse - ] - ] - - -sm__flex_col : Css.Style -sm__flex_col = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.flexDirection Css.column - ] - ] - - -sm__flex_col_reverse : Css.Style -sm__flex_col_reverse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.flexDirection Css.columnReverse - ] - ] - - -sm__flex_wrap : Css.Style -sm__flex_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.flexWrap Css.wrap - ] - ] - - -sm__flex_wrap_reverse : Css.Style -sm__flex_wrap_reverse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.flexWrap Css.wrapReverse - ] - ] - - -sm__flex_no_wrap : Css.Style -sm__flex_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.flexWrap Css.noWrap - ] - ] - - -sm__items_start : Css.Style -sm__items_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.alignItems Css.flexStart - ] - ] - - -sm__items_end : Css.Style -sm__items_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.alignItems Css.flexEnd - ] - ] - - -sm__items_center : Css.Style -sm__items_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.alignItems Css.center - ] - ] - - -sm__items_baseline : Css.Style -sm__items_baseline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.alignItems Css.baseline - ] - ] - - -sm__items_stretch : Css.Style -sm__items_stretch = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.alignItems Css.stretch - ] - ] - - -sm__self_auto : Css.Style -sm__self_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"align-self\\" \\"auto\\" - ] - ] - - -sm__self_start : Css.Style -sm__self_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.alignSelf Css.flexStart - ] - ] - - -sm__self_end : Css.Style -sm__self_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.alignSelf Css.flexEnd - ] - ] - - -sm__self_center : Css.Style -sm__self_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.alignSelf Css.center - ] - ] - - -sm__self_stretch : Css.Style -sm__self_stretch = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.alignSelf Css.stretch - ] - ] - - -sm__justify_start : Css.Style -sm__justify_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.justifyContent Css.flexStart - ] - ] - - -sm__justify_end : Css.Style -sm__justify_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.justifyContent Css.flexEnd - ] - ] - - -sm__justify_center : Css.Style -sm__justify_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.justifyContent Css.center - ] - ] - - -sm__justify_between : Css.Style -sm__justify_between = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.justifyContent Css.spaceBetween - ] - ] - - -sm__justify_around : Css.Style -sm__justify_around = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.justifyContent Css.spaceAround - ] - ] - - -sm__justify_evenly : Css.Style -sm__justify_evenly = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"justify-content\\" \\"space-evenly\\" - ] - ] - - -sm__content_center : Css.Style -sm__content_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"align-content\\" \\"center\\" - ] - ] - - -sm__content_start : Css.Style -sm__content_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"align-content\\" \\"flex-start\\" - ] - ] - - -sm__content_end : Css.Style -sm__content_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"align-content\\" \\"flex-end\\" - ] - ] - - -sm__content_between : Css.Style -sm__content_between = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"align-content\\" \\"space-between\\" - ] - ] - - -sm__content_around : Css.Style -sm__content_around = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"align-content\\" \\"space-around\\" - ] - ] - - -sm__flex_1 : Css.Style -sm__flex_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"flex\\" \\"1 1 0%\\" - ] - ] - - -sm__flex_auto : Css.Style -sm__flex_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"flex\\" \\"1 1 auto\\" - ] - ] - - -sm__flex_initial : Css.Style -sm__flex_initial = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"flex\\" \\"0 1 auto\\" - ] - ] - - -sm__flex_none : Css.Style -sm__flex_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"flex\\" \\"none\\" - ] - ] - - -sm__flex_grow_0 : Css.Style -sm__flex_grow_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.flexGrow (Css.int 0) - ] - ] - - -sm__flex_grow : Css.Style -sm__flex_grow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.flexGrow (Css.int 1) - ] - ] - - -sm__flex_shrink_0 : Css.Style -sm__flex_shrink_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.flexShrink (Css.int 0) - ] - ] - - -sm__flex_shrink : Css.Style -sm__flex_shrink = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.flexShrink (Css.int 1) - ] - ] - - -sm__order_1 : Css.Style -sm__order_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 1) - ] - ] - - -sm__order_2 : Css.Style -sm__order_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 2) - ] - ] - - -sm__order_3 : Css.Style -sm__order_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 3) - ] - ] - - -sm__order_4 : Css.Style -sm__order_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 4) - ] - ] - - -sm__order_5 : Css.Style -sm__order_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 5) - ] - ] - - -sm__order_6 : Css.Style -sm__order_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 6) - ] - ] - - -sm__order_7 : Css.Style -sm__order_7 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 7) - ] - ] - - -sm__order_8 : Css.Style -sm__order_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 8) - ] - ] - - -sm__order_9 : Css.Style -sm__order_9 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 9) - ] - ] - - -sm__order_10 : Css.Style -sm__order_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 10) - ] - ] - - -sm__order_11 : Css.Style -sm__order_11 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 11) - ] - ] - - -sm__order_12 : Css.Style -sm__order_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 12) - ] - ] - - -sm__order_first : Css.Style -sm__order_first = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int -9999) - ] - ] - - -sm__order_last : Css.Style -sm__order_last = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 9999) - ] - ] - - -sm__order_none : Css.Style -sm__order_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.order (Css.int 0) - ] - ] - - -sm__float_right : Css.Style -sm__float_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"float\\" \\"right\\" - ] - ] - - -sm__float_left : Css.Style -sm__float_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"float\\" \\"left\\" - ] - ] - - -sm__float_none : Css.Style -sm__float_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"float\\" \\"none\\" - ] - ] - - -sm__clearfix : Css.Style -sm__clearfix = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"content\\" \\"\\\\\\"\\\\\\"\\" - , Css.display Css.table - , Css.property \\"clear\\" \\"both\\" - ] - ] - - -sm__clear_left : Css.Style -sm__clear_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"clear\\" \\"left\\" - ] - ] - - -sm__clear_right : Css.Style -sm__clear_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"clear\\" \\"right\\" - ] - ] - - -sm__clear_both : Css.Style -sm__clear_both = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"clear\\" \\"both\\" - ] - ] - - -sm__clear_none : Css.Style -sm__clear_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"clear\\" \\"none\\" - ] - ] - - -sm__font_sans : Css.Style -sm__font_sans = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"font-family\\" \\"system-ui, -apple-system, BlinkMacSystemFont, \\\\\\"Segoe UI\\\\\\", Roboto, \\\\\\"Helvetica Neue\\\\\\", Arial, \\\\\\"Noto Sans\\\\\\", sans-serif, \\\\\\"Apple Color Emoji\\\\\\", \\\\\\"Segoe UI Emoji\\\\\\", \\\\\\"Segoe UI Symbol\\\\\\", \\\\\\"Noto Color Emoji\\\\\\"\\" - ] - ] - - -sm__font_serif : Css.Style -sm__font_serif = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"font-family\\" \\"Georgia, Cambria, \\\\\\"Times New Roman\\\\\\", Times, serif\\" - ] - ] - - -sm__font_mono : Css.Style -sm__font_mono = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"font-family\\" \\"Menlo, Monaco, Consolas, \\\\\\"Liberation Mono\\\\\\", \\\\\\"Courier New\\\\\\", monospace\\" - ] - ] - - -sm__font_hairline : Css.Style -sm__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontWeight (Css.int 100) - ] - ] - - -sm__font_thin : Css.Style -sm__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontWeight (Css.int 200) - ] - ] - - -sm__font_light : Css.Style -sm__font_light = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontWeight (Css.int 300) - ] - ] - - -sm__font_normal : Css.Style -sm__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontWeight (Css.int 400) - ] - ] - - -sm__font_medium : Css.Style -sm__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontWeight (Css.int 500) - ] - ] - - -sm__font_semibold : Css.Style -sm__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontWeight (Css.int 600) - ] - ] - - -sm__font_bold : Css.Style -sm__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontWeight (Css.int 700) - ] - ] - - -sm__font_extrabold : Css.Style -sm__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontWeight (Css.int 800) - ] - ] - - -sm__font_black : Css.Style -sm__font_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontWeight (Css.int 900) - ] - ] - - -sm__hover__font_hairline : Css.Style -sm__hover__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -sm__hover__font_thin : Css.Style -sm__hover__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -sm__hover__font_light : Css.Style -sm__hover__font_light = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -sm__hover__font_normal : Css.Style -sm__hover__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -sm__hover__font_medium : Css.Style -sm__hover__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -sm__hover__font_semibold : Css.Style -sm__hover__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -sm__hover__font_bold : Css.Style -sm__hover__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -sm__hover__font_extrabold : Css.Style -sm__hover__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -sm__hover__font_black : Css.Style -sm__hover__font_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -sm__focus__font_hairline : Css.Style -sm__focus__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -sm__focus__font_thin : Css.Style -sm__focus__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -sm__focus__font_light : Css.Style -sm__focus__font_light = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -sm__focus__font_normal : Css.Style -sm__focus__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -sm__focus__font_medium : Css.Style -sm__focus__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -sm__focus__font_semibold : Css.Style -sm__focus__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -sm__focus__font_bold : Css.Style -sm__focus__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -sm__focus__font_extrabold : Css.Style -sm__focus__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -sm__focus__font_black : Css.Style -sm__focus__font_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -sm__h_0 : Css.Style -sm__h_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.px 0) - ] - ] - - -sm__h_1 : Css.Style -sm__h_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 0.25) - ] - ] - - -sm__h_2 : Css.Style -sm__h_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 0.5) - ] - ] - - -sm__h_3 : Css.Style -sm__h_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 0.75) - ] - ] - - -sm__h_4 : Css.Style -sm__h_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 1) - ] - ] - - -sm__h_5 : Css.Style -sm__h_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 1.25) - ] - ] - - -sm__h_6 : Css.Style -sm__h_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 1.5) - ] - ] - - -sm__h_8 : Css.Style -sm__h_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 2) - ] - ] - - -sm__h_10 : Css.Style -sm__h_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 2.5) - ] - ] - - -sm__h_12 : Css.Style -sm__h_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 3) - ] - ] - - -sm__h_16 : Css.Style -sm__h_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 4) - ] - ] - - -sm__h_20 : Css.Style -sm__h_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 5) - ] - ] - - -sm__h_24 : Css.Style -sm__h_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 6) - ] - ] - - -sm__h_32 : Css.Style -sm__h_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 8) - ] - ] - - -sm__h_40 : Css.Style -sm__h_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 10) - ] - ] - - -sm__h_48 : Css.Style -sm__h_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 12) - ] - ] - - -sm__h_56 : Css.Style -sm__h_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 14) - ] - ] - - -sm__h_64 : Css.Style -sm__h_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.rem 16) - ] - ] - - -sm__h_auto : Css.Style -sm__h_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height Css.auto - ] - ] - - -sm__h_px : Css.Style -sm__h_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.px 1) - ] - ] - - -sm__h_full : Css.Style -sm__h_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.pct 100) - ] - ] - - -sm__h_screen : Css.Style -sm__h_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.height (Css.vh 100) - ] - ] - - -sm__text_xs : Css.Style -sm__text_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontSize (Css.rem 0.75) - ] - ] - - -sm__text_sm : Css.Style -sm__text_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontSize (Css.rem 0.875) - ] - ] - - -sm__text_base : Css.Style -sm__text_base = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontSize (Css.rem 1) - ] - ] - - -sm__text_lg : Css.Style -sm__text_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontSize (Css.rem 1.125) - ] - ] - - -sm__text_xl : Css.Style -sm__text_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontSize (Css.rem 1.25) - ] - ] - - -sm__text_2xl : Css.Style -sm__text_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontSize (Css.rem 1.5) - ] - ] - - -sm__text_3xl : Css.Style -sm__text_3xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontSize (Css.rem 1.875) - ] - ] - - -sm__text_4xl : Css.Style -sm__text_4xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontSize (Css.rem 2.25) - ] - ] - - -sm__text_5xl : Css.Style -sm__text_5xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontSize (Css.rem 3) - ] - ] - - -sm__text_6xl : Css.Style -sm__text_6xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontSize (Css.rem 4) - ] - ] - - -sm__leading_3 : Css.Style -sm__leading_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.rem 0.75) - ] - ] - - -sm__leading_4 : Css.Style -sm__leading_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.rem 1) - ] - ] - - -sm__leading_5 : Css.Style -sm__leading_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.rem 1.25) - ] - ] - - -sm__leading_6 : Css.Style -sm__leading_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.rem 1.5) - ] - ] - - -sm__leading_7 : Css.Style -sm__leading_7 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.rem 1.75) - ] - ] - - -sm__leading_8 : Css.Style -sm__leading_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.rem 2) - ] - ] - - -sm__leading_9 : Css.Style -sm__leading_9 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.rem 2.25) - ] - ] - - -sm__leading_10 : Css.Style -sm__leading_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.rem 2.5) - ] - ] - - -sm__leading_none : Css.Style -sm__leading_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.int 1) - ] - ] - - -sm__leading_tight : Css.Style -sm__leading_tight = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.num 1.25) - ] - ] - - -sm__leading_snug : Css.Style -sm__leading_snug = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.num 1.375) - ] - ] - - -sm__leading_normal : Css.Style -sm__leading_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.num 1.5) - ] - ] - - -sm__leading_relaxed : Css.Style -sm__leading_relaxed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.num 1.625) - ] - ] - - -sm__leading_loose : Css.Style -sm__leading_loose = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.lineHeight (Css.int 2) - ] - ] - - -sm__list_inside : Css.Style -sm__list_inside = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.listStylePosition Css.inside - ] - ] - - -sm__list_outside : Css.Style -sm__list_outside = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.listStylePosition Css.outside - ] - ] - - -sm__list_none : Css.Style -sm__list_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.listStyleType Css.none - ] - ] - - -sm__list_disc : Css.Style -sm__list_disc = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.listStyleType Css.disc - ] - ] - - -sm__list_decimal : Css.Style -sm__list_decimal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.listStyleType Css.decimal - ] - ] - - -sm__m_0 : Css.Style -sm__m_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.px 0) - ] - ] - - -sm__m_1 : Css.Style -sm__m_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 0.25) - ] - ] - - -sm__m_2 : Css.Style -sm__m_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 0.5) - ] - ] - - -sm__m_3 : Css.Style -sm__m_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 0.75) - ] - ] - - -sm__m_4 : Css.Style -sm__m_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 1) - ] - ] - - -sm__m_5 : Css.Style -sm__m_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 1.25) - ] - ] - - -sm__m_6 : Css.Style -sm__m_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 1.5) - ] - ] - - -sm__m_8 : Css.Style -sm__m_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 2) - ] - ] - - -sm__m_10 : Css.Style -sm__m_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 2.5) - ] - ] - - -sm__m_12 : Css.Style -sm__m_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 3) - ] - ] - - -sm__m_16 : Css.Style -sm__m_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 4) - ] - ] - - -sm__m_20 : Css.Style -sm__m_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 5) - ] - ] - - -sm__m_24 : Css.Style -sm__m_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 6) - ] - ] - - -sm__m_32 : Css.Style -sm__m_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 8) - ] - ] - - -sm__m_40 : Css.Style -sm__m_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 10) - ] - ] - - -sm__m_48 : Css.Style -sm__m_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 12) - ] - ] - - -sm__m_56 : Css.Style -sm__m_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 14) - ] - ] - - -sm__m_64 : Css.Style -sm__m_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem 16) - ] - ] - - -sm__m_auto : Css.Style -sm__m_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin Css.auto - ] - ] - - -sm__m_px : Css.Style -sm__m_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.px 1) - ] - ] - - -sm__neg_m_1 : Css.Style -sm__neg_m_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -0.25) - ] - ] - - -sm__neg_m_2 : Css.Style -sm__neg_m_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -0.5) - ] - ] - - -sm__neg_m_3 : Css.Style -sm__neg_m_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -0.75) - ] - ] - - -sm__neg_m_4 : Css.Style -sm__neg_m_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -1) - ] - ] - - -sm__neg_m_5 : Css.Style -sm__neg_m_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -1.25) - ] - ] - - -sm__neg_m_6 : Css.Style -sm__neg_m_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -1.5) - ] - ] - - -sm__neg_m_8 : Css.Style -sm__neg_m_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -2) - ] - ] - - -sm__neg_m_10 : Css.Style -sm__neg_m_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -2.5) - ] - ] - - -sm__neg_m_12 : Css.Style -sm__neg_m_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -3) - ] - ] - - -sm__neg_m_16 : Css.Style -sm__neg_m_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -4) - ] - ] - - -sm__neg_m_20 : Css.Style -sm__neg_m_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -5) - ] - ] - - -sm__neg_m_24 : Css.Style -sm__neg_m_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -6) - ] - ] - - -sm__neg_m_32 : Css.Style -sm__neg_m_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -8) - ] - ] - - -sm__neg_m_40 : Css.Style -sm__neg_m_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -10) - ] - ] - - -sm__neg_m_48 : Css.Style -sm__neg_m_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -12) - ] - ] - - -sm__neg_m_56 : Css.Style -sm__neg_m_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -14) - ] - ] - - -sm__neg_m_64 : Css.Style -sm__neg_m_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.rem -16) - ] - ] - - -sm__neg_m_px : Css.Style -sm__neg_m_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.margin (Css.px -1) - ] - ] - - -sm__my_0 : Css.Style -sm__my_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.px 0) - , Css.marginBottom (Css.px 0) - ] - ] - - -sm__mx_0 : Css.Style -sm__mx_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.px 0) - , Css.marginRight (Css.px 0) - ] - ] - - -sm__my_1 : Css.Style -sm__my_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 0.25) - , Css.marginBottom (Css.rem 0.25) - ] - ] - - -sm__mx_1 : Css.Style -sm__mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 0.25) - , Css.marginRight (Css.rem 0.25) - ] - ] - - -sm__my_2 : Css.Style -sm__my_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 0.5) - , Css.marginBottom (Css.rem 0.5) - ] - ] - - -sm__mx_2 : Css.Style -sm__mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 0.5) - , Css.marginRight (Css.rem 0.5) - ] - ] - - -sm__my_3 : Css.Style -sm__my_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 0.75) - , Css.marginBottom (Css.rem 0.75) - ] - ] - - -sm__mx_3 : Css.Style -sm__mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 0.75) - , Css.marginRight (Css.rem 0.75) - ] - ] - - -sm__my_4 : Css.Style -sm__my_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 1) - , Css.marginBottom (Css.rem 1) - ] - ] - - -sm__mx_4 : Css.Style -sm__mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 1) - , Css.marginRight (Css.rem 1) - ] - ] - - -sm__my_5 : Css.Style -sm__my_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 1.25) - , Css.marginBottom (Css.rem 1.25) - ] - ] - - -sm__mx_5 : Css.Style -sm__mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 1.25) - , Css.marginRight (Css.rem 1.25) - ] - ] - - -sm__my_6 : Css.Style -sm__my_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 1.5) - , Css.marginBottom (Css.rem 1.5) - ] - ] - - -sm__mx_6 : Css.Style -sm__mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 1.5) - , Css.marginRight (Css.rem 1.5) - ] - ] - - -sm__my_8 : Css.Style -sm__my_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 2) - , Css.marginBottom (Css.rem 2) - ] - ] - - -sm__mx_8 : Css.Style -sm__mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 2) - , Css.marginRight (Css.rem 2) - ] - ] - - -sm__my_10 : Css.Style -sm__my_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 2.5) - , Css.marginBottom (Css.rem 2.5) - ] - ] - - -sm__mx_10 : Css.Style -sm__mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 2.5) - , Css.marginRight (Css.rem 2.5) - ] - ] - - -sm__my_12 : Css.Style -sm__my_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 3) - , Css.marginBottom (Css.rem 3) - ] - ] - - -sm__mx_12 : Css.Style -sm__mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 3) - , Css.marginRight (Css.rem 3) - ] - ] - - -sm__my_16 : Css.Style -sm__my_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 4) - , Css.marginBottom (Css.rem 4) - ] - ] - - -sm__mx_16 : Css.Style -sm__mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 4) - , Css.marginRight (Css.rem 4) - ] - ] - - -sm__my_20 : Css.Style -sm__my_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 5) - , Css.marginBottom (Css.rem 5) - ] - ] - - -sm__mx_20 : Css.Style -sm__mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 5) - , Css.marginRight (Css.rem 5) - ] - ] - - -sm__my_24 : Css.Style -sm__my_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 6) - , Css.marginBottom (Css.rem 6) - ] - ] - - -sm__mx_24 : Css.Style -sm__mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 6) - , Css.marginRight (Css.rem 6) - ] - ] - - -sm__my_32 : Css.Style -sm__my_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 8) - , Css.marginBottom (Css.rem 8) - ] - ] - - -sm__mx_32 : Css.Style -sm__mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 8) - , Css.marginRight (Css.rem 8) - ] - ] - - -sm__my_40 : Css.Style -sm__my_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 10) - , Css.marginBottom (Css.rem 10) - ] - ] - - -sm__mx_40 : Css.Style -sm__mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 10) - , Css.marginRight (Css.rem 10) - ] - ] - - -sm__my_48 : Css.Style -sm__my_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 12) - , Css.marginBottom (Css.rem 12) - ] - ] - - -sm__mx_48 : Css.Style -sm__mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 12) - , Css.marginRight (Css.rem 12) - ] - ] - - -sm__my_56 : Css.Style -sm__my_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 14) - , Css.marginBottom (Css.rem 14) - ] - ] - - -sm__mx_56 : Css.Style -sm__mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 14) - , Css.marginRight (Css.rem 14) - ] - ] - - -sm__my_64 : Css.Style -sm__my_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 16) - , Css.marginBottom (Css.rem 16) - ] - ] - - -sm__mx_64 : Css.Style -sm__mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 16) - , Css.marginRight (Css.rem 16) - ] - ] - - -sm__my_auto : Css.Style -sm__my_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop Css.auto - , Css.marginBottom Css.auto - ] - ] - - -sm__mx_auto : Css.Style -sm__mx_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft Css.auto - , Css.marginRight Css.auto - ] - ] - - -sm__my_px : Css.Style -sm__my_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.px 1) - , Css.marginBottom (Css.px 1) - ] - ] - - -sm__mx_px : Css.Style -sm__mx_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.px 1) - , Css.marginRight (Css.px 1) - ] - ] - - -sm__neg_my_1 : Css.Style -sm__neg_my_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -0.25) - , Css.marginBottom (Css.rem -0.25) - ] - ] - - -sm__neg_mx_1 : Css.Style -sm__neg_mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -0.25) - , Css.marginRight (Css.rem -0.25) - ] - ] - - -sm__neg_my_2 : Css.Style -sm__neg_my_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -0.5) - , Css.marginBottom (Css.rem -0.5) - ] - ] - - -sm__neg_mx_2 : Css.Style -sm__neg_mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -0.5) - , Css.marginRight (Css.rem -0.5) - ] - ] - - -sm__neg_my_3 : Css.Style -sm__neg_my_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -0.75) - , Css.marginBottom (Css.rem -0.75) - ] - ] - - -sm__neg_mx_3 : Css.Style -sm__neg_mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -0.75) - , Css.marginRight (Css.rem -0.75) - ] - ] - - -sm__neg_my_4 : Css.Style -sm__neg_my_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -1) - , Css.marginBottom (Css.rem -1) - ] - ] - - -sm__neg_mx_4 : Css.Style -sm__neg_mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -1) - , Css.marginRight (Css.rem -1) - ] - ] - - -sm__neg_my_5 : Css.Style -sm__neg_my_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -1.25) - , Css.marginBottom (Css.rem -1.25) - ] - ] - - -sm__neg_mx_5 : Css.Style -sm__neg_mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -1.25) - , Css.marginRight (Css.rem -1.25) - ] - ] - - -sm__neg_my_6 : Css.Style -sm__neg_my_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -1.5) - , Css.marginBottom (Css.rem -1.5) - ] - ] - - -sm__neg_mx_6 : Css.Style -sm__neg_mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -1.5) - , Css.marginRight (Css.rem -1.5) - ] - ] - - -sm__neg_my_8 : Css.Style -sm__neg_my_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -2) - , Css.marginBottom (Css.rem -2) - ] - ] - - -sm__neg_mx_8 : Css.Style -sm__neg_mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -2) - , Css.marginRight (Css.rem -2) - ] - ] - - -sm__neg_my_10 : Css.Style -sm__neg_my_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -2.5) - , Css.marginBottom (Css.rem -2.5) - ] - ] - - -sm__neg_mx_10 : Css.Style -sm__neg_mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -2.5) - , Css.marginRight (Css.rem -2.5) - ] - ] - - -sm__neg_my_12 : Css.Style -sm__neg_my_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -3) - , Css.marginBottom (Css.rem -3) - ] - ] - - -sm__neg_mx_12 : Css.Style -sm__neg_mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -3) - , Css.marginRight (Css.rem -3) - ] - ] - - -sm__neg_my_16 : Css.Style -sm__neg_my_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -4) - , Css.marginBottom (Css.rem -4) - ] - ] - - -sm__neg_mx_16 : Css.Style -sm__neg_mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -4) - , Css.marginRight (Css.rem -4) - ] - ] - - -sm__neg_my_20 : Css.Style -sm__neg_my_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -5) - , Css.marginBottom (Css.rem -5) - ] - ] - - -sm__neg_mx_20 : Css.Style -sm__neg_mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -5) - , Css.marginRight (Css.rem -5) - ] - ] - - -sm__neg_my_24 : Css.Style -sm__neg_my_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -6) - , Css.marginBottom (Css.rem -6) - ] - ] - - -sm__neg_mx_24 : Css.Style -sm__neg_mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -6) - , Css.marginRight (Css.rem -6) - ] - ] - - -sm__neg_my_32 : Css.Style -sm__neg_my_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -8) - , Css.marginBottom (Css.rem -8) - ] - ] - - -sm__neg_mx_32 : Css.Style -sm__neg_mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -8) - , Css.marginRight (Css.rem -8) - ] - ] - - -sm__neg_my_40 : Css.Style -sm__neg_my_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -10) - , Css.marginBottom (Css.rem -10) - ] - ] - - -sm__neg_mx_40 : Css.Style -sm__neg_mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -10) - , Css.marginRight (Css.rem -10) - ] - ] - - -sm__neg_my_48 : Css.Style -sm__neg_my_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -12) - , Css.marginBottom (Css.rem -12) - ] - ] - - -sm__neg_mx_48 : Css.Style -sm__neg_mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -12) - , Css.marginRight (Css.rem -12) - ] - ] - - -sm__neg_my_56 : Css.Style -sm__neg_my_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -14) - , Css.marginBottom (Css.rem -14) - ] - ] - - -sm__neg_mx_56 : Css.Style -sm__neg_mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -14) - , Css.marginRight (Css.rem -14) - ] - ] - - -sm__neg_my_64 : Css.Style -sm__neg_my_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -16) - , Css.marginBottom (Css.rem -16) - ] - ] - - -sm__neg_mx_64 : Css.Style -sm__neg_mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -16) - , Css.marginRight (Css.rem -16) - ] - ] - - -sm__neg_my_px : Css.Style -sm__neg_my_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.px -1) - , Css.marginBottom (Css.px -1) - ] - ] - - -sm__neg_mx_px : Css.Style -sm__neg_mx_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.px -1) - , Css.marginRight (Css.px -1) - ] - ] - - -sm__mt_0 : Css.Style -sm__mt_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.px 0) - ] - ] - - -sm__mr_0 : Css.Style -sm__mr_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.px 0) - ] - ] - - -sm__mb_0 : Css.Style -sm__mb_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.px 0) - ] - ] - - -sm__ml_0 : Css.Style -sm__ml_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.px 0) - ] - ] - - -sm__mt_1 : Css.Style -sm__mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 0.25) - ] - ] - - -sm__mr_1 : Css.Style -sm__mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 0.25) - ] - ] - - -sm__mb_1 : Css.Style -sm__mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 0.25) - ] - ] - - -sm__ml_1 : Css.Style -sm__ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 0.25) - ] - ] - - -sm__mt_2 : Css.Style -sm__mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 0.5) - ] - ] - - -sm__mr_2 : Css.Style -sm__mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 0.5) - ] - ] - - -sm__mb_2 : Css.Style -sm__mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 0.5) - ] - ] - - -sm__ml_2 : Css.Style -sm__ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 0.5) - ] - ] - - -sm__mt_3 : Css.Style -sm__mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 0.75) - ] - ] - - -sm__mr_3 : Css.Style -sm__mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 0.75) - ] - ] - - -sm__mb_3 : Css.Style -sm__mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 0.75) - ] - ] - - -sm__ml_3 : Css.Style -sm__ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 0.75) - ] - ] - - -sm__mt_4 : Css.Style -sm__mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 1) - ] - ] - - -sm__mr_4 : Css.Style -sm__mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 1) - ] - ] - - -sm__mb_4 : Css.Style -sm__mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 1) - ] - ] - - -sm__ml_4 : Css.Style -sm__ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 1) - ] - ] - - -sm__mt_5 : Css.Style -sm__mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 1.25) - ] - ] - - -sm__mr_5 : Css.Style -sm__mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 1.25) - ] - ] - - -sm__mb_5 : Css.Style -sm__mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 1.25) - ] - ] - - -sm__ml_5 : Css.Style -sm__ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 1.25) - ] - ] - - -sm__mt_6 : Css.Style -sm__mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 1.5) - ] - ] - - -sm__mr_6 : Css.Style -sm__mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 1.5) - ] - ] - - -sm__mb_6 : Css.Style -sm__mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 1.5) - ] - ] - - -sm__ml_6 : Css.Style -sm__ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 1.5) - ] - ] - - -sm__mt_8 : Css.Style -sm__mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 2) - ] - ] - - -sm__mr_8 : Css.Style -sm__mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 2) - ] - ] - - -sm__mb_8 : Css.Style -sm__mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 2) - ] - ] - - -sm__ml_8 : Css.Style -sm__ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 2) - ] - ] - - -sm__mt_10 : Css.Style -sm__mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 2.5) - ] - ] - - -sm__mr_10 : Css.Style -sm__mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 2.5) - ] - ] - - -sm__mb_10 : Css.Style -sm__mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 2.5) - ] - ] - - -sm__ml_10 : Css.Style -sm__ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 2.5) - ] - ] - - -sm__mt_12 : Css.Style -sm__mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 3) - ] - ] - - -sm__mr_12 : Css.Style -sm__mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 3) - ] - ] - - -sm__mb_12 : Css.Style -sm__mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 3) - ] - ] - - -sm__ml_12 : Css.Style -sm__ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 3) - ] - ] - - -sm__mt_16 : Css.Style -sm__mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 4) - ] - ] - - -sm__mr_16 : Css.Style -sm__mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 4) - ] - ] - - -sm__mb_16 : Css.Style -sm__mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 4) - ] - ] - - -sm__ml_16 : Css.Style -sm__ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 4) - ] - ] - - -sm__mt_20 : Css.Style -sm__mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 5) - ] - ] - - -sm__mr_20 : Css.Style -sm__mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 5) - ] - ] - - -sm__mb_20 : Css.Style -sm__mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 5) - ] - ] - - -sm__ml_20 : Css.Style -sm__ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 5) - ] - ] - - -sm__mt_24 : Css.Style -sm__mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 6) - ] - ] - - -sm__mr_24 : Css.Style -sm__mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 6) - ] - ] - - -sm__mb_24 : Css.Style -sm__mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 6) - ] - ] - - -sm__ml_24 : Css.Style -sm__ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 6) - ] - ] - - -sm__mt_32 : Css.Style -sm__mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 8) - ] - ] - - -sm__mr_32 : Css.Style -sm__mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 8) - ] - ] - - -sm__mb_32 : Css.Style -sm__mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 8) - ] - ] - - -sm__ml_32 : Css.Style -sm__ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 8) - ] - ] - - -sm__mt_40 : Css.Style -sm__mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 10) - ] - ] - - -sm__mr_40 : Css.Style -sm__mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 10) - ] - ] - - -sm__mb_40 : Css.Style -sm__mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 10) - ] - ] - - -sm__ml_40 : Css.Style -sm__ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 10) - ] - ] - - -sm__mt_48 : Css.Style -sm__mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 12) - ] - ] - - -sm__mr_48 : Css.Style -sm__mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 12) - ] - ] - - -sm__mb_48 : Css.Style -sm__mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 12) - ] - ] - - -sm__ml_48 : Css.Style -sm__ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 12) - ] - ] - - -sm__mt_56 : Css.Style -sm__mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 14) - ] - ] - - -sm__mr_56 : Css.Style -sm__mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 14) - ] - ] - - -sm__mb_56 : Css.Style -sm__mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 14) - ] - ] - - -sm__ml_56 : Css.Style -sm__ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 14) - ] - ] - - -sm__mt_64 : Css.Style -sm__mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem 16) - ] - ] - - -sm__mr_64 : Css.Style -sm__mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem 16) - ] - ] - - -sm__mb_64 : Css.Style -sm__mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem 16) - ] - ] - - -sm__ml_64 : Css.Style -sm__ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem 16) - ] - ] - - -sm__mt_auto : Css.Style -sm__mt_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop Css.auto - ] - ] - - -sm__mr_auto : Css.Style -sm__mr_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight Css.auto - ] - ] - - -sm__mb_auto : Css.Style -sm__mb_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom Css.auto - ] - ] - - -sm__ml_auto : Css.Style -sm__ml_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft Css.auto - ] - ] - - -sm__mt_px : Css.Style -sm__mt_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.px 1) - ] - ] - - -sm__mr_px : Css.Style -sm__mr_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.px 1) - ] - ] - - -sm__mb_px : Css.Style -sm__mb_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.px 1) - ] - ] - - -sm__ml_px : Css.Style -sm__ml_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.px 1) - ] - ] - - -sm__neg_mt_1 : Css.Style -sm__neg_mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -0.25) - ] - ] - - -sm__neg_mr_1 : Css.Style -sm__neg_mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -0.25) - ] - ] - - -sm__neg_mb_1 : Css.Style -sm__neg_mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -0.25) - ] - ] - - -sm__neg_ml_1 : Css.Style -sm__neg_ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -0.25) - ] - ] - - -sm__neg_mt_2 : Css.Style -sm__neg_mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -0.5) - ] - ] - - -sm__neg_mr_2 : Css.Style -sm__neg_mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -0.5) - ] - ] - - -sm__neg_mb_2 : Css.Style -sm__neg_mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -0.5) - ] - ] - - -sm__neg_ml_2 : Css.Style -sm__neg_ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -0.5) - ] - ] - - -sm__neg_mt_3 : Css.Style -sm__neg_mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -0.75) - ] - ] - - -sm__neg_mr_3 : Css.Style -sm__neg_mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -0.75) - ] - ] - - -sm__neg_mb_3 : Css.Style -sm__neg_mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -0.75) - ] - ] - - -sm__neg_ml_3 : Css.Style -sm__neg_ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -0.75) - ] - ] - - -sm__neg_mt_4 : Css.Style -sm__neg_mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -1) - ] - ] - - -sm__neg_mr_4 : Css.Style -sm__neg_mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -1) - ] - ] - - -sm__neg_mb_4 : Css.Style -sm__neg_mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -1) - ] - ] - - -sm__neg_ml_4 : Css.Style -sm__neg_ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -1) - ] - ] - - -sm__neg_mt_5 : Css.Style -sm__neg_mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -1.25) - ] - ] - - -sm__neg_mr_5 : Css.Style -sm__neg_mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -1.25) - ] - ] - - -sm__neg_mb_5 : Css.Style -sm__neg_mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -1.25) - ] - ] - - -sm__neg_ml_5 : Css.Style -sm__neg_ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -1.25) - ] - ] - - -sm__neg_mt_6 : Css.Style -sm__neg_mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -1.5) - ] - ] - - -sm__neg_mr_6 : Css.Style -sm__neg_mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -1.5) - ] - ] - - -sm__neg_mb_6 : Css.Style -sm__neg_mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -1.5) - ] - ] - - -sm__neg_ml_6 : Css.Style -sm__neg_ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -1.5) - ] - ] - - -sm__neg_mt_8 : Css.Style -sm__neg_mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -2) - ] - ] - - -sm__neg_mr_8 : Css.Style -sm__neg_mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -2) - ] - ] - - -sm__neg_mb_8 : Css.Style -sm__neg_mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -2) - ] - ] - - -sm__neg_ml_8 : Css.Style -sm__neg_ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -2) - ] - ] - - -sm__neg_mt_10 : Css.Style -sm__neg_mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -2.5) - ] - ] - - -sm__neg_mr_10 : Css.Style -sm__neg_mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -2.5) - ] - ] - - -sm__neg_mb_10 : Css.Style -sm__neg_mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -2.5) - ] - ] - - -sm__neg_ml_10 : Css.Style -sm__neg_ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -2.5) - ] - ] - - -sm__neg_mt_12 : Css.Style -sm__neg_mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -3) - ] - ] - - -sm__neg_mr_12 : Css.Style -sm__neg_mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -3) - ] - ] - - -sm__neg_mb_12 : Css.Style -sm__neg_mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -3) - ] - ] - - -sm__neg_ml_12 : Css.Style -sm__neg_ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -3) - ] - ] - - -sm__neg_mt_16 : Css.Style -sm__neg_mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -4) - ] - ] - - -sm__neg_mr_16 : Css.Style -sm__neg_mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -4) - ] - ] - - -sm__neg_mb_16 : Css.Style -sm__neg_mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -4) - ] - ] - - -sm__neg_ml_16 : Css.Style -sm__neg_ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -4) - ] - ] - - -sm__neg_mt_20 : Css.Style -sm__neg_mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -5) - ] - ] - - -sm__neg_mr_20 : Css.Style -sm__neg_mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -5) - ] - ] - - -sm__neg_mb_20 : Css.Style -sm__neg_mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -5) - ] - ] - - -sm__neg_ml_20 : Css.Style -sm__neg_ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -5) - ] - ] - - -sm__neg_mt_24 : Css.Style -sm__neg_mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -6) - ] - ] - - -sm__neg_mr_24 : Css.Style -sm__neg_mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -6) - ] - ] - - -sm__neg_mb_24 : Css.Style -sm__neg_mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -6) - ] - ] - - -sm__neg_ml_24 : Css.Style -sm__neg_ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -6) - ] - ] - - -sm__neg_mt_32 : Css.Style -sm__neg_mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -8) - ] - ] - - -sm__neg_mr_32 : Css.Style -sm__neg_mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -8) - ] - ] - - -sm__neg_mb_32 : Css.Style -sm__neg_mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -8) - ] - ] - - -sm__neg_ml_32 : Css.Style -sm__neg_ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -8) - ] - ] - - -sm__neg_mt_40 : Css.Style -sm__neg_mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -10) - ] - ] - - -sm__neg_mr_40 : Css.Style -sm__neg_mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -10) - ] - ] - - -sm__neg_mb_40 : Css.Style -sm__neg_mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -10) - ] - ] - - -sm__neg_ml_40 : Css.Style -sm__neg_ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -10) - ] - ] - - -sm__neg_mt_48 : Css.Style -sm__neg_mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -12) - ] - ] - - -sm__neg_mr_48 : Css.Style -sm__neg_mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -12) - ] - ] - - -sm__neg_mb_48 : Css.Style -sm__neg_mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -12) - ] - ] - - -sm__neg_ml_48 : Css.Style -sm__neg_ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -12) - ] - ] - - -sm__neg_mt_56 : Css.Style -sm__neg_mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -14) - ] - ] - - -sm__neg_mr_56 : Css.Style -sm__neg_mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -14) - ] - ] - - -sm__neg_mb_56 : Css.Style -sm__neg_mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -14) - ] - ] - - -sm__neg_ml_56 : Css.Style -sm__neg_ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -14) - ] - ] - - -sm__neg_mt_64 : Css.Style -sm__neg_mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.rem -16) - ] - ] - - -sm__neg_mr_64 : Css.Style -sm__neg_mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.rem -16) - ] - ] - - -sm__neg_mb_64 : Css.Style -sm__neg_mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.rem -16) - ] - ] - - -sm__neg_ml_64 : Css.Style -sm__neg_ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.rem -16) - ] - ] - - -sm__neg_mt_px : Css.Style -sm__neg_mt_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginTop (Css.px -1) - ] - ] - - -sm__neg_mr_px : Css.Style -sm__neg_mr_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginRight (Css.px -1) - ] - ] - - -sm__neg_mb_px : Css.Style -sm__neg_mb_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginBottom (Css.px -1) - ] - ] - - -sm__neg_ml_px : Css.Style -sm__neg_ml_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.marginLeft (Css.px -1) - ] - ] - - -sm__max_h_full : Css.Style -sm__max_h_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxHeight (Css.pct 100) - ] - ] - - -sm__max_h_screen : Css.Style -sm__max_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxHeight (Css.vh 100) - ] - ] - - -sm__max_w_none : Css.Style -sm__max_w_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth Css.none - ] - ] - - -sm__max_w_xs : Css.Style -sm__max_w_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.rem 20) - ] - ] - - -sm__max_w_sm : Css.Style -sm__max_w_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.rem 24) - ] - ] - - -sm__max_w_md : Css.Style -sm__max_w_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.rem 28) - ] - ] - - -sm__max_w_lg : Css.Style -sm__max_w_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.rem 32) - ] - ] - - -sm__max_w_xl : Css.Style -sm__max_w_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.rem 36) - ] - ] - - -sm__max_w_2xl : Css.Style -sm__max_w_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.rem 42) - ] - ] - - -sm__max_w_3xl : Css.Style -sm__max_w_3xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.rem 48) - ] - ] - - -sm__max_w_4xl : Css.Style -sm__max_w_4xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.rem 56) - ] - ] - - -sm__max_w_5xl : Css.Style -sm__max_w_5xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.rem 64) - ] - ] - - -sm__max_w_6xl : Css.Style -sm__max_w_6xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.rem 72) - ] - ] - - -sm__max_w_full : Css.Style -sm__max_w_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.pct 100) - ] - ] - - -sm__max_w_screen_sm : Css.Style -sm__max_w_screen_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.px 640) - ] - ] - - -sm__max_w_screen_md : Css.Style -sm__max_w_screen_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.px 768) - ] - ] - - -sm__max_w_screen_lg : Css.Style -sm__max_w_screen_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.px 1024) - ] - ] - - -sm__max_w_screen_xl : Css.Style -sm__max_w_screen_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.maxWidth (Css.px 1280) - ] - ] - - -sm__min_h_0 : Css.Style -sm__min_h_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.minHeight (Css.px 0) - ] - ] - - -sm__min_h_full : Css.Style -sm__min_h_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.minHeight (Css.pct 100) - ] - ] - - -sm__min_h_screen : Css.Style -sm__min_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.minHeight (Css.vh 100) - ] - ] - - -sm__min_w_0 : Css.Style -sm__min_w_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.minWidth (Css.px 0) - ] - ] - - -sm__min_w_full : Css.Style -sm__min_w_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.minWidth (Css.pct 100) - ] - ] - - -sm__object_contain : Css.Style -sm__object_contain = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-fit\\" \\"contain\\" - ] - ] - - -sm__object_cover : Css.Style -sm__object_cover = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-fit\\" \\"cover\\" - ] - ] - - -sm__object_fill : Css.Style -sm__object_fill = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-fit\\" \\"fill\\" - ] - ] - - -sm__object_none : Css.Style -sm__object_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-fit\\" \\"none\\" - ] - ] - - -sm__object_scale_down : Css.Style -sm__object_scale_down = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-fit\\" \\"scale-down\\" - ] - ] - - -sm__object_bottom : Css.Style -sm__object_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-position\\" \\"bottom\\" - ] - ] - - -sm__object_center : Css.Style -sm__object_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-position\\" \\"center\\" - ] - ] - - -sm__object_left : Css.Style -sm__object_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-position\\" \\"left\\" - ] - ] - - -sm__object_left_bottom : Css.Style -sm__object_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-position\\" \\"left bottom\\" - ] - ] - - -sm__object_left_top : Css.Style -sm__object_left_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-position\\" \\"left top\\" - ] - ] - - -sm__object_right : Css.Style -sm__object_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-position\\" \\"right\\" - ] - ] - - -sm__object_right_bottom : Css.Style -sm__object_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-position\\" \\"right bottom\\" - ] - ] - - -sm__object_right_top : Css.Style -sm__object_right_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-position\\" \\"right top\\" - ] - ] - - -sm__object_top : Css.Style -sm__object_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"object-position\\" \\"top\\" - ] - ] - - -sm__opacity_0 : Css.Style -sm__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.opacity (Css.int 0) - ] - ] - - -sm__opacity_25 : Css.Style -sm__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.opacity (Css.num 0.25) - ] - ] - - -sm__opacity_50 : Css.Style -sm__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.opacity (Css.num 0.5) - ] - ] - - -sm__opacity_75 : Css.Style -sm__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.opacity (Css.num 0.75) - ] - ] - - -sm__opacity_100 : Css.Style -sm__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.opacity (Css.int 1) - ] - ] - - -sm__hover__opacity_0 : Css.Style -sm__hover__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.opacity (Css.int 0) - ] - ] - ] - - -sm__hover__opacity_25 : Css.Style -sm__hover__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -sm__hover__opacity_50 : Css.Style -sm__hover__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -sm__hover__opacity_75 : Css.Style -sm__hover__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -sm__hover__opacity_100 : Css.Style -sm__hover__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.opacity (Css.int 1) - ] - ] - ] - - -sm__focus__opacity_0 : Css.Style -sm__focus__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.opacity (Css.int 0) - ] - ] - ] - - -sm__focus__opacity_25 : Css.Style -sm__focus__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -sm__focus__opacity_50 : Css.Style -sm__focus__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -sm__focus__opacity_75 : Css.Style -sm__focus__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -sm__focus__opacity_100 : Css.Style -sm__focus__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.opacity (Css.int 1) - ] - ] - ] - - -sm__outline_none : Css.Style -sm__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"outline\\" \\"0\\" - ] - ] - - -sm__focus__outline_none : Css.Style -sm__focus__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.property \\"outline\\" \\"0\\" - ] - ] - ] - - -sm__overflow_auto : Css.Style -sm__overflow_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflow Css.auto - ] - ] - - -sm__overflow_hidden : Css.Style -sm__overflow_hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflow Css.hidden - ] - ] - - -sm__overflow_visible : Css.Style -sm__overflow_visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflow Css.visible - ] - ] - - -sm__overflow_scroll : Css.Style -sm__overflow_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflow Css.scroll - ] - ] - - -sm__overflow_x_auto : Css.Style -sm__overflow_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflowX Css.auto - ] - ] - - -sm__overflow_y_auto : Css.Style -sm__overflow_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflowY Css.auto - ] - ] - - -sm__overflow_x_hidden : Css.Style -sm__overflow_x_hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflowX Css.hidden - ] - ] - - -sm__overflow_y_hidden : Css.Style -sm__overflow_y_hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflowY Css.hidden - ] - ] - - -sm__overflow_x_visible : Css.Style -sm__overflow_x_visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflowX Css.visible - ] - ] - - -sm__overflow_y_visible : Css.Style -sm__overflow_y_visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflowY Css.visible - ] - ] - - -sm__overflow_x_scroll : Css.Style -sm__overflow_x_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflowX Css.scroll - ] - ] - - -sm__overflow_y_scroll : Css.Style -sm__overflow_y_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflowY Css.scroll - ] - ] - - -sm__scrolling_touch : Css.Style -sm__scrolling_touch = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"-webkit-overflow-scrolling\\" \\"touch\\" - ] - ] - - -sm__scrolling_auto : Css.Style -sm__scrolling_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"-webkit-overflow-scrolling\\" \\"auto\\" - ] - ] - - -sm__p_0 : Css.Style -sm__p_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.px 0) - ] - ] - - -sm__p_1 : Css.Style -sm__p_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 0.25) - ] - ] - - -sm__p_2 : Css.Style -sm__p_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 0.5) - ] - ] - - -sm__p_3 : Css.Style -sm__p_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 0.75) - ] - ] - - -sm__p_4 : Css.Style -sm__p_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 1) - ] - ] - - -sm__p_5 : Css.Style -sm__p_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 1.25) - ] - ] - - -sm__p_6 : Css.Style -sm__p_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 1.5) - ] - ] - - -sm__p_8 : Css.Style -sm__p_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 2) - ] - ] - - -sm__p_10 : Css.Style -sm__p_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 2.5) - ] - ] - - -sm__p_12 : Css.Style -sm__p_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 3) - ] - ] - - -sm__p_16 : Css.Style -sm__p_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 4) - ] - ] - - -sm__p_20 : Css.Style -sm__p_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 5) - ] - ] - - -sm__p_24 : Css.Style -sm__p_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 6) - ] - ] - - -sm__p_32 : Css.Style -sm__p_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 8) - ] - ] - - -sm__p_40 : Css.Style -sm__p_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 10) - ] - ] - - -sm__p_48 : Css.Style -sm__p_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 12) - ] - ] - - -sm__p_56 : Css.Style -sm__p_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 14) - ] - ] - - -sm__p_64 : Css.Style -sm__p_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.rem 16) - ] - ] - - -sm__p_px : Css.Style -sm__p_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.padding (Css.px 1) - ] - ] - - -sm__py_0 : Css.Style -sm__py_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.px 0) - , Css.paddingBottom (Css.px 0) - ] - ] - - -sm__px_0 : Css.Style -sm__px_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.px 0) - , Css.paddingRight (Css.px 0) - ] - ] - - -sm__py_1 : Css.Style -sm__py_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 0.25) - , Css.paddingBottom (Css.rem 0.25) - ] - ] - - -sm__px_1 : Css.Style -sm__px_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 0.25) - , Css.paddingRight (Css.rem 0.25) - ] - ] - - -sm__py_2 : Css.Style -sm__py_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 0.5) - , Css.paddingBottom (Css.rem 0.5) - ] - ] - - -sm__px_2 : Css.Style -sm__px_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 0.5) - , Css.paddingRight (Css.rem 0.5) - ] - ] - - -sm__py_3 : Css.Style -sm__py_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 0.75) - , Css.paddingBottom (Css.rem 0.75) - ] - ] - - -sm__px_3 : Css.Style -sm__px_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 0.75) - , Css.paddingRight (Css.rem 0.75) - ] - ] - - -sm__py_4 : Css.Style -sm__py_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 1) - , Css.paddingBottom (Css.rem 1) - ] - ] - - -sm__px_4 : Css.Style -sm__px_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 1) - , Css.paddingRight (Css.rem 1) - ] - ] - - -sm__py_5 : Css.Style -sm__py_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 1.25) - , Css.paddingBottom (Css.rem 1.25) - ] - ] - - -sm__px_5 : Css.Style -sm__px_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 1.25) - , Css.paddingRight (Css.rem 1.25) - ] - ] - - -sm__py_6 : Css.Style -sm__py_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 1.5) - , Css.paddingBottom (Css.rem 1.5) - ] - ] - - -sm__px_6 : Css.Style -sm__px_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 1.5) - , Css.paddingRight (Css.rem 1.5) - ] - ] - - -sm__py_8 : Css.Style -sm__py_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 2) - , Css.paddingBottom (Css.rem 2) - ] - ] - - -sm__px_8 : Css.Style -sm__px_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 2) - , Css.paddingRight (Css.rem 2) - ] - ] - - -sm__py_10 : Css.Style -sm__py_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 2.5) - , Css.paddingBottom (Css.rem 2.5) - ] - ] - - -sm__px_10 : Css.Style -sm__px_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 2.5) - , Css.paddingRight (Css.rem 2.5) - ] - ] - - -sm__py_12 : Css.Style -sm__py_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 3) - , Css.paddingBottom (Css.rem 3) - ] - ] - - -sm__px_12 : Css.Style -sm__px_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 3) - , Css.paddingRight (Css.rem 3) - ] - ] - - -sm__py_16 : Css.Style -sm__py_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 4) - , Css.paddingBottom (Css.rem 4) - ] - ] - - -sm__px_16 : Css.Style -sm__px_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 4) - , Css.paddingRight (Css.rem 4) - ] - ] - - -sm__py_20 : Css.Style -sm__py_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 5) - , Css.paddingBottom (Css.rem 5) - ] - ] - - -sm__px_20 : Css.Style -sm__px_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 5) - , Css.paddingRight (Css.rem 5) - ] - ] - - -sm__py_24 : Css.Style -sm__py_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 6) - , Css.paddingBottom (Css.rem 6) - ] - ] - - -sm__px_24 : Css.Style -sm__px_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 6) - , Css.paddingRight (Css.rem 6) - ] - ] - - -sm__py_32 : Css.Style -sm__py_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 8) - , Css.paddingBottom (Css.rem 8) - ] - ] - - -sm__px_32 : Css.Style -sm__px_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 8) - , Css.paddingRight (Css.rem 8) - ] - ] - - -sm__py_40 : Css.Style -sm__py_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 10) - , Css.paddingBottom (Css.rem 10) - ] - ] - - -sm__px_40 : Css.Style -sm__px_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 10) - , Css.paddingRight (Css.rem 10) - ] - ] - - -sm__py_48 : Css.Style -sm__py_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 12) - , Css.paddingBottom (Css.rem 12) - ] - ] - - -sm__px_48 : Css.Style -sm__px_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 12) - , Css.paddingRight (Css.rem 12) - ] - ] - - -sm__py_56 : Css.Style -sm__py_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 14) - , Css.paddingBottom (Css.rem 14) - ] - ] - - -sm__px_56 : Css.Style -sm__px_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 14) - , Css.paddingRight (Css.rem 14) - ] - ] - - -sm__py_64 : Css.Style -sm__py_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 16) - , Css.paddingBottom (Css.rem 16) - ] - ] - - -sm__px_64 : Css.Style -sm__px_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 16) - , Css.paddingRight (Css.rem 16) - ] - ] - - -sm__py_px : Css.Style -sm__py_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.px 1) - , Css.paddingBottom (Css.px 1) - ] - ] - - -sm__px_px : Css.Style -sm__px_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.px 1) - , Css.paddingRight (Css.px 1) - ] - ] - - -sm__pt_0 : Css.Style -sm__pt_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.px 0) - ] - ] - - -sm__pr_0 : Css.Style -sm__pr_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.px 0) - ] - ] - - -sm__pb_0 : Css.Style -sm__pb_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.px 0) - ] - ] - - -sm__pl_0 : Css.Style -sm__pl_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.px 0) - ] - ] - - -sm__pt_1 : Css.Style -sm__pt_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 0.25) - ] - ] - - -sm__pr_1 : Css.Style -sm__pr_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 0.25) - ] - ] - - -sm__pb_1 : Css.Style -sm__pb_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 0.25) - ] - ] - - -sm__pl_1 : Css.Style -sm__pl_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 0.25) - ] - ] - - -sm__pt_2 : Css.Style -sm__pt_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 0.5) - ] - ] - - -sm__pr_2 : Css.Style -sm__pr_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 0.5) - ] - ] - - -sm__pb_2 : Css.Style -sm__pb_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 0.5) - ] - ] - - -sm__pl_2 : Css.Style -sm__pl_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 0.5) - ] - ] - - -sm__pt_3 : Css.Style -sm__pt_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 0.75) - ] - ] - - -sm__pr_3 : Css.Style -sm__pr_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 0.75) - ] - ] - - -sm__pb_3 : Css.Style -sm__pb_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 0.75) - ] - ] - - -sm__pl_3 : Css.Style -sm__pl_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 0.75) - ] - ] - - -sm__pt_4 : Css.Style -sm__pt_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 1) - ] - ] - - -sm__pr_4 : Css.Style -sm__pr_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 1) - ] - ] - - -sm__pb_4 : Css.Style -sm__pb_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 1) - ] - ] - - -sm__pl_4 : Css.Style -sm__pl_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 1) - ] - ] - - -sm__pt_5 : Css.Style -sm__pt_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 1.25) - ] - ] - - -sm__pr_5 : Css.Style -sm__pr_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 1.25) - ] - ] - - -sm__pb_5 : Css.Style -sm__pb_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 1.25) - ] - ] - - -sm__pl_5 : Css.Style -sm__pl_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 1.25) - ] - ] - - -sm__pt_6 : Css.Style -sm__pt_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 1.5) - ] - ] - - -sm__pr_6 : Css.Style -sm__pr_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 1.5) - ] - ] - - -sm__pb_6 : Css.Style -sm__pb_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 1.5) - ] - ] - - -sm__pl_6 : Css.Style -sm__pl_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 1.5) - ] - ] - - -sm__pt_8 : Css.Style -sm__pt_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 2) - ] - ] - - -sm__pr_8 : Css.Style -sm__pr_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 2) - ] - ] - - -sm__pb_8 : Css.Style -sm__pb_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 2) - ] - ] - - -sm__pl_8 : Css.Style -sm__pl_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 2) - ] - ] - - -sm__pt_10 : Css.Style -sm__pt_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 2.5) - ] - ] - - -sm__pr_10 : Css.Style -sm__pr_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 2.5) - ] - ] - - -sm__pb_10 : Css.Style -sm__pb_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 2.5) - ] - ] - - -sm__pl_10 : Css.Style -sm__pl_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 2.5) - ] - ] - - -sm__pt_12 : Css.Style -sm__pt_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 3) - ] - ] - - -sm__pr_12 : Css.Style -sm__pr_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 3) - ] - ] - - -sm__pb_12 : Css.Style -sm__pb_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 3) - ] - ] - - -sm__pl_12 : Css.Style -sm__pl_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 3) - ] - ] - - -sm__pt_16 : Css.Style -sm__pt_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 4) - ] - ] - - -sm__pr_16 : Css.Style -sm__pr_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 4) - ] - ] - - -sm__pb_16 : Css.Style -sm__pb_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 4) - ] - ] - - -sm__pl_16 : Css.Style -sm__pl_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 4) - ] - ] - - -sm__pt_20 : Css.Style -sm__pt_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 5) - ] - ] - - -sm__pr_20 : Css.Style -sm__pr_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 5) - ] - ] - - -sm__pb_20 : Css.Style -sm__pb_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 5) - ] - ] - - -sm__pl_20 : Css.Style -sm__pl_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 5) - ] - ] - - -sm__pt_24 : Css.Style -sm__pt_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 6) - ] - ] - - -sm__pr_24 : Css.Style -sm__pr_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 6) - ] - ] - - -sm__pb_24 : Css.Style -sm__pb_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 6) - ] - ] - - -sm__pl_24 : Css.Style -sm__pl_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 6) - ] - ] - - -sm__pt_32 : Css.Style -sm__pt_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 8) - ] - ] - - -sm__pr_32 : Css.Style -sm__pr_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 8) - ] - ] - - -sm__pb_32 : Css.Style -sm__pb_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 8) - ] - ] - - -sm__pl_32 : Css.Style -sm__pl_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 8) - ] - ] - - -sm__pt_40 : Css.Style -sm__pt_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 10) - ] - ] - - -sm__pr_40 : Css.Style -sm__pr_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 10) - ] - ] - - -sm__pb_40 : Css.Style -sm__pb_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 10) - ] - ] - - -sm__pl_40 : Css.Style -sm__pl_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 10) - ] - ] - - -sm__pt_48 : Css.Style -sm__pt_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 12) - ] - ] - - -sm__pr_48 : Css.Style -sm__pr_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 12) - ] - ] - - -sm__pb_48 : Css.Style -sm__pb_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 12) - ] - ] - - -sm__pl_48 : Css.Style -sm__pl_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 12) - ] - ] - - -sm__pt_56 : Css.Style -sm__pt_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 14) - ] - ] - - -sm__pr_56 : Css.Style -sm__pr_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 14) - ] - ] - - -sm__pb_56 : Css.Style -sm__pb_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 14) - ] - ] - - -sm__pl_56 : Css.Style -sm__pl_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 14) - ] - ] - - -sm__pt_64 : Css.Style -sm__pt_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.rem 16) - ] - ] - - -sm__pr_64 : Css.Style -sm__pr_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.rem 16) - ] - ] - - -sm__pb_64 : Css.Style -sm__pb_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.rem 16) - ] - ] - - -sm__pl_64 : Css.Style -sm__pl_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.rem 16) - ] - ] - - -sm__pt_px : Css.Style -sm__pt_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingTop (Css.px 1) - ] - ] - - -sm__pr_px : Css.Style -sm__pr_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingRight (Css.px 1) - ] - ] - - -sm__pb_px : Css.Style -sm__pb_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingBottom (Css.px 1) - ] - ] - - -sm__pl_px : Css.Style -sm__pl_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.paddingLeft (Css.px 1) - ] - ] - - -sm__placeholder_transparent : Css.Style -sm__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color Css.transparent - ] - ] - - -sm__placeholder_current : Css.Style -sm__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color Css.currentColor - ] - ] - - -sm__placeholder_black : Css.Style -sm__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#000\\") - ] - ] - - -sm__placeholder_white : Css.Style -sm__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fff\\") - ] - ] - - -sm__placeholder_gray_100 : Css.Style -sm__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - - -sm__placeholder_gray_200 : Css.Style -sm__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - - -sm__placeholder_gray_300 : Css.Style -sm__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - - -sm__placeholder_gray_400 : Css.Style -sm__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - - -sm__placeholder_gray_500 : Css.Style -sm__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - - -sm__placeholder_gray_600 : Css.Style -sm__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#718096\\") - ] - ] - - -sm__placeholder_gray_700 : Css.Style -sm__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - - -sm__placeholder_gray_800 : Css.Style -sm__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - - -sm__placeholder_gray_900 : Css.Style -sm__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - - -sm__placeholder_red_100 : Css.Style -sm__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - - -sm__placeholder_red_200 : Css.Style -sm__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - - -sm__placeholder_red_300 : Css.Style -sm__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - - -sm__placeholder_red_400 : Css.Style -sm__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - - -sm__placeholder_red_500 : Css.Style -sm__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - - -sm__placeholder_red_600 : Css.Style -sm__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - - -sm__placeholder_red_700 : Css.Style -sm__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - - -sm__placeholder_red_800 : Css.Style -sm__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - - -sm__placeholder_red_900 : Css.Style -sm__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - - -sm__placeholder_orange_100 : Css.Style -sm__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - - -sm__placeholder_orange_200 : Css.Style -sm__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - - -sm__placeholder_orange_300 : Css.Style -sm__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - - -sm__placeholder_orange_400 : Css.Style -sm__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - - -sm__placeholder_orange_500 : Css.Style -sm__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - - -sm__placeholder_orange_600 : Css.Style -sm__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - - -sm__placeholder_orange_700 : Css.Style -sm__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - - -sm__placeholder_orange_800 : Css.Style -sm__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - - -sm__placeholder_orange_900 : Css.Style -sm__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - - -sm__placeholder_yellow_100 : Css.Style -sm__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - - -sm__placeholder_yellow_200 : Css.Style -sm__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - - -sm__placeholder_yellow_300 : Css.Style -sm__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - - -sm__placeholder_yellow_400 : Css.Style -sm__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - - -sm__placeholder_yellow_500 : Css.Style -sm__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - - -sm__placeholder_yellow_600 : Css.Style -sm__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - - -sm__placeholder_yellow_700 : Css.Style -sm__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - - -sm__placeholder_yellow_800 : Css.Style -sm__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - - -sm__placeholder_yellow_900 : Css.Style -sm__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#744210\\") - ] - ] - - -sm__placeholder_green_100 : Css.Style -sm__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - - -sm__placeholder_green_200 : Css.Style -sm__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - - -sm__placeholder_green_300 : Css.Style -sm__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - - -sm__placeholder_green_400 : Css.Style -sm__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - - -sm__placeholder_green_500 : Css.Style -sm__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - - -sm__placeholder_green_600 : Css.Style -sm__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - - -sm__placeholder_green_700 : Css.Style -sm__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - - -sm__placeholder_green_800 : Css.Style -sm__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#276749\\") - ] - ] - - -sm__placeholder_green_900 : Css.Style -sm__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - - -sm__placeholder_teal_100 : Css.Style -sm__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - - -sm__placeholder_teal_200 : Css.Style -sm__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - - -sm__placeholder_teal_300 : Css.Style -sm__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - - -sm__placeholder_teal_400 : Css.Style -sm__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - - -sm__placeholder_teal_500 : Css.Style -sm__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - - -sm__placeholder_teal_600 : Css.Style -sm__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#319795\\") - ] - ] - - -sm__placeholder_teal_700 : Css.Style -sm__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - - -sm__placeholder_teal_800 : Css.Style -sm__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - - -sm__placeholder_teal_900 : Css.Style -sm__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - - -sm__placeholder_blue_100 : Css.Style -sm__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - - -sm__placeholder_blue_200 : Css.Style -sm__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - - -sm__placeholder_blue_300 : Css.Style -sm__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - - -sm__placeholder_blue_400 : Css.Style -sm__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - - -sm__placeholder_blue_500 : Css.Style -sm__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - - -sm__placeholder_blue_600 : Css.Style -sm__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - - -sm__placeholder_blue_700 : Css.Style -sm__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - - -sm__placeholder_blue_800 : Css.Style -sm__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - - -sm__placeholder_blue_900 : Css.Style -sm__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - - -sm__placeholder_indigo_100 : Css.Style -sm__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - - -sm__placeholder_indigo_200 : Css.Style -sm__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - - -sm__placeholder_indigo_300 : Css.Style -sm__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - - -sm__placeholder_indigo_400 : Css.Style -sm__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - - -sm__placeholder_indigo_500 : Css.Style -sm__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - - -sm__placeholder_indigo_600 : Css.Style -sm__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - - -sm__placeholder_indigo_700 : Css.Style -sm__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - - -sm__placeholder_indigo_800 : Css.Style -sm__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#434190\\") - ] - ] - - -sm__placeholder_indigo_900 : Css.Style -sm__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - - -sm__placeholder_purple_100 : Css.Style -sm__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - - -sm__placeholder_purple_200 : Css.Style -sm__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - - -sm__placeholder_purple_300 : Css.Style -sm__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - - -sm__placeholder_purple_400 : Css.Style -sm__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - - -sm__placeholder_purple_500 : Css.Style -sm__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - - -sm__placeholder_purple_600 : Css.Style -sm__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - - -sm__placeholder_purple_700 : Css.Style -sm__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - - -sm__placeholder_purple_800 : Css.Style -sm__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - - -sm__placeholder_purple_900 : Css.Style -sm__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - - -sm__placeholder_pink_100 : Css.Style -sm__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - - -sm__placeholder_pink_200 : Css.Style -sm__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - - -sm__placeholder_pink_300 : Css.Style -sm__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - - -sm__placeholder_pink_400 : Css.Style -sm__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - - -sm__placeholder_pink_500 : Css.Style -sm__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - - -sm__placeholder_pink_600 : Css.Style -sm__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - - -sm__placeholder_pink_700 : Css.Style -sm__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - - -sm__placeholder_pink_800 : Css.Style -sm__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - - -sm__placeholder_pink_900 : Css.Style -sm__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#702459\\") - ] - ] - - -sm__focus__placeholder_transparent : Css.Style -sm__focus__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -sm__focus__placeholder_current : Css.Style -sm__focus__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -sm__focus__placeholder_black : Css.Style -sm__focus__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#000\\") - ] - ] - ] - - -sm__focus__placeholder_white : Css.Style -sm__focus__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff\\") - ] - ] - ] - - -sm__focus__placeholder_gray_100 : Css.Style -sm__focus__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -sm__focus__placeholder_gray_200 : Css.Style -sm__focus__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -sm__focus__placeholder_gray_300 : Css.Style -sm__focus__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -sm__focus__placeholder_gray_400 : Css.Style -sm__focus__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -sm__focus__placeholder_gray_500 : Css.Style -sm__focus__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -sm__focus__placeholder_gray_600 : Css.Style -sm__focus__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#718096\\") - ] - ] - ] - - -sm__focus__placeholder_gray_700 : Css.Style -sm__focus__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - ] - - -sm__focus__placeholder_gray_800 : Css.Style -sm__focus__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - ] - - -sm__focus__placeholder_gray_900 : Css.Style -sm__focus__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - ] - - -sm__focus__placeholder_red_100 : Css.Style -sm__focus__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -sm__focus__placeholder_red_200 : Css.Style -sm__focus__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -sm__focus__placeholder_red_300 : Css.Style -sm__focus__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -sm__focus__placeholder_red_400 : Css.Style -sm__focus__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - ] - - -sm__focus__placeholder_red_500 : Css.Style -sm__focus__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - ] - - -sm__focus__placeholder_red_600 : Css.Style -sm__focus__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -sm__focus__placeholder_red_700 : Css.Style -sm__focus__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - ] - - -sm__focus__placeholder_red_800 : Css.Style -sm__focus__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -sm__focus__placeholder_red_900 : Css.Style -sm__focus__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - ] - - -sm__focus__placeholder_orange_100 : Css.Style -sm__focus__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -sm__focus__placeholder_orange_200 : Css.Style -sm__focus__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - ] - - -sm__focus__placeholder_orange_300 : Css.Style -sm__focus__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -sm__focus__placeholder_orange_400 : Css.Style -sm__focus__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -sm__focus__placeholder_orange_500 : Css.Style -sm__focus__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - ] - - -sm__focus__placeholder_orange_600 : Css.Style -sm__focus__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -sm__focus__placeholder_orange_700 : Css.Style -sm__focus__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - ] - - -sm__focus__placeholder_orange_800 : Css.Style -sm__focus__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - ] - - -sm__focus__placeholder_orange_900 : Css.Style -sm__focus__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - ] - - -sm__focus__placeholder_yellow_100 : Css.Style -sm__focus__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - ] - - -sm__focus__placeholder_yellow_200 : Css.Style -sm__focus__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -sm__focus__placeholder_yellow_300 : Css.Style -sm__focus__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - ] - - -sm__focus__placeholder_yellow_400 : Css.Style -sm__focus__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -sm__focus__placeholder_yellow_500 : Css.Style -sm__focus__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -sm__focus__placeholder_yellow_600 : Css.Style -sm__focus__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -sm__focus__placeholder_yellow_700 : Css.Style -sm__focus__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - ] - - -sm__focus__placeholder_yellow_800 : Css.Style -sm__focus__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - ] - - -sm__focus__placeholder_yellow_900 : Css.Style -sm__focus__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#744210\\") - ] - ] - ] - - -sm__focus__placeholder_green_100 : Css.Style -sm__focus__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -sm__focus__placeholder_green_200 : Css.Style -sm__focus__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -sm__focus__placeholder_green_300 : Css.Style -sm__focus__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -sm__focus__placeholder_green_400 : Css.Style -sm__focus__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - ] - - -sm__focus__placeholder_green_500 : Css.Style -sm__focus__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - ] - - -sm__focus__placeholder_green_600 : Css.Style -sm__focus__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - ] - - -sm__focus__placeholder_green_700 : Css.Style -sm__focus__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - ] - - -sm__focus__placeholder_green_800 : Css.Style -sm__focus__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#276749\\") - ] - ] - ] - - -sm__focus__placeholder_green_900 : Css.Style -sm__focus__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - ] - - -sm__focus__placeholder_teal_100 : Css.Style -sm__focus__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -sm__focus__placeholder_teal_200 : Css.Style -sm__focus__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -sm__focus__placeholder_teal_300 : Css.Style -sm__focus__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -sm__focus__placeholder_teal_400 : Css.Style -sm__focus__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -sm__focus__placeholder_teal_500 : Css.Style -sm__focus__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -sm__focus__placeholder_teal_600 : Css.Style -sm__focus__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#319795\\") - ] - ] - ] - - -sm__focus__placeholder_teal_700 : Css.Style -sm__focus__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -sm__focus__placeholder_teal_800 : Css.Style -sm__focus__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - ] - - -sm__focus__placeholder_teal_900 : Css.Style -sm__focus__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - ] - - -sm__focus__placeholder_blue_100 : Css.Style -sm__focus__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -sm__focus__placeholder_blue_200 : Css.Style -sm__focus__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -sm__focus__placeholder_blue_300 : Css.Style -sm__focus__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -sm__focus__placeholder_blue_400 : Css.Style -sm__focus__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -sm__focus__placeholder_blue_500 : Css.Style -sm__focus__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - ] - - -sm__focus__placeholder_blue_600 : Css.Style -sm__focus__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - ] - - -sm__focus__placeholder_blue_700 : Css.Style -sm__focus__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -sm__focus__placeholder_blue_800 : Css.Style -sm__focus__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - ] - - -sm__focus__placeholder_blue_900 : Css.Style -sm__focus__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - ] - - -sm__focus__placeholder_indigo_100 : Css.Style -sm__focus__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -sm__focus__placeholder_indigo_200 : Css.Style -sm__focus__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -sm__focus__placeholder_indigo_300 : Css.Style -sm__focus__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -sm__focus__placeholder_indigo_400 : Css.Style -sm__focus__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -sm__focus__placeholder_indigo_500 : Css.Style -sm__focus__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - ] - - -sm__focus__placeholder_indigo_600 : Css.Style -sm__focus__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -sm__focus__placeholder_indigo_700 : Css.Style -sm__focus__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -sm__focus__placeholder_indigo_800 : Css.Style -sm__focus__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#434190\\") - ] - ] - ] - - -sm__focus__placeholder_indigo_900 : Css.Style -sm__focus__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - ] - - -sm__focus__placeholder_purple_100 : Css.Style -sm__focus__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -sm__focus__placeholder_purple_200 : Css.Style -sm__focus__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -sm__focus__placeholder_purple_300 : Css.Style -sm__focus__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -sm__focus__placeholder_purple_400 : Css.Style -sm__focus__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - ] - - -sm__focus__placeholder_purple_500 : Css.Style -sm__focus__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -sm__focus__placeholder_purple_600 : Css.Style -sm__focus__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - ] - - -sm__focus__placeholder_purple_700 : Css.Style -sm__focus__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -sm__focus__placeholder_purple_800 : Css.Style -sm__focus__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - ] - - -sm__focus__placeholder_purple_900 : Css.Style -sm__focus__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - ] - - -sm__focus__placeholder_pink_100 : Css.Style -sm__focus__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -sm__focus__placeholder_pink_200 : Css.Style -sm__focus__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -sm__focus__placeholder_pink_300 : Css.Style -sm__focus__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -sm__focus__placeholder_pink_400 : Css.Style -sm__focus__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - ] - - -sm__focus__placeholder_pink_500 : Css.Style -sm__focus__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -sm__focus__placeholder_pink_600 : Css.Style -sm__focus__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -sm__focus__placeholder_pink_700 : Css.Style -sm__focus__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - ] - - -sm__focus__placeholder_pink_800 : Css.Style -sm__focus__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - ] - - -sm__focus__placeholder_pink_900 : Css.Style -sm__focus__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#702459\\") - ] - ] - ] - - -sm__pointer_events_none : Css.Style -sm__pointer_events_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.pointerEvents Css.none - ] - ] - - -sm__pointer_events_auto : Css.Style -sm__pointer_events_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.pointerEvents Css.auto - ] - ] - - -sm__static : Css.Style -sm__static = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.position Css.static - ] - ] - - -sm__fixed : Css.Style -sm__fixed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.position Css.fixed - ] - ] - - -sm__absolute : Css.Style -sm__absolute = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.position Css.absolute - ] - ] - - -sm__relative : Css.Style -sm__relative = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.position Css.relative - ] - ] - - -sm__sticky : Css.Style -sm__sticky = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.position Css.sticky - ] - ] - - -sm__inset_0 : Css.Style -sm__inset_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.top (Css.px 0) - , Css.right (Css.px 0) - , Css.bottom (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -sm__inset_auto : Css.Style -sm__inset_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.top Css.auto - , Css.right Css.auto - , Css.bottom Css.auto - , Css.left Css.auto - ] - ] - - -sm__inset_y_0 : Css.Style -sm__inset_y_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.top (Css.px 0) - , Css.bottom (Css.px 0) - ] - ] - - -sm__inset_x_0 : Css.Style -sm__inset_x_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.right (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -sm__inset_y_auto : Css.Style -sm__inset_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.top Css.auto - , Css.bottom Css.auto - ] - ] - - -sm__inset_x_auto : Css.Style -sm__inset_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.right Css.auto - , Css.left Css.auto - ] - ] - - -sm__top_0 : Css.Style -sm__top_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.top (Css.px 0) - ] - ] - - -sm__right_0 : Css.Style -sm__right_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.right (Css.px 0) - ] - ] - - -sm__bottom_0 : Css.Style -sm__bottom_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.bottom (Css.px 0) - ] - ] - - -sm__left_0 : Css.Style -sm__left_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.left (Css.px 0) - ] - ] - - -sm__top_auto : Css.Style -sm__top_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.top Css.auto - ] - ] - - -sm__right_auto : Css.Style -sm__right_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.right Css.auto - ] - ] - - -sm__bottom_auto : Css.Style -sm__bottom_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.bottom Css.auto - ] - ] - - -sm__left_auto : Css.Style -sm__left_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.left Css.auto - ] - ] - - -sm__resize_none : Css.Style -sm__resize_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.resize Css.none - ] - ] - - -sm__resize_y : Css.Style -sm__resize_y = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.resize Css.vertical - ] - ] - - -sm__resize_x : Css.Style -sm__resize_x = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.resize Css.horizontal - ] - ] - - -sm__resize : Css.Style -sm__resize = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.resize Css.both - ] - ] - - -sm__shadow_xs : Css.Style -sm__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 0 0 1px rgba(0, 0, 0, 0.05)\\" - ] - ] - - -sm__shadow_sm : Css.Style -sm__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 1px 2px 0 rgba(0, 0, 0, 0.05)\\" - ] - ] - - -sm__shadow : Css.Style -sm__shadow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - - -sm__shadow_md : Css.Style -sm__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\\" - ] - ] - - -sm__shadow_lg : Css.Style -sm__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\\" - ] - ] - - -sm__shadow_xl : Css.Style -sm__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\\" - ] - ] - - -sm__shadow_2xl : Css.Style -sm__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 25px 50px -12px rgba(0, 0, 0, 0.25)\\" - ] - ] - - -sm__shadow_inner : Css.Style -sm__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"box-shadow\\" \\"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - - -sm__shadow_outline : Css.Style -sm__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 0 0 3px rgba(66, 153, 225, 0.5)\\" - ] - ] - - -sm__shadow_none : Css.Style -sm__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"box-shadow\\" \\"none\\" - ] - ] - - -sm__hover__shadow_xs : Css.Style -sm__hover__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 0 0 1px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -sm__hover__shadow_sm : Css.Style -sm__hover__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 1px 2px 0 rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -sm__hover__shadow : Css.Style -sm__hover__shadow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -sm__hover__shadow_md : Css.Style -sm__hover__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -sm__hover__shadow_lg : Css.Style -sm__hover__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -sm__hover__shadow_xl : Css.Style -sm__hover__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\\" - ] - ] - ] - - -sm__hover__shadow_2xl : Css.Style -sm__hover__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 25px 50px -12px rgba(0, 0, 0, 0.25)\\" - ] - ] - ] - - -sm__hover__shadow_inner : Css.Style -sm__hover__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -sm__hover__shadow_outline : Css.Style -sm__hover__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 0 0 3px rgba(66, 153, 225, 0.5)\\" - ] - ] - ] - - -sm__hover__shadow_none : Css.Style -sm__hover__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"none\\" - ] - ] - ] - - -sm__focus__shadow_xs : Css.Style -sm__focus__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 0 0 1px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -sm__focus__shadow_sm : Css.Style -sm__focus__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 1px 2px 0 rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -sm__focus__shadow : Css.Style -sm__focus__shadow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -sm__focus__shadow_md : Css.Style -sm__focus__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -sm__focus__shadow_lg : Css.Style -sm__focus__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -sm__focus__shadow_xl : Css.Style -sm__focus__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\\" - ] - ] - ] - - -sm__focus__shadow_2xl : Css.Style -sm__focus__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 25px 50px -12px rgba(0, 0, 0, 0.25)\\" - ] - ] - ] - - -sm__focus__shadow_inner : Css.Style -sm__focus__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -sm__focus__shadow_outline : Css.Style -sm__focus__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 0 0 3px rgba(66, 153, 225, 0.5)\\" - ] - ] - ] - - -sm__focus__shadow_none : Css.Style -sm__focus__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"none\\" - ] - ] - ] - - -sm__fill_current : Css.Style -sm__fill_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fill Css.currentColor - ] - ] - - -sm__stroke_current : Css.Style -sm__stroke_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"stroke\\" \\"currentColor\\" - ] - ] - - -sm__stroke_0 : Css.Style -sm__stroke_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"stroke-width\\" \\"0\\" - ] - ] - - -sm__stroke_1 : Css.Style -sm__stroke_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"stroke-width\\" \\"1\\" - ] - ] - - -sm__stroke_2 : Css.Style -sm__stroke_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"stroke-width\\" \\"2\\" - ] - ] - - -sm__table_auto : Css.Style -sm__table_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.tableLayout Css.auto - ] - ] - - -sm__table_fixed : Css.Style -sm__table_fixed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.tableLayout Css.fixed - ] - ] - - -sm__text_left : Css.Style -sm__text_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.textAlign Css.left - ] - ] - - -sm__text_center : Css.Style -sm__text_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.textAlign Css.center - ] - ] - - -sm__text_right : Css.Style -sm__text_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.textAlign Css.right - ] - ] - - -sm__text_justify : Css.Style -sm__text_justify = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.textAlign Css.justify - ] - ] - - -sm__text_transparent : Css.Style -sm__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color Css.transparent - ] - ] - - -sm__text_current : Css.Style -sm__text_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color Css.currentColor - ] - ] - - -sm__text_black : Css.Style -sm__text_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#000\\") - ] - ] - - -sm__text_white : Css.Style -sm__text_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fff\\") - ] - ] - - -sm__text_gray_100 : Css.Style -sm__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - - -sm__text_gray_200 : Css.Style -sm__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - - -sm__text_gray_300 : Css.Style -sm__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - - -sm__text_gray_400 : Css.Style -sm__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - - -sm__text_gray_500 : Css.Style -sm__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - - -sm__text_gray_600 : Css.Style -sm__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#718096\\") - ] - ] - - -sm__text_gray_700 : Css.Style -sm__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - - -sm__text_gray_800 : Css.Style -sm__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - - -sm__text_gray_900 : Css.Style -sm__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - - -sm__text_red_100 : Css.Style -sm__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - - -sm__text_red_200 : Css.Style -sm__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - - -sm__text_red_300 : Css.Style -sm__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - - -sm__text_red_400 : Css.Style -sm__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - - -sm__text_red_500 : Css.Style -sm__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - - -sm__text_red_600 : Css.Style -sm__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - - -sm__text_red_700 : Css.Style -sm__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - - -sm__text_red_800 : Css.Style -sm__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - - -sm__text_red_900 : Css.Style -sm__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - - -sm__text_orange_100 : Css.Style -sm__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - - -sm__text_orange_200 : Css.Style -sm__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - - -sm__text_orange_300 : Css.Style -sm__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - - -sm__text_orange_400 : Css.Style -sm__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - - -sm__text_orange_500 : Css.Style -sm__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - - -sm__text_orange_600 : Css.Style -sm__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - - -sm__text_orange_700 : Css.Style -sm__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - - -sm__text_orange_800 : Css.Style -sm__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - - -sm__text_orange_900 : Css.Style -sm__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - - -sm__text_yellow_100 : Css.Style -sm__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - - -sm__text_yellow_200 : Css.Style -sm__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - - -sm__text_yellow_300 : Css.Style -sm__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - - -sm__text_yellow_400 : Css.Style -sm__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - - -sm__text_yellow_500 : Css.Style -sm__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - - -sm__text_yellow_600 : Css.Style -sm__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - - -sm__text_yellow_700 : Css.Style -sm__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - - -sm__text_yellow_800 : Css.Style -sm__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - - -sm__text_yellow_900 : Css.Style -sm__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#744210\\") - ] - ] - - -sm__text_green_100 : Css.Style -sm__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - - -sm__text_green_200 : Css.Style -sm__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - - -sm__text_green_300 : Css.Style -sm__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - - -sm__text_green_400 : Css.Style -sm__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - - -sm__text_green_500 : Css.Style -sm__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - - -sm__text_green_600 : Css.Style -sm__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - - -sm__text_green_700 : Css.Style -sm__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - - -sm__text_green_800 : Css.Style -sm__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#276749\\") - ] - ] - - -sm__text_green_900 : Css.Style -sm__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - - -sm__text_teal_100 : Css.Style -sm__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - - -sm__text_teal_200 : Css.Style -sm__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - - -sm__text_teal_300 : Css.Style -sm__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - - -sm__text_teal_400 : Css.Style -sm__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - - -sm__text_teal_500 : Css.Style -sm__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - - -sm__text_teal_600 : Css.Style -sm__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#319795\\") - ] - ] - - -sm__text_teal_700 : Css.Style -sm__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - - -sm__text_teal_800 : Css.Style -sm__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - - -sm__text_teal_900 : Css.Style -sm__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - - -sm__text_blue_100 : Css.Style -sm__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - - -sm__text_blue_200 : Css.Style -sm__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - - -sm__text_blue_300 : Css.Style -sm__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - - -sm__text_blue_400 : Css.Style -sm__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - - -sm__text_blue_500 : Css.Style -sm__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - - -sm__text_blue_600 : Css.Style -sm__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - - -sm__text_blue_700 : Css.Style -sm__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - - -sm__text_blue_800 : Css.Style -sm__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - - -sm__text_blue_900 : Css.Style -sm__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - - -sm__text_indigo_100 : Css.Style -sm__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - - -sm__text_indigo_200 : Css.Style -sm__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - - -sm__text_indigo_300 : Css.Style -sm__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - - -sm__text_indigo_400 : Css.Style -sm__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - - -sm__text_indigo_500 : Css.Style -sm__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - - -sm__text_indigo_600 : Css.Style -sm__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - - -sm__text_indigo_700 : Css.Style -sm__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - - -sm__text_indigo_800 : Css.Style -sm__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#434190\\") - ] - ] - - -sm__text_indigo_900 : Css.Style -sm__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - - -sm__text_purple_100 : Css.Style -sm__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - - -sm__text_purple_200 : Css.Style -sm__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - - -sm__text_purple_300 : Css.Style -sm__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - - -sm__text_purple_400 : Css.Style -sm__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - - -sm__text_purple_500 : Css.Style -sm__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - - -sm__text_purple_600 : Css.Style -sm__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - - -sm__text_purple_700 : Css.Style -sm__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - - -sm__text_purple_800 : Css.Style -sm__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - - -sm__text_purple_900 : Css.Style -sm__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - - -sm__text_pink_100 : Css.Style -sm__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - - -sm__text_pink_200 : Css.Style -sm__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - - -sm__text_pink_300 : Css.Style -sm__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - - -sm__text_pink_400 : Css.Style -sm__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - - -sm__text_pink_500 : Css.Style -sm__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - - -sm__text_pink_600 : Css.Style -sm__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - - -sm__text_pink_700 : Css.Style -sm__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - - -sm__text_pink_800 : Css.Style -sm__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - - -sm__text_pink_900 : Css.Style -sm__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.color (Css.hex \\"#702459\\") - ] - ] - - -sm__hover__text_transparent : Css.Style -sm__hover__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color Css.transparent - ] - ] - ] - - -sm__hover__text_current : Css.Style -sm__hover__text_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color Css.currentColor - ] - ] - ] - - -sm__hover__text_black : Css.Style -sm__hover__text_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#000\\") - ] - ] - ] - - -sm__hover__text_white : Css.Style -sm__hover__text_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fff\\") - ] - ] - ] - - -sm__hover__text_gray_100 : Css.Style -sm__hover__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -sm__hover__text_gray_200 : Css.Style -sm__hover__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -sm__hover__text_gray_300 : Css.Style -sm__hover__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -sm__hover__text_gray_400 : Css.Style -sm__hover__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -sm__hover__text_gray_500 : Css.Style -sm__hover__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -sm__hover__text_gray_600 : Css.Style -sm__hover__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#718096\\") - ] - ] - ] - - -sm__hover__text_gray_700 : Css.Style -sm__hover__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - ] - - -sm__hover__text_gray_800 : Css.Style -sm__hover__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - ] - - -sm__hover__text_gray_900 : Css.Style -sm__hover__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - ] - - -sm__hover__text_red_100 : Css.Style -sm__hover__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -sm__hover__text_red_200 : Css.Style -sm__hover__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -sm__hover__text_red_300 : Css.Style -sm__hover__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -sm__hover__text_red_400 : Css.Style -sm__hover__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - ] - - -sm__hover__text_red_500 : Css.Style -sm__hover__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - ] - - -sm__hover__text_red_600 : Css.Style -sm__hover__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -sm__hover__text_red_700 : Css.Style -sm__hover__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - ] - - -sm__hover__text_red_800 : Css.Style -sm__hover__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -sm__hover__text_red_900 : Css.Style -sm__hover__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - ] - - -sm__hover__text_orange_100 : Css.Style -sm__hover__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -sm__hover__text_orange_200 : Css.Style -sm__hover__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - ] - - -sm__hover__text_orange_300 : Css.Style -sm__hover__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -sm__hover__text_orange_400 : Css.Style -sm__hover__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -sm__hover__text_orange_500 : Css.Style -sm__hover__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - ] - - -sm__hover__text_orange_600 : Css.Style -sm__hover__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -sm__hover__text_orange_700 : Css.Style -sm__hover__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - ] - - -sm__hover__text_orange_800 : Css.Style -sm__hover__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - ] - - -sm__hover__text_orange_900 : Css.Style -sm__hover__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - ] - - -sm__hover__text_yellow_100 : Css.Style -sm__hover__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - ] - - -sm__hover__text_yellow_200 : Css.Style -sm__hover__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -sm__hover__text_yellow_300 : Css.Style -sm__hover__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - ] - - -sm__hover__text_yellow_400 : Css.Style -sm__hover__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -sm__hover__text_yellow_500 : Css.Style -sm__hover__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -sm__hover__text_yellow_600 : Css.Style -sm__hover__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -sm__hover__text_yellow_700 : Css.Style -sm__hover__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - ] - - -sm__hover__text_yellow_800 : Css.Style -sm__hover__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - ] - - -sm__hover__text_yellow_900 : Css.Style -sm__hover__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#744210\\") - ] - ] - ] - - -sm__hover__text_green_100 : Css.Style -sm__hover__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -sm__hover__text_green_200 : Css.Style -sm__hover__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -sm__hover__text_green_300 : Css.Style -sm__hover__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -sm__hover__text_green_400 : Css.Style -sm__hover__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - ] - - -sm__hover__text_green_500 : Css.Style -sm__hover__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - ] - - -sm__hover__text_green_600 : Css.Style -sm__hover__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - ] - - -sm__hover__text_green_700 : Css.Style -sm__hover__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - ] - - -sm__hover__text_green_800 : Css.Style -sm__hover__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#276749\\") - ] - ] - ] - - -sm__hover__text_green_900 : Css.Style -sm__hover__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - ] - - -sm__hover__text_teal_100 : Css.Style -sm__hover__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -sm__hover__text_teal_200 : Css.Style -sm__hover__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -sm__hover__text_teal_300 : Css.Style -sm__hover__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -sm__hover__text_teal_400 : Css.Style -sm__hover__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -sm__hover__text_teal_500 : Css.Style -sm__hover__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -sm__hover__text_teal_600 : Css.Style -sm__hover__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#319795\\") - ] - ] - ] - - -sm__hover__text_teal_700 : Css.Style -sm__hover__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -sm__hover__text_teal_800 : Css.Style -sm__hover__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - ] - - -sm__hover__text_teal_900 : Css.Style -sm__hover__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - ] - - -sm__hover__text_blue_100 : Css.Style -sm__hover__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -sm__hover__text_blue_200 : Css.Style -sm__hover__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -sm__hover__text_blue_300 : Css.Style -sm__hover__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -sm__hover__text_blue_400 : Css.Style -sm__hover__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -sm__hover__text_blue_500 : Css.Style -sm__hover__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - ] - - -sm__hover__text_blue_600 : Css.Style -sm__hover__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - ] - - -sm__hover__text_blue_700 : Css.Style -sm__hover__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -sm__hover__text_blue_800 : Css.Style -sm__hover__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - ] - - -sm__hover__text_blue_900 : Css.Style -sm__hover__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - ] - - -sm__hover__text_indigo_100 : Css.Style -sm__hover__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -sm__hover__text_indigo_200 : Css.Style -sm__hover__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -sm__hover__text_indigo_300 : Css.Style -sm__hover__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -sm__hover__text_indigo_400 : Css.Style -sm__hover__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -sm__hover__text_indigo_500 : Css.Style -sm__hover__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - ] - - -sm__hover__text_indigo_600 : Css.Style -sm__hover__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -sm__hover__text_indigo_700 : Css.Style -sm__hover__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -sm__hover__text_indigo_800 : Css.Style -sm__hover__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#434190\\") - ] - ] - ] - - -sm__hover__text_indigo_900 : Css.Style -sm__hover__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - ] - - -sm__hover__text_purple_100 : Css.Style -sm__hover__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -sm__hover__text_purple_200 : Css.Style -sm__hover__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -sm__hover__text_purple_300 : Css.Style -sm__hover__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -sm__hover__text_purple_400 : Css.Style -sm__hover__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - ] - - -sm__hover__text_purple_500 : Css.Style -sm__hover__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -sm__hover__text_purple_600 : Css.Style -sm__hover__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - ] - - -sm__hover__text_purple_700 : Css.Style -sm__hover__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -sm__hover__text_purple_800 : Css.Style -sm__hover__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - ] - - -sm__hover__text_purple_900 : Css.Style -sm__hover__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - ] - - -sm__hover__text_pink_100 : Css.Style -sm__hover__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -sm__hover__text_pink_200 : Css.Style -sm__hover__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -sm__hover__text_pink_300 : Css.Style -sm__hover__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -sm__hover__text_pink_400 : Css.Style -sm__hover__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - ] - - -sm__hover__text_pink_500 : Css.Style -sm__hover__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -sm__hover__text_pink_600 : Css.Style -sm__hover__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -sm__hover__text_pink_700 : Css.Style -sm__hover__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - ] - - -sm__hover__text_pink_800 : Css.Style -sm__hover__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - ] - - -sm__hover__text_pink_900 : Css.Style -sm__hover__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#702459\\") - ] - ] - ] - - -sm__focus__text_transparent : Css.Style -sm__focus__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -sm__focus__text_current : Css.Style -sm__focus__text_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -sm__focus__text_black : Css.Style -sm__focus__text_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#000\\") - ] - ] - ] - - -sm__focus__text_white : Css.Style -sm__focus__text_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff\\") - ] - ] - ] - - -sm__focus__text_gray_100 : Css.Style -sm__focus__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -sm__focus__text_gray_200 : Css.Style -sm__focus__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -sm__focus__text_gray_300 : Css.Style -sm__focus__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -sm__focus__text_gray_400 : Css.Style -sm__focus__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -sm__focus__text_gray_500 : Css.Style -sm__focus__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -sm__focus__text_gray_600 : Css.Style -sm__focus__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#718096\\") - ] - ] - ] - - -sm__focus__text_gray_700 : Css.Style -sm__focus__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - ] - - -sm__focus__text_gray_800 : Css.Style -sm__focus__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - ] - - -sm__focus__text_gray_900 : Css.Style -sm__focus__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - ] - - -sm__focus__text_red_100 : Css.Style -sm__focus__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -sm__focus__text_red_200 : Css.Style -sm__focus__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -sm__focus__text_red_300 : Css.Style -sm__focus__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -sm__focus__text_red_400 : Css.Style -sm__focus__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - ] - - -sm__focus__text_red_500 : Css.Style -sm__focus__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - ] - - -sm__focus__text_red_600 : Css.Style -sm__focus__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -sm__focus__text_red_700 : Css.Style -sm__focus__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - ] - - -sm__focus__text_red_800 : Css.Style -sm__focus__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -sm__focus__text_red_900 : Css.Style -sm__focus__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - ] - - -sm__focus__text_orange_100 : Css.Style -sm__focus__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -sm__focus__text_orange_200 : Css.Style -sm__focus__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - ] - - -sm__focus__text_orange_300 : Css.Style -sm__focus__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -sm__focus__text_orange_400 : Css.Style -sm__focus__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -sm__focus__text_orange_500 : Css.Style -sm__focus__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - ] - - -sm__focus__text_orange_600 : Css.Style -sm__focus__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -sm__focus__text_orange_700 : Css.Style -sm__focus__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - ] - - -sm__focus__text_orange_800 : Css.Style -sm__focus__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - ] - - -sm__focus__text_orange_900 : Css.Style -sm__focus__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - ] - - -sm__focus__text_yellow_100 : Css.Style -sm__focus__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - ] - - -sm__focus__text_yellow_200 : Css.Style -sm__focus__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -sm__focus__text_yellow_300 : Css.Style -sm__focus__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - ] - - -sm__focus__text_yellow_400 : Css.Style -sm__focus__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -sm__focus__text_yellow_500 : Css.Style -sm__focus__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -sm__focus__text_yellow_600 : Css.Style -sm__focus__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -sm__focus__text_yellow_700 : Css.Style -sm__focus__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - ] - - -sm__focus__text_yellow_800 : Css.Style -sm__focus__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - ] - - -sm__focus__text_yellow_900 : Css.Style -sm__focus__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#744210\\") - ] - ] - ] - - -sm__focus__text_green_100 : Css.Style -sm__focus__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -sm__focus__text_green_200 : Css.Style -sm__focus__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -sm__focus__text_green_300 : Css.Style -sm__focus__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -sm__focus__text_green_400 : Css.Style -sm__focus__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - ] - - -sm__focus__text_green_500 : Css.Style -sm__focus__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - ] - - -sm__focus__text_green_600 : Css.Style -sm__focus__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - ] - - -sm__focus__text_green_700 : Css.Style -sm__focus__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - ] - - -sm__focus__text_green_800 : Css.Style -sm__focus__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#276749\\") - ] - ] - ] - - -sm__focus__text_green_900 : Css.Style -sm__focus__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - ] - - -sm__focus__text_teal_100 : Css.Style -sm__focus__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -sm__focus__text_teal_200 : Css.Style -sm__focus__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -sm__focus__text_teal_300 : Css.Style -sm__focus__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -sm__focus__text_teal_400 : Css.Style -sm__focus__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -sm__focus__text_teal_500 : Css.Style -sm__focus__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -sm__focus__text_teal_600 : Css.Style -sm__focus__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#319795\\") - ] - ] - ] - - -sm__focus__text_teal_700 : Css.Style -sm__focus__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -sm__focus__text_teal_800 : Css.Style -sm__focus__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - ] - - -sm__focus__text_teal_900 : Css.Style -sm__focus__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - ] - - -sm__focus__text_blue_100 : Css.Style -sm__focus__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -sm__focus__text_blue_200 : Css.Style -sm__focus__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -sm__focus__text_blue_300 : Css.Style -sm__focus__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -sm__focus__text_blue_400 : Css.Style -sm__focus__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -sm__focus__text_blue_500 : Css.Style -sm__focus__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - ] - - -sm__focus__text_blue_600 : Css.Style -sm__focus__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - ] - - -sm__focus__text_blue_700 : Css.Style -sm__focus__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -sm__focus__text_blue_800 : Css.Style -sm__focus__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - ] - - -sm__focus__text_blue_900 : Css.Style -sm__focus__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - ] - - -sm__focus__text_indigo_100 : Css.Style -sm__focus__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -sm__focus__text_indigo_200 : Css.Style -sm__focus__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -sm__focus__text_indigo_300 : Css.Style -sm__focus__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -sm__focus__text_indigo_400 : Css.Style -sm__focus__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -sm__focus__text_indigo_500 : Css.Style -sm__focus__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - ] - - -sm__focus__text_indigo_600 : Css.Style -sm__focus__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -sm__focus__text_indigo_700 : Css.Style -sm__focus__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -sm__focus__text_indigo_800 : Css.Style -sm__focus__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#434190\\") - ] - ] - ] - - -sm__focus__text_indigo_900 : Css.Style -sm__focus__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - ] - - -sm__focus__text_purple_100 : Css.Style -sm__focus__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -sm__focus__text_purple_200 : Css.Style -sm__focus__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -sm__focus__text_purple_300 : Css.Style -sm__focus__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -sm__focus__text_purple_400 : Css.Style -sm__focus__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - ] - - -sm__focus__text_purple_500 : Css.Style -sm__focus__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -sm__focus__text_purple_600 : Css.Style -sm__focus__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - ] - - -sm__focus__text_purple_700 : Css.Style -sm__focus__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -sm__focus__text_purple_800 : Css.Style -sm__focus__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - ] - - -sm__focus__text_purple_900 : Css.Style -sm__focus__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - ] - - -sm__focus__text_pink_100 : Css.Style -sm__focus__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -sm__focus__text_pink_200 : Css.Style -sm__focus__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -sm__focus__text_pink_300 : Css.Style -sm__focus__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -sm__focus__text_pink_400 : Css.Style -sm__focus__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - ] - - -sm__focus__text_pink_500 : Css.Style -sm__focus__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -sm__focus__text_pink_600 : Css.Style -sm__focus__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -sm__focus__text_pink_700 : Css.Style -sm__focus__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - ] - - -sm__focus__text_pink_800 : Css.Style -sm__focus__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - ] - - -sm__focus__text_pink_900 : Css.Style -sm__focus__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#702459\\") - ] - ] - ] - - -sm__italic : Css.Style -sm__italic = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontStyle Css.italic - ] - ] - - -sm__not_italic : Css.Style -sm__not_italic = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.fontStyle Css.normal - ] - ] - - -sm__uppercase : Css.Style -sm__uppercase = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.textTransform Css.uppercase - ] - ] - - -sm__lowercase : Css.Style -sm__lowercase = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.textTransform Css.lowercase - ] - ] - - -sm__capitalize : Css.Style -sm__capitalize = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.textTransform Css.capitalize - ] - ] - - -sm__normal_case : Css.Style -sm__normal_case = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.textTransform Css.none - ] - ] - - -sm__underline : Css.Style -sm__underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.textDecoration Css.underline - ] - ] - - -sm__line_through : Css.Style -sm__line_through = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.textDecoration Css.lineThrough - ] - ] - - -sm__no_underline : Css.Style -sm__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.textDecoration Css.none - ] - ] - - -sm__hover__underline : Css.Style -sm__hover__underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.textDecoration Css.underline - ] - ] - ] - - -sm__hover__line_through : Css.Style -sm__hover__line_through = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -sm__hover__no_underline : Css.Style -sm__hover__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.hover - [ Css.textDecoration Css.none - ] - ] - ] - - -sm__focus__underline : Css.Style -sm__focus__underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.textDecoration Css.underline - ] - ] - ] - - -sm__focus__line_through : Css.Style -sm__focus__line_through = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -sm__focus__no_underline : Css.Style -sm__focus__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.focus - [ Css.textDecoration Css.none - ] - ] - ] - - -sm__antialiased : Css.Style -sm__antialiased = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"-webkit-font-smoothing\\" \\"antialiased\\" - , Css.property \\"-moz-osx-font-smoothing\\" \\"grayscale\\" - ] - ] - - -sm__subpixel_antialiased : Css.Style -sm__subpixel_antialiased = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"-webkit-font-smoothing\\" \\"auto\\" - , Css.property \\"-moz-osx-font-smoothing\\" \\"auto\\" - ] - ] - - -sm__tracking_tighter : Css.Style -sm__tracking_tighter = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.letterSpacing (Css.em -0.05) - ] - ] - - -sm__tracking_tight : Css.Style -sm__tracking_tight = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.letterSpacing (Css.em -0.025) - ] - ] - - -sm__tracking_normal : Css.Style -sm__tracking_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.letterSpacing (Css.px 0) - ] - ] - - -sm__tracking_wide : Css.Style -sm__tracking_wide = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.letterSpacing (Css.em 0.025) - ] - ] - - -sm__tracking_wider : Css.Style -sm__tracking_wider = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.letterSpacing (Css.em 0.05) - ] - ] - - -sm__tracking_widest : Css.Style -sm__tracking_widest = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.letterSpacing (Css.em 0.1) - ] - ] - - -sm__select_none : Css.Style -sm__select_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"user-select\\" \\"none\\" - ] - ] - - -sm__select_text : Css.Style -sm__select_text = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"user-select\\" \\"text\\" - ] - ] - - -sm__select_all : Css.Style -sm__select_all = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"user-select\\" \\"all\\" - ] - ] - - -sm__select_auto : Css.Style -sm__select_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"user-select\\" \\"auto\\" - ] - ] - - -sm__align_baseline : Css.Style -sm__align_baseline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.verticalAlign Css.baseline - ] - ] - - -sm__align_top : Css.Style -sm__align_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.verticalAlign Css.top - ] - ] - - -sm__align_middle : Css.Style -sm__align_middle = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.verticalAlign Css.middle - ] - ] - - -sm__align_bottom : Css.Style -sm__align_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.verticalAlign Css.bottom - ] - ] - - -sm__align_text_top : Css.Style -sm__align_text_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.verticalAlign Css.textTop - ] - ] - - -sm__align_text_bottom : Css.Style -sm__align_text_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.verticalAlign Css.textBottom - ] - ] - - -sm__visible : Css.Style -sm__visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.visibility Css.visible - ] - ] - - -sm__invisible : Css.Style -sm__invisible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.visibility Css.hidden - ] - ] - - -sm__whitespace_normal : Css.Style -sm__whitespace_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.whiteSpace Css.normal - ] - ] - - -sm__whitespace_no_wrap : Css.Style -sm__whitespace_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.whiteSpace Css.noWrap - ] - ] - - -sm__whitespace_pre : Css.Style -sm__whitespace_pre = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.whiteSpace Css.pre - ] - ] - - -sm__whitespace_pre_line : Css.Style -sm__whitespace_pre_line = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.whiteSpace Css.preLine - ] - ] - - -sm__whitespace_pre_wrap : Css.Style -sm__whitespace_pre_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.whiteSpace Css.preWrap - ] - ] - - -sm__break_normal : Css.Style -sm__break_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflowWrap Css.normal - , Css.property \\"word-break\\" \\"normal\\" - ] - ] - - -sm__break_words : Css.Style -sm__break_words = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflowWrap Css.breakWord - ] - ] - - -sm__break_all : Css.Style -sm__break_all = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"word-break\\" \\"break-all\\" - ] - ] - - -sm__truncate : Css.Style -sm__truncate = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.overflow Css.hidden - , Css.textOverflow Css.ellipsis - , Css.whiteSpace Css.noWrap - ] - ] - - -sm__w_0 : Css.Style -sm__w_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.px 0) - ] - ] - - -sm__w_1 : Css.Style -sm__w_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 0.25) - ] - ] - - -sm__w_2 : Css.Style -sm__w_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 0.5) - ] - ] - - -sm__w_3 : Css.Style -sm__w_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 0.75) - ] - ] - - -sm__w_4 : Css.Style -sm__w_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 1) - ] - ] - - -sm__w_5 : Css.Style -sm__w_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 1.25) - ] - ] - - -sm__w_6 : Css.Style -sm__w_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 1.5) - ] - ] - - -sm__w_8 : Css.Style -sm__w_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 2) - ] - ] - - -sm__w_10 : Css.Style -sm__w_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 2.5) - ] - ] - - -sm__w_12 : Css.Style -sm__w_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 3) - ] - ] - - -sm__w_16 : Css.Style -sm__w_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 4) - ] - ] - - -sm__w_20 : Css.Style -sm__w_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 5) - ] - ] - - -sm__w_24 : Css.Style -sm__w_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 6) - ] - ] - - -sm__w_32 : Css.Style -sm__w_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 8) - ] - ] - - -sm__w_40 : Css.Style -sm__w_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 10) - ] - ] - - -sm__w_48 : Css.Style -sm__w_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 12) - ] - ] - - -sm__w_56 : Css.Style -sm__w_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 14) - ] - ] - - -sm__w_64 : Css.Style -sm__w_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.rem 16) - ] - ] - - -sm__w_auto : Css.Style -sm__w_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width Css.auto - ] - ] - - -sm__w_px : Css.Style -sm__w_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.px 1) - ] - ] - - -sm__w_1over2 : Css.Style -sm__w_1over2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -sm__w_1over3 : Css.Style -sm__w_1over3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -sm__w_2over3 : Css.Style -sm__w_2over3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -sm__w_1over4 : Css.Style -sm__w_1over4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 25) - ] - ] - - -sm__w_2over4 : Css.Style -sm__w_2over4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -sm__w_3over4 : Css.Style -sm__w_3over4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 75) - ] - ] - - -sm__w_1over5 : Css.Style -sm__w_1over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 20) - ] - ] - - -sm__w_2over5 : Css.Style -sm__w_2over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 40) - ] - ] - - -sm__w_3over5 : Css.Style -sm__w_3over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 60) - ] - ] - - -sm__w_4over5 : Css.Style -sm__w_4over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 80) - ] - ] - - -sm__w_1over6 : Css.Style -sm__w_1over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -sm__w_2over6 : Css.Style -sm__w_2over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -sm__w_3over6 : Css.Style -sm__w_3over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -sm__w_4over6 : Css.Style -sm__w_4over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -sm__w_5over6 : Css.Style -sm__w_5over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -sm__w_1over12 : Css.Style -sm__w_1over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 8.333333) - ] - ] - - -sm__w_2over12 : Css.Style -sm__w_2over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -sm__w_3over12 : Css.Style -sm__w_3over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 25) - ] - ] - - -sm__w_4over12 : Css.Style -sm__w_4over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -sm__w_5over12 : Css.Style -sm__w_5over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 41.666667) - ] - ] - - -sm__w_6over12 : Css.Style -sm__w_6over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -sm__w_7over12 : Css.Style -sm__w_7over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 58.333333) - ] - ] - - -sm__w_8over12 : Css.Style -sm__w_8over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -sm__w_9over12 : Css.Style -sm__w_9over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 75) - ] - ] - - -sm__w_10over12 : Css.Style -sm__w_10over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -sm__w_11over12 : Css.Style -sm__w_11over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 91.666667) - ] - ] - - -sm__w_full : Css.Style -sm__w_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.pct 100) - ] - ] - - -sm__w_screen : Css.Style -sm__w_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.width (Css.vw 100) - ] - ] - - -sm__z_0 : Css.Style -sm__z_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.zIndex (Css.int 0) - ] - ] - - -sm__z_10 : Css.Style -sm__z_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.zIndex (Css.int 10) - ] - ] - - -sm__z_20 : Css.Style -sm__z_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.zIndex (Css.int 20) - ] - ] - - -sm__z_30 : Css.Style -sm__z_30 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.zIndex (Css.int 30) - ] - ] - - -sm__z_40 : Css.Style -sm__z_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.zIndex (Css.int 40) - ] - ] - - -sm__z_50 : Css.Style -sm__z_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.zIndex (Css.int 50) - ] - ] - - -sm__z_auto : Css.Style -sm__z_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.zIndex Css.auto - ] - ] - - -sm__transform_none : Css.Style -sm__transform_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.transform Css.none - ] - ] - - -sm__origin_center : Css.Style -sm__origin_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"transform-origin\\" \\"center\\" - ] - ] - - -sm__origin_top : Css.Style -sm__origin_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"transform-origin\\" \\"top\\" - ] - ] - - -sm__origin_top_right : Css.Style -sm__origin_top_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"transform-origin\\" \\"top right\\" - ] - ] - - -sm__origin_right : Css.Style -sm__origin_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"transform-origin\\" \\"right\\" - ] - ] - - -sm__origin_bottom_right : Css.Style -sm__origin_bottom_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"transform-origin\\" \\"bottom right\\" - ] - ] - - -sm__origin_bottom : Css.Style -sm__origin_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"transform-origin\\" \\"bottom\\" - ] - ] - - -sm__origin_bottom_left : Css.Style -sm__origin_bottom_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"transform-origin\\" \\"bottom left\\" - ] - ] - - -sm__origin_left : Css.Style -sm__origin_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"transform-origin\\" \\"left\\" - ] - ] - - -sm__origin_top_left : Css.Style -sm__origin_top_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 640px)\\" ] - [ Css.property \\"transform-origin\\" \\"top left\\" - ] - ] - - -md__container : Css.Style -md__container = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 100) - , Css.maxWidth (Css.px 640) - , Css.maxWidth (Css.px 768) - , Css.maxWidth (Css.px 1024) - , Css.maxWidth (Css.px 1280) - ] - ] - - -md__divide_transparent : Css.Style -md__divide_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor Css.transparent - ] - ] - - -md__divide_current : Css.Style -md__divide_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor Css.currentColor - ] - ] - - -md__divide_black : Css.Style -md__divide_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - - -md__divide_white : Css.Style -md__divide_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - - -md__divide_gray_100 : Css.Style -md__divide_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - - -md__divide_gray_200 : Css.Style -md__divide_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - - -md__divide_gray_300 : Css.Style -md__divide_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - - -md__divide_gray_400 : Css.Style -md__divide_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - - -md__divide_gray_500 : Css.Style -md__divide_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - - -md__divide_gray_600 : Css.Style -md__divide_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - - -md__divide_gray_700 : Css.Style -md__divide_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - - -md__divide_gray_800 : Css.Style -md__divide_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - - -md__divide_gray_900 : Css.Style -md__divide_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - - -md__divide_red_100 : Css.Style -md__divide_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - - -md__divide_red_200 : Css.Style -md__divide_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - - -md__divide_red_300 : Css.Style -md__divide_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - - -md__divide_red_400 : Css.Style -md__divide_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - - -md__divide_red_500 : Css.Style -md__divide_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - - -md__divide_red_600 : Css.Style -md__divide_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - - -md__divide_red_700 : Css.Style -md__divide_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - - -md__divide_red_800 : Css.Style -md__divide_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - - -md__divide_red_900 : Css.Style -md__divide_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - - -md__divide_orange_100 : Css.Style -md__divide_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - - -md__divide_orange_200 : Css.Style -md__divide_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - - -md__divide_orange_300 : Css.Style -md__divide_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - - -md__divide_orange_400 : Css.Style -md__divide_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - - -md__divide_orange_500 : Css.Style -md__divide_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - - -md__divide_orange_600 : Css.Style -md__divide_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - - -md__divide_orange_700 : Css.Style -md__divide_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - - -md__divide_orange_800 : Css.Style -md__divide_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - - -md__divide_orange_900 : Css.Style -md__divide_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - - -md__divide_yellow_100 : Css.Style -md__divide_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - - -md__divide_yellow_200 : Css.Style -md__divide_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - - -md__divide_yellow_300 : Css.Style -md__divide_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - - -md__divide_yellow_400 : Css.Style -md__divide_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - - -md__divide_yellow_500 : Css.Style -md__divide_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - - -md__divide_yellow_600 : Css.Style -md__divide_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - - -md__divide_yellow_700 : Css.Style -md__divide_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - - -md__divide_yellow_800 : Css.Style -md__divide_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - - -md__divide_yellow_900 : Css.Style -md__divide_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - - -md__divide_green_100 : Css.Style -md__divide_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - - -md__divide_green_200 : Css.Style -md__divide_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - - -md__divide_green_300 : Css.Style -md__divide_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - - -md__divide_green_400 : Css.Style -md__divide_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - - -md__divide_green_500 : Css.Style -md__divide_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - - -md__divide_green_600 : Css.Style -md__divide_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - - -md__divide_green_700 : Css.Style -md__divide_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - - -md__divide_green_800 : Css.Style -md__divide_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - - -md__divide_green_900 : Css.Style -md__divide_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - - -md__divide_teal_100 : Css.Style -md__divide_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - - -md__divide_teal_200 : Css.Style -md__divide_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - - -md__divide_teal_300 : Css.Style -md__divide_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - - -md__divide_teal_400 : Css.Style -md__divide_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - - -md__divide_teal_500 : Css.Style -md__divide_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - - -md__divide_teal_600 : Css.Style -md__divide_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - - -md__divide_teal_700 : Css.Style -md__divide_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - - -md__divide_teal_800 : Css.Style -md__divide_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - - -md__divide_teal_900 : Css.Style -md__divide_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - - -md__divide_blue_100 : Css.Style -md__divide_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - - -md__divide_blue_200 : Css.Style -md__divide_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - - -md__divide_blue_300 : Css.Style -md__divide_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - - -md__divide_blue_400 : Css.Style -md__divide_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - - -md__divide_blue_500 : Css.Style -md__divide_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - - -md__divide_blue_600 : Css.Style -md__divide_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - - -md__divide_blue_700 : Css.Style -md__divide_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - - -md__divide_blue_800 : Css.Style -md__divide_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - - -md__divide_blue_900 : Css.Style -md__divide_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - - -md__divide_indigo_100 : Css.Style -md__divide_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - - -md__divide_indigo_200 : Css.Style -md__divide_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - - -md__divide_indigo_300 : Css.Style -md__divide_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - - -md__divide_indigo_400 : Css.Style -md__divide_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - - -md__divide_indigo_500 : Css.Style -md__divide_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - - -md__divide_indigo_600 : Css.Style -md__divide_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - - -md__divide_indigo_700 : Css.Style -md__divide_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - - -md__divide_indigo_800 : Css.Style -md__divide_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - - -md__divide_indigo_900 : Css.Style -md__divide_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - - -md__divide_purple_100 : Css.Style -md__divide_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - - -md__divide_purple_200 : Css.Style -md__divide_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - - -md__divide_purple_300 : Css.Style -md__divide_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - - -md__divide_purple_400 : Css.Style -md__divide_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - - -md__divide_purple_500 : Css.Style -md__divide_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - - -md__divide_purple_600 : Css.Style -md__divide_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - - -md__divide_purple_700 : Css.Style -md__divide_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - - -md__divide_purple_800 : Css.Style -md__divide_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - - -md__divide_purple_900 : Css.Style -md__divide_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - - -md__divide_pink_100 : Css.Style -md__divide_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - - -md__divide_pink_200 : Css.Style -md__divide_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - - -md__divide_pink_300 : Css.Style -md__divide_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - - -md__divide_pink_400 : Css.Style -md__divide_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - - -md__divide_pink_500 : Css.Style -md__divide_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - - -md__divide_pink_600 : Css.Style -md__divide_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - - -md__divide_pink_700 : Css.Style -md__divide_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - - -md__divide_pink_800 : Css.Style -md__divide_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - - -md__divide_pink_900 : Css.Style -md__divide_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - - -md__sr_only : Css.Style -md__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property \\"clip\\" \\"rect(0, 0, 0, 0)\\" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - - -md__not_sr_only : Css.Style -md__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property \\"clip\\" \\"auto\\" - , Css.whiteSpace Css.normal - ] - ] - - -md__focus__sr_only : Css.Style -md__focus__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property \\"clip\\" \\"rect(0, 0, 0, 0)\\" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - ] - - -md__focus__not_sr_only : Css.Style -md__focus__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property \\"clip\\" \\"auto\\" - , Css.whiteSpace Css.normal - ] - ] - ] - - -md__appearance_none : Css.Style -md__appearance_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"appearance\\" \\"none\\" - ] - ] - - -md__bg_fixed : Css.Style -md__bg_fixed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundAttachment Css.fixed - ] - ] - - -md__bg_local : Css.Style -md__bg_local = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundAttachment Css.local - ] - ] - - -md__bg_scroll : Css.Style -md__bg_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundAttachment Css.scroll - ] - ] - - -md__bg_transparent : Css.Style -md__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor Css.transparent - ] - ] - - -md__bg_current : Css.Style -md__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor Css.currentColor - ] - ] - - -md__bg_black : Css.Style -md__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#000\\") - ] - ] - - -md__bg_white : Css.Style -md__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fff\\") - ] - ] - - -md__bg_gray_100 : Css.Style -md__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f7fafc\\") - ] - ] - - -md__bg_gray_200 : Css.Style -md__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#edf2f7\\") - ] - ] - - -md__bg_gray_300 : Css.Style -md__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e2e8f0\\") - ] - ] - - -md__bg_gray_400 : Css.Style -md__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#cbd5e0\\") - ] - ] - - -md__bg_gray_500 : Css.Style -md__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#a0aec0\\") - ] - ] - - -md__bg_gray_600 : Css.Style -md__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#718096\\") - ] - ] - - -md__bg_gray_700 : Css.Style -md__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4a5568\\") - ] - ] - - -md__bg_gray_800 : Css.Style -md__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2d3748\\") - ] - ] - - -md__bg_gray_900 : Css.Style -md__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#1a202c\\") - ] - ] - - -md__bg_red_100 : Css.Style -md__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fff5f5\\") - ] - ] - - -md__bg_red_200 : Css.Style -md__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fed7d7\\") - ] - ] - - -md__bg_red_300 : Css.Style -md__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#feb2b2\\") - ] - ] - - -md__bg_red_400 : Css.Style -md__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fc8181\\") - ] - ] - - -md__bg_red_500 : Css.Style -md__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f56565\\") - ] - ] - - -md__bg_red_600 : Css.Style -md__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e53e3e\\") - ] - ] - - -md__bg_red_700 : Css.Style -md__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c53030\\") - ] - ] - - -md__bg_red_800 : Css.Style -md__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9b2c2c\\") - ] - ] - - -md__bg_red_900 : Css.Style -md__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#742a2a\\") - ] - ] - - -md__bg_orange_100 : Css.Style -md__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fffaf0\\") - ] - ] - - -md__bg_orange_200 : Css.Style -md__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#feebc8\\") - ] - ] - - -md__bg_orange_300 : Css.Style -md__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fbd38d\\") - ] - ] - - -md__bg_orange_400 : Css.Style -md__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f6ad55\\") - ] - ] - - -md__bg_orange_500 : Css.Style -md__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ed8936\\") - ] - ] - - -md__bg_orange_600 : Css.Style -md__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#dd6b20\\") - ] - ] - - -md__bg_orange_700 : Css.Style -md__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c05621\\") - ] - ] - - -md__bg_orange_800 : Css.Style -md__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9c4221\\") - ] - ] - - -md__bg_orange_900 : Css.Style -md__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#7b341e\\") - ] - ] - - -md__bg_yellow_100 : Css.Style -md__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fffff0\\") - ] - ] - - -md__bg_yellow_200 : Css.Style -md__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fefcbf\\") - ] - ] - - -md__bg_yellow_300 : Css.Style -md__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#faf089\\") - ] - ] - - -md__bg_yellow_400 : Css.Style -md__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f6e05e\\") - ] - ] - - -md__bg_yellow_500 : Css.Style -md__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ecc94b\\") - ] - ] - - -md__bg_yellow_600 : Css.Style -md__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#d69e2e\\") - ] - ] - - -md__bg_yellow_700 : Css.Style -md__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b7791f\\") - ] - ] - - -md__bg_yellow_800 : Css.Style -md__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#975a16\\") - ] - ] - - -md__bg_yellow_900 : Css.Style -md__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#744210\\") - ] - ] - - -md__bg_green_100 : Css.Style -md__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f0fff4\\") - ] - ] - - -md__bg_green_200 : Css.Style -md__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c6f6d5\\") - ] - ] - - -md__bg_green_300 : Css.Style -md__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9ae6b4\\") - ] - ] - - -md__bg_green_400 : Css.Style -md__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#68d391\\") - ] - ] - - -md__bg_green_500 : Css.Style -md__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#48bb78\\") - ] - ] - - -md__bg_green_600 : Css.Style -md__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#38a169\\") - ] - ] - - -md__bg_green_700 : Css.Style -md__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2f855a\\") - ] - ] - - -md__bg_green_800 : Css.Style -md__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#276749\\") - ] - ] - - -md__bg_green_900 : Css.Style -md__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#22543d\\") - ] - ] - - -md__bg_teal_100 : Css.Style -md__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e6fffa\\") - ] - ] - - -md__bg_teal_200 : Css.Style -md__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b2f5ea\\") - ] - ] - - -md__bg_teal_300 : Css.Style -md__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#81e6d9\\") - ] - ] - - -md__bg_teal_400 : Css.Style -md__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4fd1c5\\") - ] - ] - - -md__bg_teal_500 : Css.Style -md__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#38b2ac\\") - ] - ] - - -md__bg_teal_600 : Css.Style -md__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#319795\\") - ] - ] - - -md__bg_teal_700 : Css.Style -md__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2c7a7b\\") - ] - ] - - -md__bg_teal_800 : Css.Style -md__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#285e61\\") - ] - ] - - -md__bg_teal_900 : Css.Style -md__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#234e52\\") - ] - ] - - -md__bg_blue_100 : Css.Style -md__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ebf8ff\\") - ] - ] - - -md__bg_blue_200 : Css.Style -md__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#bee3f8\\") - ] - ] - - -md__bg_blue_300 : Css.Style -md__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#90cdf4\\") - ] - ] - - -md__bg_blue_400 : Css.Style -md__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#63b3ed\\") - ] - ] - - -md__bg_blue_500 : Css.Style -md__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4299e1\\") - ] - ] - - -md__bg_blue_600 : Css.Style -md__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#3182ce\\") - ] - ] - - -md__bg_blue_700 : Css.Style -md__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2b6cb0\\") - ] - ] - - -md__bg_blue_800 : Css.Style -md__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2c5282\\") - ] - ] - - -md__bg_blue_900 : Css.Style -md__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2a4365\\") - ] - ] - - -md__bg_indigo_100 : Css.Style -md__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ebf4ff\\") - ] - ] - - -md__bg_indigo_200 : Css.Style -md__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c3dafe\\") - ] - ] - - -md__bg_indigo_300 : Css.Style -md__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#a3bffa\\") - ] - ] - - -md__bg_indigo_400 : Css.Style -md__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#7f9cf5\\") - ] - ] - - -md__bg_indigo_500 : Css.Style -md__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#667eea\\") - ] - ] - - -md__bg_indigo_600 : Css.Style -md__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#5a67d8\\") - ] - ] - - -md__bg_indigo_700 : Css.Style -md__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4c51bf\\") - ] - ] - - -md__bg_indigo_800 : Css.Style -md__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#434190\\") - ] - ] - - -md__bg_indigo_900 : Css.Style -md__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#3c366b\\") - ] - ] - - -md__bg_purple_100 : Css.Style -md__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#faf5ff\\") - ] - ] - - -md__bg_purple_200 : Css.Style -md__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e9d8fd\\") - ] - ] - - -md__bg_purple_300 : Css.Style -md__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#d6bcfa\\") - ] - ] - - -md__bg_purple_400 : Css.Style -md__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b794f4\\") - ] - ] - - -md__bg_purple_500 : Css.Style -md__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9f7aea\\") - ] - ] - - -md__bg_purple_600 : Css.Style -md__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#805ad5\\") - ] - ] - - -md__bg_purple_700 : Css.Style -md__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#6b46c1\\") - ] - ] - - -md__bg_purple_800 : Css.Style -md__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#553c9a\\") - ] - ] - - -md__bg_purple_900 : Css.Style -md__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#44337a\\") - ] - ] - - -md__bg_pink_100 : Css.Style -md__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fff5f7\\") - ] - ] - - -md__bg_pink_200 : Css.Style -md__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fed7e2\\") - ] - ] - - -md__bg_pink_300 : Css.Style -md__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fbb6ce\\") - ] - ] - - -md__bg_pink_400 : Css.Style -md__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f687b3\\") - ] - ] - - -md__bg_pink_500 : Css.Style -md__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ed64a6\\") - ] - ] - - -md__bg_pink_600 : Css.Style -md__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#d53f8c\\") - ] - ] - - -md__bg_pink_700 : Css.Style -md__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b83280\\") - ] - ] - - -md__bg_pink_800 : Css.Style -md__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#97266d\\") - ] - ] - - -md__bg_pink_900 : Css.Style -md__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundColor (Css.hex \\"#702459\\") - ] - ] - - -md__hover__bg_transparent : Css.Style -md__hover__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -md__hover__bg_current : Css.Style -md__hover__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -md__hover__bg_black : Css.Style -md__hover__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#000\\") - ] - ] - ] - - -md__hover__bg_white : Css.Style -md__hover__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fff\\") - ] - ] - ] - - -md__hover__bg_gray_100 : Css.Style -md__hover__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -md__hover__bg_gray_200 : Css.Style -md__hover__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -md__hover__bg_gray_300 : Css.Style -md__hover__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -md__hover__bg_gray_400 : Css.Style -md__hover__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -md__hover__bg_gray_500 : Css.Style -md__hover__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -md__hover__bg_gray_600 : Css.Style -md__hover__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#718096\\") - ] - ] - ] - - -md__hover__bg_gray_700 : Css.Style -md__hover__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -md__hover__bg_gray_800 : Css.Style -md__hover__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -md__hover__bg_gray_900 : Css.Style -md__hover__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -md__hover__bg_red_100 : Css.Style -md__hover__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -md__hover__bg_red_200 : Css.Style -md__hover__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -md__hover__bg_red_300 : Css.Style -md__hover__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -md__hover__bg_red_400 : Css.Style -md__hover__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -md__hover__bg_red_500 : Css.Style -md__hover__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -md__hover__bg_red_600 : Css.Style -md__hover__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -md__hover__bg_red_700 : Css.Style -md__hover__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -md__hover__bg_red_800 : Css.Style -md__hover__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -md__hover__bg_red_900 : Css.Style -md__hover__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -md__hover__bg_orange_100 : Css.Style -md__hover__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -md__hover__bg_orange_200 : Css.Style -md__hover__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -md__hover__bg_orange_300 : Css.Style -md__hover__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -md__hover__bg_orange_400 : Css.Style -md__hover__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -md__hover__bg_orange_500 : Css.Style -md__hover__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -md__hover__bg_orange_600 : Css.Style -md__hover__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -md__hover__bg_orange_700 : Css.Style -md__hover__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -md__hover__bg_orange_800 : Css.Style -md__hover__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -md__hover__bg_orange_900 : Css.Style -md__hover__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -md__hover__bg_yellow_100 : Css.Style -md__hover__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -md__hover__bg_yellow_200 : Css.Style -md__hover__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -md__hover__bg_yellow_300 : Css.Style -md__hover__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -md__hover__bg_yellow_400 : Css.Style -md__hover__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -md__hover__bg_yellow_500 : Css.Style -md__hover__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -md__hover__bg_yellow_600 : Css.Style -md__hover__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -md__hover__bg_yellow_700 : Css.Style -md__hover__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -md__hover__bg_yellow_800 : Css.Style -md__hover__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -md__hover__bg_yellow_900 : Css.Style -md__hover__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#744210\\") - ] - ] - ] - - -md__hover__bg_green_100 : Css.Style -md__hover__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -md__hover__bg_green_200 : Css.Style -md__hover__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -md__hover__bg_green_300 : Css.Style -md__hover__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -md__hover__bg_green_400 : Css.Style -md__hover__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -md__hover__bg_green_500 : Css.Style -md__hover__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -md__hover__bg_green_600 : Css.Style -md__hover__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -md__hover__bg_green_700 : Css.Style -md__hover__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -md__hover__bg_green_800 : Css.Style -md__hover__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#276749\\") - ] - ] - ] - - -md__hover__bg_green_900 : Css.Style -md__hover__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -md__hover__bg_teal_100 : Css.Style -md__hover__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -md__hover__bg_teal_200 : Css.Style -md__hover__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -md__hover__bg_teal_300 : Css.Style -md__hover__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -md__hover__bg_teal_400 : Css.Style -md__hover__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -md__hover__bg_teal_500 : Css.Style -md__hover__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -md__hover__bg_teal_600 : Css.Style -md__hover__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#319795\\") - ] - ] - ] - - -md__hover__bg_teal_700 : Css.Style -md__hover__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -md__hover__bg_teal_800 : Css.Style -md__hover__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -md__hover__bg_teal_900 : Css.Style -md__hover__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -md__hover__bg_blue_100 : Css.Style -md__hover__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -md__hover__bg_blue_200 : Css.Style -md__hover__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -md__hover__bg_blue_300 : Css.Style -md__hover__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -md__hover__bg_blue_400 : Css.Style -md__hover__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -md__hover__bg_blue_500 : Css.Style -md__hover__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -md__hover__bg_blue_600 : Css.Style -md__hover__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -md__hover__bg_blue_700 : Css.Style -md__hover__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -md__hover__bg_blue_800 : Css.Style -md__hover__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -md__hover__bg_blue_900 : Css.Style -md__hover__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -md__hover__bg_indigo_100 : Css.Style -md__hover__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -md__hover__bg_indigo_200 : Css.Style -md__hover__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -md__hover__bg_indigo_300 : Css.Style -md__hover__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -md__hover__bg_indigo_400 : Css.Style -md__hover__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -md__hover__bg_indigo_500 : Css.Style -md__hover__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -md__hover__bg_indigo_600 : Css.Style -md__hover__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -md__hover__bg_indigo_700 : Css.Style -md__hover__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -md__hover__bg_indigo_800 : Css.Style -md__hover__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#434190\\") - ] - ] - ] - - -md__hover__bg_indigo_900 : Css.Style -md__hover__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -md__hover__bg_purple_100 : Css.Style -md__hover__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -md__hover__bg_purple_200 : Css.Style -md__hover__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -md__hover__bg_purple_300 : Css.Style -md__hover__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -md__hover__bg_purple_400 : Css.Style -md__hover__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -md__hover__bg_purple_500 : Css.Style -md__hover__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -md__hover__bg_purple_600 : Css.Style -md__hover__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -md__hover__bg_purple_700 : Css.Style -md__hover__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -md__hover__bg_purple_800 : Css.Style -md__hover__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -md__hover__bg_purple_900 : Css.Style -md__hover__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -md__hover__bg_pink_100 : Css.Style -md__hover__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -md__hover__bg_pink_200 : Css.Style -md__hover__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -md__hover__bg_pink_300 : Css.Style -md__hover__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -md__hover__bg_pink_400 : Css.Style -md__hover__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -md__hover__bg_pink_500 : Css.Style -md__hover__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -md__hover__bg_pink_600 : Css.Style -md__hover__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -md__hover__bg_pink_700 : Css.Style -md__hover__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -md__hover__bg_pink_800 : Css.Style -md__hover__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -md__hover__bg_pink_900 : Css.Style -md__hover__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#702459\\") - ] - ] - ] - - -md__focus__bg_transparent : Css.Style -md__focus__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -md__focus__bg_current : Css.Style -md__focus__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -md__focus__bg_black : Css.Style -md__focus__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#000\\") - ] - ] - ] - - -md__focus__bg_white : Css.Style -md__focus__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fff\\") - ] - ] - ] - - -md__focus__bg_gray_100 : Css.Style -md__focus__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -md__focus__bg_gray_200 : Css.Style -md__focus__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -md__focus__bg_gray_300 : Css.Style -md__focus__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -md__focus__bg_gray_400 : Css.Style -md__focus__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -md__focus__bg_gray_500 : Css.Style -md__focus__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -md__focus__bg_gray_600 : Css.Style -md__focus__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#718096\\") - ] - ] - ] - - -md__focus__bg_gray_700 : Css.Style -md__focus__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -md__focus__bg_gray_800 : Css.Style -md__focus__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -md__focus__bg_gray_900 : Css.Style -md__focus__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -md__focus__bg_red_100 : Css.Style -md__focus__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -md__focus__bg_red_200 : Css.Style -md__focus__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -md__focus__bg_red_300 : Css.Style -md__focus__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -md__focus__bg_red_400 : Css.Style -md__focus__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -md__focus__bg_red_500 : Css.Style -md__focus__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -md__focus__bg_red_600 : Css.Style -md__focus__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -md__focus__bg_red_700 : Css.Style -md__focus__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -md__focus__bg_red_800 : Css.Style -md__focus__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -md__focus__bg_red_900 : Css.Style -md__focus__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -md__focus__bg_orange_100 : Css.Style -md__focus__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -md__focus__bg_orange_200 : Css.Style -md__focus__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -md__focus__bg_orange_300 : Css.Style -md__focus__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -md__focus__bg_orange_400 : Css.Style -md__focus__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -md__focus__bg_orange_500 : Css.Style -md__focus__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -md__focus__bg_orange_600 : Css.Style -md__focus__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -md__focus__bg_orange_700 : Css.Style -md__focus__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -md__focus__bg_orange_800 : Css.Style -md__focus__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -md__focus__bg_orange_900 : Css.Style -md__focus__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -md__focus__bg_yellow_100 : Css.Style -md__focus__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -md__focus__bg_yellow_200 : Css.Style -md__focus__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -md__focus__bg_yellow_300 : Css.Style -md__focus__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -md__focus__bg_yellow_400 : Css.Style -md__focus__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -md__focus__bg_yellow_500 : Css.Style -md__focus__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -md__focus__bg_yellow_600 : Css.Style -md__focus__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -md__focus__bg_yellow_700 : Css.Style -md__focus__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -md__focus__bg_yellow_800 : Css.Style -md__focus__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -md__focus__bg_yellow_900 : Css.Style -md__focus__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#744210\\") - ] - ] - ] - - -md__focus__bg_green_100 : Css.Style -md__focus__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -md__focus__bg_green_200 : Css.Style -md__focus__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -md__focus__bg_green_300 : Css.Style -md__focus__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -md__focus__bg_green_400 : Css.Style -md__focus__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -md__focus__bg_green_500 : Css.Style -md__focus__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -md__focus__bg_green_600 : Css.Style -md__focus__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -md__focus__bg_green_700 : Css.Style -md__focus__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -md__focus__bg_green_800 : Css.Style -md__focus__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#276749\\") - ] - ] - ] - - -md__focus__bg_green_900 : Css.Style -md__focus__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -md__focus__bg_teal_100 : Css.Style -md__focus__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -md__focus__bg_teal_200 : Css.Style -md__focus__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -md__focus__bg_teal_300 : Css.Style -md__focus__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -md__focus__bg_teal_400 : Css.Style -md__focus__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -md__focus__bg_teal_500 : Css.Style -md__focus__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -md__focus__bg_teal_600 : Css.Style -md__focus__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#319795\\") - ] - ] - ] - - -md__focus__bg_teal_700 : Css.Style -md__focus__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -md__focus__bg_teal_800 : Css.Style -md__focus__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -md__focus__bg_teal_900 : Css.Style -md__focus__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -md__focus__bg_blue_100 : Css.Style -md__focus__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -md__focus__bg_blue_200 : Css.Style -md__focus__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -md__focus__bg_blue_300 : Css.Style -md__focus__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -md__focus__bg_blue_400 : Css.Style -md__focus__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -md__focus__bg_blue_500 : Css.Style -md__focus__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -md__focus__bg_blue_600 : Css.Style -md__focus__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -md__focus__bg_blue_700 : Css.Style -md__focus__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -md__focus__bg_blue_800 : Css.Style -md__focus__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -md__focus__bg_blue_900 : Css.Style -md__focus__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -md__focus__bg_indigo_100 : Css.Style -md__focus__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -md__focus__bg_indigo_200 : Css.Style -md__focus__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -md__focus__bg_indigo_300 : Css.Style -md__focus__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -md__focus__bg_indigo_400 : Css.Style -md__focus__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -md__focus__bg_indigo_500 : Css.Style -md__focus__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -md__focus__bg_indigo_600 : Css.Style -md__focus__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -md__focus__bg_indigo_700 : Css.Style -md__focus__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -md__focus__bg_indigo_800 : Css.Style -md__focus__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#434190\\") - ] - ] - ] - - -md__focus__bg_indigo_900 : Css.Style -md__focus__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -md__focus__bg_purple_100 : Css.Style -md__focus__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -md__focus__bg_purple_200 : Css.Style -md__focus__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -md__focus__bg_purple_300 : Css.Style -md__focus__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -md__focus__bg_purple_400 : Css.Style -md__focus__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -md__focus__bg_purple_500 : Css.Style -md__focus__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -md__focus__bg_purple_600 : Css.Style -md__focus__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -md__focus__bg_purple_700 : Css.Style -md__focus__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -md__focus__bg_purple_800 : Css.Style -md__focus__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -md__focus__bg_purple_900 : Css.Style -md__focus__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -md__focus__bg_pink_100 : Css.Style -md__focus__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -md__focus__bg_pink_200 : Css.Style -md__focus__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -md__focus__bg_pink_300 : Css.Style -md__focus__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -md__focus__bg_pink_400 : Css.Style -md__focus__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -md__focus__bg_pink_500 : Css.Style -md__focus__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -md__focus__bg_pink_600 : Css.Style -md__focus__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -md__focus__bg_pink_700 : Css.Style -md__focus__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -md__focus__bg_pink_800 : Css.Style -md__focus__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -md__focus__bg_pink_900 : Css.Style -md__focus__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#702459\\") - ] - ] - ] - - -md__bg_bottom : Css.Style -md__bg_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"background-position\\" \\"bottom\\" - ] - ] - - -md__bg_center : Css.Style -md__bg_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"background-position\\" \\"center\\" - ] - ] - - -md__bg_left : Css.Style -md__bg_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"background-position\\" \\"left\\" - ] - ] - - -md__bg_left_bottom : Css.Style -md__bg_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"background-position\\" \\"left bottom\\" - ] - ] - - -md__bg_left_top : Css.Style -md__bg_left_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"background-position\\" \\"left top\\" - ] - ] - - -md__bg_right : Css.Style -md__bg_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"background-position\\" \\"right\\" - ] - ] - - -md__bg_right_bottom : Css.Style -md__bg_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"background-position\\" \\"right bottom\\" - ] - ] - - -md__bg_right_top : Css.Style -md__bg_right_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"background-position\\" \\"right top\\" - ] - ] - - -md__bg_top : Css.Style -md__bg_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"background-position\\" \\"top\\" - ] - ] - - -md__bg_repeat : Css.Style -md__bg_repeat = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundRepeat Css.repeat - ] - ] - - -md__bg_no_repeat : Css.Style -md__bg_no_repeat = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundRepeat Css.noRepeat - ] - ] - - -md__bg_repeat_x : Css.Style -md__bg_repeat_x = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundRepeat Css.repeatX - ] - ] - - -md__bg_repeat_y : Css.Style -md__bg_repeat_y = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundRepeat Css.repeatY - ] - ] - - -md__bg_repeat_round : Css.Style -md__bg_repeat_round = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundRepeat Css.round - ] - ] - - -md__bg_repeat_space : Css.Style -md__bg_repeat_space = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundRepeat Css.space - ] - ] - - -md__bg_auto : Css.Style -md__bg_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundSize Css.auto - ] - ] - - -md__bg_cover : Css.Style -md__bg_cover = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundSize Css.cover - ] - ] - - -md__bg_contain : Css.Style -md__bg_contain = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.backgroundSize Css.contain - ] - ] - - -md__border_collapse : Css.Style -md__border_collapse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderCollapse Css.collapse - ] - ] - - -md__border_separate : Css.Style -md__border_separate = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderCollapse Css.separate - ] - ] - - -md__border_transparent : Css.Style -md__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor Css.transparent - ] - ] - - -md__border_current : Css.Style -md__border_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor Css.currentColor - ] - ] - - -md__border_black : Css.Style -md__border_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - - -md__border_white : Css.Style -md__border_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - - -md__border_gray_100 : Css.Style -md__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - - -md__border_gray_200 : Css.Style -md__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - - -md__border_gray_300 : Css.Style -md__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - - -md__border_gray_400 : Css.Style -md__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - - -md__border_gray_500 : Css.Style -md__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - - -md__border_gray_600 : Css.Style -md__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - - -md__border_gray_700 : Css.Style -md__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - - -md__border_gray_800 : Css.Style -md__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - - -md__border_gray_900 : Css.Style -md__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - - -md__border_red_100 : Css.Style -md__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - - -md__border_red_200 : Css.Style -md__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - - -md__border_red_300 : Css.Style -md__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - - -md__border_red_400 : Css.Style -md__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - - -md__border_red_500 : Css.Style -md__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - - -md__border_red_600 : Css.Style -md__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - - -md__border_red_700 : Css.Style -md__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - - -md__border_red_800 : Css.Style -md__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - - -md__border_red_900 : Css.Style -md__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - - -md__border_orange_100 : Css.Style -md__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - - -md__border_orange_200 : Css.Style -md__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - - -md__border_orange_300 : Css.Style -md__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - - -md__border_orange_400 : Css.Style -md__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - - -md__border_orange_500 : Css.Style -md__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - - -md__border_orange_600 : Css.Style -md__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - - -md__border_orange_700 : Css.Style -md__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - - -md__border_orange_800 : Css.Style -md__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - - -md__border_orange_900 : Css.Style -md__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - - -md__border_yellow_100 : Css.Style -md__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - - -md__border_yellow_200 : Css.Style -md__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - - -md__border_yellow_300 : Css.Style -md__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - - -md__border_yellow_400 : Css.Style -md__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - - -md__border_yellow_500 : Css.Style -md__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - - -md__border_yellow_600 : Css.Style -md__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - - -md__border_yellow_700 : Css.Style -md__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - - -md__border_yellow_800 : Css.Style -md__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - - -md__border_yellow_900 : Css.Style -md__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - - -md__border_green_100 : Css.Style -md__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - - -md__border_green_200 : Css.Style -md__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - - -md__border_green_300 : Css.Style -md__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - - -md__border_green_400 : Css.Style -md__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - - -md__border_green_500 : Css.Style -md__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - - -md__border_green_600 : Css.Style -md__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - - -md__border_green_700 : Css.Style -md__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - - -md__border_green_800 : Css.Style -md__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - - -md__border_green_900 : Css.Style -md__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - - -md__border_teal_100 : Css.Style -md__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - - -md__border_teal_200 : Css.Style -md__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - - -md__border_teal_300 : Css.Style -md__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - - -md__border_teal_400 : Css.Style -md__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - - -md__border_teal_500 : Css.Style -md__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - - -md__border_teal_600 : Css.Style -md__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - - -md__border_teal_700 : Css.Style -md__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - - -md__border_teal_800 : Css.Style -md__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - - -md__border_teal_900 : Css.Style -md__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - - -md__border_blue_100 : Css.Style -md__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - - -md__border_blue_200 : Css.Style -md__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - - -md__border_blue_300 : Css.Style -md__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - - -md__border_blue_400 : Css.Style -md__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - - -md__border_blue_500 : Css.Style -md__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - - -md__border_blue_600 : Css.Style -md__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - - -md__border_blue_700 : Css.Style -md__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - - -md__border_blue_800 : Css.Style -md__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - - -md__border_blue_900 : Css.Style -md__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - - -md__border_indigo_100 : Css.Style -md__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - - -md__border_indigo_200 : Css.Style -md__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - - -md__border_indigo_300 : Css.Style -md__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - - -md__border_indigo_400 : Css.Style -md__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - - -md__border_indigo_500 : Css.Style -md__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - - -md__border_indigo_600 : Css.Style -md__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - - -md__border_indigo_700 : Css.Style -md__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - - -md__border_indigo_800 : Css.Style -md__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - - -md__border_indigo_900 : Css.Style -md__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - - -md__border_purple_100 : Css.Style -md__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - - -md__border_purple_200 : Css.Style -md__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - - -md__border_purple_300 : Css.Style -md__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - - -md__border_purple_400 : Css.Style -md__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - - -md__border_purple_500 : Css.Style -md__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - - -md__border_purple_600 : Css.Style -md__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - - -md__border_purple_700 : Css.Style -md__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - - -md__border_purple_800 : Css.Style -md__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - - -md__border_purple_900 : Css.Style -md__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - - -md__border_pink_100 : Css.Style -md__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - - -md__border_pink_200 : Css.Style -md__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - - -md__border_pink_300 : Css.Style -md__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - - -md__border_pink_400 : Css.Style -md__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - - -md__border_pink_500 : Css.Style -md__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - - -md__border_pink_600 : Css.Style -md__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - - -md__border_pink_700 : Css.Style -md__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - - -md__border_pink_800 : Css.Style -md__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - - -md__border_pink_900 : Css.Style -md__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - - -md__hover__border_transparent : Css.Style -md__hover__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor Css.transparent - ] - ] - ] - - -md__hover__border_current : Css.Style -md__hover__border_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor Css.currentColor - ] - ] - ] - - -md__hover__border_black : Css.Style -md__hover__border_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - ] - - -md__hover__border_white : Css.Style -md__hover__border_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - ] - - -md__hover__border_gray_100 : Css.Style -md__hover__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -md__hover__border_gray_200 : Css.Style -md__hover__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -md__hover__border_gray_300 : Css.Style -md__hover__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -md__hover__border_gray_400 : Css.Style -md__hover__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -md__hover__border_gray_500 : Css.Style -md__hover__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -md__hover__border_gray_600 : Css.Style -md__hover__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - ] - - -md__hover__border_gray_700 : Css.Style -md__hover__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -md__hover__border_gray_800 : Css.Style -md__hover__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -md__hover__border_gray_900 : Css.Style -md__hover__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -md__hover__border_red_100 : Css.Style -md__hover__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -md__hover__border_red_200 : Css.Style -md__hover__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -md__hover__border_red_300 : Css.Style -md__hover__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -md__hover__border_red_400 : Css.Style -md__hover__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -md__hover__border_red_500 : Css.Style -md__hover__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -md__hover__border_red_600 : Css.Style -md__hover__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -md__hover__border_red_700 : Css.Style -md__hover__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -md__hover__border_red_800 : Css.Style -md__hover__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -md__hover__border_red_900 : Css.Style -md__hover__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -md__hover__border_orange_100 : Css.Style -md__hover__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -md__hover__border_orange_200 : Css.Style -md__hover__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -md__hover__border_orange_300 : Css.Style -md__hover__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -md__hover__border_orange_400 : Css.Style -md__hover__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -md__hover__border_orange_500 : Css.Style -md__hover__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -md__hover__border_orange_600 : Css.Style -md__hover__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -md__hover__border_orange_700 : Css.Style -md__hover__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -md__hover__border_orange_800 : Css.Style -md__hover__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -md__hover__border_orange_900 : Css.Style -md__hover__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -md__hover__border_yellow_100 : Css.Style -md__hover__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -md__hover__border_yellow_200 : Css.Style -md__hover__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -md__hover__border_yellow_300 : Css.Style -md__hover__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -md__hover__border_yellow_400 : Css.Style -md__hover__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -md__hover__border_yellow_500 : Css.Style -md__hover__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -md__hover__border_yellow_600 : Css.Style -md__hover__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -md__hover__border_yellow_700 : Css.Style -md__hover__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -md__hover__border_yellow_800 : Css.Style -md__hover__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -md__hover__border_yellow_900 : Css.Style -md__hover__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - ] - - -md__hover__border_green_100 : Css.Style -md__hover__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -md__hover__border_green_200 : Css.Style -md__hover__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -md__hover__border_green_300 : Css.Style -md__hover__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -md__hover__border_green_400 : Css.Style -md__hover__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -md__hover__border_green_500 : Css.Style -md__hover__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -md__hover__border_green_600 : Css.Style -md__hover__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -md__hover__border_green_700 : Css.Style -md__hover__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -md__hover__border_green_800 : Css.Style -md__hover__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - ] - - -md__hover__border_green_900 : Css.Style -md__hover__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -md__hover__border_teal_100 : Css.Style -md__hover__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -md__hover__border_teal_200 : Css.Style -md__hover__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -md__hover__border_teal_300 : Css.Style -md__hover__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -md__hover__border_teal_400 : Css.Style -md__hover__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -md__hover__border_teal_500 : Css.Style -md__hover__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -md__hover__border_teal_600 : Css.Style -md__hover__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - ] - - -md__hover__border_teal_700 : Css.Style -md__hover__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -md__hover__border_teal_800 : Css.Style -md__hover__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -md__hover__border_teal_900 : Css.Style -md__hover__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -md__hover__border_blue_100 : Css.Style -md__hover__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -md__hover__border_blue_200 : Css.Style -md__hover__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -md__hover__border_blue_300 : Css.Style -md__hover__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -md__hover__border_blue_400 : Css.Style -md__hover__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -md__hover__border_blue_500 : Css.Style -md__hover__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -md__hover__border_blue_600 : Css.Style -md__hover__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -md__hover__border_blue_700 : Css.Style -md__hover__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -md__hover__border_blue_800 : Css.Style -md__hover__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -md__hover__border_blue_900 : Css.Style -md__hover__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -md__hover__border_indigo_100 : Css.Style -md__hover__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -md__hover__border_indigo_200 : Css.Style -md__hover__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -md__hover__border_indigo_300 : Css.Style -md__hover__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -md__hover__border_indigo_400 : Css.Style -md__hover__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -md__hover__border_indigo_500 : Css.Style -md__hover__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -md__hover__border_indigo_600 : Css.Style -md__hover__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -md__hover__border_indigo_700 : Css.Style -md__hover__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -md__hover__border_indigo_800 : Css.Style -md__hover__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - ] - - -md__hover__border_indigo_900 : Css.Style -md__hover__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -md__hover__border_purple_100 : Css.Style -md__hover__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -md__hover__border_purple_200 : Css.Style -md__hover__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -md__hover__border_purple_300 : Css.Style -md__hover__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -md__hover__border_purple_400 : Css.Style -md__hover__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -md__hover__border_purple_500 : Css.Style -md__hover__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -md__hover__border_purple_600 : Css.Style -md__hover__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -md__hover__border_purple_700 : Css.Style -md__hover__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -md__hover__border_purple_800 : Css.Style -md__hover__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -md__hover__border_purple_900 : Css.Style -md__hover__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -md__hover__border_pink_100 : Css.Style -md__hover__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -md__hover__border_pink_200 : Css.Style -md__hover__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -md__hover__border_pink_300 : Css.Style -md__hover__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -md__hover__border_pink_400 : Css.Style -md__hover__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -md__hover__border_pink_500 : Css.Style -md__hover__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -md__hover__border_pink_600 : Css.Style -md__hover__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -md__hover__border_pink_700 : Css.Style -md__hover__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -md__hover__border_pink_800 : Css.Style -md__hover__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -md__hover__border_pink_900 : Css.Style -md__hover__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - ] - - -md__focus__border_transparent : Css.Style -md__focus__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor Css.transparent - ] - ] - ] - - -md__focus__border_current : Css.Style -md__focus__border_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor Css.currentColor - ] - ] - ] - - -md__focus__border_black : Css.Style -md__focus__border_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - ] - - -md__focus__border_white : Css.Style -md__focus__border_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - ] - - -md__focus__border_gray_100 : Css.Style -md__focus__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -md__focus__border_gray_200 : Css.Style -md__focus__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -md__focus__border_gray_300 : Css.Style -md__focus__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -md__focus__border_gray_400 : Css.Style -md__focus__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -md__focus__border_gray_500 : Css.Style -md__focus__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -md__focus__border_gray_600 : Css.Style -md__focus__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - ] - - -md__focus__border_gray_700 : Css.Style -md__focus__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -md__focus__border_gray_800 : Css.Style -md__focus__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -md__focus__border_gray_900 : Css.Style -md__focus__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -md__focus__border_red_100 : Css.Style -md__focus__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -md__focus__border_red_200 : Css.Style -md__focus__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -md__focus__border_red_300 : Css.Style -md__focus__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -md__focus__border_red_400 : Css.Style -md__focus__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -md__focus__border_red_500 : Css.Style -md__focus__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -md__focus__border_red_600 : Css.Style -md__focus__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -md__focus__border_red_700 : Css.Style -md__focus__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -md__focus__border_red_800 : Css.Style -md__focus__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -md__focus__border_red_900 : Css.Style -md__focus__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -md__focus__border_orange_100 : Css.Style -md__focus__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -md__focus__border_orange_200 : Css.Style -md__focus__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -md__focus__border_orange_300 : Css.Style -md__focus__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -md__focus__border_orange_400 : Css.Style -md__focus__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -md__focus__border_orange_500 : Css.Style -md__focus__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -md__focus__border_orange_600 : Css.Style -md__focus__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -md__focus__border_orange_700 : Css.Style -md__focus__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -md__focus__border_orange_800 : Css.Style -md__focus__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -md__focus__border_orange_900 : Css.Style -md__focus__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -md__focus__border_yellow_100 : Css.Style -md__focus__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -md__focus__border_yellow_200 : Css.Style -md__focus__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -md__focus__border_yellow_300 : Css.Style -md__focus__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -md__focus__border_yellow_400 : Css.Style -md__focus__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -md__focus__border_yellow_500 : Css.Style -md__focus__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -md__focus__border_yellow_600 : Css.Style -md__focus__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -md__focus__border_yellow_700 : Css.Style -md__focus__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -md__focus__border_yellow_800 : Css.Style -md__focus__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -md__focus__border_yellow_900 : Css.Style -md__focus__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - ] - - -md__focus__border_green_100 : Css.Style -md__focus__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -md__focus__border_green_200 : Css.Style -md__focus__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -md__focus__border_green_300 : Css.Style -md__focus__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -md__focus__border_green_400 : Css.Style -md__focus__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -md__focus__border_green_500 : Css.Style -md__focus__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -md__focus__border_green_600 : Css.Style -md__focus__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -md__focus__border_green_700 : Css.Style -md__focus__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -md__focus__border_green_800 : Css.Style -md__focus__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - ] - - -md__focus__border_green_900 : Css.Style -md__focus__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -md__focus__border_teal_100 : Css.Style -md__focus__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -md__focus__border_teal_200 : Css.Style -md__focus__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -md__focus__border_teal_300 : Css.Style -md__focus__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -md__focus__border_teal_400 : Css.Style -md__focus__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -md__focus__border_teal_500 : Css.Style -md__focus__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -md__focus__border_teal_600 : Css.Style -md__focus__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - ] - - -md__focus__border_teal_700 : Css.Style -md__focus__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -md__focus__border_teal_800 : Css.Style -md__focus__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -md__focus__border_teal_900 : Css.Style -md__focus__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -md__focus__border_blue_100 : Css.Style -md__focus__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -md__focus__border_blue_200 : Css.Style -md__focus__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -md__focus__border_blue_300 : Css.Style -md__focus__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -md__focus__border_blue_400 : Css.Style -md__focus__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -md__focus__border_blue_500 : Css.Style -md__focus__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -md__focus__border_blue_600 : Css.Style -md__focus__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -md__focus__border_blue_700 : Css.Style -md__focus__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -md__focus__border_blue_800 : Css.Style -md__focus__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -md__focus__border_blue_900 : Css.Style -md__focus__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -md__focus__border_indigo_100 : Css.Style -md__focus__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -md__focus__border_indigo_200 : Css.Style -md__focus__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -md__focus__border_indigo_300 : Css.Style -md__focus__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -md__focus__border_indigo_400 : Css.Style -md__focus__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -md__focus__border_indigo_500 : Css.Style -md__focus__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -md__focus__border_indigo_600 : Css.Style -md__focus__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -md__focus__border_indigo_700 : Css.Style -md__focus__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -md__focus__border_indigo_800 : Css.Style -md__focus__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - ] - - -md__focus__border_indigo_900 : Css.Style -md__focus__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -md__focus__border_purple_100 : Css.Style -md__focus__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -md__focus__border_purple_200 : Css.Style -md__focus__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -md__focus__border_purple_300 : Css.Style -md__focus__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -md__focus__border_purple_400 : Css.Style -md__focus__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -md__focus__border_purple_500 : Css.Style -md__focus__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -md__focus__border_purple_600 : Css.Style -md__focus__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -md__focus__border_purple_700 : Css.Style -md__focus__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -md__focus__border_purple_800 : Css.Style -md__focus__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -md__focus__border_purple_900 : Css.Style -md__focus__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -md__focus__border_pink_100 : Css.Style -md__focus__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -md__focus__border_pink_200 : Css.Style -md__focus__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -md__focus__border_pink_300 : Css.Style -md__focus__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -md__focus__border_pink_400 : Css.Style -md__focus__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -md__focus__border_pink_500 : Css.Style -md__focus__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -md__focus__border_pink_600 : Css.Style -md__focus__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -md__focus__border_pink_700 : Css.Style -md__focus__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -md__focus__border_pink_800 : Css.Style -md__focus__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -md__focus__border_pink_900 : Css.Style -md__focus__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - ] - - -md__rounded_none : Css.Style -md__rounded_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderRadius (Css.px 0) - ] - ] - - -md__rounded_sm : Css.Style -md__rounded_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderRadius (Css.rem 0.125) - ] - ] - - -md__rounded : Css.Style -md__rounded = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderRadius (Css.rem 0.25) - ] - ] - - -md__rounded_md : Css.Style -md__rounded_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderRadius (Css.rem 0.375) - ] - ] - - -md__rounded_lg : Css.Style -md__rounded_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderRadius (Css.rem 0.5) - ] - ] - - -md__rounded_full : Css.Style -md__rounded_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderRadius (Css.px 9999) - ] - ] - - -md__rounded_t_none : Css.Style -md__rounded_t_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderTopRightRadius (Css.px 0) - ] - ] - - -md__rounded_r_none : Css.Style -md__rounded_r_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopRightRadius (Css.px 0) - , Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -md__rounded_b_none : Css.Style -md__rounded_b_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomRightRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -md__rounded_l_none : Css.Style -md__rounded_l_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -md__rounded_t_sm : Css.Style -md__rounded_t_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -md__rounded_r_sm : Css.Style -md__rounded_r_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - , Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -md__rounded_b_sm : Css.Style -md__rounded_b_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -md__rounded_l_sm : Css.Style -md__rounded_l_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -md__rounded_t : Css.Style -md__rounded_t = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -md__rounded_r : Css.Style -md__rounded_r = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - , Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -md__rounded_b : Css.Style -md__rounded_b = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -md__rounded_l : Css.Style -md__rounded_l = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -md__rounded_t_md : Css.Style -md__rounded_t_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -md__rounded_r_md : Css.Style -md__rounded_r_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - , Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -md__rounded_b_md : Css.Style -md__rounded_b_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -md__rounded_l_md : Css.Style -md__rounded_l_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -md__rounded_t_lg : Css.Style -md__rounded_t_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -md__rounded_r_lg : Css.Style -md__rounded_r_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - , Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -md__rounded_b_lg : Css.Style -md__rounded_b_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -md__rounded_l_lg : Css.Style -md__rounded_l_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -md__rounded_t_full : Css.Style -md__rounded_t_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -md__rounded_r_full : Css.Style -md__rounded_r_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopRightRadius (Css.px 9999) - , Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -md__rounded_b_full : Css.Style -md__rounded_b_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomRightRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -md__rounded_l_full : Css.Style -md__rounded_l_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -md__rounded_tl_none : Css.Style -md__rounded_tl_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.px 0) - ] - ] - - -md__rounded_tr_none : Css.Style -md__rounded_tr_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopRightRadius (Css.px 0) - ] - ] - - -md__rounded_br_none : Css.Style -md__rounded_br_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -md__rounded_bl_none : Css.Style -md__rounded_bl_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -md__rounded_tl_sm : Css.Style -md__rounded_tl_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - ] - ] - - -md__rounded_tr_sm : Css.Style -md__rounded_tr_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -md__rounded_br_sm : Css.Style -md__rounded_br_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -md__rounded_bl_sm : Css.Style -md__rounded_bl_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -md__rounded_tl : Css.Style -md__rounded_tl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - ] - ] - - -md__rounded_tr : Css.Style -md__rounded_tr = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -md__rounded_br : Css.Style -md__rounded_br = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -md__rounded_bl : Css.Style -md__rounded_bl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -md__rounded_tl_md : Css.Style -md__rounded_tl_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - ] - ] - - -md__rounded_tr_md : Css.Style -md__rounded_tr_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -md__rounded_br_md : Css.Style -md__rounded_br_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -md__rounded_bl_md : Css.Style -md__rounded_bl_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -md__rounded_tl_lg : Css.Style -md__rounded_tl_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - ] - ] - - -md__rounded_tr_lg : Css.Style -md__rounded_tr_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -md__rounded_br_lg : Css.Style -md__rounded_br_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -md__rounded_bl_lg : Css.Style -md__rounded_bl_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -md__rounded_tl_full : Css.Style -md__rounded_tl_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopLeftRadius (Css.px 9999) - ] - ] - - -md__rounded_tr_full : Css.Style -md__rounded_tr_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -md__rounded_br_full : Css.Style -md__rounded_br_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -md__rounded_bl_full : Css.Style -md__rounded_bl_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -md__border_solid : Css.Style -md__border_solid = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderStyle Css.solid - ] - ] - - -md__border_dashed : Css.Style -md__border_dashed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderStyle Css.dashed - ] - ] - - -md__border_dotted : Css.Style -md__border_dotted = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderStyle Css.dotted - ] - ] - - -md__border_double : Css.Style -md__border_double = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderStyle Css.double - ] - ] - - -md__border_none : Css.Style -md__border_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderStyle Css.none - ] - ] - - -md__border_0 : Css.Style -md__border_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderWidth (Css.px 0) - ] - ] - - -md__border_2 : Css.Style -md__border_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderWidth (Css.px 2) - ] - ] - - -md__border_4 : Css.Style -md__border_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderWidth (Css.px 4) - ] - ] - - -md__border_8 : Css.Style -md__border_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderWidth (Css.px 8) - ] - ] - - -md__border : Css.Style -md__border = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderWidth (Css.px 1) - ] - ] - - -md__border_t_0 : Css.Style -md__border_t_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopWidth (Css.px 0) - ] - ] - - -md__border_r_0 : Css.Style -md__border_r_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderRightWidth (Css.px 0) - ] - ] - - -md__border_b_0 : Css.Style -md__border_b_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomWidth (Css.px 0) - ] - ] - - -md__border_l_0 : Css.Style -md__border_l_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderLeftWidth (Css.px 0) - ] - ] - - -md__border_t_2 : Css.Style -md__border_t_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopWidth (Css.px 2) - ] - ] - - -md__border_r_2 : Css.Style -md__border_r_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderRightWidth (Css.px 2) - ] - ] - - -md__border_b_2 : Css.Style -md__border_b_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomWidth (Css.px 2) - ] - ] - - -md__border_l_2 : Css.Style -md__border_l_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderLeftWidth (Css.px 2) - ] - ] - - -md__border_t_4 : Css.Style -md__border_t_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopWidth (Css.px 4) - ] - ] - - -md__border_r_4 : Css.Style -md__border_r_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderRightWidth (Css.px 4) - ] - ] - - -md__border_b_4 : Css.Style -md__border_b_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomWidth (Css.px 4) - ] - ] - - -md__border_l_4 : Css.Style -md__border_l_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderLeftWidth (Css.px 4) - ] - ] - - -md__border_t_8 : Css.Style -md__border_t_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopWidth (Css.px 8) - ] - ] - - -md__border_r_8 : Css.Style -md__border_r_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderRightWidth (Css.px 8) - ] - ] - - -md__border_b_8 : Css.Style -md__border_b_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomWidth (Css.px 8) - ] - ] - - -md__border_l_8 : Css.Style -md__border_l_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderLeftWidth (Css.px 8) - ] - ] - - -md__border_t : Css.Style -md__border_t = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderTopWidth (Css.px 1) - ] - ] - - -md__border_r : Css.Style -md__border_r = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderRightWidth (Css.px 1) - ] - ] - - -md__border_b : Css.Style -md__border_b = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderBottomWidth (Css.px 1) - ] - ] - - -md__border_l : Css.Style -md__border_l = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.borderLeftWidth (Css.px 1) - ] - ] - - -md__box_border : Css.Style -md__box_border = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.boxSizing Css.borderBox - ] - ] - - -md__box_content : Css.Style -md__box_content = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.boxSizing Css.contentBox - ] - ] - - -md__cursor_auto : Css.Style -md__cursor_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.cursor Css.auto - ] - ] - - -md__cursor_default : Css.Style -md__cursor_default = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.cursor Css.default - ] - ] - - -md__cursor_pointer : Css.Style -md__cursor_pointer = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.cursor Css.pointer - ] - ] - - -md__cursor_wait : Css.Style -md__cursor_wait = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.cursor Css.wait - ] - ] - - -md__cursor_text : Css.Style -md__cursor_text = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"cursor\\" \\"text\\" - ] - ] - - -md__cursor_move : Css.Style -md__cursor_move = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.cursor Css.move - ] - ] - - -md__cursor_not_allowed : Css.Style -md__cursor_not_allowed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.cursor Css.notAllowed - ] - ] - - -md__block : Css.Style -md__block = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.block - ] - ] - - -md__inline_block : Css.Style -md__inline_block = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.inlineBlock - ] - ] - - -md__inline : Css.Style -md__inline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.inline - ] - ] - - -md__flex : Css.Style -md__flex = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.displayFlex - ] - ] - - -md__inline_flex : Css.Style -md__inline_flex = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.inlineFlex - ] - ] - - -md__table : Css.Style -md__table = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.table - ] - ] - - -md__table_caption : Css.Style -md__table_caption = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.tableCaption - ] - ] - - -md__table_cell : Css.Style -md__table_cell = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.tableCell - ] - ] - - -md__table_column : Css.Style -md__table_column = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.tableColumn - ] - ] - - -md__table_column_group : Css.Style -md__table_column_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.tableColumnGroup - ] - ] - - -md__table_footer_group : Css.Style -md__table_footer_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.tableFooterGroup - ] - ] - - -md__table_header_group : Css.Style -md__table_header_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.tableHeaderGroup - ] - ] - - -md__table_row_group : Css.Style -md__table_row_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.tableRowGroup - ] - ] - - -md__table_row : Css.Style -md__table_row = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.tableRow - ] - ] - - -md__flow_root : Css.Style -md__flow_root = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"display\\" \\"flow-root\\" - ] - ] - - -md__grid : Css.Style -md__grid = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"display\\" \\"grid\\" - ] - ] - - -md__inline_grid : Css.Style -md__inline_grid = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"display\\" \\"inline-grid\\" - ] - ] - - -md__hidden : Css.Style -md__hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.display Css.none - ] - ] - - -md__flex_row : Css.Style -md__flex_row = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.flexDirection Css.row - ] - ] - - -md__flex_row_reverse : Css.Style -md__flex_row_reverse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.flexDirection Css.rowReverse - ] - ] - - -md__flex_col : Css.Style -md__flex_col = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.flexDirection Css.column - ] - ] - - -md__flex_col_reverse : Css.Style -md__flex_col_reverse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.flexDirection Css.columnReverse - ] - ] - - -md__flex_wrap : Css.Style -md__flex_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.flexWrap Css.wrap - ] - ] - - -md__flex_wrap_reverse : Css.Style -md__flex_wrap_reverse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.flexWrap Css.wrapReverse - ] - ] - - -md__flex_no_wrap : Css.Style -md__flex_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.flexWrap Css.noWrap - ] - ] - - -md__items_start : Css.Style -md__items_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.alignItems Css.flexStart - ] - ] - - -md__items_end : Css.Style -md__items_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.alignItems Css.flexEnd - ] - ] - - -md__items_center : Css.Style -md__items_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.alignItems Css.center - ] - ] - - -md__items_baseline : Css.Style -md__items_baseline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.alignItems Css.baseline - ] - ] - - -md__items_stretch : Css.Style -md__items_stretch = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.alignItems Css.stretch - ] - ] - - -md__self_auto : Css.Style -md__self_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"align-self\\" \\"auto\\" - ] - ] - - -md__self_start : Css.Style -md__self_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.alignSelf Css.flexStart - ] - ] - - -md__self_end : Css.Style -md__self_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.alignSelf Css.flexEnd - ] - ] - - -md__self_center : Css.Style -md__self_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.alignSelf Css.center - ] - ] - - -md__self_stretch : Css.Style -md__self_stretch = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.alignSelf Css.stretch - ] - ] - - -md__justify_start : Css.Style -md__justify_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.justifyContent Css.flexStart - ] - ] - - -md__justify_end : Css.Style -md__justify_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.justifyContent Css.flexEnd - ] - ] - - -md__justify_center : Css.Style -md__justify_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.justifyContent Css.center - ] - ] - - -md__justify_between : Css.Style -md__justify_between = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.justifyContent Css.spaceBetween - ] - ] - - -md__justify_around : Css.Style -md__justify_around = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.justifyContent Css.spaceAround - ] - ] - - -md__justify_evenly : Css.Style -md__justify_evenly = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"justify-content\\" \\"space-evenly\\" - ] - ] - - -md__content_center : Css.Style -md__content_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"align-content\\" \\"center\\" - ] - ] - - -md__content_start : Css.Style -md__content_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"align-content\\" \\"flex-start\\" - ] - ] - - -md__content_end : Css.Style -md__content_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"align-content\\" \\"flex-end\\" - ] - ] - - -md__content_between : Css.Style -md__content_between = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"align-content\\" \\"space-between\\" - ] - ] - - -md__content_around : Css.Style -md__content_around = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"align-content\\" \\"space-around\\" - ] - ] - - -md__flex_1 : Css.Style -md__flex_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"flex\\" \\"1 1 0%\\" - ] - ] - - -md__flex_auto : Css.Style -md__flex_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"flex\\" \\"1 1 auto\\" - ] - ] - - -md__flex_initial : Css.Style -md__flex_initial = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"flex\\" \\"0 1 auto\\" - ] - ] - - -md__flex_none : Css.Style -md__flex_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"flex\\" \\"none\\" - ] - ] - - -md__flex_grow_0 : Css.Style -md__flex_grow_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.flexGrow (Css.int 0) - ] - ] - - -md__flex_grow : Css.Style -md__flex_grow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.flexGrow (Css.int 1) - ] - ] - - -md__flex_shrink_0 : Css.Style -md__flex_shrink_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.flexShrink (Css.int 0) - ] - ] - - -md__flex_shrink : Css.Style -md__flex_shrink = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.flexShrink (Css.int 1) - ] - ] - - -md__order_1 : Css.Style -md__order_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 1) - ] - ] - - -md__order_2 : Css.Style -md__order_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 2) - ] - ] - - -md__order_3 : Css.Style -md__order_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 3) - ] - ] - - -md__order_4 : Css.Style -md__order_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 4) - ] - ] - - -md__order_5 : Css.Style -md__order_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 5) - ] - ] - - -md__order_6 : Css.Style -md__order_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 6) - ] - ] - - -md__order_7 : Css.Style -md__order_7 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 7) - ] - ] - - -md__order_8 : Css.Style -md__order_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 8) - ] - ] - - -md__order_9 : Css.Style -md__order_9 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 9) - ] - ] - - -md__order_10 : Css.Style -md__order_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 10) - ] - ] - - -md__order_11 : Css.Style -md__order_11 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 11) - ] - ] - - -md__order_12 : Css.Style -md__order_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 12) - ] - ] - - -md__order_first : Css.Style -md__order_first = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int -9999) - ] - ] - - -md__order_last : Css.Style -md__order_last = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 9999) - ] - ] - - -md__order_none : Css.Style -md__order_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.order (Css.int 0) - ] - ] - - -md__float_right : Css.Style -md__float_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"float\\" \\"right\\" - ] - ] - - -md__float_left : Css.Style -md__float_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"float\\" \\"left\\" - ] - ] - - -md__float_none : Css.Style -md__float_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"float\\" \\"none\\" - ] - ] - - -md__clearfix : Css.Style -md__clearfix = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"content\\" \\"\\\\\\"\\\\\\"\\" - , Css.display Css.table - , Css.property \\"clear\\" \\"both\\" - ] - ] - - -md__clear_left : Css.Style -md__clear_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"clear\\" \\"left\\" - ] - ] - - -md__clear_right : Css.Style -md__clear_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"clear\\" \\"right\\" - ] - ] - - -md__clear_both : Css.Style -md__clear_both = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"clear\\" \\"both\\" - ] - ] - - -md__clear_none : Css.Style -md__clear_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"clear\\" \\"none\\" - ] - ] - - -md__font_sans : Css.Style -md__font_sans = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"font-family\\" \\"system-ui, -apple-system, BlinkMacSystemFont, \\\\\\"Segoe UI\\\\\\", Roboto, \\\\\\"Helvetica Neue\\\\\\", Arial, \\\\\\"Noto Sans\\\\\\", sans-serif, \\\\\\"Apple Color Emoji\\\\\\", \\\\\\"Segoe UI Emoji\\\\\\", \\\\\\"Segoe UI Symbol\\\\\\", \\\\\\"Noto Color Emoji\\\\\\"\\" - ] - ] - - -md__font_serif : Css.Style -md__font_serif = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"font-family\\" \\"Georgia, Cambria, \\\\\\"Times New Roman\\\\\\", Times, serif\\" - ] - ] - - -md__font_mono : Css.Style -md__font_mono = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"font-family\\" \\"Menlo, Monaco, Consolas, \\\\\\"Liberation Mono\\\\\\", \\\\\\"Courier New\\\\\\", monospace\\" - ] - ] - - -md__font_hairline : Css.Style -md__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontWeight (Css.int 100) - ] - ] - - -md__font_thin : Css.Style -md__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontWeight (Css.int 200) - ] - ] - - -md__font_light : Css.Style -md__font_light = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontWeight (Css.int 300) - ] - ] - - -md__font_normal : Css.Style -md__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontWeight (Css.int 400) - ] - ] - - -md__font_medium : Css.Style -md__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontWeight (Css.int 500) - ] - ] - - -md__font_semibold : Css.Style -md__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontWeight (Css.int 600) - ] - ] - - -md__font_bold : Css.Style -md__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontWeight (Css.int 700) - ] - ] - - -md__font_extrabold : Css.Style -md__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontWeight (Css.int 800) - ] - ] - - -md__font_black : Css.Style -md__font_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontWeight (Css.int 900) - ] - ] - - -md__hover__font_hairline : Css.Style -md__hover__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -md__hover__font_thin : Css.Style -md__hover__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -md__hover__font_light : Css.Style -md__hover__font_light = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -md__hover__font_normal : Css.Style -md__hover__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -md__hover__font_medium : Css.Style -md__hover__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -md__hover__font_semibold : Css.Style -md__hover__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -md__hover__font_bold : Css.Style -md__hover__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -md__hover__font_extrabold : Css.Style -md__hover__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -md__hover__font_black : Css.Style -md__hover__font_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -md__focus__font_hairline : Css.Style -md__focus__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -md__focus__font_thin : Css.Style -md__focus__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -md__focus__font_light : Css.Style -md__focus__font_light = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -md__focus__font_normal : Css.Style -md__focus__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -md__focus__font_medium : Css.Style -md__focus__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -md__focus__font_semibold : Css.Style -md__focus__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -md__focus__font_bold : Css.Style -md__focus__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -md__focus__font_extrabold : Css.Style -md__focus__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -md__focus__font_black : Css.Style -md__focus__font_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -md__h_0 : Css.Style -md__h_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.px 0) - ] - ] - - -md__h_1 : Css.Style -md__h_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 0.25) - ] - ] - - -md__h_2 : Css.Style -md__h_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 0.5) - ] - ] - - -md__h_3 : Css.Style -md__h_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 0.75) - ] - ] - - -md__h_4 : Css.Style -md__h_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 1) - ] - ] - - -md__h_5 : Css.Style -md__h_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 1.25) - ] - ] - - -md__h_6 : Css.Style -md__h_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 1.5) - ] - ] - - -md__h_8 : Css.Style -md__h_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 2) - ] - ] - - -md__h_10 : Css.Style -md__h_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 2.5) - ] - ] - - -md__h_12 : Css.Style -md__h_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 3) - ] - ] - - -md__h_16 : Css.Style -md__h_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 4) - ] - ] - - -md__h_20 : Css.Style -md__h_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 5) - ] - ] - - -md__h_24 : Css.Style -md__h_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 6) - ] - ] - - -md__h_32 : Css.Style -md__h_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 8) - ] - ] - - -md__h_40 : Css.Style -md__h_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 10) - ] - ] - - -md__h_48 : Css.Style -md__h_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 12) - ] - ] - - -md__h_56 : Css.Style -md__h_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 14) - ] - ] - - -md__h_64 : Css.Style -md__h_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.rem 16) - ] - ] - - -md__h_auto : Css.Style -md__h_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height Css.auto - ] - ] - - -md__h_px : Css.Style -md__h_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.px 1) - ] - ] - - -md__h_full : Css.Style -md__h_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.pct 100) - ] - ] - - -md__h_screen : Css.Style -md__h_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.height (Css.vh 100) - ] - ] - - -md__text_xs : Css.Style -md__text_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontSize (Css.rem 0.75) - ] - ] - - -md__text_sm : Css.Style -md__text_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontSize (Css.rem 0.875) - ] - ] - - -md__text_base : Css.Style -md__text_base = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontSize (Css.rem 1) - ] - ] - - -md__text_lg : Css.Style -md__text_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontSize (Css.rem 1.125) - ] - ] - - -md__text_xl : Css.Style -md__text_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontSize (Css.rem 1.25) - ] - ] - - -md__text_2xl : Css.Style -md__text_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontSize (Css.rem 1.5) - ] - ] - - -md__text_3xl : Css.Style -md__text_3xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontSize (Css.rem 1.875) - ] - ] - - -md__text_4xl : Css.Style -md__text_4xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontSize (Css.rem 2.25) - ] - ] - - -md__text_5xl : Css.Style -md__text_5xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontSize (Css.rem 3) - ] - ] - - -md__text_6xl : Css.Style -md__text_6xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontSize (Css.rem 4) - ] - ] - - -md__leading_3 : Css.Style -md__leading_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.rem 0.75) - ] - ] - - -md__leading_4 : Css.Style -md__leading_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.rem 1) - ] - ] - - -md__leading_5 : Css.Style -md__leading_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.rem 1.25) - ] - ] - - -md__leading_6 : Css.Style -md__leading_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.rem 1.5) - ] - ] - - -md__leading_7 : Css.Style -md__leading_7 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.rem 1.75) - ] - ] - - -md__leading_8 : Css.Style -md__leading_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.rem 2) - ] - ] - - -md__leading_9 : Css.Style -md__leading_9 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.rem 2.25) - ] - ] - - -md__leading_10 : Css.Style -md__leading_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.rem 2.5) - ] - ] - - -md__leading_none : Css.Style -md__leading_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.int 1) - ] - ] - - -md__leading_tight : Css.Style -md__leading_tight = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.num 1.25) - ] - ] - - -md__leading_snug : Css.Style -md__leading_snug = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.num 1.375) - ] - ] - - -md__leading_normal : Css.Style -md__leading_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.num 1.5) - ] - ] - - -md__leading_relaxed : Css.Style -md__leading_relaxed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.num 1.625) - ] - ] - - -md__leading_loose : Css.Style -md__leading_loose = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.lineHeight (Css.int 2) - ] - ] - - -md__list_inside : Css.Style -md__list_inside = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.listStylePosition Css.inside - ] - ] - - -md__list_outside : Css.Style -md__list_outside = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.listStylePosition Css.outside - ] - ] - - -md__list_none : Css.Style -md__list_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.listStyleType Css.none - ] - ] - - -md__list_disc : Css.Style -md__list_disc = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.listStyleType Css.disc - ] - ] - - -md__list_decimal : Css.Style -md__list_decimal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.listStyleType Css.decimal - ] - ] - - -md__m_0 : Css.Style -md__m_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.px 0) - ] - ] - - -md__m_1 : Css.Style -md__m_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 0.25) - ] - ] - - -md__m_2 : Css.Style -md__m_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 0.5) - ] - ] - - -md__m_3 : Css.Style -md__m_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 0.75) - ] - ] - - -md__m_4 : Css.Style -md__m_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 1) - ] - ] - - -md__m_5 : Css.Style -md__m_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 1.25) - ] - ] - - -md__m_6 : Css.Style -md__m_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 1.5) - ] - ] - - -md__m_8 : Css.Style -md__m_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 2) - ] - ] - - -md__m_10 : Css.Style -md__m_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 2.5) - ] - ] - - -md__m_12 : Css.Style -md__m_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 3) - ] - ] - - -md__m_16 : Css.Style -md__m_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 4) - ] - ] - - -md__m_20 : Css.Style -md__m_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 5) - ] - ] - - -md__m_24 : Css.Style -md__m_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 6) - ] - ] - - -md__m_32 : Css.Style -md__m_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 8) - ] - ] - - -md__m_40 : Css.Style -md__m_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 10) - ] - ] - - -md__m_48 : Css.Style -md__m_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 12) - ] - ] - - -md__m_56 : Css.Style -md__m_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 14) - ] - ] - - -md__m_64 : Css.Style -md__m_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem 16) - ] - ] - - -md__m_auto : Css.Style -md__m_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin Css.auto - ] - ] - - -md__m_px : Css.Style -md__m_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.px 1) - ] - ] - - -md__neg_m_1 : Css.Style -md__neg_m_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -0.25) - ] - ] - - -md__neg_m_2 : Css.Style -md__neg_m_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -0.5) - ] - ] - - -md__neg_m_3 : Css.Style -md__neg_m_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -0.75) - ] - ] - - -md__neg_m_4 : Css.Style -md__neg_m_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -1) - ] - ] - - -md__neg_m_5 : Css.Style -md__neg_m_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -1.25) - ] - ] - - -md__neg_m_6 : Css.Style -md__neg_m_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -1.5) - ] - ] - - -md__neg_m_8 : Css.Style -md__neg_m_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -2) - ] - ] - - -md__neg_m_10 : Css.Style -md__neg_m_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -2.5) - ] - ] - - -md__neg_m_12 : Css.Style -md__neg_m_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -3) - ] - ] - - -md__neg_m_16 : Css.Style -md__neg_m_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -4) - ] - ] - - -md__neg_m_20 : Css.Style -md__neg_m_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -5) - ] - ] - - -md__neg_m_24 : Css.Style -md__neg_m_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -6) - ] - ] - - -md__neg_m_32 : Css.Style -md__neg_m_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -8) - ] - ] - - -md__neg_m_40 : Css.Style -md__neg_m_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -10) - ] - ] - - -md__neg_m_48 : Css.Style -md__neg_m_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -12) - ] - ] - - -md__neg_m_56 : Css.Style -md__neg_m_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -14) - ] - ] - - -md__neg_m_64 : Css.Style -md__neg_m_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.rem -16) - ] - ] - - -md__neg_m_px : Css.Style -md__neg_m_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.margin (Css.px -1) - ] - ] - - -md__my_0 : Css.Style -md__my_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.px 0) - , Css.marginBottom (Css.px 0) - ] - ] - - -md__mx_0 : Css.Style -md__mx_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.px 0) - , Css.marginRight (Css.px 0) - ] - ] - - -md__my_1 : Css.Style -md__my_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 0.25) - , Css.marginBottom (Css.rem 0.25) - ] - ] - - -md__mx_1 : Css.Style -md__mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 0.25) - , Css.marginRight (Css.rem 0.25) - ] - ] - - -md__my_2 : Css.Style -md__my_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 0.5) - , Css.marginBottom (Css.rem 0.5) - ] - ] - - -md__mx_2 : Css.Style -md__mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 0.5) - , Css.marginRight (Css.rem 0.5) - ] - ] - - -md__my_3 : Css.Style -md__my_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 0.75) - , Css.marginBottom (Css.rem 0.75) - ] - ] - - -md__mx_3 : Css.Style -md__mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 0.75) - , Css.marginRight (Css.rem 0.75) - ] - ] - - -md__my_4 : Css.Style -md__my_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 1) - , Css.marginBottom (Css.rem 1) - ] - ] - - -md__mx_4 : Css.Style -md__mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 1) - , Css.marginRight (Css.rem 1) - ] - ] - - -md__my_5 : Css.Style -md__my_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 1.25) - , Css.marginBottom (Css.rem 1.25) - ] - ] - - -md__mx_5 : Css.Style -md__mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 1.25) - , Css.marginRight (Css.rem 1.25) - ] - ] - - -md__my_6 : Css.Style -md__my_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 1.5) - , Css.marginBottom (Css.rem 1.5) - ] - ] - - -md__mx_6 : Css.Style -md__mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 1.5) - , Css.marginRight (Css.rem 1.5) - ] - ] - - -md__my_8 : Css.Style -md__my_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 2) - , Css.marginBottom (Css.rem 2) - ] - ] - - -md__mx_8 : Css.Style -md__mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 2) - , Css.marginRight (Css.rem 2) - ] - ] - - -md__my_10 : Css.Style -md__my_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 2.5) - , Css.marginBottom (Css.rem 2.5) - ] - ] - - -md__mx_10 : Css.Style -md__mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 2.5) - , Css.marginRight (Css.rem 2.5) - ] - ] - - -md__my_12 : Css.Style -md__my_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 3) - , Css.marginBottom (Css.rem 3) - ] - ] - - -md__mx_12 : Css.Style -md__mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 3) - , Css.marginRight (Css.rem 3) - ] - ] - - -md__my_16 : Css.Style -md__my_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 4) - , Css.marginBottom (Css.rem 4) - ] - ] - - -md__mx_16 : Css.Style -md__mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 4) - , Css.marginRight (Css.rem 4) - ] - ] - - -md__my_20 : Css.Style -md__my_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 5) - , Css.marginBottom (Css.rem 5) - ] - ] - - -md__mx_20 : Css.Style -md__mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 5) - , Css.marginRight (Css.rem 5) - ] - ] - - -md__my_24 : Css.Style -md__my_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 6) - , Css.marginBottom (Css.rem 6) - ] - ] - - -md__mx_24 : Css.Style -md__mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 6) - , Css.marginRight (Css.rem 6) - ] - ] - - -md__my_32 : Css.Style -md__my_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 8) - , Css.marginBottom (Css.rem 8) - ] - ] - - -md__mx_32 : Css.Style -md__mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 8) - , Css.marginRight (Css.rem 8) - ] - ] - - -md__my_40 : Css.Style -md__my_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 10) - , Css.marginBottom (Css.rem 10) - ] - ] - - -md__mx_40 : Css.Style -md__mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 10) - , Css.marginRight (Css.rem 10) - ] - ] - - -md__my_48 : Css.Style -md__my_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 12) - , Css.marginBottom (Css.rem 12) - ] - ] - - -md__mx_48 : Css.Style -md__mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 12) - , Css.marginRight (Css.rem 12) - ] - ] - - -md__my_56 : Css.Style -md__my_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 14) - , Css.marginBottom (Css.rem 14) - ] - ] - - -md__mx_56 : Css.Style -md__mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 14) - , Css.marginRight (Css.rem 14) - ] - ] - - -md__my_64 : Css.Style -md__my_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 16) - , Css.marginBottom (Css.rem 16) - ] - ] - - -md__mx_64 : Css.Style -md__mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 16) - , Css.marginRight (Css.rem 16) - ] - ] - - -md__my_auto : Css.Style -md__my_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop Css.auto - , Css.marginBottom Css.auto - ] - ] - - -md__mx_auto : Css.Style -md__mx_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft Css.auto - , Css.marginRight Css.auto - ] - ] - - -md__my_px : Css.Style -md__my_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.px 1) - , Css.marginBottom (Css.px 1) - ] - ] - - -md__mx_px : Css.Style -md__mx_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.px 1) - , Css.marginRight (Css.px 1) - ] - ] - - -md__neg_my_1 : Css.Style -md__neg_my_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -0.25) - , Css.marginBottom (Css.rem -0.25) - ] - ] - - -md__neg_mx_1 : Css.Style -md__neg_mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -0.25) - , Css.marginRight (Css.rem -0.25) - ] - ] - - -md__neg_my_2 : Css.Style -md__neg_my_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -0.5) - , Css.marginBottom (Css.rem -0.5) - ] - ] - - -md__neg_mx_2 : Css.Style -md__neg_mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -0.5) - , Css.marginRight (Css.rem -0.5) - ] - ] - - -md__neg_my_3 : Css.Style -md__neg_my_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -0.75) - , Css.marginBottom (Css.rem -0.75) - ] - ] - - -md__neg_mx_3 : Css.Style -md__neg_mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -0.75) - , Css.marginRight (Css.rem -0.75) - ] - ] - - -md__neg_my_4 : Css.Style -md__neg_my_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -1) - , Css.marginBottom (Css.rem -1) - ] - ] - - -md__neg_mx_4 : Css.Style -md__neg_mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -1) - , Css.marginRight (Css.rem -1) - ] - ] - - -md__neg_my_5 : Css.Style -md__neg_my_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -1.25) - , Css.marginBottom (Css.rem -1.25) - ] - ] - - -md__neg_mx_5 : Css.Style -md__neg_mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -1.25) - , Css.marginRight (Css.rem -1.25) - ] - ] - - -md__neg_my_6 : Css.Style -md__neg_my_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -1.5) - , Css.marginBottom (Css.rem -1.5) - ] - ] - - -md__neg_mx_6 : Css.Style -md__neg_mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -1.5) - , Css.marginRight (Css.rem -1.5) - ] - ] - - -md__neg_my_8 : Css.Style -md__neg_my_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -2) - , Css.marginBottom (Css.rem -2) - ] - ] - - -md__neg_mx_8 : Css.Style -md__neg_mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -2) - , Css.marginRight (Css.rem -2) - ] - ] - - -md__neg_my_10 : Css.Style -md__neg_my_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -2.5) - , Css.marginBottom (Css.rem -2.5) - ] - ] - - -md__neg_mx_10 : Css.Style -md__neg_mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -2.5) - , Css.marginRight (Css.rem -2.5) - ] - ] - - -md__neg_my_12 : Css.Style -md__neg_my_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -3) - , Css.marginBottom (Css.rem -3) - ] - ] - - -md__neg_mx_12 : Css.Style -md__neg_mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -3) - , Css.marginRight (Css.rem -3) - ] - ] - - -md__neg_my_16 : Css.Style -md__neg_my_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -4) - , Css.marginBottom (Css.rem -4) - ] - ] - - -md__neg_mx_16 : Css.Style -md__neg_mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -4) - , Css.marginRight (Css.rem -4) - ] - ] - - -md__neg_my_20 : Css.Style -md__neg_my_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -5) - , Css.marginBottom (Css.rem -5) - ] - ] - - -md__neg_mx_20 : Css.Style -md__neg_mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -5) - , Css.marginRight (Css.rem -5) - ] - ] - - -md__neg_my_24 : Css.Style -md__neg_my_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -6) - , Css.marginBottom (Css.rem -6) - ] - ] - - -md__neg_mx_24 : Css.Style -md__neg_mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -6) - , Css.marginRight (Css.rem -6) - ] - ] - - -md__neg_my_32 : Css.Style -md__neg_my_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -8) - , Css.marginBottom (Css.rem -8) - ] - ] - - -md__neg_mx_32 : Css.Style -md__neg_mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -8) - , Css.marginRight (Css.rem -8) - ] - ] - - -md__neg_my_40 : Css.Style -md__neg_my_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -10) - , Css.marginBottom (Css.rem -10) - ] - ] - - -md__neg_mx_40 : Css.Style -md__neg_mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -10) - , Css.marginRight (Css.rem -10) - ] - ] - - -md__neg_my_48 : Css.Style -md__neg_my_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -12) - , Css.marginBottom (Css.rem -12) - ] - ] - - -md__neg_mx_48 : Css.Style -md__neg_mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -12) - , Css.marginRight (Css.rem -12) - ] - ] - - -md__neg_my_56 : Css.Style -md__neg_my_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -14) - , Css.marginBottom (Css.rem -14) - ] - ] - - -md__neg_mx_56 : Css.Style -md__neg_mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -14) - , Css.marginRight (Css.rem -14) - ] - ] - - -md__neg_my_64 : Css.Style -md__neg_my_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -16) - , Css.marginBottom (Css.rem -16) - ] - ] - - -md__neg_mx_64 : Css.Style -md__neg_mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -16) - , Css.marginRight (Css.rem -16) - ] - ] - - -md__neg_my_px : Css.Style -md__neg_my_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.px -1) - , Css.marginBottom (Css.px -1) - ] - ] - - -md__neg_mx_px : Css.Style -md__neg_mx_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.px -1) - , Css.marginRight (Css.px -1) - ] - ] - - -md__mt_0 : Css.Style -md__mt_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.px 0) - ] - ] - - -md__mr_0 : Css.Style -md__mr_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.px 0) - ] - ] - - -md__mb_0 : Css.Style -md__mb_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.px 0) - ] - ] - - -md__ml_0 : Css.Style -md__ml_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.px 0) - ] - ] - - -md__mt_1 : Css.Style -md__mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 0.25) - ] - ] - - -md__mr_1 : Css.Style -md__mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 0.25) - ] - ] - - -md__mb_1 : Css.Style -md__mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 0.25) - ] - ] - - -md__ml_1 : Css.Style -md__ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 0.25) - ] - ] - - -md__mt_2 : Css.Style -md__mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 0.5) - ] - ] - - -md__mr_2 : Css.Style -md__mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 0.5) - ] - ] - - -md__mb_2 : Css.Style -md__mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 0.5) - ] - ] - - -md__ml_2 : Css.Style -md__ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 0.5) - ] - ] - - -md__mt_3 : Css.Style -md__mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 0.75) - ] - ] - - -md__mr_3 : Css.Style -md__mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 0.75) - ] - ] - - -md__mb_3 : Css.Style -md__mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 0.75) - ] - ] - - -md__ml_3 : Css.Style -md__ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 0.75) - ] - ] - - -md__mt_4 : Css.Style -md__mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 1) - ] - ] - - -md__mr_4 : Css.Style -md__mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 1) - ] - ] - - -md__mb_4 : Css.Style -md__mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 1) - ] - ] - - -md__ml_4 : Css.Style -md__ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 1) - ] - ] - - -md__mt_5 : Css.Style -md__mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 1.25) - ] - ] - - -md__mr_5 : Css.Style -md__mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 1.25) - ] - ] - - -md__mb_5 : Css.Style -md__mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 1.25) - ] - ] - - -md__ml_5 : Css.Style -md__ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 1.25) - ] - ] - - -md__mt_6 : Css.Style -md__mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 1.5) - ] - ] - - -md__mr_6 : Css.Style -md__mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 1.5) - ] - ] - - -md__mb_6 : Css.Style -md__mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 1.5) - ] - ] - - -md__ml_6 : Css.Style -md__ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 1.5) - ] - ] - - -md__mt_8 : Css.Style -md__mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 2) - ] - ] - - -md__mr_8 : Css.Style -md__mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 2) - ] - ] - - -md__mb_8 : Css.Style -md__mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 2) - ] - ] - - -md__ml_8 : Css.Style -md__ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 2) - ] - ] - - -md__mt_10 : Css.Style -md__mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 2.5) - ] - ] - - -md__mr_10 : Css.Style -md__mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 2.5) - ] - ] - - -md__mb_10 : Css.Style -md__mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 2.5) - ] - ] - - -md__ml_10 : Css.Style -md__ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 2.5) - ] - ] - - -md__mt_12 : Css.Style -md__mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 3) - ] - ] - - -md__mr_12 : Css.Style -md__mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 3) - ] - ] - - -md__mb_12 : Css.Style -md__mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 3) - ] - ] - - -md__ml_12 : Css.Style -md__ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 3) - ] - ] - - -md__mt_16 : Css.Style -md__mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 4) - ] - ] - - -md__mr_16 : Css.Style -md__mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 4) - ] - ] - - -md__mb_16 : Css.Style -md__mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 4) - ] - ] - - -md__ml_16 : Css.Style -md__ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 4) - ] - ] - - -md__mt_20 : Css.Style -md__mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 5) - ] - ] - - -md__mr_20 : Css.Style -md__mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 5) - ] - ] - - -md__mb_20 : Css.Style -md__mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 5) - ] - ] - - -md__ml_20 : Css.Style -md__ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 5) - ] - ] - - -md__mt_24 : Css.Style -md__mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 6) - ] - ] - - -md__mr_24 : Css.Style -md__mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 6) - ] - ] - - -md__mb_24 : Css.Style -md__mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 6) - ] - ] - - -md__ml_24 : Css.Style -md__ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 6) - ] - ] - - -md__mt_32 : Css.Style -md__mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 8) - ] - ] - - -md__mr_32 : Css.Style -md__mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 8) - ] - ] - - -md__mb_32 : Css.Style -md__mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 8) - ] - ] - - -md__ml_32 : Css.Style -md__ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 8) - ] - ] - - -md__mt_40 : Css.Style -md__mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 10) - ] - ] - - -md__mr_40 : Css.Style -md__mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 10) - ] - ] - - -md__mb_40 : Css.Style -md__mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 10) - ] - ] - - -md__ml_40 : Css.Style -md__ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 10) - ] - ] - - -md__mt_48 : Css.Style -md__mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 12) - ] - ] - - -md__mr_48 : Css.Style -md__mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 12) - ] - ] - - -md__mb_48 : Css.Style -md__mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 12) - ] - ] - - -md__ml_48 : Css.Style -md__ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 12) - ] - ] - - -md__mt_56 : Css.Style -md__mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 14) - ] - ] - - -md__mr_56 : Css.Style -md__mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 14) - ] - ] - - -md__mb_56 : Css.Style -md__mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 14) - ] - ] - - -md__ml_56 : Css.Style -md__ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 14) - ] - ] - - -md__mt_64 : Css.Style -md__mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem 16) - ] - ] - - -md__mr_64 : Css.Style -md__mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem 16) - ] - ] - - -md__mb_64 : Css.Style -md__mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem 16) - ] - ] - - -md__ml_64 : Css.Style -md__ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem 16) - ] - ] - - -md__mt_auto : Css.Style -md__mt_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop Css.auto - ] - ] - - -md__mr_auto : Css.Style -md__mr_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight Css.auto - ] - ] - - -md__mb_auto : Css.Style -md__mb_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom Css.auto - ] - ] - - -md__ml_auto : Css.Style -md__ml_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft Css.auto - ] - ] - - -md__mt_px : Css.Style -md__mt_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.px 1) - ] - ] - - -md__mr_px : Css.Style -md__mr_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.px 1) - ] - ] - - -md__mb_px : Css.Style -md__mb_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.px 1) - ] - ] - - -md__ml_px : Css.Style -md__ml_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.px 1) - ] - ] - - -md__neg_mt_1 : Css.Style -md__neg_mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -0.25) - ] - ] - - -md__neg_mr_1 : Css.Style -md__neg_mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -0.25) - ] - ] - - -md__neg_mb_1 : Css.Style -md__neg_mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -0.25) - ] - ] - - -md__neg_ml_1 : Css.Style -md__neg_ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -0.25) - ] - ] - - -md__neg_mt_2 : Css.Style -md__neg_mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -0.5) - ] - ] - - -md__neg_mr_2 : Css.Style -md__neg_mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -0.5) - ] - ] - - -md__neg_mb_2 : Css.Style -md__neg_mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -0.5) - ] - ] - - -md__neg_ml_2 : Css.Style -md__neg_ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -0.5) - ] - ] - - -md__neg_mt_3 : Css.Style -md__neg_mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -0.75) - ] - ] - - -md__neg_mr_3 : Css.Style -md__neg_mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -0.75) - ] - ] - - -md__neg_mb_3 : Css.Style -md__neg_mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -0.75) - ] - ] - - -md__neg_ml_3 : Css.Style -md__neg_ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -0.75) - ] - ] - - -md__neg_mt_4 : Css.Style -md__neg_mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -1) - ] - ] - - -md__neg_mr_4 : Css.Style -md__neg_mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -1) - ] - ] - - -md__neg_mb_4 : Css.Style -md__neg_mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -1) - ] - ] - - -md__neg_ml_4 : Css.Style -md__neg_ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -1) - ] - ] - - -md__neg_mt_5 : Css.Style -md__neg_mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -1.25) - ] - ] - - -md__neg_mr_5 : Css.Style -md__neg_mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -1.25) - ] - ] - - -md__neg_mb_5 : Css.Style -md__neg_mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -1.25) - ] - ] - - -md__neg_ml_5 : Css.Style -md__neg_ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -1.25) - ] - ] - - -md__neg_mt_6 : Css.Style -md__neg_mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -1.5) - ] - ] - - -md__neg_mr_6 : Css.Style -md__neg_mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -1.5) - ] - ] - - -md__neg_mb_6 : Css.Style -md__neg_mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -1.5) - ] - ] - - -md__neg_ml_6 : Css.Style -md__neg_ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -1.5) - ] - ] - - -md__neg_mt_8 : Css.Style -md__neg_mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -2) - ] - ] - - -md__neg_mr_8 : Css.Style -md__neg_mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -2) - ] - ] - - -md__neg_mb_8 : Css.Style -md__neg_mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -2) - ] - ] - - -md__neg_ml_8 : Css.Style -md__neg_ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -2) - ] - ] - - -md__neg_mt_10 : Css.Style -md__neg_mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -2.5) - ] - ] - - -md__neg_mr_10 : Css.Style -md__neg_mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -2.5) - ] - ] - - -md__neg_mb_10 : Css.Style -md__neg_mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -2.5) - ] - ] - - -md__neg_ml_10 : Css.Style -md__neg_ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -2.5) - ] - ] - - -md__neg_mt_12 : Css.Style -md__neg_mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -3) - ] - ] - - -md__neg_mr_12 : Css.Style -md__neg_mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -3) - ] - ] - - -md__neg_mb_12 : Css.Style -md__neg_mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -3) - ] - ] - - -md__neg_ml_12 : Css.Style -md__neg_ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -3) - ] - ] - - -md__neg_mt_16 : Css.Style -md__neg_mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -4) - ] - ] - - -md__neg_mr_16 : Css.Style -md__neg_mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -4) - ] - ] - - -md__neg_mb_16 : Css.Style -md__neg_mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -4) - ] - ] - - -md__neg_ml_16 : Css.Style -md__neg_ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -4) - ] - ] - - -md__neg_mt_20 : Css.Style -md__neg_mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -5) - ] - ] - - -md__neg_mr_20 : Css.Style -md__neg_mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -5) - ] - ] - - -md__neg_mb_20 : Css.Style -md__neg_mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -5) - ] - ] - - -md__neg_ml_20 : Css.Style -md__neg_ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -5) - ] - ] - - -md__neg_mt_24 : Css.Style -md__neg_mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -6) - ] - ] - - -md__neg_mr_24 : Css.Style -md__neg_mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -6) - ] - ] - - -md__neg_mb_24 : Css.Style -md__neg_mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -6) - ] - ] - - -md__neg_ml_24 : Css.Style -md__neg_ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -6) - ] - ] - - -md__neg_mt_32 : Css.Style -md__neg_mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -8) - ] - ] - - -md__neg_mr_32 : Css.Style -md__neg_mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -8) - ] - ] - - -md__neg_mb_32 : Css.Style -md__neg_mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -8) - ] - ] - - -md__neg_ml_32 : Css.Style -md__neg_ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -8) - ] - ] - - -md__neg_mt_40 : Css.Style -md__neg_mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -10) - ] - ] - - -md__neg_mr_40 : Css.Style -md__neg_mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -10) - ] - ] - - -md__neg_mb_40 : Css.Style -md__neg_mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -10) - ] - ] - - -md__neg_ml_40 : Css.Style -md__neg_ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -10) - ] - ] - - -md__neg_mt_48 : Css.Style -md__neg_mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -12) - ] - ] - - -md__neg_mr_48 : Css.Style -md__neg_mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -12) - ] - ] - - -md__neg_mb_48 : Css.Style -md__neg_mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -12) - ] - ] - - -md__neg_ml_48 : Css.Style -md__neg_ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -12) - ] - ] - - -md__neg_mt_56 : Css.Style -md__neg_mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -14) - ] - ] - - -md__neg_mr_56 : Css.Style -md__neg_mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -14) - ] - ] - - -md__neg_mb_56 : Css.Style -md__neg_mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -14) - ] - ] - - -md__neg_ml_56 : Css.Style -md__neg_ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -14) - ] - ] - - -md__neg_mt_64 : Css.Style -md__neg_mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.rem -16) - ] - ] - - -md__neg_mr_64 : Css.Style -md__neg_mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.rem -16) - ] - ] - - -md__neg_mb_64 : Css.Style -md__neg_mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.rem -16) - ] - ] - - -md__neg_ml_64 : Css.Style -md__neg_ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.rem -16) - ] - ] - - -md__neg_mt_px : Css.Style -md__neg_mt_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginTop (Css.px -1) - ] - ] - - -md__neg_mr_px : Css.Style -md__neg_mr_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginRight (Css.px -1) - ] - ] - - -md__neg_mb_px : Css.Style -md__neg_mb_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginBottom (Css.px -1) - ] - ] - - -md__neg_ml_px : Css.Style -md__neg_ml_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.marginLeft (Css.px -1) - ] - ] - - -md__max_h_full : Css.Style -md__max_h_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxHeight (Css.pct 100) - ] - ] - - -md__max_h_screen : Css.Style -md__max_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxHeight (Css.vh 100) - ] - ] - - -md__max_w_none : Css.Style -md__max_w_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth Css.none - ] - ] - - -md__max_w_xs : Css.Style -md__max_w_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.rem 20) - ] - ] - - -md__max_w_sm : Css.Style -md__max_w_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.rem 24) - ] - ] - - -md__max_w_md : Css.Style -md__max_w_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.rem 28) - ] - ] - - -md__max_w_lg : Css.Style -md__max_w_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.rem 32) - ] - ] - - -md__max_w_xl : Css.Style -md__max_w_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.rem 36) - ] - ] - - -md__max_w_2xl : Css.Style -md__max_w_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.rem 42) - ] - ] - - -md__max_w_3xl : Css.Style -md__max_w_3xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.rem 48) - ] - ] - - -md__max_w_4xl : Css.Style -md__max_w_4xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.rem 56) - ] - ] - - -md__max_w_5xl : Css.Style -md__max_w_5xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.rem 64) - ] - ] - - -md__max_w_6xl : Css.Style -md__max_w_6xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.rem 72) - ] - ] - - -md__max_w_full : Css.Style -md__max_w_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.pct 100) - ] - ] - - -md__max_w_screen_sm : Css.Style -md__max_w_screen_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.px 640) - ] - ] - - -md__max_w_screen_md : Css.Style -md__max_w_screen_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.px 768) - ] - ] - - -md__max_w_screen_lg : Css.Style -md__max_w_screen_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.px 1024) - ] - ] - - -md__max_w_screen_xl : Css.Style -md__max_w_screen_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.maxWidth (Css.px 1280) - ] - ] - - -md__min_h_0 : Css.Style -md__min_h_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.minHeight (Css.px 0) - ] - ] - - -md__min_h_full : Css.Style -md__min_h_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.minHeight (Css.pct 100) - ] - ] - - -md__min_h_screen : Css.Style -md__min_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.minHeight (Css.vh 100) - ] - ] - - -md__min_w_0 : Css.Style -md__min_w_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.minWidth (Css.px 0) - ] - ] - - -md__min_w_full : Css.Style -md__min_w_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.minWidth (Css.pct 100) - ] - ] - - -md__object_contain : Css.Style -md__object_contain = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-fit\\" \\"contain\\" - ] - ] - - -md__object_cover : Css.Style -md__object_cover = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-fit\\" \\"cover\\" - ] - ] - - -md__object_fill : Css.Style -md__object_fill = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-fit\\" \\"fill\\" - ] - ] - - -md__object_none : Css.Style -md__object_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-fit\\" \\"none\\" - ] - ] - - -md__object_scale_down : Css.Style -md__object_scale_down = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-fit\\" \\"scale-down\\" - ] - ] - - -md__object_bottom : Css.Style -md__object_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-position\\" \\"bottom\\" - ] - ] - - -md__object_center : Css.Style -md__object_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-position\\" \\"center\\" - ] - ] - - -md__object_left : Css.Style -md__object_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-position\\" \\"left\\" - ] - ] - - -md__object_left_bottom : Css.Style -md__object_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-position\\" \\"left bottom\\" - ] - ] - - -md__object_left_top : Css.Style -md__object_left_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-position\\" \\"left top\\" - ] - ] - - -md__object_right : Css.Style -md__object_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-position\\" \\"right\\" - ] - ] - - -md__object_right_bottom : Css.Style -md__object_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-position\\" \\"right bottom\\" - ] - ] - - -md__object_right_top : Css.Style -md__object_right_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-position\\" \\"right top\\" - ] - ] - - -md__object_top : Css.Style -md__object_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"object-position\\" \\"top\\" - ] - ] - - -md__opacity_0 : Css.Style -md__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.opacity (Css.int 0) - ] - ] - - -md__opacity_25 : Css.Style -md__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.opacity (Css.num 0.25) - ] - ] - - -md__opacity_50 : Css.Style -md__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.opacity (Css.num 0.5) - ] - ] - - -md__opacity_75 : Css.Style -md__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.opacity (Css.num 0.75) - ] - ] - - -md__opacity_100 : Css.Style -md__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.opacity (Css.int 1) - ] - ] - - -md__hover__opacity_0 : Css.Style -md__hover__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.opacity (Css.int 0) - ] - ] - ] - - -md__hover__opacity_25 : Css.Style -md__hover__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -md__hover__opacity_50 : Css.Style -md__hover__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -md__hover__opacity_75 : Css.Style -md__hover__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -md__hover__opacity_100 : Css.Style -md__hover__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.opacity (Css.int 1) - ] - ] - ] - - -md__focus__opacity_0 : Css.Style -md__focus__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.opacity (Css.int 0) - ] - ] - ] - - -md__focus__opacity_25 : Css.Style -md__focus__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -md__focus__opacity_50 : Css.Style -md__focus__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -md__focus__opacity_75 : Css.Style -md__focus__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -md__focus__opacity_100 : Css.Style -md__focus__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.opacity (Css.int 1) - ] - ] - ] - - -md__outline_none : Css.Style -md__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"outline\\" \\"0\\" - ] - ] - - -md__focus__outline_none : Css.Style -md__focus__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.property \\"outline\\" \\"0\\" - ] - ] - ] - - -md__overflow_auto : Css.Style -md__overflow_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflow Css.auto - ] - ] - - -md__overflow_hidden : Css.Style -md__overflow_hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflow Css.hidden - ] - ] - - -md__overflow_visible : Css.Style -md__overflow_visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflow Css.visible - ] - ] - - -md__overflow_scroll : Css.Style -md__overflow_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflow Css.scroll - ] - ] - - -md__overflow_x_auto : Css.Style -md__overflow_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflowX Css.auto - ] - ] - - -md__overflow_y_auto : Css.Style -md__overflow_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflowY Css.auto - ] - ] - - -md__overflow_x_hidden : Css.Style -md__overflow_x_hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflowX Css.hidden - ] - ] - - -md__overflow_y_hidden : Css.Style -md__overflow_y_hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflowY Css.hidden - ] - ] - - -md__overflow_x_visible : Css.Style -md__overflow_x_visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflowX Css.visible - ] - ] - - -md__overflow_y_visible : Css.Style -md__overflow_y_visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflowY Css.visible - ] - ] - - -md__overflow_x_scroll : Css.Style -md__overflow_x_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflowX Css.scroll - ] - ] - - -md__overflow_y_scroll : Css.Style -md__overflow_y_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflowY Css.scroll - ] - ] - - -md__scrolling_touch : Css.Style -md__scrolling_touch = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"-webkit-overflow-scrolling\\" \\"touch\\" - ] - ] - - -md__scrolling_auto : Css.Style -md__scrolling_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"-webkit-overflow-scrolling\\" \\"auto\\" - ] - ] - - -md__p_0 : Css.Style -md__p_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.px 0) - ] - ] - - -md__p_1 : Css.Style -md__p_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 0.25) - ] - ] - - -md__p_2 : Css.Style -md__p_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 0.5) - ] - ] - - -md__p_3 : Css.Style -md__p_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 0.75) - ] - ] - - -md__p_4 : Css.Style -md__p_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 1) - ] - ] - - -md__p_5 : Css.Style -md__p_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 1.25) - ] - ] - - -md__p_6 : Css.Style -md__p_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 1.5) - ] - ] - - -md__p_8 : Css.Style -md__p_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 2) - ] - ] - - -md__p_10 : Css.Style -md__p_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 2.5) - ] - ] - - -md__p_12 : Css.Style -md__p_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 3) - ] - ] - - -md__p_16 : Css.Style -md__p_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 4) - ] - ] - - -md__p_20 : Css.Style -md__p_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 5) - ] - ] - - -md__p_24 : Css.Style -md__p_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 6) - ] - ] - - -md__p_32 : Css.Style -md__p_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 8) - ] - ] - - -md__p_40 : Css.Style -md__p_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 10) - ] - ] - - -md__p_48 : Css.Style -md__p_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 12) - ] - ] - - -md__p_56 : Css.Style -md__p_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 14) - ] - ] - - -md__p_64 : Css.Style -md__p_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.rem 16) - ] - ] - - -md__p_px : Css.Style -md__p_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.padding (Css.px 1) - ] - ] - - -md__py_0 : Css.Style -md__py_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.px 0) - , Css.paddingBottom (Css.px 0) - ] - ] - - -md__px_0 : Css.Style -md__px_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.px 0) - , Css.paddingRight (Css.px 0) - ] - ] - - -md__py_1 : Css.Style -md__py_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 0.25) - , Css.paddingBottom (Css.rem 0.25) - ] - ] - - -md__px_1 : Css.Style -md__px_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 0.25) - , Css.paddingRight (Css.rem 0.25) - ] - ] - - -md__py_2 : Css.Style -md__py_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 0.5) - , Css.paddingBottom (Css.rem 0.5) - ] - ] - - -md__px_2 : Css.Style -md__px_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 0.5) - , Css.paddingRight (Css.rem 0.5) - ] - ] - - -md__py_3 : Css.Style -md__py_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 0.75) - , Css.paddingBottom (Css.rem 0.75) - ] - ] - - -md__px_3 : Css.Style -md__px_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 0.75) - , Css.paddingRight (Css.rem 0.75) - ] - ] - - -md__py_4 : Css.Style -md__py_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 1) - , Css.paddingBottom (Css.rem 1) - ] - ] - - -md__px_4 : Css.Style -md__px_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 1) - , Css.paddingRight (Css.rem 1) - ] - ] - - -md__py_5 : Css.Style -md__py_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 1.25) - , Css.paddingBottom (Css.rem 1.25) - ] - ] - - -md__px_5 : Css.Style -md__px_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 1.25) - , Css.paddingRight (Css.rem 1.25) - ] - ] - - -md__py_6 : Css.Style -md__py_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 1.5) - , Css.paddingBottom (Css.rem 1.5) - ] - ] - - -md__px_6 : Css.Style -md__px_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 1.5) - , Css.paddingRight (Css.rem 1.5) - ] - ] - - -md__py_8 : Css.Style -md__py_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 2) - , Css.paddingBottom (Css.rem 2) - ] - ] - - -md__px_8 : Css.Style -md__px_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 2) - , Css.paddingRight (Css.rem 2) - ] - ] - - -md__py_10 : Css.Style -md__py_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 2.5) - , Css.paddingBottom (Css.rem 2.5) - ] - ] - - -md__px_10 : Css.Style -md__px_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 2.5) - , Css.paddingRight (Css.rem 2.5) - ] - ] - - -md__py_12 : Css.Style -md__py_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 3) - , Css.paddingBottom (Css.rem 3) - ] - ] - - -md__px_12 : Css.Style -md__px_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 3) - , Css.paddingRight (Css.rem 3) - ] - ] - - -md__py_16 : Css.Style -md__py_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 4) - , Css.paddingBottom (Css.rem 4) - ] - ] - - -md__px_16 : Css.Style -md__px_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 4) - , Css.paddingRight (Css.rem 4) - ] - ] - - -md__py_20 : Css.Style -md__py_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 5) - , Css.paddingBottom (Css.rem 5) - ] - ] - - -md__px_20 : Css.Style -md__px_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 5) - , Css.paddingRight (Css.rem 5) - ] - ] - - -md__py_24 : Css.Style -md__py_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 6) - , Css.paddingBottom (Css.rem 6) - ] - ] - - -md__px_24 : Css.Style -md__px_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 6) - , Css.paddingRight (Css.rem 6) - ] - ] - - -md__py_32 : Css.Style -md__py_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 8) - , Css.paddingBottom (Css.rem 8) - ] - ] - - -md__px_32 : Css.Style -md__px_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 8) - , Css.paddingRight (Css.rem 8) - ] - ] - - -md__py_40 : Css.Style -md__py_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 10) - , Css.paddingBottom (Css.rem 10) - ] - ] - - -md__px_40 : Css.Style -md__px_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 10) - , Css.paddingRight (Css.rem 10) - ] - ] - - -md__py_48 : Css.Style -md__py_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 12) - , Css.paddingBottom (Css.rem 12) - ] - ] - - -md__px_48 : Css.Style -md__px_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 12) - , Css.paddingRight (Css.rem 12) - ] - ] - - -md__py_56 : Css.Style -md__py_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 14) - , Css.paddingBottom (Css.rem 14) - ] - ] - - -md__px_56 : Css.Style -md__px_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 14) - , Css.paddingRight (Css.rem 14) - ] - ] - - -md__py_64 : Css.Style -md__py_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 16) - , Css.paddingBottom (Css.rem 16) - ] - ] - - -md__px_64 : Css.Style -md__px_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 16) - , Css.paddingRight (Css.rem 16) - ] - ] - - -md__py_px : Css.Style -md__py_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.px 1) - , Css.paddingBottom (Css.px 1) - ] - ] - - -md__px_px : Css.Style -md__px_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.px 1) - , Css.paddingRight (Css.px 1) - ] - ] - - -md__pt_0 : Css.Style -md__pt_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.px 0) - ] - ] - - -md__pr_0 : Css.Style -md__pr_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.px 0) - ] - ] - - -md__pb_0 : Css.Style -md__pb_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.px 0) - ] - ] - - -md__pl_0 : Css.Style -md__pl_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.px 0) - ] - ] - - -md__pt_1 : Css.Style -md__pt_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 0.25) - ] - ] - - -md__pr_1 : Css.Style -md__pr_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 0.25) - ] - ] - - -md__pb_1 : Css.Style -md__pb_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 0.25) - ] - ] - - -md__pl_1 : Css.Style -md__pl_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 0.25) - ] - ] - - -md__pt_2 : Css.Style -md__pt_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 0.5) - ] - ] - - -md__pr_2 : Css.Style -md__pr_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 0.5) - ] - ] - - -md__pb_2 : Css.Style -md__pb_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 0.5) - ] - ] - - -md__pl_2 : Css.Style -md__pl_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 0.5) - ] - ] - - -md__pt_3 : Css.Style -md__pt_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 0.75) - ] - ] - - -md__pr_3 : Css.Style -md__pr_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 0.75) - ] - ] - - -md__pb_3 : Css.Style -md__pb_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 0.75) - ] - ] - - -md__pl_3 : Css.Style -md__pl_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 0.75) - ] - ] - - -md__pt_4 : Css.Style -md__pt_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 1) - ] - ] - - -md__pr_4 : Css.Style -md__pr_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 1) - ] - ] - - -md__pb_4 : Css.Style -md__pb_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 1) - ] - ] - - -md__pl_4 : Css.Style -md__pl_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 1) - ] - ] - - -md__pt_5 : Css.Style -md__pt_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 1.25) - ] - ] - - -md__pr_5 : Css.Style -md__pr_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 1.25) - ] - ] - - -md__pb_5 : Css.Style -md__pb_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 1.25) - ] - ] - - -md__pl_5 : Css.Style -md__pl_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 1.25) - ] - ] - - -md__pt_6 : Css.Style -md__pt_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 1.5) - ] - ] - - -md__pr_6 : Css.Style -md__pr_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 1.5) - ] - ] - - -md__pb_6 : Css.Style -md__pb_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 1.5) - ] - ] - - -md__pl_6 : Css.Style -md__pl_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 1.5) - ] - ] - - -md__pt_8 : Css.Style -md__pt_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 2) - ] - ] - - -md__pr_8 : Css.Style -md__pr_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 2) - ] - ] - - -md__pb_8 : Css.Style -md__pb_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 2) - ] - ] - - -md__pl_8 : Css.Style -md__pl_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 2) - ] - ] - - -md__pt_10 : Css.Style -md__pt_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 2.5) - ] - ] - - -md__pr_10 : Css.Style -md__pr_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 2.5) - ] - ] - - -md__pb_10 : Css.Style -md__pb_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 2.5) - ] - ] - - -md__pl_10 : Css.Style -md__pl_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 2.5) - ] - ] - - -md__pt_12 : Css.Style -md__pt_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 3) - ] - ] - - -md__pr_12 : Css.Style -md__pr_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 3) - ] - ] - - -md__pb_12 : Css.Style -md__pb_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 3) - ] - ] - - -md__pl_12 : Css.Style -md__pl_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 3) - ] - ] - - -md__pt_16 : Css.Style -md__pt_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 4) - ] - ] - - -md__pr_16 : Css.Style -md__pr_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 4) - ] - ] - - -md__pb_16 : Css.Style -md__pb_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 4) - ] - ] - - -md__pl_16 : Css.Style -md__pl_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 4) - ] - ] - - -md__pt_20 : Css.Style -md__pt_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 5) - ] - ] - - -md__pr_20 : Css.Style -md__pr_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 5) - ] - ] - - -md__pb_20 : Css.Style -md__pb_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 5) - ] - ] - - -md__pl_20 : Css.Style -md__pl_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 5) - ] - ] - - -md__pt_24 : Css.Style -md__pt_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 6) - ] - ] - - -md__pr_24 : Css.Style -md__pr_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 6) - ] - ] - - -md__pb_24 : Css.Style -md__pb_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 6) - ] - ] - - -md__pl_24 : Css.Style -md__pl_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 6) - ] - ] - - -md__pt_32 : Css.Style -md__pt_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 8) - ] - ] - - -md__pr_32 : Css.Style -md__pr_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 8) - ] - ] - - -md__pb_32 : Css.Style -md__pb_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 8) - ] - ] - - -md__pl_32 : Css.Style -md__pl_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 8) - ] - ] - - -md__pt_40 : Css.Style -md__pt_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 10) - ] - ] - - -md__pr_40 : Css.Style -md__pr_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 10) - ] - ] - - -md__pb_40 : Css.Style -md__pb_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 10) - ] - ] - - -md__pl_40 : Css.Style -md__pl_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 10) - ] - ] - - -md__pt_48 : Css.Style -md__pt_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 12) - ] - ] - - -md__pr_48 : Css.Style -md__pr_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 12) - ] - ] - - -md__pb_48 : Css.Style -md__pb_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 12) - ] - ] - - -md__pl_48 : Css.Style -md__pl_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 12) - ] - ] - - -md__pt_56 : Css.Style -md__pt_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 14) - ] - ] - - -md__pr_56 : Css.Style -md__pr_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 14) - ] - ] - - -md__pb_56 : Css.Style -md__pb_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 14) - ] - ] - - -md__pl_56 : Css.Style -md__pl_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 14) - ] - ] - - -md__pt_64 : Css.Style -md__pt_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.rem 16) - ] - ] - - -md__pr_64 : Css.Style -md__pr_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.rem 16) - ] - ] - - -md__pb_64 : Css.Style -md__pb_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.rem 16) - ] - ] - - -md__pl_64 : Css.Style -md__pl_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.rem 16) - ] - ] - - -md__pt_px : Css.Style -md__pt_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingTop (Css.px 1) - ] - ] - - -md__pr_px : Css.Style -md__pr_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingRight (Css.px 1) - ] - ] - - -md__pb_px : Css.Style -md__pb_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingBottom (Css.px 1) - ] - ] - - -md__pl_px : Css.Style -md__pl_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.paddingLeft (Css.px 1) - ] - ] - - -md__placeholder_transparent : Css.Style -md__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color Css.transparent - ] - ] - - -md__placeholder_current : Css.Style -md__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color Css.currentColor - ] - ] - - -md__placeholder_black : Css.Style -md__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#000\\") - ] - ] - - -md__placeholder_white : Css.Style -md__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fff\\") - ] - ] - - -md__placeholder_gray_100 : Css.Style -md__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - - -md__placeholder_gray_200 : Css.Style -md__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - - -md__placeholder_gray_300 : Css.Style -md__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - - -md__placeholder_gray_400 : Css.Style -md__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - - -md__placeholder_gray_500 : Css.Style -md__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - - -md__placeholder_gray_600 : Css.Style -md__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#718096\\") - ] - ] - - -md__placeholder_gray_700 : Css.Style -md__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - - -md__placeholder_gray_800 : Css.Style -md__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - - -md__placeholder_gray_900 : Css.Style -md__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - - -md__placeholder_red_100 : Css.Style -md__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - - -md__placeholder_red_200 : Css.Style -md__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - - -md__placeholder_red_300 : Css.Style -md__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - - -md__placeholder_red_400 : Css.Style -md__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - - -md__placeholder_red_500 : Css.Style -md__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - - -md__placeholder_red_600 : Css.Style -md__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - - -md__placeholder_red_700 : Css.Style -md__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - - -md__placeholder_red_800 : Css.Style -md__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - - -md__placeholder_red_900 : Css.Style -md__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - - -md__placeholder_orange_100 : Css.Style -md__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - - -md__placeholder_orange_200 : Css.Style -md__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - - -md__placeholder_orange_300 : Css.Style -md__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - - -md__placeholder_orange_400 : Css.Style -md__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - - -md__placeholder_orange_500 : Css.Style -md__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - - -md__placeholder_orange_600 : Css.Style -md__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - - -md__placeholder_orange_700 : Css.Style -md__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - - -md__placeholder_orange_800 : Css.Style -md__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - - -md__placeholder_orange_900 : Css.Style -md__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - - -md__placeholder_yellow_100 : Css.Style -md__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - - -md__placeholder_yellow_200 : Css.Style -md__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - - -md__placeholder_yellow_300 : Css.Style -md__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - - -md__placeholder_yellow_400 : Css.Style -md__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - - -md__placeholder_yellow_500 : Css.Style -md__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - - -md__placeholder_yellow_600 : Css.Style -md__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - - -md__placeholder_yellow_700 : Css.Style -md__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - - -md__placeholder_yellow_800 : Css.Style -md__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - - -md__placeholder_yellow_900 : Css.Style -md__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#744210\\") - ] - ] - - -md__placeholder_green_100 : Css.Style -md__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - - -md__placeholder_green_200 : Css.Style -md__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - - -md__placeholder_green_300 : Css.Style -md__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - - -md__placeholder_green_400 : Css.Style -md__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - - -md__placeholder_green_500 : Css.Style -md__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - - -md__placeholder_green_600 : Css.Style -md__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - - -md__placeholder_green_700 : Css.Style -md__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - - -md__placeholder_green_800 : Css.Style -md__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#276749\\") - ] - ] - - -md__placeholder_green_900 : Css.Style -md__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - - -md__placeholder_teal_100 : Css.Style -md__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - - -md__placeholder_teal_200 : Css.Style -md__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - - -md__placeholder_teal_300 : Css.Style -md__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - - -md__placeholder_teal_400 : Css.Style -md__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - - -md__placeholder_teal_500 : Css.Style -md__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - - -md__placeholder_teal_600 : Css.Style -md__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#319795\\") - ] - ] - - -md__placeholder_teal_700 : Css.Style -md__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - - -md__placeholder_teal_800 : Css.Style -md__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - - -md__placeholder_teal_900 : Css.Style -md__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - - -md__placeholder_blue_100 : Css.Style -md__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - - -md__placeholder_blue_200 : Css.Style -md__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - - -md__placeholder_blue_300 : Css.Style -md__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - - -md__placeholder_blue_400 : Css.Style -md__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - - -md__placeholder_blue_500 : Css.Style -md__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - - -md__placeholder_blue_600 : Css.Style -md__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - - -md__placeholder_blue_700 : Css.Style -md__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - - -md__placeholder_blue_800 : Css.Style -md__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - - -md__placeholder_blue_900 : Css.Style -md__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - - -md__placeholder_indigo_100 : Css.Style -md__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - - -md__placeholder_indigo_200 : Css.Style -md__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - - -md__placeholder_indigo_300 : Css.Style -md__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - - -md__placeholder_indigo_400 : Css.Style -md__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - - -md__placeholder_indigo_500 : Css.Style -md__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - - -md__placeholder_indigo_600 : Css.Style -md__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - - -md__placeholder_indigo_700 : Css.Style -md__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - - -md__placeholder_indigo_800 : Css.Style -md__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#434190\\") - ] - ] - - -md__placeholder_indigo_900 : Css.Style -md__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - - -md__placeholder_purple_100 : Css.Style -md__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - - -md__placeholder_purple_200 : Css.Style -md__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - - -md__placeholder_purple_300 : Css.Style -md__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - - -md__placeholder_purple_400 : Css.Style -md__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - - -md__placeholder_purple_500 : Css.Style -md__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - - -md__placeholder_purple_600 : Css.Style -md__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - - -md__placeholder_purple_700 : Css.Style -md__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - - -md__placeholder_purple_800 : Css.Style -md__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - - -md__placeholder_purple_900 : Css.Style -md__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - - -md__placeholder_pink_100 : Css.Style -md__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - - -md__placeholder_pink_200 : Css.Style -md__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - - -md__placeholder_pink_300 : Css.Style -md__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - - -md__placeholder_pink_400 : Css.Style -md__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - - -md__placeholder_pink_500 : Css.Style -md__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - - -md__placeholder_pink_600 : Css.Style -md__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - - -md__placeholder_pink_700 : Css.Style -md__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - - -md__placeholder_pink_800 : Css.Style -md__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - - -md__placeholder_pink_900 : Css.Style -md__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#702459\\") - ] - ] - - -md__focus__placeholder_transparent : Css.Style -md__focus__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -md__focus__placeholder_current : Css.Style -md__focus__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -md__focus__placeholder_black : Css.Style -md__focus__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#000\\") - ] - ] - ] - - -md__focus__placeholder_white : Css.Style -md__focus__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff\\") - ] - ] - ] - - -md__focus__placeholder_gray_100 : Css.Style -md__focus__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -md__focus__placeholder_gray_200 : Css.Style -md__focus__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -md__focus__placeholder_gray_300 : Css.Style -md__focus__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -md__focus__placeholder_gray_400 : Css.Style -md__focus__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -md__focus__placeholder_gray_500 : Css.Style -md__focus__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -md__focus__placeholder_gray_600 : Css.Style -md__focus__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#718096\\") - ] - ] - ] - - -md__focus__placeholder_gray_700 : Css.Style -md__focus__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - ] - - -md__focus__placeholder_gray_800 : Css.Style -md__focus__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - ] - - -md__focus__placeholder_gray_900 : Css.Style -md__focus__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - ] - - -md__focus__placeholder_red_100 : Css.Style -md__focus__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -md__focus__placeholder_red_200 : Css.Style -md__focus__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -md__focus__placeholder_red_300 : Css.Style -md__focus__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -md__focus__placeholder_red_400 : Css.Style -md__focus__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - ] - - -md__focus__placeholder_red_500 : Css.Style -md__focus__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - ] - - -md__focus__placeholder_red_600 : Css.Style -md__focus__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -md__focus__placeholder_red_700 : Css.Style -md__focus__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - ] - - -md__focus__placeholder_red_800 : Css.Style -md__focus__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -md__focus__placeholder_red_900 : Css.Style -md__focus__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - ] - - -md__focus__placeholder_orange_100 : Css.Style -md__focus__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -md__focus__placeholder_orange_200 : Css.Style -md__focus__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - ] - - -md__focus__placeholder_orange_300 : Css.Style -md__focus__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -md__focus__placeholder_orange_400 : Css.Style -md__focus__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -md__focus__placeholder_orange_500 : Css.Style -md__focus__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - ] - - -md__focus__placeholder_orange_600 : Css.Style -md__focus__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -md__focus__placeholder_orange_700 : Css.Style -md__focus__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - ] - - -md__focus__placeholder_orange_800 : Css.Style -md__focus__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - ] - - -md__focus__placeholder_orange_900 : Css.Style -md__focus__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - ] - - -md__focus__placeholder_yellow_100 : Css.Style -md__focus__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - ] - - -md__focus__placeholder_yellow_200 : Css.Style -md__focus__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -md__focus__placeholder_yellow_300 : Css.Style -md__focus__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - ] - - -md__focus__placeholder_yellow_400 : Css.Style -md__focus__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -md__focus__placeholder_yellow_500 : Css.Style -md__focus__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -md__focus__placeholder_yellow_600 : Css.Style -md__focus__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -md__focus__placeholder_yellow_700 : Css.Style -md__focus__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - ] - - -md__focus__placeholder_yellow_800 : Css.Style -md__focus__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - ] - - -md__focus__placeholder_yellow_900 : Css.Style -md__focus__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#744210\\") - ] - ] - ] - - -md__focus__placeholder_green_100 : Css.Style -md__focus__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -md__focus__placeholder_green_200 : Css.Style -md__focus__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -md__focus__placeholder_green_300 : Css.Style -md__focus__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -md__focus__placeholder_green_400 : Css.Style -md__focus__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - ] - - -md__focus__placeholder_green_500 : Css.Style -md__focus__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - ] - - -md__focus__placeholder_green_600 : Css.Style -md__focus__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - ] - - -md__focus__placeholder_green_700 : Css.Style -md__focus__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - ] - - -md__focus__placeholder_green_800 : Css.Style -md__focus__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#276749\\") - ] - ] - ] - - -md__focus__placeholder_green_900 : Css.Style -md__focus__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - ] - - -md__focus__placeholder_teal_100 : Css.Style -md__focus__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -md__focus__placeholder_teal_200 : Css.Style -md__focus__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -md__focus__placeholder_teal_300 : Css.Style -md__focus__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -md__focus__placeholder_teal_400 : Css.Style -md__focus__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -md__focus__placeholder_teal_500 : Css.Style -md__focus__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -md__focus__placeholder_teal_600 : Css.Style -md__focus__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#319795\\") - ] - ] - ] - - -md__focus__placeholder_teal_700 : Css.Style -md__focus__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -md__focus__placeholder_teal_800 : Css.Style -md__focus__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - ] - - -md__focus__placeholder_teal_900 : Css.Style -md__focus__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - ] - - -md__focus__placeholder_blue_100 : Css.Style -md__focus__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -md__focus__placeholder_blue_200 : Css.Style -md__focus__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -md__focus__placeholder_blue_300 : Css.Style -md__focus__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -md__focus__placeholder_blue_400 : Css.Style -md__focus__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -md__focus__placeholder_blue_500 : Css.Style -md__focus__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - ] - - -md__focus__placeholder_blue_600 : Css.Style -md__focus__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - ] - - -md__focus__placeholder_blue_700 : Css.Style -md__focus__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -md__focus__placeholder_blue_800 : Css.Style -md__focus__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - ] - - -md__focus__placeholder_blue_900 : Css.Style -md__focus__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - ] - - -md__focus__placeholder_indigo_100 : Css.Style -md__focus__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -md__focus__placeholder_indigo_200 : Css.Style -md__focus__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -md__focus__placeholder_indigo_300 : Css.Style -md__focus__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -md__focus__placeholder_indigo_400 : Css.Style -md__focus__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -md__focus__placeholder_indigo_500 : Css.Style -md__focus__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - ] - - -md__focus__placeholder_indigo_600 : Css.Style -md__focus__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -md__focus__placeholder_indigo_700 : Css.Style -md__focus__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -md__focus__placeholder_indigo_800 : Css.Style -md__focus__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#434190\\") - ] - ] - ] - - -md__focus__placeholder_indigo_900 : Css.Style -md__focus__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - ] - - -md__focus__placeholder_purple_100 : Css.Style -md__focus__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -md__focus__placeholder_purple_200 : Css.Style -md__focus__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -md__focus__placeholder_purple_300 : Css.Style -md__focus__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -md__focus__placeholder_purple_400 : Css.Style -md__focus__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - ] - - -md__focus__placeholder_purple_500 : Css.Style -md__focus__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -md__focus__placeholder_purple_600 : Css.Style -md__focus__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - ] - - -md__focus__placeholder_purple_700 : Css.Style -md__focus__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -md__focus__placeholder_purple_800 : Css.Style -md__focus__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - ] - - -md__focus__placeholder_purple_900 : Css.Style -md__focus__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - ] - - -md__focus__placeholder_pink_100 : Css.Style -md__focus__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -md__focus__placeholder_pink_200 : Css.Style -md__focus__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -md__focus__placeholder_pink_300 : Css.Style -md__focus__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -md__focus__placeholder_pink_400 : Css.Style -md__focus__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - ] - - -md__focus__placeholder_pink_500 : Css.Style -md__focus__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -md__focus__placeholder_pink_600 : Css.Style -md__focus__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -md__focus__placeholder_pink_700 : Css.Style -md__focus__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - ] - - -md__focus__placeholder_pink_800 : Css.Style -md__focus__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - ] - - -md__focus__placeholder_pink_900 : Css.Style -md__focus__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#702459\\") - ] - ] - ] - - -md__pointer_events_none : Css.Style -md__pointer_events_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.pointerEvents Css.none - ] - ] - - -md__pointer_events_auto : Css.Style -md__pointer_events_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.pointerEvents Css.auto - ] - ] - - -md__static : Css.Style -md__static = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.position Css.static - ] - ] - - -md__fixed : Css.Style -md__fixed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.position Css.fixed - ] - ] - - -md__absolute : Css.Style -md__absolute = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.position Css.absolute - ] - ] - - -md__relative : Css.Style -md__relative = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.position Css.relative - ] - ] - - -md__sticky : Css.Style -md__sticky = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.position Css.sticky - ] - ] - - -md__inset_0 : Css.Style -md__inset_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.top (Css.px 0) - , Css.right (Css.px 0) - , Css.bottom (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -md__inset_auto : Css.Style -md__inset_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.top Css.auto - , Css.right Css.auto - , Css.bottom Css.auto - , Css.left Css.auto - ] - ] - - -md__inset_y_0 : Css.Style -md__inset_y_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.top (Css.px 0) - , Css.bottom (Css.px 0) - ] - ] - - -md__inset_x_0 : Css.Style -md__inset_x_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.right (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -md__inset_y_auto : Css.Style -md__inset_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.top Css.auto - , Css.bottom Css.auto - ] - ] - - -md__inset_x_auto : Css.Style -md__inset_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.right Css.auto - , Css.left Css.auto - ] - ] - - -md__top_0 : Css.Style -md__top_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.top (Css.px 0) - ] - ] - - -md__right_0 : Css.Style -md__right_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.right (Css.px 0) - ] - ] - - -md__bottom_0 : Css.Style -md__bottom_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.bottom (Css.px 0) - ] - ] - - -md__left_0 : Css.Style -md__left_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.left (Css.px 0) - ] - ] - - -md__top_auto : Css.Style -md__top_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.top Css.auto - ] - ] - - -md__right_auto : Css.Style -md__right_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.right Css.auto - ] - ] - - -md__bottom_auto : Css.Style -md__bottom_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.bottom Css.auto - ] - ] - - -md__left_auto : Css.Style -md__left_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.left Css.auto - ] - ] - - -md__resize_none : Css.Style -md__resize_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.resize Css.none - ] - ] - - -md__resize_y : Css.Style -md__resize_y = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.resize Css.vertical - ] - ] - - -md__resize_x : Css.Style -md__resize_x = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.resize Css.horizontal - ] - ] - - -md__resize : Css.Style -md__resize = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.resize Css.both - ] - ] - - -md__shadow_xs : Css.Style -md__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 0 0 1px rgba(0, 0, 0, 0.05)\\" - ] - ] - - -md__shadow_sm : Css.Style -md__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 1px 2px 0 rgba(0, 0, 0, 0.05)\\" - ] - ] - - -md__shadow : Css.Style -md__shadow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - - -md__shadow_md : Css.Style -md__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\\" - ] - ] - - -md__shadow_lg : Css.Style -md__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\\" - ] - ] - - -md__shadow_xl : Css.Style -md__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\\" - ] - ] - - -md__shadow_2xl : Css.Style -md__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 25px 50px -12px rgba(0, 0, 0, 0.25)\\" - ] - ] - - -md__shadow_inner : Css.Style -md__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"box-shadow\\" \\"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - - -md__shadow_outline : Css.Style -md__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 0 0 3px rgba(66, 153, 225, 0.5)\\" - ] - ] - - -md__shadow_none : Css.Style -md__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"box-shadow\\" \\"none\\" - ] - ] - - -md__hover__shadow_xs : Css.Style -md__hover__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 0 0 1px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -md__hover__shadow_sm : Css.Style -md__hover__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 1px 2px 0 rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -md__hover__shadow : Css.Style -md__hover__shadow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -md__hover__shadow_md : Css.Style -md__hover__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -md__hover__shadow_lg : Css.Style -md__hover__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -md__hover__shadow_xl : Css.Style -md__hover__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\\" - ] - ] - ] - - -md__hover__shadow_2xl : Css.Style -md__hover__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 25px 50px -12px rgba(0, 0, 0, 0.25)\\" - ] - ] - ] - - -md__hover__shadow_inner : Css.Style -md__hover__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -md__hover__shadow_outline : Css.Style -md__hover__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 0 0 3px rgba(66, 153, 225, 0.5)\\" - ] - ] - ] - - -md__hover__shadow_none : Css.Style -md__hover__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"none\\" - ] - ] - ] - - -md__focus__shadow_xs : Css.Style -md__focus__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 0 0 1px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -md__focus__shadow_sm : Css.Style -md__focus__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 1px 2px 0 rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -md__focus__shadow : Css.Style -md__focus__shadow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -md__focus__shadow_md : Css.Style -md__focus__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -md__focus__shadow_lg : Css.Style -md__focus__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -md__focus__shadow_xl : Css.Style -md__focus__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\\" - ] - ] - ] - - -md__focus__shadow_2xl : Css.Style -md__focus__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 25px 50px -12px rgba(0, 0, 0, 0.25)\\" - ] - ] - ] - - -md__focus__shadow_inner : Css.Style -md__focus__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -md__focus__shadow_outline : Css.Style -md__focus__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 0 0 3px rgba(66, 153, 225, 0.5)\\" - ] - ] - ] - - -md__focus__shadow_none : Css.Style -md__focus__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"none\\" - ] - ] - ] - - -md__fill_current : Css.Style -md__fill_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fill Css.currentColor - ] - ] - - -md__stroke_current : Css.Style -md__stroke_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"stroke\\" \\"currentColor\\" - ] - ] - - -md__stroke_0 : Css.Style -md__stroke_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"stroke-width\\" \\"0\\" - ] - ] - - -md__stroke_1 : Css.Style -md__stroke_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"stroke-width\\" \\"1\\" - ] - ] - - -md__stroke_2 : Css.Style -md__stroke_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"stroke-width\\" \\"2\\" - ] - ] - - -md__table_auto : Css.Style -md__table_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.tableLayout Css.auto - ] - ] - - -md__table_fixed : Css.Style -md__table_fixed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.tableLayout Css.fixed - ] - ] - - -md__text_left : Css.Style -md__text_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.textAlign Css.left - ] - ] - - -md__text_center : Css.Style -md__text_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.textAlign Css.center - ] - ] - - -md__text_right : Css.Style -md__text_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.textAlign Css.right - ] - ] - - -md__text_justify : Css.Style -md__text_justify = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.textAlign Css.justify - ] - ] - - -md__text_transparent : Css.Style -md__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color Css.transparent - ] - ] - - -md__text_current : Css.Style -md__text_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color Css.currentColor - ] - ] - - -md__text_black : Css.Style -md__text_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#000\\") - ] - ] - - -md__text_white : Css.Style -md__text_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fff\\") - ] - ] - - -md__text_gray_100 : Css.Style -md__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - - -md__text_gray_200 : Css.Style -md__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - - -md__text_gray_300 : Css.Style -md__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - - -md__text_gray_400 : Css.Style -md__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - - -md__text_gray_500 : Css.Style -md__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - - -md__text_gray_600 : Css.Style -md__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#718096\\") - ] - ] - - -md__text_gray_700 : Css.Style -md__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - - -md__text_gray_800 : Css.Style -md__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - - -md__text_gray_900 : Css.Style -md__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - - -md__text_red_100 : Css.Style -md__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - - -md__text_red_200 : Css.Style -md__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - - -md__text_red_300 : Css.Style -md__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - - -md__text_red_400 : Css.Style -md__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - - -md__text_red_500 : Css.Style -md__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - - -md__text_red_600 : Css.Style -md__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - - -md__text_red_700 : Css.Style -md__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - - -md__text_red_800 : Css.Style -md__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - - -md__text_red_900 : Css.Style -md__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - - -md__text_orange_100 : Css.Style -md__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - - -md__text_orange_200 : Css.Style -md__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - - -md__text_orange_300 : Css.Style -md__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - - -md__text_orange_400 : Css.Style -md__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - - -md__text_orange_500 : Css.Style -md__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - - -md__text_orange_600 : Css.Style -md__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - - -md__text_orange_700 : Css.Style -md__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - - -md__text_orange_800 : Css.Style -md__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - - -md__text_orange_900 : Css.Style -md__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - - -md__text_yellow_100 : Css.Style -md__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - - -md__text_yellow_200 : Css.Style -md__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - - -md__text_yellow_300 : Css.Style -md__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - - -md__text_yellow_400 : Css.Style -md__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - - -md__text_yellow_500 : Css.Style -md__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - - -md__text_yellow_600 : Css.Style -md__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - - -md__text_yellow_700 : Css.Style -md__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - - -md__text_yellow_800 : Css.Style -md__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - - -md__text_yellow_900 : Css.Style -md__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#744210\\") - ] - ] - - -md__text_green_100 : Css.Style -md__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - - -md__text_green_200 : Css.Style -md__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - - -md__text_green_300 : Css.Style -md__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - - -md__text_green_400 : Css.Style -md__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - - -md__text_green_500 : Css.Style -md__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - - -md__text_green_600 : Css.Style -md__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - - -md__text_green_700 : Css.Style -md__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - - -md__text_green_800 : Css.Style -md__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#276749\\") - ] - ] - - -md__text_green_900 : Css.Style -md__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - - -md__text_teal_100 : Css.Style -md__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - - -md__text_teal_200 : Css.Style -md__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - - -md__text_teal_300 : Css.Style -md__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - - -md__text_teal_400 : Css.Style -md__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - - -md__text_teal_500 : Css.Style -md__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - - -md__text_teal_600 : Css.Style -md__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#319795\\") - ] - ] - - -md__text_teal_700 : Css.Style -md__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - - -md__text_teal_800 : Css.Style -md__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - - -md__text_teal_900 : Css.Style -md__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - - -md__text_blue_100 : Css.Style -md__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - - -md__text_blue_200 : Css.Style -md__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - - -md__text_blue_300 : Css.Style -md__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - - -md__text_blue_400 : Css.Style -md__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - - -md__text_blue_500 : Css.Style -md__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - - -md__text_blue_600 : Css.Style -md__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - - -md__text_blue_700 : Css.Style -md__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - - -md__text_blue_800 : Css.Style -md__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - - -md__text_blue_900 : Css.Style -md__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - - -md__text_indigo_100 : Css.Style -md__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - - -md__text_indigo_200 : Css.Style -md__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - - -md__text_indigo_300 : Css.Style -md__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - - -md__text_indigo_400 : Css.Style -md__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - - -md__text_indigo_500 : Css.Style -md__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - - -md__text_indigo_600 : Css.Style -md__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - - -md__text_indigo_700 : Css.Style -md__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - - -md__text_indigo_800 : Css.Style -md__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#434190\\") - ] - ] - - -md__text_indigo_900 : Css.Style -md__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - - -md__text_purple_100 : Css.Style -md__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - - -md__text_purple_200 : Css.Style -md__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - - -md__text_purple_300 : Css.Style -md__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - - -md__text_purple_400 : Css.Style -md__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - - -md__text_purple_500 : Css.Style -md__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - - -md__text_purple_600 : Css.Style -md__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - - -md__text_purple_700 : Css.Style -md__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - - -md__text_purple_800 : Css.Style -md__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - - -md__text_purple_900 : Css.Style -md__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - - -md__text_pink_100 : Css.Style -md__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - - -md__text_pink_200 : Css.Style -md__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - - -md__text_pink_300 : Css.Style -md__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - - -md__text_pink_400 : Css.Style -md__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - - -md__text_pink_500 : Css.Style -md__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - - -md__text_pink_600 : Css.Style -md__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - - -md__text_pink_700 : Css.Style -md__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - - -md__text_pink_800 : Css.Style -md__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - - -md__text_pink_900 : Css.Style -md__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.color (Css.hex \\"#702459\\") - ] - ] - - -md__hover__text_transparent : Css.Style -md__hover__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color Css.transparent - ] - ] - ] - - -md__hover__text_current : Css.Style -md__hover__text_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color Css.currentColor - ] - ] - ] - - -md__hover__text_black : Css.Style -md__hover__text_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#000\\") - ] - ] - ] - - -md__hover__text_white : Css.Style -md__hover__text_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fff\\") - ] - ] - ] - - -md__hover__text_gray_100 : Css.Style -md__hover__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -md__hover__text_gray_200 : Css.Style -md__hover__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -md__hover__text_gray_300 : Css.Style -md__hover__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -md__hover__text_gray_400 : Css.Style -md__hover__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -md__hover__text_gray_500 : Css.Style -md__hover__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -md__hover__text_gray_600 : Css.Style -md__hover__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#718096\\") - ] - ] - ] - - -md__hover__text_gray_700 : Css.Style -md__hover__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - ] - - -md__hover__text_gray_800 : Css.Style -md__hover__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - ] - - -md__hover__text_gray_900 : Css.Style -md__hover__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - ] - - -md__hover__text_red_100 : Css.Style -md__hover__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -md__hover__text_red_200 : Css.Style -md__hover__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -md__hover__text_red_300 : Css.Style -md__hover__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -md__hover__text_red_400 : Css.Style -md__hover__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - ] - - -md__hover__text_red_500 : Css.Style -md__hover__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - ] - - -md__hover__text_red_600 : Css.Style -md__hover__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -md__hover__text_red_700 : Css.Style -md__hover__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - ] - - -md__hover__text_red_800 : Css.Style -md__hover__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -md__hover__text_red_900 : Css.Style -md__hover__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - ] - - -md__hover__text_orange_100 : Css.Style -md__hover__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -md__hover__text_orange_200 : Css.Style -md__hover__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - ] - - -md__hover__text_orange_300 : Css.Style -md__hover__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -md__hover__text_orange_400 : Css.Style -md__hover__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -md__hover__text_orange_500 : Css.Style -md__hover__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - ] - - -md__hover__text_orange_600 : Css.Style -md__hover__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -md__hover__text_orange_700 : Css.Style -md__hover__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - ] - - -md__hover__text_orange_800 : Css.Style -md__hover__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - ] - - -md__hover__text_orange_900 : Css.Style -md__hover__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - ] - - -md__hover__text_yellow_100 : Css.Style -md__hover__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - ] - - -md__hover__text_yellow_200 : Css.Style -md__hover__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -md__hover__text_yellow_300 : Css.Style -md__hover__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - ] - - -md__hover__text_yellow_400 : Css.Style -md__hover__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -md__hover__text_yellow_500 : Css.Style -md__hover__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -md__hover__text_yellow_600 : Css.Style -md__hover__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -md__hover__text_yellow_700 : Css.Style -md__hover__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - ] - - -md__hover__text_yellow_800 : Css.Style -md__hover__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - ] - - -md__hover__text_yellow_900 : Css.Style -md__hover__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#744210\\") - ] - ] - ] - - -md__hover__text_green_100 : Css.Style -md__hover__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -md__hover__text_green_200 : Css.Style -md__hover__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -md__hover__text_green_300 : Css.Style -md__hover__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -md__hover__text_green_400 : Css.Style -md__hover__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - ] - - -md__hover__text_green_500 : Css.Style -md__hover__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - ] - - -md__hover__text_green_600 : Css.Style -md__hover__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - ] - - -md__hover__text_green_700 : Css.Style -md__hover__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - ] - - -md__hover__text_green_800 : Css.Style -md__hover__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#276749\\") - ] - ] - ] - - -md__hover__text_green_900 : Css.Style -md__hover__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - ] - - -md__hover__text_teal_100 : Css.Style -md__hover__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -md__hover__text_teal_200 : Css.Style -md__hover__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -md__hover__text_teal_300 : Css.Style -md__hover__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -md__hover__text_teal_400 : Css.Style -md__hover__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -md__hover__text_teal_500 : Css.Style -md__hover__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -md__hover__text_teal_600 : Css.Style -md__hover__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#319795\\") - ] - ] - ] - - -md__hover__text_teal_700 : Css.Style -md__hover__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -md__hover__text_teal_800 : Css.Style -md__hover__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - ] - - -md__hover__text_teal_900 : Css.Style -md__hover__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - ] - - -md__hover__text_blue_100 : Css.Style -md__hover__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -md__hover__text_blue_200 : Css.Style -md__hover__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -md__hover__text_blue_300 : Css.Style -md__hover__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -md__hover__text_blue_400 : Css.Style -md__hover__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -md__hover__text_blue_500 : Css.Style -md__hover__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - ] - - -md__hover__text_blue_600 : Css.Style -md__hover__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - ] - - -md__hover__text_blue_700 : Css.Style -md__hover__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -md__hover__text_blue_800 : Css.Style -md__hover__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - ] - - -md__hover__text_blue_900 : Css.Style -md__hover__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - ] - - -md__hover__text_indigo_100 : Css.Style -md__hover__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -md__hover__text_indigo_200 : Css.Style -md__hover__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -md__hover__text_indigo_300 : Css.Style -md__hover__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -md__hover__text_indigo_400 : Css.Style -md__hover__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -md__hover__text_indigo_500 : Css.Style -md__hover__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - ] - - -md__hover__text_indigo_600 : Css.Style -md__hover__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -md__hover__text_indigo_700 : Css.Style -md__hover__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -md__hover__text_indigo_800 : Css.Style -md__hover__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#434190\\") - ] - ] - ] - - -md__hover__text_indigo_900 : Css.Style -md__hover__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - ] - - -md__hover__text_purple_100 : Css.Style -md__hover__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -md__hover__text_purple_200 : Css.Style -md__hover__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -md__hover__text_purple_300 : Css.Style -md__hover__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -md__hover__text_purple_400 : Css.Style -md__hover__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - ] - - -md__hover__text_purple_500 : Css.Style -md__hover__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -md__hover__text_purple_600 : Css.Style -md__hover__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - ] - - -md__hover__text_purple_700 : Css.Style -md__hover__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -md__hover__text_purple_800 : Css.Style -md__hover__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - ] - - -md__hover__text_purple_900 : Css.Style -md__hover__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - ] - - -md__hover__text_pink_100 : Css.Style -md__hover__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -md__hover__text_pink_200 : Css.Style -md__hover__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -md__hover__text_pink_300 : Css.Style -md__hover__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -md__hover__text_pink_400 : Css.Style -md__hover__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - ] - - -md__hover__text_pink_500 : Css.Style -md__hover__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -md__hover__text_pink_600 : Css.Style -md__hover__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -md__hover__text_pink_700 : Css.Style -md__hover__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - ] - - -md__hover__text_pink_800 : Css.Style -md__hover__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - ] - - -md__hover__text_pink_900 : Css.Style -md__hover__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#702459\\") - ] - ] - ] - - -md__focus__text_transparent : Css.Style -md__focus__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -md__focus__text_current : Css.Style -md__focus__text_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -md__focus__text_black : Css.Style -md__focus__text_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#000\\") - ] - ] - ] - - -md__focus__text_white : Css.Style -md__focus__text_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff\\") - ] - ] - ] - - -md__focus__text_gray_100 : Css.Style -md__focus__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -md__focus__text_gray_200 : Css.Style -md__focus__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -md__focus__text_gray_300 : Css.Style -md__focus__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -md__focus__text_gray_400 : Css.Style -md__focus__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -md__focus__text_gray_500 : Css.Style -md__focus__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -md__focus__text_gray_600 : Css.Style -md__focus__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#718096\\") - ] - ] - ] - - -md__focus__text_gray_700 : Css.Style -md__focus__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - ] - - -md__focus__text_gray_800 : Css.Style -md__focus__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - ] - - -md__focus__text_gray_900 : Css.Style -md__focus__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - ] - - -md__focus__text_red_100 : Css.Style -md__focus__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -md__focus__text_red_200 : Css.Style -md__focus__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -md__focus__text_red_300 : Css.Style -md__focus__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -md__focus__text_red_400 : Css.Style -md__focus__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - ] - - -md__focus__text_red_500 : Css.Style -md__focus__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - ] - - -md__focus__text_red_600 : Css.Style -md__focus__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -md__focus__text_red_700 : Css.Style -md__focus__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - ] - - -md__focus__text_red_800 : Css.Style -md__focus__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -md__focus__text_red_900 : Css.Style -md__focus__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - ] - - -md__focus__text_orange_100 : Css.Style -md__focus__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -md__focus__text_orange_200 : Css.Style -md__focus__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - ] - - -md__focus__text_orange_300 : Css.Style -md__focus__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -md__focus__text_orange_400 : Css.Style -md__focus__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -md__focus__text_orange_500 : Css.Style -md__focus__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - ] - - -md__focus__text_orange_600 : Css.Style -md__focus__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -md__focus__text_orange_700 : Css.Style -md__focus__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - ] - - -md__focus__text_orange_800 : Css.Style -md__focus__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - ] - - -md__focus__text_orange_900 : Css.Style -md__focus__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - ] - - -md__focus__text_yellow_100 : Css.Style -md__focus__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - ] - - -md__focus__text_yellow_200 : Css.Style -md__focus__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -md__focus__text_yellow_300 : Css.Style -md__focus__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - ] - - -md__focus__text_yellow_400 : Css.Style -md__focus__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -md__focus__text_yellow_500 : Css.Style -md__focus__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -md__focus__text_yellow_600 : Css.Style -md__focus__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -md__focus__text_yellow_700 : Css.Style -md__focus__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - ] - - -md__focus__text_yellow_800 : Css.Style -md__focus__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - ] - - -md__focus__text_yellow_900 : Css.Style -md__focus__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#744210\\") - ] - ] - ] - - -md__focus__text_green_100 : Css.Style -md__focus__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -md__focus__text_green_200 : Css.Style -md__focus__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -md__focus__text_green_300 : Css.Style -md__focus__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -md__focus__text_green_400 : Css.Style -md__focus__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - ] - - -md__focus__text_green_500 : Css.Style -md__focus__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - ] - - -md__focus__text_green_600 : Css.Style -md__focus__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - ] - - -md__focus__text_green_700 : Css.Style -md__focus__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - ] - - -md__focus__text_green_800 : Css.Style -md__focus__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#276749\\") - ] - ] - ] - - -md__focus__text_green_900 : Css.Style -md__focus__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - ] - - -md__focus__text_teal_100 : Css.Style -md__focus__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -md__focus__text_teal_200 : Css.Style -md__focus__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -md__focus__text_teal_300 : Css.Style -md__focus__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -md__focus__text_teal_400 : Css.Style -md__focus__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -md__focus__text_teal_500 : Css.Style -md__focus__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -md__focus__text_teal_600 : Css.Style -md__focus__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#319795\\") - ] - ] - ] - - -md__focus__text_teal_700 : Css.Style -md__focus__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -md__focus__text_teal_800 : Css.Style -md__focus__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - ] - - -md__focus__text_teal_900 : Css.Style -md__focus__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - ] - - -md__focus__text_blue_100 : Css.Style -md__focus__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -md__focus__text_blue_200 : Css.Style -md__focus__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -md__focus__text_blue_300 : Css.Style -md__focus__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -md__focus__text_blue_400 : Css.Style -md__focus__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -md__focus__text_blue_500 : Css.Style -md__focus__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - ] - - -md__focus__text_blue_600 : Css.Style -md__focus__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - ] - - -md__focus__text_blue_700 : Css.Style -md__focus__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -md__focus__text_blue_800 : Css.Style -md__focus__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - ] - - -md__focus__text_blue_900 : Css.Style -md__focus__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - ] - - -md__focus__text_indigo_100 : Css.Style -md__focus__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -md__focus__text_indigo_200 : Css.Style -md__focus__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -md__focus__text_indigo_300 : Css.Style -md__focus__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -md__focus__text_indigo_400 : Css.Style -md__focus__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -md__focus__text_indigo_500 : Css.Style -md__focus__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - ] - - -md__focus__text_indigo_600 : Css.Style -md__focus__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -md__focus__text_indigo_700 : Css.Style -md__focus__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -md__focus__text_indigo_800 : Css.Style -md__focus__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#434190\\") - ] - ] - ] - - -md__focus__text_indigo_900 : Css.Style -md__focus__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - ] - - -md__focus__text_purple_100 : Css.Style -md__focus__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -md__focus__text_purple_200 : Css.Style -md__focus__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -md__focus__text_purple_300 : Css.Style -md__focus__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -md__focus__text_purple_400 : Css.Style -md__focus__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - ] - - -md__focus__text_purple_500 : Css.Style -md__focus__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -md__focus__text_purple_600 : Css.Style -md__focus__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - ] - - -md__focus__text_purple_700 : Css.Style -md__focus__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -md__focus__text_purple_800 : Css.Style -md__focus__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - ] - - -md__focus__text_purple_900 : Css.Style -md__focus__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - ] - - -md__focus__text_pink_100 : Css.Style -md__focus__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -md__focus__text_pink_200 : Css.Style -md__focus__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -md__focus__text_pink_300 : Css.Style -md__focus__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -md__focus__text_pink_400 : Css.Style -md__focus__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - ] - - -md__focus__text_pink_500 : Css.Style -md__focus__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -md__focus__text_pink_600 : Css.Style -md__focus__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -md__focus__text_pink_700 : Css.Style -md__focus__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - ] - - -md__focus__text_pink_800 : Css.Style -md__focus__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - ] - - -md__focus__text_pink_900 : Css.Style -md__focus__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#702459\\") - ] - ] - ] - - -md__italic : Css.Style -md__italic = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontStyle Css.italic - ] - ] - - -md__not_italic : Css.Style -md__not_italic = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.fontStyle Css.normal - ] - ] - - -md__uppercase : Css.Style -md__uppercase = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.textTransform Css.uppercase - ] - ] - - -md__lowercase : Css.Style -md__lowercase = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.textTransform Css.lowercase - ] - ] - - -md__capitalize : Css.Style -md__capitalize = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.textTransform Css.capitalize - ] - ] - - -md__normal_case : Css.Style -md__normal_case = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.textTransform Css.none - ] - ] - - -md__underline : Css.Style -md__underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.textDecoration Css.underline - ] - ] - - -md__line_through : Css.Style -md__line_through = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.textDecoration Css.lineThrough - ] - ] - - -md__no_underline : Css.Style -md__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.textDecoration Css.none - ] - ] - - -md__hover__underline : Css.Style -md__hover__underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.textDecoration Css.underline - ] - ] - ] - - -md__hover__line_through : Css.Style -md__hover__line_through = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -md__hover__no_underline : Css.Style -md__hover__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.hover - [ Css.textDecoration Css.none - ] - ] - ] - - -md__focus__underline : Css.Style -md__focus__underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.textDecoration Css.underline - ] - ] - ] - - -md__focus__line_through : Css.Style -md__focus__line_through = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -md__focus__no_underline : Css.Style -md__focus__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.focus - [ Css.textDecoration Css.none - ] - ] - ] - - -md__antialiased : Css.Style -md__antialiased = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"-webkit-font-smoothing\\" \\"antialiased\\" - , Css.property \\"-moz-osx-font-smoothing\\" \\"grayscale\\" - ] - ] - - -md__subpixel_antialiased : Css.Style -md__subpixel_antialiased = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"-webkit-font-smoothing\\" \\"auto\\" - , Css.property \\"-moz-osx-font-smoothing\\" \\"auto\\" - ] - ] - - -md__tracking_tighter : Css.Style -md__tracking_tighter = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.letterSpacing (Css.em -0.05) - ] - ] - - -md__tracking_tight : Css.Style -md__tracking_tight = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.letterSpacing (Css.em -0.025) - ] - ] - - -md__tracking_normal : Css.Style -md__tracking_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.letterSpacing (Css.px 0) - ] - ] - - -md__tracking_wide : Css.Style -md__tracking_wide = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.letterSpacing (Css.em 0.025) - ] - ] - - -md__tracking_wider : Css.Style -md__tracking_wider = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.letterSpacing (Css.em 0.05) - ] - ] - - -md__tracking_widest : Css.Style -md__tracking_widest = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.letterSpacing (Css.em 0.1) - ] - ] - - -md__select_none : Css.Style -md__select_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"user-select\\" \\"none\\" - ] - ] - - -md__select_text : Css.Style -md__select_text = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"user-select\\" \\"text\\" - ] - ] - - -md__select_all : Css.Style -md__select_all = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"user-select\\" \\"all\\" - ] - ] - - -md__select_auto : Css.Style -md__select_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"user-select\\" \\"auto\\" - ] - ] - - -md__align_baseline : Css.Style -md__align_baseline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.verticalAlign Css.baseline - ] - ] - - -md__align_top : Css.Style -md__align_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.verticalAlign Css.top - ] - ] - - -md__align_middle : Css.Style -md__align_middle = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.verticalAlign Css.middle - ] - ] - - -md__align_bottom : Css.Style -md__align_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.verticalAlign Css.bottom - ] - ] - - -md__align_text_top : Css.Style -md__align_text_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.verticalAlign Css.textTop - ] - ] - - -md__align_text_bottom : Css.Style -md__align_text_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.verticalAlign Css.textBottom - ] - ] - - -md__visible : Css.Style -md__visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.visibility Css.visible - ] - ] - - -md__invisible : Css.Style -md__invisible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.visibility Css.hidden - ] - ] - - -md__whitespace_normal : Css.Style -md__whitespace_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.whiteSpace Css.normal - ] - ] - - -md__whitespace_no_wrap : Css.Style -md__whitespace_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.whiteSpace Css.noWrap - ] - ] - - -md__whitespace_pre : Css.Style -md__whitespace_pre = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.whiteSpace Css.pre - ] - ] - - -md__whitespace_pre_line : Css.Style -md__whitespace_pre_line = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.whiteSpace Css.preLine - ] - ] - - -md__whitespace_pre_wrap : Css.Style -md__whitespace_pre_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.whiteSpace Css.preWrap - ] - ] - - -md__break_normal : Css.Style -md__break_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflowWrap Css.normal - , Css.property \\"word-break\\" \\"normal\\" - ] - ] - - -md__break_words : Css.Style -md__break_words = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflowWrap Css.breakWord - ] - ] - - -md__break_all : Css.Style -md__break_all = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"word-break\\" \\"break-all\\" - ] - ] - - -md__truncate : Css.Style -md__truncate = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.overflow Css.hidden - , Css.textOverflow Css.ellipsis - , Css.whiteSpace Css.noWrap - ] - ] - - -md__w_0 : Css.Style -md__w_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.px 0) - ] - ] - - -md__w_1 : Css.Style -md__w_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 0.25) - ] - ] - - -md__w_2 : Css.Style -md__w_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 0.5) - ] - ] - - -md__w_3 : Css.Style -md__w_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 0.75) - ] - ] - - -md__w_4 : Css.Style -md__w_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 1) - ] - ] - - -md__w_5 : Css.Style -md__w_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 1.25) - ] - ] - - -md__w_6 : Css.Style -md__w_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 1.5) - ] - ] - - -md__w_8 : Css.Style -md__w_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 2) - ] - ] - - -md__w_10 : Css.Style -md__w_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 2.5) - ] - ] - - -md__w_12 : Css.Style -md__w_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 3) - ] - ] - - -md__w_16 : Css.Style -md__w_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 4) - ] - ] - - -md__w_20 : Css.Style -md__w_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 5) - ] - ] - - -md__w_24 : Css.Style -md__w_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 6) - ] - ] - - -md__w_32 : Css.Style -md__w_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 8) - ] - ] - - -md__w_40 : Css.Style -md__w_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 10) - ] - ] - - -md__w_48 : Css.Style -md__w_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 12) - ] - ] - - -md__w_56 : Css.Style -md__w_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 14) - ] - ] - - -md__w_64 : Css.Style -md__w_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.rem 16) - ] - ] - - -md__w_auto : Css.Style -md__w_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width Css.auto - ] - ] - - -md__w_px : Css.Style -md__w_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.px 1) - ] - ] - - -md__w_1over2 : Css.Style -md__w_1over2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -md__w_1over3 : Css.Style -md__w_1over3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -md__w_2over3 : Css.Style -md__w_2over3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -md__w_1over4 : Css.Style -md__w_1over4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 25) - ] - ] - - -md__w_2over4 : Css.Style -md__w_2over4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -md__w_3over4 : Css.Style -md__w_3over4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 75) - ] - ] - - -md__w_1over5 : Css.Style -md__w_1over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 20) - ] - ] - - -md__w_2over5 : Css.Style -md__w_2over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 40) - ] - ] - - -md__w_3over5 : Css.Style -md__w_3over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 60) - ] - ] - - -md__w_4over5 : Css.Style -md__w_4over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 80) - ] - ] - - -md__w_1over6 : Css.Style -md__w_1over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -md__w_2over6 : Css.Style -md__w_2over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -md__w_3over6 : Css.Style -md__w_3over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -md__w_4over6 : Css.Style -md__w_4over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -md__w_5over6 : Css.Style -md__w_5over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -md__w_1over12 : Css.Style -md__w_1over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 8.333333) - ] - ] - - -md__w_2over12 : Css.Style -md__w_2over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -md__w_3over12 : Css.Style -md__w_3over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 25) - ] - ] - - -md__w_4over12 : Css.Style -md__w_4over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -md__w_5over12 : Css.Style -md__w_5over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 41.666667) - ] - ] - - -md__w_6over12 : Css.Style -md__w_6over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -md__w_7over12 : Css.Style -md__w_7over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 58.333333) - ] - ] - - -md__w_8over12 : Css.Style -md__w_8over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -md__w_9over12 : Css.Style -md__w_9over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 75) - ] - ] - - -md__w_10over12 : Css.Style -md__w_10over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -md__w_11over12 : Css.Style -md__w_11over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 91.666667) - ] - ] - - -md__w_full : Css.Style -md__w_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.pct 100) - ] - ] - - -md__w_screen : Css.Style -md__w_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.width (Css.vw 100) - ] - ] - - -md__z_0 : Css.Style -md__z_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.zIndex (Css.int 0) - ] - ] - - -md__z_10 : Css.Style -md__z_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.zIndex (Css.int 10) - ] - ] - - -md__z_20 : Css.Style -md__z_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.zIndex (Css.int 20) - ] - ] - - -md__z_30 : Css.Style -md__z_30 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.zIndex (Css.int 30) - ] - ] - - -md__z_40 : Css.Style -md__z_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.zIndex (Css.int 40) - ] - ] - - -md__z_50 : Css.Style -md__z_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.zIndex (Css.int 50) - ] - ] - - -md__z_auto : Css.Style -md__z_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.zIndex Css.auto - ] - ] - - -md__transform_none : Css.Style -md__transform_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.transform Css.none - ] - ] - - -md__origin_center : Css.Style -md__origin_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"transform-origin\\" \\"center\\" - ] - ] - - -md__origin_top : Css.Style -md__origin_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"transform-origin\\" \\"top\\" - ] - ] - - -md__origin_top_right : Css.Style -md__origin_top_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"transform-origin\\" \\"top right\\" - ] - ] - - -md__origin_right : Css.Style -md__origin_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"transform-origin\\" \\"right\\" - ] - ] - - -md__origin_bottom_right : Css.Style -md__origin_bottom_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"transform-origin\\" \\"bottom right\\" - ] - ] - - -md__origin_bottom : Css.Style -md__origin_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"transform-origin\\" \\"bottom\\" - ] - ] - - -md__origin_bottom_left : Css.Style -md__origin_bottom_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"transform-origin\\" \\"bottom left\\" - ] - ] - - -md__origin_left : Css.Style -md__origin_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"transform-origin\\" \\"left\\" - ] - ] - - -md__origin_top_left : Css.Style -md__origin_top_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 768px)\\" ] - [ Css.property \\"transform-origin\\" \\"top left\\" - ] - ] - - -lg__container : Css.Style -lg__container = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 100) - , Css.maxWidth (Css.px 640) - , Css.maxWidth (Css.px 768) - , Css.maxWidth (Css.px 1024) - , Css.maxWidth (Css.px 1280) - ] - ] - - -lg__divide_transparent : Css.Style -lg__divide_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor Css.transparent - ] - ] - - -lg__divide_current : Css.Style -lg__divide_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor Css.currentColor - ] - ] - - -lg__divide_black : Css.Style -lg__divide_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - - -lg__divide_white : Css.Style -lg__divide_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - - -lg__divide_gray_100 : Css.Style -lg__divide_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - - -lg__divide_gray_200 : Css.Style -lg__divide_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - - -lg__divide_gray_300 : Css.Style -lg__divide_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - - -lg__divide_gray_400 : Css.Style -lg__divide_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - - -lg__divide_gray_500 : Css.Style -lg__divide_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - - -lg__divide_gray_600 : Css.Style -lg__divide_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - - -lg__divide_gray_700 : Css.Style -lg__divide_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - - -lg__divide_gray_800 : Css.Style -lg__divide_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - - -lg__divide_gray_900 : Css.Style -lg__divide_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - - -lg__divide_red_100 : Css.Style -lg__divide_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - - -lg__divide_red_200 : Css.Style -lg__divide_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - - -lg__divide_red_300 : Css.Style -lg__divide_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - - -lg__divide_red_400 : Css.Style -lg__divide_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - - -lg__divide_red_500 : Css.Style -lg__divide_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - - -lg__divide_red_600 : Css.Style -lg__divide_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - - -lg__divide_red_700 : Css.Style -lg__divide_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - - -lg__divide_red_800 : Css.Style -lg__divide_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - - -lg__divide_red_900 : Css.Style -lg__divide_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - - -lg__divide_orange_100 : Css.Style -lg__divide_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - - -lg__divide_orange_200 : Css.Style -lg__divide_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - - -lg__divide_orange_300 : Css.Style -lg__divide_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - - -lg__divide_orange_400 : Css.Style -lg__divide_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - - -lg__divide_orange_500 : Css.Style -lg__divide_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - - -lg__divide_orange_600 : Css.Style -lg__divide_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - - -lg__divide_orange_700 : Css.Style -lg__divide_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - - -lg__divide_orange_800 : Css.Style -lg__divide_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - - -lg__divide_orange_900 : Css.Style -lg__divide_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - - -lg__divide_yellow_100 : Css.Style -lg__divide_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - - -lg__divide_yellow_200 : Css.Style -lg__divide_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - - -lg__divide_yellow_300 : Css.Style -lg__divide_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - - -lg__divide_yellow_400 : Css.Style -lg__divide_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - - -lg__divide_yellow_500 : Css.Style -lg__divide_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - - -lg__divide_yellow_600 : Css.Style -lg__divide_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - - -lg__divide_yellow_700 : Css.Style -lg__divide_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - - -lg__divide_yellow_800 : Css.Style -lg__divide_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - - -lg__divide_yellow_900 : Css.Style -lg__divide_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - - -lg__divide_green_100 : Css.Style -lg__divide_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - - -lg__divide_green_200 : Css.Style -lg__divide_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - - -lg__divide_green_300 : Css.Style -lg__divide_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - - -lg__divide_green_400 : Css.Style -lg__divide_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - - -lg__divide_green_500 : Css.Style -lg__divide_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - - -lg__divide_green_600 : Css.Style -lg__divide_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - - -lg__divide_green_700 : Css.Style -lg__divide_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - - -lg__divide_green_800 : Css.Style -lg__divide_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - - -lg__divide_green_900 : Css.Style -lg__divide_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - - -lg__divide_teal_100 : Css.Style -lg__divide_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - - -lg__divide_teal_200 : Css.Style -lg__divide_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - - -lg__divide_teal_300 : Css.Style -lg__divide_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - - -lg__divide_teal_400 : Css.Style -lg__divide_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - - -lg__divide_teal_500 : Css.Style -lg__divide_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - - -lg__divide_teal_600 : Css.Style -lg__divide_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - - -lg__divide_teal_700 : Css.Style -lg__divide_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - - -lg__divide_teal_800 : Css.Style -lg__divide_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - - -lg__divide_teal_900 : Css.Style -lg__divide_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - - -lg__divide_blue_100 : Css.Style -lg__divide_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - - -lg__divide_blue_200 : Css.Style -lg__divide_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - - -lg__divide_blue_300 : Css.Style -lg__divide_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - - -lg__divide_blue_400 : Css.Style -lg__divide_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - - -lg__divide_blue_500 : Css.Style -lg__divide_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - - -lg__divide_blue_600 : Css.Style -lg__divide_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - - -lg__divide_blue_700 : Css.Style -lg__divide_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - - -lg__divide_blue_800 : Css.Style -lg__divide_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - - -lg__divide_blue_900 : Css.Style -lg__divide_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - - -lg__divide_indigo_100 : Css.Style -lg__divide_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - - -lg__divide_indigo_200 : Css.Style -lg__divide_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - - -lg__divide_indigo_300 : Css.Style -lg__divide_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - - -lg__divide_indigo_400 : Css.Style -lg__divide_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - - -lg__divide_indigo_500 : Css.Style -lg__divide_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - - -lg__divide_indigo_600 : Css.Style -lg__divide_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - - -lg__divide_indigo_700 : Css.Style -lg__divide_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - - -lg__divide_indigo_800 : Css.Style -lg__divide_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - - -lg__divide_indigo_900 : Css.Style -lg__divide_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - - -lg__divide_purple_100 : Css.Style -lg__divide_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - - -lg__divide_purple_200 : Css.Style -lg__divide_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - - -lg__divide_purple_300 : Css.Style -lg__divide_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - - -lg__divide_purple_400 : Css.Style -lg__divide_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - - -lg__divide_purple_500 : Css.Style -lg__divide_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - - -lg__divide_purple_600 : Css.Style -lg__divide_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - - -lg__divide_purple_700 : Css.Style -lg__divide_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - - -lg__divide_purple_800 : Css.Style -lg__divide_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - - -lg__divide_purple_900 : Css.Style -lg__divide_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - - -lg__divide_pink_100 : Css.Style -lg__divide_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - - -lg__divide_pink_200 : Css.Style -lg__divide_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - - -lg__divide_pink_300 : Css.Style -lg__divide_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - - -lg__divide_pink_400 : Css.Style -lg__divide_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - - -lg__divide_pink_500 : Css.Style -lg__divide_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - - -lg__divide_pink_600 : Css.Style -lg__divide_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - - -lg__divide_pink_700 : Css.Style -lg__divide_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - - -lg__divide_pink_800 : Css.Style -lg__divide_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - - -lg__divide_pink_900 : Css.Style -lg__divide_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - - -lg__sr_only : Css.Style -lg__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property \\"clip\\" \\"rect(0, 0, 0, 0)\\" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - - -lg__not_sr_only : Css.Style -lg__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property \\"clip\\" \\"auto\\" - , Css.whiteSpace Css.normal - ] - ] - - -lg__focus__sr_only : Css.Style -lg__focus__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property \\"clip\\" \\"rect(0, 0, 0, 0)\\" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - ] - - -lg__focus__not_sr_only : Css.Style -lg__focus__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property \\"clip\\" \\"auto\\" - , Css.whiteSpace Css.normal - ] - ] - ] - - -lg__appearance_none : Css.Style -lg__appearance_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"appearance\\" \\"none\\" - ] - ] - - -lg__bg_fixed : Css.Style -lg__bg_fixed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundAttachment Css.fixed - ] - ] - - -lg__bg_local : Css.Style -lg__bg_local = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundAttachment Css.local - ] - ] - - -lg__bg_scroll : Css.Style -lg__bg_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundAttachment Css.scroll - ] - ] - - -lg__bg_transparent : Css.Style -lg__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor Css.transparent - ] - ] - - -lg__bg_current : Css.Style -lg__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor Css.currentColor - ] - ] - - -lg__bg_black : Css.Style -lg__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#000\\") - ] - ] - - -lg__bg_white : Css.Style -lg__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fff\\") - ] - ] - - -lg__bg_gray_100 : Css.Style -lg__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f7fafc\\") - ] - ] - - -lg__bg_gray_200 : Css.Style -lg__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#edf2f7\\") - ] - ] - - -lg__bg_gray_300 : Css.Style -lg__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e2e8f0\\") - ] - ] - - -lg__bg_gray_400 : Css.Style -lg__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#cbd5e0\\") - ] - ] - - -lg__bg_gray_500 : Css.Style -lg__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#a0aec0\\") - ] - ] - - -lg__bg_gray_600 : Css.Style -lg__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#718096\\") - ] - ] - - -lg__bg_gray_700 : Css.Style -lg__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4a5568\\") - ] - ] - - -lg__bg_gray_800 : Css.Style -lg__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2d3748\\") - ] - ] - - -lg__bg_gray_900 : Css.Style -lg__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#1a202c\\") - ] - ] - - -lg__bg_red_100 : Css.Style -lg__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fff5f5\\") - ] - ] - - -lg__bg_red_200 : Css.Style -lg__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fed7d7\\") - ] - ] - - -lg__bg_red_300 : Css.Style -lg__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#feb2b2\\") - ] - ] - - -lg__bg_red_400 : Css.Style -lg__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fc8181\\") - ] - ] - - -lg__bg_red_500 : Css.Style -lg__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f56565\\") - ] - ] - - -lg__bg_red_600 : Css.Style -lg__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e53e3e\\") - ] - ] - - -lg__bg_red_700 : Css.Style -lg__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c53030\\") - ] - ] - - -lg__bg_red_800 : Css.Style -lg__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9b2c2c\\") - ] - ] - - -lg__bg_red_900 : Css.Style -lg__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#742a2a\\") - ] - ] - - -lg__bg_orange_100 : Css.Style -lg__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fffaf0\\") - ] - ] - - -lg__bg_orange_200 : Css.Style -lg__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#feebc8\\") - ] - ] - - -lg__bg_orange_300 : Css.Style -lg__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fbd38d\\") - ] - ] - - -lg__bg_orange_400 : Css.Style -lg__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f6ad55\\") - ] - ] - - -lg__bg_orange_500 : Css.Style -lg__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ed8936\\") - ] - ] - - -lg__bg_orange_600 : Css.Style -lg__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#dd6b20\\") - ] - ] - - -lg__bg_orange_700 : Css.Style -lg__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c05621\\") - ] - ] - - -lg__bg_orange_800 : Css.Style -lg__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9c4221\\") - ] - ] - - -lg__bg_orange_900 : Css.Style -lg__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#7b341e\\") - ] - ] - - -lg__bg_yellow_100 : Css.Style -lg__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fffff0\\") - ] - ] - - -lg__bg_yellow_200 : Css.Style -lg__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fefcbf\\") - ] - ] - - -lg__bg_yellow_300 : Css.Style -lg__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#faf089\\") - ] - ] - - -lg__bg_yellow_400 : Css.Style -lg__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f6e05e\\") - ] - ] - - -lg__bg_yellow_500 : Css.Style -lg__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ecc94b\\") - ] - ] - - -lg__bg_yellow_600 : Css.Style -lg__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#d69e2e\\") - ] - ] - - -lg__bg_yellow_700 : Css.Style -lg__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b7791f\\") - ] - ] - - -lg__bg_yellow_800 : Css.Style -lg__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#975a16\\") - ] - ] - - -lg__bg_yellow_900 : Css.Style -lg__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#744210\\") - ] - ] - - -lg__bg_green_100 : Css.Style -lg__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f0fff4\\") - ] - ] - - -lg__bg_green_200 : Css.Style -lg__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c6f6d5\\") - ] - ] - - -lg__bg_green_300 : Css.Style -lg__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9ae6b4\\") - ] - ] - - -lg__bg_green_400 : Css.Style -lg__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#68d391\\") - ] - ] - - -lg__bg_green_500 : Css.Style -lg__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#48bb78\\") - ] - ] - - -lg__bg_green_600 : Css.Style -lg__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#38a169\\") - ] - ] - - -lg__bg_green_700 : Css.Style -lg__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2f855a\\") - ] - ] - - -lg__bg_green_800 : Css.Style -lg__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#276749\\") - ] - ] - - -lg__bg_green_900 : Css.Style -lg__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#22543d\\") - ] - ] - - -lg__bg_teal_100 : Css.Style -lg__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e6fffa\\") - ] - ] - - -lg__bg_teal_200 : Css.Style -lg__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b2f5ea\\") - ] - ] - - -lg__bg_teal_300 : Css.Style -lg__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#81e6d9\\") - ] - ] - - -lg__bg_teal_400 : Css.Style -lg__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4fd1c5\\") - ] - ] - - -lg__bg_teal_500 : Css.Style -lg__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#38b2ac\\") - ] - ] - - -lg__bg_teal_600 : Css.Style -lg__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#319795\\") - ] - ] - - -lg__bg_teal_700 : Css.Style -lg__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2c7a7b\\") - ] - ] - - -lg__bg_teal_800 : Css.Style -lg__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#285e61\\") - ] - ] - - -lg__bg_teal_900 : Css.Style -lg__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#234e52\\") - ] - ] - - -lg__bg_blue_100 : Css.Style -lg__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ebf8ff\\") - ] - ] - - -lg__bg_blue_200 : Css.Style -lg__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#bee3f8\\") - ] - ] - - -lg__bg_blue_300 : Css.Style -lg__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#90cdf4\\") - ] - ] - - -lg__bg_blue_400 : Css.Style -lg__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#63b3ed\\") - ] - ] - - -lg__bg_blue_500 : Css.Style -lg__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4299e1\\") - ] - ] - - -lg__bg_blue_600 : Css.Style -lg__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#3182ce\\") - ] - ] - - -lg__bg_blue_700 : Css.Style -lg__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2b6cb0\\") - ] - ] - - -lg__bg_blue_800 : Css.Style -lg__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2c5282\\") - ] - ] - - -lg__bg_blue_900 : Css.Style -lg__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2a4365\\") - ] - ] - - -lg__bg_indigo_100 : Css.Style -lg__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ebf4ff\\") - ] - ] - - -lg__bg_indigo_200 : Css.Style -lg__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c3dafe\\") - ] - ] - - -lg__bg_indigo_300 : Css.Style -lg__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#a3bffa\\") - ] - ] - - -lg__bg_indigo_400 : Css.Style -lg__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#7f9cf5\\") - ] - ] - - -lg__bg_indigo_500 : Css.Style -lg__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#667eea\\") - ] - ] - - -lg__bg_indigo_600 : Css.Style -lg__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#5a67d8\\") - ] - ] - - -lg__bg_indigo_700 : Css.Style -lg__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4c51bf\\") - ] - ] - - -lg__bg_indigo_800 : Css.Style -lg__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#434190\\") - ] - ] - - -lg__bg_indigo_900 : Css.Style -lg__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#3c366b\\") - ] - ] - - -lg__bg_purple_100 : Css.Style -lg__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#faf5ff\\") - ] - ] - - -lg__bg_purple_200 : Css.Style -lg__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e9d8fd\\") - ] - ] - - -lg__bg_purple_300 : Css.Style -lg__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#d6bcfa\\") - ] - ] - - -lg__bg_purple_400 : Css.Style -lg__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b794f4\\") - ] - ] - - -lg__bg_purple_500 : Css.Style -lg__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9f7aea\\") - ] - ] - - -lg__bg_purple_600 : Css.Style -lg__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#805ad5\\") - ] - ] - - -lg__bg_purple_700 : Css.Style -lg__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#6b46c1\\") - ] - ] - - -lg__bg_purple_800 : Css.Style -lg__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#553c9a\\") - ] - ] - - -lg__bg_purple_900 : Css.Style -lg__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#44337a\\") - ] - ] - - -lg__bg_pink_100 : Css.Style -lg__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fff5f7\\") - ] - ] - - -lg__bg_pink_200 : Css.Style -lg__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fed7e2\\") - ] - ] - - -lg__bg_pink_300 : Css.Style -lg__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fbb6ce\\") - ] - ] - - -lg__bg_pink_400 : Css.Style -lg__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f687b3\\") - ] - ] - - -lg__bg_pink_500 : Css.Style -lg__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ed64a6\\") - ] - ] - - -lg__bg_pink_600 : Css.Style -lg__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#d53f8c\\") - ] - ] - - -lg__bg_pink_700 : Css.Style -lg__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b83280\\") - ] - ] - - -lg__bg_pink_800 : Css.Style -lg__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#97266d\\") - ] - ] - - -lg__bg_pink_900 : Css.Style -lg__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundColor (Css.hex \\"#702459\\") - ] - ] - - -lg__hover__bg_transparent : Css.Style -lg__hover__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -lg__hover__bg_current : Css.Style -lg__hover__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -lg__hover__bg_black : Css.Style -lg__hover__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#000\\") - ] - ] - ] - - -lg__hover__bg_white : Css.Style -lg__hover__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fff\\") - ] - ] - ] - - -lg__hover__bg_gray_100 : Css.Style -lg__hover__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -lg__hover__bg_gray_200 : Css.Style -lg__hover__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -lg__hover__bg_gray_300 : Css.Style -lg__hover__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -lg__hover__bg_gray_400 : Css.Style -lg__hover__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -lg__hover__bg_gray_500 : Css.Style -lg__hover__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -lg__hover__bg_gray_600 : Css.Style -lg__hover__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#718096\\") - ] - ] - ] - - -lg__hover__bg_gray_700 : Css.Style -lg__hover__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -lg__hover__bg_gray_800 : Css.Style -lg__hover__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -lg__hover__bg_gray_900 : Css.Style -lg__hover__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -lg__hover__bg_red_100 : Css.Style -lg__hover__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -lg__hover__bg_red_200 : Css.Style -lg__hover__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -lg__hover__bg_red_300 : Css.Style -lg__hover__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -lg__hover__bg_red_400 : Css.Style -lg__hover__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -lg__hover__bg_red_500 : Css.Style -lg__hover__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -lg__hover__bg_red_600 : Css.Style -lg__hover__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -lg__hover__bg_red_700 : Css.Style -lg__hover__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -lg__hover__bg_red_800 : Css.Style -lg__hover__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -lg__hover__bg_red_900 : Css.Style -lg__hover__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -lg__hover__bg_orange_100 : Css.Style -lg__hover__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -lg__hover__bg_orange_200 : Css.Style -lg__hover__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -lg__hover__bg_orange_300 : Css.Style -lg__hover__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -lg__hover__bg_orange_400 : Css.Style -lg__hover__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -lg__hover__bg_orange_500 : Css.Style -lg__hover__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -lg__hover__bg_orange_600 : Css.Style -lg__hover__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -lg__hover__bg_orange_700 : Css.Style -lg__hover__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -lg__hover__bg_orange_800 : Css.Style -lg__hover__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -lg__hover__bg_orange_900 : Css.Style -lg__hover__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -lg__hover__bg_yellow_100 : Css.Style -lg__hover__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -lg__hover__bg_yellow_200 : Css.Style -lg__hover__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -lg__hover__bg_yellow_300 : Css.Style -lg__hover__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -lg__hover__bg_yellow_400 : Css.Style -lg__hover__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -lg__hover__bg_yellow_500 : Css.Style -lg__hover__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -lg__hover__bg_yellow_600 : Css.Style -lg__hover__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -lg__hover__bg_yellow_700 : Css.Style -lg__hover__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -lg__hover__bg_yellow_800 : Css.Style -lg__hover__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -lg__hover__bg_yellow_900 : Css.Style -lg__hover__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#744210\\") - ] - ] - ] - - -lg__hover__bg_green_100 : Css.Style -lg__hover__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -lg__hover__bg_green_200 : Css.Style -lg__hover__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -lg__hover__bg_green_300 : Css.Style -lg__hover__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -lg__hover__bg_green_400 : Css.Style -lg__hover__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -lg__hover__bg_green_500 : Css.Style -lg__hover__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -lg__hover__bg_green_600 : Css.Style -lg__hover__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -lg__hover__bg_green_700 : Css.Style -lg__hover__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -lg__hover__bg_green_800 : Css.Style -lg__hover__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#276749\\") - ] - ] - ] - - -lg__hover__bg_green_900 : Css.Style -lg__hover__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -lg__hover__bg_teal_100 : Css.Style -lg__hover__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -lg__hover__bg_teal_200 : Css.Style -lg__hover__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -lg__hover__bg_teal_300 : Css.Style -lg__hover__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -lg__hover__bg_teal_400 : Css.Style -lg__hover__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -lg__hover__bg_teal_500 : Css.Style -lg__hover__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -lg__hover__bg_teal_600 : Css.Style -lg__hover__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#319795\\") - ] - ] - ] - - -lg__hover__bg_teal_700 : Css.Style -lg__hover__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -lg__hover__bg_teal_800 : Css.Style -lg__hover__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -lg__hover__bg_teal_900 : Css.Style -lg__hover__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -lg__hover__bg_blue_100 : Css.Style -lg__hover__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -lg__hover__bg_blue_200 : Css.Style -lg__hover__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -lg__hover__bg_blue_300 : Css.Style -lg__hover__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -lg__hover__bg_blue_400 : Css.Style -lg__hover__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -lg__hover__bg_blue_500 : Css.Style -lg__hover__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -lg__hover__bg_blue_600 : Css.Style -lg__hover__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -lg__hover__bg_blue_700 : Css.Style -lg__hover__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -lg__hover__bg_blue_800 : Css.Style -lg__hover__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -lg__hover__bg_blue_900 : Css.Style -lg__hover__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -lg__hover__bg_indigo_100 : Css.Style -lg__hover__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -lg__hover__bg_indigo_200 : Css.Style -lg__hover__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -lg__hover__bg_indigo_300 : Css.Style -lg__hover__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -lg__hover__bg_indigo_400 : Css.Style -lg__hover__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -lg__hover__bg_indigo_500 : Css.Style -lg__hover__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -lg__hover__bg_indigo_600 : Css.Style -lg__hover__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -lg__hover__bg_indigo_700 : Css.Style -lg__hover__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -lg__hover__bg_indigo_800 : Css.Style -lg__hover__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#434190\\") - ] - ] - ] - - -lg__hover__bg_indigo_900 : Css.Style -lg__hover__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -lg__hover__bg_purple_100 : Css.Style -lg__hover__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -lg__hover__bg_purple_200 : Css.Style -lg__hover__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -lg__hover__bg_purple_300 : Css.Style -lg__hover__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -lg__hover__bg_purple_400 : Css.Style -lg__hover__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -lg__hover__bg_purple_500 : Css.Style -lg__hover__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -lg__hover__bg_purple_600 : Css.Style -lg__hover__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -lg__hover__bg_purple_700 : Css.Style -lg__hover__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -lg__hover__bg_purple_800 : Css.Style -lg__hover__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -lg__hover__bg_purple_900 : Css.Style -lg__hover__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -lg__hover__bg_pink_100 : Css.Style -lg__hover__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -lg__hover__bg_pink_200 : Css.Style -lg__hover__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -lg__hover__bg_pink_300 : Css.Style -lg__hover__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -lg__hover__bg_pink_400 : Css.Style -lg__hover__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -lg__hover__bg_pink_500 : Css.Style -lg__hover__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -lg__hover__bg_pink_600 : Css.Style -lg__hover__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -lg__hover__bg_pink_700 : Css.Style -lg__hover__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -lg__hover__bg_pink_800 : Css.Style -lg__hover__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -lg__hover__bg_pink_900 : Css.Style -lg__hover__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#702459\\") - ] - ] - ] - - -lg__focus__bg_transparent : Css.Style -lg__focus__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -lg__focus__bg_current : Css.Style -lg__focus__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -lg__focus__bg_black : Css.Style -lg__focus__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#000\\") - ] - ] - ] - - -lg__focus__bg_white : Css.Style -lg__focus__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fff\\") - ] - ] - ] - - -lg__focus__bg_gray_100 : Css.Style -lg__focus__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -lg__focus__bg_gray_200 : Css.Style -lg__focus__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -lg__focus__bg_gray_300 : Css.Style -lg__focus__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -lg__focus__bg_gray_400 : Css.Style -lg__focus__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -lg__focus__bg_gray_500 : Css.Style -lg__focus__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -lg__focus__bg_gray_600 : Css.Style -lg__focus__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#718096\\") - ] - ] - ] - - -lg__focus__bg_gray_700 : Css.Style -lg__focus__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -lg__focus__bg_gray_800 : Css.Style -lg__focus__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -lg__focus__bg_gray_900 : Css.Style -lg__focus__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -lg__focus__bg_red_100 : Css.Style -lg__focus__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -lg__focus__bg_red_200 : Css.Style -lg__focus__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -lg__focus__bg_red_300 : Css.Style -lg__focus__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -lg__focus__bg_red_400 : Css.Style -lg__focus__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -lg__focus__bg_red_500 : Css.Style -lg__focus__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -lg__focus__bg_red_600 : Css.Style -lg__focus__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -lg__focus__bg_red_700 : Css.Style -lg__focus__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -lg__focus__bg_red_800 : Css.Style -lg__focus__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -lg__focus__bg_red_900 : Css.Style -lg__focus__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -lg__focus__bg_orange_100 : Css.Style -lg__focus__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -lg__focus__bg_orange_200 : Css.Style -lg__focus__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -lg__focus__bg_orange_300 : Css.Style -lg__focus__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -lg__focus__bg_orange_400 : Css.Style -lg__focus__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -lg__focus__bg_orange_500 : Css.Style -lg__focus__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -lg__focus__bg_orange_600 : Css.Style -lg__focus__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -lg__focus__bg_orange_700 : Css.Style -lg__focus__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -lg__focus__bg_orange_800 : Css.Style -lg__focus__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -lg__focus__bg_orange_900 : Css.Style -lg__focus__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -lg__focus__bg_yellow_100 : Css.Style -lg__focus__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -lg__focus__bg_yellow_200 : Css.Style -lg__focus__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -lg__focus__bg_yellow_300 : Css.Style -lg__focus__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -lg__focus__bg_yellow_400 : Css.Style -lg__focus__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -lg__focus__bg_yellow_500 : Css.Style -lg__focus__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -lg__focus__bg_yellow_600 : Css.Style -lg__focus__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -lg__focus__bg_yellow_700 : Css.Style -lg__focus__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -lg__focus__bg_yellow_800 : Css.Style -lg__focus__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -lg__focus__bg_yellow_900 : Css.Style -lg__focus__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#744210\\") - ] - ] - ] - - -lg__focus__bg_green_100 : Css.Style -lg__focus__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -lg__focus__bg_green_200 : Css.Style -lg__focus__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -lg__focus__bg_green_300 : Css.Style -lg__focus__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -lg__focus__bg_green_400 : Css.Style -lg__focus__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -lg__focus__bg_green_500 : Css.Style -lg__focus__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -lg__focus__bg_green_600 : Css.Style -lg__focus__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -lg__focus__bg_green_700 : Css.Style -lg__focus__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -lg__focus__bg_green_800 : Css.Style -lg__focus__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#276749\\") - ] - ] - ] - - -lg__focus__bg_green_900 : Css.Style -lg__focus__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -lg__focus__bg_teal_100 : Css.Style -lg__focus__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -lg__focus__bg_teal_200 : Css.Style -lg__focus__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -lg__focus__bg_teal_300 : Css.Style -lg__focus__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -lg__focus__bg_teal_400 : Css.Style -lg__focus__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -lg__focus__bg_teal_500 : Css.Style -lg__focus__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -lg__focus__bg_teal_600 : Css.Style -lg__focus__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#319795\\") - ] - ] - ] - - -lg__focus__bg_teal_700 : Css.Style -lg__focus__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -lg__focus__bg_teal_800 : Css.Style -lg__focus__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -lg__focus__bg_teal_900 : Css.Style -lg__focus__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -lg__focus__bg_blue_100 : Css.Style -lg__focus__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -lg__focus__bg_blue_200 : Css.Style -lg__focus__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -lg__focus__bg_blue_300 : Css.Style -lg__focus__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -lg__focus__bg_blue_400 : Css.Style -lg__focus__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -lg__focus__bg_blue_500 : Css.Style -lg__focus__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -lg__focus__bg_blue_600 : Css.Style -lg__focus__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -lg__focus__bg_blue_700 : Css.Style -lg__focus__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -lg__focus__bg_blue_800 : Css.Style -lg__focus__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -lg__focus__bg_blue_900 : Css.Style -lg__focus__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -lg__focus__bg_indigo_100 : Css.Style -lg__focus__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -lg__focus__bg_indigo_200 : Css.Style -lg__focus__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -lg__focus__bg_indigo_300 : Css.Style -lg__focus__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -lg__focus__bg_indigo_400 : Css.Style -lg__focus__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -lg__focus__bg_indigo_500 : Css.Style -lg__focus__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -lg__focus__bg_indigo_600 : Css.Style -lg__focus__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -lg__focus__bg_indigo_700 : Css.Style -lg__focus__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -lg__focus__bg_indigo_800 : Css.Style -lg__focus__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#434190\\") - ] - ] - ] - - -lg__focus__bg_indigo_900 : Css.Style -lg__focus__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -lg__focus__bg_purple_100 : Css.Style -lg__focus__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -lg__focus__bg_purple_200 : Css.Style -lg__focus__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -lg__focus__bg_purple_300 : Css.Style -lg__focus__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -lg__focus__bg_purple_400 : Css.Style -lg__focus__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -lg__focus__bg_purple_500 : Css.Style -lg__focus__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -lg__focus__bg_purple_600 : Css.Style -lg__focus__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -lg__focus__bg_purple_700 : Css.Style -lg__focus__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -lg__focus__bg_purple_800 : Css.Style -lg__focus__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -lg__focus__bg_purple_900 : Css.Style -lg__focus__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -lg__focus__bg_pink_100 : Css.Style -lg__focus__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -lg__focus__bg_pink_200 : Css.Style -lg__focus__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -lg__focus__bg_pink_300 : Css.Style -lg__focus__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -lg__focus__bg_pink_400 : Css.Style -lg__focus__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -lg__focus__bg_pink_500 : Css.Style -lg__focus__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -lg__focus__bg_pink_600 : Css.Style -lg__focus__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -lg__focus__bg_pink_700 : Css.Style -lg__focus__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -lg__focus__bg_pink_800 : Css.Style -lg__focus__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -lg__focus__bg_pink_900 : Css.Style -lg__focus__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#702459\\") - ] - ] - ] - - -lg__bg_bottom : Css.Style -lg__bg_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"background-position\\" \\"bottom\\" - ] - ] - - -lg__bg_center : Css.Style -lg__bg_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"background-position\\" \\"center\\" - ] - ] - - -lg__bg_left : Css.Style -lg__bg_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"background-position\\" \\"left\\" - ] - ] - - -lg__bg_left_bottom : Css.Style -lg__bg_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"background-position\\" \\"left bottom\\" - ] - ] - - -lg__bg_left_top : Css.Style -lg__bg_left_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"background-position\\" \\"left top\\" - ] - ] - - -lg__bg_right : Css.Style -lg__bg_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"background-position\\" \\"right\\" - ] - ] - - -lg__bg_right_bottom : Css.Style -lg__bg_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"background-position\\" \\"right bottom\\" - ] - ] - - -lg__bg_right_top : Css.Style -lg__bg_right_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"background-position\\" \\"right top\\" - ] - ] - - -lg__bg_top : Css.Style -lg__bg_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"background-position\\" \\"top\\" - ] - ] - - -lg__bg_repeat : Css.Style -lg__bg_repeat = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundRepeat Css.repeat - ] - ] - - -lg__bg_no_repeat : Css.Style -lg__bg_no_repeat = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundRepeat Css.noRepeat - ] - ] - - -lg__bg_repeat_x : Css.Style -lg__bg_repeat_x = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundRepeat Css.repeatX - ] - ] - - -lg__bg_repeat_y : Css.Style -lg__bg_repeat_y = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundRepeat Css.repeatY - ] - ] - - -lg__bg_repeat_round : Css.Style -lg__bg_repeat_round = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundRepeat Css.round - ] - ] - - -lg__bg_repeat_space : Css.Style -lg__bg_repeat_space = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundRepeat Css.space - ] - ] - - -lg__bg_auto : Css.Style -lg__bg_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundSize Css.auto - ] - ] - - -lg__bg_cover : Css.Style -lg__bg_cover = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundSize Css.cover - ] - ] - - -lg__bg_contain : Css.Style -lg__bg_contain = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.backgroundSize Css.contain - ] - ] - - -lg__border_collapse : Css.Style -lg__border_collapse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderCollapse Css.collapse - ] - ] - - -lg__border_separate : Css.Style -lg__border_separate = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderCollapse Css.separate - ] - ] - - -lg__border_transparent : Css.Style -lg__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor Css.transparent - ] - ] - - -lg__border_current : Css.Style -lg__border_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor Css.currentColor - ] - ] - - -lg__border_black : Css.Style -lg__border_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - - -lg__border_white : Css.Style -lg__border_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - - -lg__border_gray_100 : Css.Style -lg__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - - -lg__border_gray_200 : Css.Style -lg__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - - -lg__border_gray_300 : Css.Style -lg__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - - -lg__border_gray_400 : Css.Style -lg__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - - -lg__border_gray_500 : Css.Style -lg__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - - -lg__border_gray_600 : Css.Style -lg__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - - -lg__border_gray_700 : Css.Style -lg__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - - -lg__border_gray_800 : Css.Style -lg__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - - -lg__border_gray_900 : Css.Style -lg__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - - -lg__border_red_100 : Css.Style -lg__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - - -lg__border_red_200 : Css.Style -lg__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - - -lg__border_red_300 : Css.Style -lg__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - - -lg__border_red_400 : Css.Style -lg__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - - -lg__border_red_500 : Css.Style -lg__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - - -lg__border_red_600 : Css.Style -lg__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - - -lg__border_red_700 : Css.Style -lg__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - - -lg__border_red_800 : Css.Style -lg__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - - -lg__border_red_900 : Css.Style -lg__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - - -lg__border_orange_100 : Css.Style -lg__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - - -lg__border_orange_200 : Css.Style -lg__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - - -lg__border_orange_300 : Css.Style -lg__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - - -lg__border_orange_400 : Css.Style -lg__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - - -lg__border_orange_500 : Css.Style -lg__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - - -lg__border_orange_600 : Css.Style -lg__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - - -lg__border_orange_700 : Css.Style -lg__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - - -lg__border_orange_800 : Css.Style -lg__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - - -lg__border_orange_900 : Css.Style -lg__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - - -lg__border_yellow_100 : Css.Style -lg__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - - -lg__border_yellow_200 : Css.Style -lg__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - - -lg__border_yellow_300 : Css.Style -lg__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - - -lg__border_yellow_400 : Css.Style -lg__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - - -lg__border_yellow_500 : Css.Style -lg__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - - -lg__border_yellow_600 : Css.Style -lg__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - - -lg__border_yellow_700 : Css.Style -lg__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - - -lg__border_yellow_800 : Css.Style -lg__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - - -lg__border_yellow_900 : Css.Style -lg__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - - -lg__border_green_100 : Css.Style -lg__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - - -lg__border_green_200 : Css.Style -lg__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - - -lg__border_green_300 : Css.Style -lg__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - - -lg__border_green_400 : Css.Style -lg__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - - -lg__border_green_500 : Css.Style -lg__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - - -lg__border_green_600 : Css.Style -lg__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - - -lg__border_green_700 : Css.Style -lg__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - - -lg__border_green_800 : Css.Style -lg__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - - -lg__border_green_900 : Css.Style -lg__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - - -lg__border_teal_100 : Css.Style -lg__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - - -lg__border_teal_200 : Css.Style -lg__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - - -lg__border_teal_300 : Css.Style -lg__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - - -lg__border_teal_400 : Css.Style -lg__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - - -lg__border_teal_500 : Css.Style -lg__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - - -lg__border_teal_600 : Css.Style -lg__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - - -lg__border_teal_700 : Css.Style -lg__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - - -lg__border_teal_800 : Css.Style -lg__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - - -lg__border_teal_900 : Css.Style -lg__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - - -lg__border_blue_100 : Css.Style -lg__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - - -lg__border_blue_200 : Css.Style -lg__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - - -lg__border_blue_300 : Css.Style -lg__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - - -lg__border_blue_400 : Css.Style -lg__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - - -lg__border_blue_500 : Css.Style -lg__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - - -lg__border_blue_600 : Css.Style -lg__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - - -lg__border_blue_700 : Css.Style -lg__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - - -lg__border_blue_800 : Css.Style -lg__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - - -lg__border_blue_900 : Css.Style -lg__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - - -lg__border_indigo_100 : Css.Style -lg__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - - -lg__border_indigo_200 : Css.Style -lg__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - - -lg__border_indigo_300 : Css.Style -lg__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - - -lg__border_indigo_400 : Css.Style -lg__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - - -lg__border_indigo_500 : Css.Style -lg__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - - -lg__border_indigo_600 : Css.Style -lg__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - - -lg__border_indigo_700 : Css.Style -lg__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - - -lg__border_indigo_800 : Css.Style -lg__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - - -lg__border_indigo_900 : Css.Style -lg__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - - -lg__border_purple_100 : Css.Style -lg__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - - -lg__border_purple_200 : Css.Style -lg__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - - -lg__border_purple_300 : Css.Style -lg__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - - -lg__border_purple_400 : Css.Style -lg__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - - -lg__border_purple_500 : Css.Style -lg__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - - -lg__border_purple_600 : Css.Style -lg__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - - -lg__border_purple_700 : Css.Style -lg__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - - -lg__border_purple_800 : Css.Style -lg__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - - -lg__border_purple_900 : Css.Style -lg__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - - -lg__border_pink_100 : Css.Style -lg__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - - -lg__border_pink_200 : Css.Style -lg__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - - -lg__border_pink_300 : Css.Style -lg__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - - -lg__border_pink_400 : Css.Style -lg__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - - -lg__border_pink_500 : Css.Style -lg__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - - -lg__border_pink_600 : Css.Style -lg__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - - -lg__border_pink_700 : Css.Style -lg__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - - -lg__border_pink_800 : Css.Style -lg__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - - -lg__border_pink_900 : Css.Style -lg__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - - -lg__hover__border_transparent : Css.Style -lg__hover__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor Css.transparent - ] - ] - ] - - -lg__hover__border_current : Css.Style -lg__hover__border_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor Css.currentColor - ] - ] - ] - - -lg__hover__border_black : Css.Style -lg__hover__border_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - ] - - -lg__hover__border_white : Css.Style -lg__hover__border_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - ] - - -lg__hover__border_gray_100 : Css.Style -lg__hover__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -lg__hover__border_gray_200 : Css.Style -lg__hover__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -lg__hover__border_gray_300 : Css.Style -lg__hover__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -lg__hover__border_gray_400 : Css.Style -lg__hover__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -lg__hover__border_gray_500 : Css.Style -lg__hover__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -lg__hover__border_gray_600 : Css.Style -lg__hover__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - ] - - -lg__hover__border_gray_700 : Css.Style -lg__hover__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -lg__hover__border_gray_800 : Css.Style -lg__hover__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -lg__hover__border_gray_900 : Css.Style -lg__hover__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -lg__hover__border_red_100 : Css.Style -lg__hover__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -lg__hover__border_red_200 : Css.Style -lg__hover__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -lg__hover__border_red_300 : Css.Style -lg__hover__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -lg__hover__border_red_400 : Css.Style -lg__hover__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -lg__hover__border_red_500 : Css.Style -lg__hover__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -lg__hover__border_red_600 : Css.Style -lg__hover__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -lg__hover__border_red_700 : Css.Style -lg__hover__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -lg__hover__border_red_800 : Css.Style -lg__hover__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -lg__hover__border_red_900 : Css.Style -lg__hover__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -lg__hover__border_orange_100 : Css.Style -lg__hover__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -lg__hover__border_orange_200 : Css.Style -lg__hover__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -lg__hover__border_orange_300 : Css.Style -lg__hover__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -lg__hover__border_orange_400 : Css.Style -lg__hover__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -lg__hover__border_orange_500 : Css.Style -lg__hover__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -lg__hover__border_orange_600 : Css.Style -lg__hover__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -lg__hover__border_orange_700 : Css.Style -lg__hover__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -lg__hover__border_orange_800 : Css.Style -lg__hover__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -lg__hover__border_orange_900 : Css.Style -lg__hover__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -lg__hover__border_yellow_100 : Css.Style -lg__hover__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -lg__hover__border_yellow_200 : Css.Style -lg__hover__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -lg__hover__border_yellow_300 : Css.Style -lg__hover__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -lg__hover__border_yellow_400 : Css.Style -lg__hover__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -lg__hover__border_yellow_500 : Css.Style -lg__hover__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -lg__hover__border_yellow_600 : Css.Style -lg__hover__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -lg__hover__border_yellow_700 : Css.Style -lg__hover__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -lg__hover__border_yellow_800 : Css.Style -lg__hover__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -lg__hover__border_yellow_900 : Css.Style -lg__hover__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - ] - - -lg__hover__border_green_100 : Css.Style -lg__hover__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -lg__hover__border_green_200 : Css.Style -lg__hover__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -lg__hover__border_green_300 : Css.Style -lg__hover__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -lg__hover__border_green_400 : Css.Style -lg__hover__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -lg__hover__border_green_500 : Css.Style -lg__hover__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -lg__hover__border_green_600 : Css.Style -lg__hover__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -lg__hover__border_green_700 : Css.Style -lg__hover__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -lg__hover__border_green_800 : Css.Style -lg__hover__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - ] - - -lg__hover__border_green_900 : Css.Style -lg__hover__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -lg__hover__border_teal_100 : Css.Style -lg__hover__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -lg__hover__border_teal_200 : Css.Style -lg__hover__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -lg__hover__border_teal_300 : Css.Style -lg__hover__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -lg__hover__border_teal_400 : Css.Style -lg__hover__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -lg__hover__border_teal_500 : Css.Style -lg__hover__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -lg__hover__border_teal_600 : Css.Style -lg__hover__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - ] - - -lg__hover__border_teal_700 : Css.Style -lg__hover__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -lg__hover__border_teal_800 : Css.Style -lg__hover__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -lg__hover__border_teal_900 : Css.Style -lg__hover__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -lg__hover__border_blue_100 : Css.Style -lg__hover__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -lg__hover__border_blue_200 : Css.Style -lg__hover__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -lg__hover__border_blue_300 : Css.Style -lg__hover__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -lg__hover__border_blue_400 : Css.Style -lg__hover__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -lg__hover__border_blue_500 : Css.Style -lg__hover__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -lg__hover__border_blue_600 : Css.Style -lg__hover__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -lg__hover__border_blue_700 : Css.Style -lg__hover__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -lg__hover__border_blue_800 : Css.Style -lg__hover__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -lg__hover__border_blue_900 : Css.Style -lg__hover__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -lg__hover__border_indigo_100 : Css.Style -lg__hover__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -lg__hover__border_indigo_200 : Css.Style -lg__hover__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -lg__hover__border_indigo_300 : Css.Style -lg__hover__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -lg__hover__border_indigo_400 : Css.Style -lg__hover__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -lg__hover__border_indigo_500 : Css.Style -lg__hover__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -lg__hover__border_indigo_600 : Css.Style -lg__hover__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -lg__hover__border_indigo_700 : Css.Style -lg__hover__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -lg__hover__border_indigo_800 : Css.Style -lg__hover__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - ] - - -lg__hover__border_indigo_900 : Css.Style -lg__hover__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -lg__hover__border_purple_100 : Css.Style -lg__hover__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -lg__hover__border_purple_200 : Css.Style -lg__hover__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -lg__hover__border_purple_300 : Css.Style -lg__hover__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -lg__hover__border_purple_400 : Css.Style -lg__hover__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -lg__hover__border_purple_500 : Css.Style -lg__hover__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -lg__hover__border_purple_600 : Css.Style -lg__hover__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -lg__hover__border_purple_700 : Css.Style -lg__hover__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -lg__hover__border_purple_800 : Css.Style -lg__hover__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -lg__hover__border_purple_900 : Css.Style -lg__hover__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -lg__hover__border_pink_100 : Css.Style -lg__hover__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -lg__hover__border_pink_200 : Css.Style -lg__hover__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -lg__hover__border_pink_300 : Css.Style -lg__hover__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -lg__hover__border_pink_400 : Css.Style -lg__hover__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -lg__hover__border_pink_500 : Css.Style -lg__hover__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -lg__hover__border_pink_600 : Css.Style -lg__hover__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -lg__hover__border_pink_700 : Css.Style -lg__hover__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -lg__hover__border_pink_800 : Css.Style -lg__hover__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -lg__hover__border_pink_900 : Css.Style -lg__hover__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - ] - - -lg__focus__border_transparent : Css.Style -lg__focus__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor Css.transparent - ] - ] - ] - - -lg__focus__border_current : Css.Style -lg__focus__border_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor Css.currentColor - ] - ] - ] - - -lg__focus__border_black : Css.Style -lg__focus__border_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - ] - - -lg__focus__border_white : Css.Style -lg__focus__border_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - ] - - -lg__focus__border_gray_100 : Css.Style -lg__focus__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -lg__focus__border_gray_200 : Css.Style -lg__focus__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -lg__focus__border_gray_300 : Css.Style -lg__focus__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -lg__focus__border_gray_400 : Css.Style -lg__focus__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -lg__focus__border_gray_500 : Css.Style -lg__focus__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -lg__focus__border_gray_600 : Css.Style -lg__focus__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - ] - - -lg__focus__border_gray_700 : Css.Style -lg__focus__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -lg__focus__border_gray_800 : Css.Style -lg__focus__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -lg__focus__border_gray_900 : Css.Style -lg__focus__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -lg__focus__border_red_100 : Css.Style -lg__focus__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -lg__focus__border_red_200 : Css.Style -lg__focus__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -lg__focus__border_red_300 : Css.Style -lg__focus__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -lg__focus__border_red_400 : Css.Style -lg__focus__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -lg__focus__border_red_500 : Css.Style -lg__focus__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -lg__focus__border_red_600 : Css.Style -lg__focus__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -lg__focus__border_red_700 : Css.Style -lg__focus__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -lg__focus__border_red_800 : Css.Style -lg__focus__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -lg__focus__border_red_900 : Css.Style -lg__focus__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -lg__focus__border_orange_100 : Css.Style -lg__focus__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -lg__focus__border_orange_200 : Css.Style -lg__focus__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -lg__focus__border_orange_300 : Css.Style -lg__focus__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -lg__focus__border_orange_400 : Css.Style -lg__focus__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -lg__focus__border_orange_500 : Css.Style -lg__focus__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -lg__focus__border_orange_600 : Css.Style -lg__focus__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -lg__focus__border_orange_700 : Css.Style -lg__focus__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -lg__focus__border_orange_800 : Css.Style -lg__focus__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -lg__focus__border_orange_900 : Css.Style -lg__focus__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -lg__focus__border_yellow_100 : Css.Style -lg__focus__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -lg__focus__border_yellow_200 : Css.Style -lg__focus__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -lg__focus__border_yellow_300 : Css.Style -lg__focus__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -lg__focus__border_yellow_400 : Css.Style -lg__focus__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -lg__focus__border_yellow_500 : Css.Style -lg__focus__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -lg__focus__border_yellow_600 : Css.Style -lg__focus__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -lg__focus__border_yellow_700 : Css.Style -lg__focus__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -lg__focus__border_yellow_800 : Css.Style -lg__focus__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -lg__focus__border_yellow_900 : Css.Style -lg__focus__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - ] - - -lg__focus__border_green_100 : Css.Style -lg__focus__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -lg__focus__border_green_200 : Css.Style -lg__focus__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -lg__focus__border_green_300 : Css.Style -lg__focus__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -lg__focus__border_green_400 : Css.Style -lg__focus__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -lg__focus__border_green_500 : Css.Style -lg__focus__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -lg__focus__border_green_600 : Css.Style -lg__focus__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -lg__focus__border_green_700 : Css.Style -lg__focus__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -lg__focus__border_green_800 : Css.Style -lg__focus__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - ] - - -lg__focus__border_green_900 : Css.Style -lg__focus__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -lg__focus__border_teal_100 : Css.Style -lg__focus__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -lg__focus__border_teal_200 : Css.Style -lg__focus__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -lg__focus__border_teal_300 : Css.Style -lg__focus__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -lg__focus__border_teal_400 : Css.Style -lg__focus__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -lg__focus__border_teal_500 : Css.Style -lg__focus__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -lg__focus__border_teal_600 : Css.Style -lg__focus__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - ] - - -lg__focus__border_teal_700 : Css.Style -lg__focus__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -lg__focus__border_teal_800 : Css.Style -lg__focus__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -lg__focus__border_teal_900 : Css.Style -lg__focus__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -lg__focus__border_blue_100 : Css.Style -lg__focus__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -lg__focus__border_blue_200 : Css.Style -lg__focus__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -lg__focus__border_blue_300 : Css.Style -lg__focus__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -lg__focus__border_blue_400 : Css.Style -lg__focus__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -lg__focus__border_blue_500 : Css.Style -lg__focus__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -lg__focus__border_blue_600 : Css.Style -lg__focus__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -lg__focus__border_blue_700 : Css.Style -lg__focus__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -lg__focus__border_blue_800 : Css.Style -lg__focus__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -lg__focus__border_blue_900 : Css.Style -lg__focus__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -lg__focus__border_indigo_100 : Css.Style -lg__focus__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -lg__focus__border_indigo_200 : Css.Style -lg__focus__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -lg__focus__border_indigo_300 : Css.Style -lg__focus__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -lg__focus__border_indigo_400 : Css.Style -lg__focus__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -lg__focus__border_indigo_500 : Css.Style -lg__focus__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -lg__focus__border_indigo_600 : Css.Style -lg__focus__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -lg__focus__border_indigo_700 : Css.Style -lg__focus__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -lg__focus__border_indigo_800 : Css.Style -lg__focus__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - ] - - -lg__focus__border_indigo_900 : Css.Style -lg__focus__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -lg__focus__border_purple_100 : Css.Style -lg__focus__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -lg__focus__border_purple_200 : Css.Style -lg__focus__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -lg__focus__border_purple_300 : Css.Style -lg__focus__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -lg__focus__border_purple_400 : Css.Style -lg__focus__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -lg__focus__border_purple_500 : Css.Style -lg__focus__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -lg__focus__border_purple_600 : Css.Style -lg__focus__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -lg__focus__border_purple_700 : Css.Style -lg__focus__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -lg__focus__border_purple_800 : Css.Style -lg__focus__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -lg__focus__border_purple_900 : Css.Style -lg__focus__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -lg__focus__border_pink_100 : Css.Style -lg__focus__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -lg__focus__border_pink_200 : Css.Style -lg__focus__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -lg__focus__border_pink_300 : Css.Style -lg__focus__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -lg__focus__border_pink_400 : Css.Style -lg__focus__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -lg__focus__border_pink_500 : Css.Style -lg__focus__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -lg__focus__border_pink_600 : Css.Style -lg__focus__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -lg__focus__border_pink_700 : Css.Style -lg__focus__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -lg__focus__border_pink_800 : Css.Style -lg__focus__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -lg__focus__border_pink_900 : Css.Style -lg__focus__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - ] - - -lg__rounded_none : Css.Style -lg__rounded_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderRadius (Css.px 0) - ] - ] - - -lg__rounded_sm : Css.Style -lg__rounded_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderRadius (Css.rem 0.125) - ] - ] - - -lg__rounded : Css.Style -lg__rounded = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_md : Css.Style -lg__rounded_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_lg : Css.Style -lg__rounded_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_full : Css.Style -lg__rounded_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderRadius (Css.px 9999) - ] - ] - - -lg__rounded_t_none : Css.Style -lg__rounded_t_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderTopRightRadius (Css.px 0) - ] - ] - - -lg__rounded_r_none : Css.Style -lg__rounded_r_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopRightRadius (Css.px 0) - , Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -lg__rounded_b_none : Css.Style -lg__rounded_b_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomRightRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -lg__rounded_l_none : Css.Style -lg__rounded_l_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -lg__rounded_t_sm : Css.Style -lg__rounded_t_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_r_sm : Css.Style -lg__rounded_r_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - , Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_b_sm : Css.Style -lg__rounded_b_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_l_sm : Css.Style -lg__rounded_l_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_t : Css.Style -lg__rounded_t = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_r : Css.Style -lg__rounded_r = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - , Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_b : Css.Style -lg__rounded_b = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_l : Css.Style -lg__rounded_l = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_t_md : Css.Style -lg__rounded_t_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_r_md : Css.Style -lg__rounded_r_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - , Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_b_md : Css.Style -lg__rounded_b_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_l_md : Css.Style -lg__rounded_l_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_t_lg : Css.Style -lg__rounded_t_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_r_lg : Css.Style -lg__rounded_r_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - , Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_b_lg : Css.Style -lg__rounded_b_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_l_lg : Css.Style -lg__rounded_l_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_t_full : Css.Style -lg__rounded_t_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -lg__rounded_r_full : Css.Style -lg__rounded_r_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopRightRadius (Css.px 9999) - , Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -lg__rounded_b_full : Css.Style -lg__rounded_b_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomRightRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -lg__rounded_l_full : Css.Style -lg__rounded_l_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -lg__rounded_tl_none : Css.Style -lg__rounded_tl_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.px 0) - ] - ] - - -lg__rounded_tr_none : Css.Style -lg__rounded_tr_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopRightRadius (Css.px 0) - ] - ] - - -lg__rounded_br_none : Css.Style -lg__rounded_br_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -lg__rounded_bl_none : Css.Style -lg__rounded_bl_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -lg__rounded_tl_sm : Css.Style -lg__rounded_tl_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_tr_sm : Css.Style -lg__rounded_tr_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_br_sm : Css.Style -lg__rounded_br_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_bl_sm : Css.Style -lg__rounded_bl_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -lg__rounded_tl : Css.Style -lg__rounded_tl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_tr : Css.Style -lg__rounded_tr = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_br : Css.Style -lg__rounded_br = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_bl : Css.Style -lg__rounded_bl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -lg__rounded_tl_md : Css.Style -lg__rounded_tl_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_tr_md : Css.Style -lg__rounded_tr_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_br_md : Css.Style -lg__rounded_br_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_bl_md : Css.Style -lg__rounded_bl_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -lg__rounded_tl_lg : Css.Style -lg__rounded_tl_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_tr_lg : Css.Style -lg__rounded_tr_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_br_lg : Css.Style -lg__rounded_br_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_bl_lg : Css.Style -lg__rounded_bl_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -lg__rounded_tl_full : Css.Style -lg__rounded_tl_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopLeftRadius (Css.px 9999) - ] - ] - - -lg__rounded_tr_full : Css.Style -lg__rounded_tr_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -lg__rounded_br_full : Css.Style -lg__rounded_br_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -lg__rounded_bl_full : Css.Style -lg__rounded_bl_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -lg__border_solid : Css.Style -lg__border_solid = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderStyle Css.solid - ] - ] - - -lg__border_dashed : Css.Style -lg__border_dashed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderStyle Css.dashed - ] - ] - - -lg__border_dotted : Css.Style -lg__border_dotted = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderStyle Css.dotted - ] - ] - - -lg__border_double : Css.Style -lg__border_double = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderStyle Css.double - ] - ] - - -lg__border_none : Css.Style -lg__border_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderStyle Css.none - ] - ] - - -lg__border_0 : Css.Style -lg__border_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderWidth (Css.px 0) - ] - ] - - -lg__border_2 : Css.Style -lg__border_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderWidth (Css.px 2) - ] - ] - - -lg__border_4 : Css.Style -lg__border_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderWidth (Css.px 4) - ] - ] - - -lg__border_8 : Css.Style -lg__border_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderWidth (Css.px 8) - ] - ] - - -lg__border : Css.Style -lg__border = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderWidth (Css.px 1) - ] - ] - - -lg__border_t_0 : Css.Style -lg__border_t_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopWidth (Css.px 0) - ] - ] - - -lg__border_r_0 : Css.Style -lg__border_r_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderRightWidth (Css.px 0) - ] - ] - - -lg__border_b_0 : Css.Style -lg__border_b_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomWidth (Css.px 0) - ] - ] - - -lg__border_l_0 : Css.Style -lg__border_l_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderLeftWidth (Css.px 0) - ] - ] - - -lg__border_t_2 : Css.Style -lg__border_t_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopWidth (Css.px 2) - ] - ] - - -lg__border_r_2 : Css.Style -lg__border_r_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderRightWidth (Css.px 2) - ] - ] - - -lg__border_b_2 : Css.Style -lg__border_b_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomWidth (Css.px 2) - ] - ] - - -lg__border_l_2 : Css.Style -lg__border_l_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderLeftWidth (Css.px 2) - ] - ] - - -lg__border_t_4 : Css.Style -lg__border_t_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopWidth (Css.px 4) - ] - ] - - -lg__border_r_4 : Css.Style -lg__border_r_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderRightWidth (Css.px 4) - ] - ] - - -lg__border_b_4 : Css.Style -lg__border_b_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomWidth (Css.px 4) - ] - ] - - -lg__border_l_4 : Css.Style -lg__border_l_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderLeftWidth (Css.px 4) - ] - ] - - -lg__border_t_8 : Css.Style -lg__border_t_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopWidth (Css.px 8) - ] - ] - - -lg__border_r_8 : Css.Style -lg__border_r_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderRightWidth (Css.px 8) - ] - ] - - -lg__border_b_8 : Css.Style -lg__border_b_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomWidth (Css.px 8) - ] - ] - - -lg__border_l_8 : Css.Style -lg__border_l_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderLeftWidth (Css.px 8) - ] - ] - - -lg__border_t : Css.Style -lg__border_t = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderTopWidth (Css.px 1) - ] - ] - - -lg__border_r : Css.Style -lg__border_r = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderRightWidth (Css.px 1) - ] - ] - - -lg__border_b : Css.Style -lg__border_b = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderBottomWidth (Css.px 1) - ] - ] - - -lg__border_l : Css.Style -lg__border_l = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.borderLeftWidth (Css.px 1) - ] - ] - - -lg__box_border : Css.Style -lg__box_border = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.boxSizing Css.borderBox - ] - ] - - -lg__box_content : Css.Style -lg__box_content = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.boxSizing Css.contentBox - ] - ] - - -lg__cursor_auto : Css.Style -lg__cursor_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.cursor Css.auto - ] - ] - - -lg__cursor_default : Css.Style -lg__cursor_default = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.cursor Css.default - ] - ] - - -lg__cursor_pointer : Css.Style -lg__cursor_pointer = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.cursor Css.pointer - ] - ] - - -lg__cursor_wait : Css.Style -lg__cursor_wait = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.cursor Css.wait - ] - ] - - -lg__cursor_text : Css.Style -lg__cursor_text = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"cursor\\" \\"text\\" - ] - ] - - -lg__cursor_move : Css.Style -lg__cursor_move = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.cursor Css.move - ] - ] - - -lg__cursor_not_allowed : Css.Style -lg__cursor_not_allowed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.cursor Css.notAllowed - ] - ] - - -lg__block : Css.Style -lg__block = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.block - ] - ] - - -lg__inline_block : Css.Style -lg__inline_block = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.inlineBlock - ] - ] - - -lg__inline : Css.Style -lg__inline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.inline - ] - ] - - -lg__flex : Css.Style -lg__flex = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.displayFlex - ] - ] - - -lg__inline_flex : Css.Style -lg__inline_flex = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.inlineFlex - ] - ] - - -lg__table : Css.Style -lg__table = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.table - ] - ] - - -lg__table_caption : Css.Style -lg__table_caption = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.tableCaption - ] - ] - - -lg__table_cell : Css.Style -lg__table_cell = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.tableCell - ] - ] - - -lg__table_column : Css.Style -lg__table_column = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.tableColumn - ] - ] - - -lg__table_column_group : Css.Style -lg__table_column_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.tableColumnGroup - ] - ] - - -lg__table_footer_group : Css.Style -lg__table_footer_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.tableFooterGroup - ] - ] - - -lg__table_header_group : Css.Style -lg__table_header_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.tableHeaderGroup - ] - ] - - -lg__table_row_group : Css.Style -lg__table_row_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.tableRowGroup - ] - ] - - -lg__table_row : Css.Style -lg__table_row = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.tableRow - ] - ] - - -lg__flow_root : Css.Style -lg__flow_root = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"display\\" \\"flow-root\\" - ] - ] - - -lg__grid : Css.Style -lg__grid = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"display\\" \\"grid\\" - ] - ] - - -lg__inline_grid : Css.Style -lg__inline_grid = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"display\\" \\"inline-grid\\" - ] - ] - - -lg__hidden : Css.Style -lg__hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.display Css.none - ] - ] - - -lg__flex_row : Css.Style -lg__flex_row = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.flexDirection Css.row - ] - ] - - -lg__flex_row_reverse : Css.Style -lg__flex_row_reverse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.flexDirection Css.rowReverse - ] - ] - - -lg__flex_col : Css.Style -lg__flex_col = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.flexDirection Css.column - ] - ] - - -lg__flex_col_reverse : Css.Style -lg__flex_col_reverse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.flexDirection Css.columnReverse - ] - ] - - -lg__flex_wrap : Css.Style -lg__flex_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.flexWrap Css.wrap - ] - ] - - -lg__flex_wrap_reverse : Css.Style -lg__flex_wrap_reverse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.flexWrap Css.wrapReverse - ] - ] - - -lg__flex_no_wrap : Css.Style -lg__flex_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.flexWrap Css.noWrap - ] - ] - - -lg__items_start : Css.Style -lg__items_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.alignItems Css.flexStart - ] - ] - - -lg__items_end : Css.Style -lg__items_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.alignItems Css.flexEnd - ] - ] - - -lg__items_center : Css.Style -lg__items_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.alignItems Css.center - ] - ] - - -lg__items_baseline : Css.Style -lg__items_baseline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.alignItems Css.baseline - ] - ] - - -lg__items_stretch : Css.Style -lg__items_stretch = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.alignItems Css.stretch - ] - ] - - -lg__self_auto : Css.Style -lg__self_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"align-self\\" \\"auto\\" - ] - ] - - -lg__self_start : Css.Style -lg__self_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.alignSelf Css.flexStart - ] - ] - - -lg__self_end : Css.Style -lg__self_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.alignSelf Css.flexEnd - ] - ] - - -lg__self_center : Css.Style -lg__self_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.alignSelf Css.center - ] - ] - - -lg__self_stretch : Css.Style -lg__self_stretch = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.alignSelf Css.stretch - ] - ] - - -lg__justify_start : Css.Style -lg__justify_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.justifyContent Css.flexStart - ] - ] - - -lg__justify_end : Css.Style -lg__justify_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.justifyContent Css.flexEnd - ] - ] - - -lg__justify_center : Css.Style -lg__justify_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.justifyContent Css.center - ] - ] - - -lg__justify_between : Css.Style -lg__justify_between = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.justifyContent Css.spaceBetween - ] - ] - - -lg__justify_around : Css.Style -lg__justify_around = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.justifyContent Css.spaceAround - ] - ] - - -lg__justify_evenly : Css.Style -lg__justify_evenly = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"justify-content\\" \\"space-evenly\\" - ] - ] - - -lg__content_center : Css.Style -lg__content_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"align-content\\" \\"center\\" - ] - ] - - -lg__content_start : Css.Style -lg__content_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"align-content\\" \\"flex-start\\" - ] - ] - - -lg__content_end : Css.Style -lg__content_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"align-content\\" \\"flex-end\\" - ] - ] - - -lg__content_between : Css.Style -lg__content_between = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"align-content\\" \\"space-between\\" - ] - ] - - -lg__content_around : Css.Style -lg__content_around = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"align-content\\" \\"space-around\\" - ] - ] - - -lg__flex_1 : Css.Style -lg__flex_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"flex\\" \\"1 1 0%\\" - ] - ] - - -lg__flex_auto : Css.Style -lg__flex_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"flex\\" \\"1 1 auto\\" - ] - ] - - -lg__flex_initial : Css.Style -lg__flex_initial = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"flex\\" \\"0 1 auto\\" - ] - ] - - -lg__flex_none : Css.Style -lg__flex_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"flex\\" \\"none\\" - ] - ] - - -lg__flex_grow_0 : Css.Style -lg__flex_grow_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.flexGrow (Css.int 0) - ] - ] - - -lg__flex_grow : Css.Style -lg__flex_grow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.flexGrow (Css.int 1) - ] - ] - - -lg__flex_shrink_0 : Css.Style -lg__flex_shrink_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.flexShrink (Css.int 0) - ] - ] - - -lg__flex_shrink : Css.Style -lg__flex_shrink = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.flexShrink (Css.int 1) - ] - ] - - -lg__order_1 : Css.Style -lg__order_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 1) - ] - ] - - -lg__order_2 : Css.Style -lg__order_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 2) - ] - ] - - -lg__order_3 : Css.Style -lg__order_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 3) - ] - ] - - -lg__order_4 : Css.Style -lg__order_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 4) - ] - ] - - -lg__order_5 : Css.Style -lg__order_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 5) - ] - ] - - -lg__order_6 : Css.Style -lg__order_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 6) - ] - ] - - -lg__order_7 : Css.Style -lg__order_7 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 7) - ] - ] - - -lg__order_8 : Css.Style -lg__order_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 8) - ] - ] - - -lg__order_9 : Css.Style -lg__order_9 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 9) - ] - ] - - -lg__order_10 : Css.Style -lg__order_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 10) - ] - ] - - -lg__order_11 : Css.Style -lg__order_11 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 11) - ] - ] - - -lg__order_12 : Css.Style -lg__order_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 12) - ] - ] - - -lg__order_first : Css.Style -lg__order_first = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int -9999) - ] - ] - - -lg__order_last : Css.Style -lg__order_last = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 9999) - ] - ] - - -lg__order_none : Css.Style -lg__order_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.order (Css.int 0) - ] - ] - - -lg__float_right : Css.Style -lg__float_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"float\\" \\"right\\" - ] - ] - - -lg__float_left : Css.Style -lg__float_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"float\\" \\"left\\" - ] - ] - - -lg__float_none : Css.Style -lg__float_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"float\\" \\"none\\" - ] - ] - - -lg__clearfix : Css.Style -lg__clearfix = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"content\\" \\"\\\\\\"\\\\\\"\\" - , Css.display Css.table - , Css.property \\"clear\\" \\"both\\" - ] - ] - - -lg__clear_left : Css.Style -lg__clear_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"clear\\" \\"left\\" - ] - ] - - -lg__clear_right : Css.Style -lg__clear_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"clear\\" \\"right\\" - ] - ] - - -lg__clear_both : Css.Style -lg__clear_both = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"clear\\" \\"both\\" - ] - ] - - -lg__clear_none : Css.Style -lg__clear_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"clear\\" \\"none\\" - ] - ] - - -lg__font_sans : Css.Style -lg__font_sans = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"font-family\\" \\"system-ui, -apple-system, BlinkMacSystemFont, \\\\\\"Segoe UI\\\\\\", Roboto, \\\\\\"Helvetica Neue\\\\\\", Arial, \\\\\\"Noto Sans\\\\\\", sans-serif, \\\\\\"Apple Color Emoji\\\\\\", \\\\\\"Segoe UI Emoji\\\\\\", \\\\\\"Segoe UI Symbol\\\\\\", \\\\\\"Noto Color Emoji\\\\\\"\\" - ] - ] - - -lg__font_serif : Css.Style -lg__font_serif = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"font-family\\" \\"Georgia, Cambria, \\\\\\"Times New Roman\\\\\\", Times, serif\\" - ] - ] - - -lg__font_mono : Css.Style -lg__font_mono = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"font-family\\" \\"Menlo, Monaco, Consolas, \\\\\\"Liberation Mono\\\\\\", \\\\\\"Courier New\\\\\\", monospace\\" - ] - ] - - -lg__font_hairline : Css.Style -lg__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontWeight (Css.int 100) - ] - ] - - -lg__font_thin : Css.Style -lg__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontWeight (Css.int 200) - ] - ] - - -lg__font_light : Css.Style -lg__font_light = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontWeight (Css.int 300) - ] - ] - - -lg__font_normal : Css.Style -lg__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontWeight (Css.int 400) - ] - ] - - -lg__font_medium : Css.Style -lg__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontWeight (Css.int 500) - ] - ] - - -lg__font_semibold : Css.Style -lg__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontWeight (Css.int 600) - ] - ] - - -lg__font_bold : Css.Style -lg__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontWeight (Css.int 700) - ] - ] - - -lg__font_extrabold : Css.Style -lg__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontWeight (Css.int 800) - ] - ] - - -lg__font_black : Css.Style -lg__font_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontWeight (Css.int 900) - ] - ] - - -lg__hover__font_hairline : Css.Style -lg__hover__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -lg__hover__font_thin : Css.Style -lg__hover__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -lg__hover__font_light : Css.Style -lg__hover__font_light = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -lg__hover__font_normal : Css.Style -lg__hover__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -lg__hover__font_medium : Css.Style -lg__hover__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -lg__hover__font_semibold : Css.Style -lg__hover__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -lg__hover__font_bold : Css.Style -lg__hover__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -lg__hover__font_extrabold : Css.Style -lg__hover__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -lg__hover__font_black : Css.Style -lg__hover__font_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -lg__focus__font_hairline : Css.Style -lg__focus__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -lg__focus__font_thin : Css.Style -lg__focus__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -lg__focus__font_light : Css.Style -lg__focus__font_light = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -lg__focus__font_normal : Css.Style -lg__focus__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -lg__focus__font_medium : Css.Style -lg__focus__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -lg__focus__font_semibold : Css.Style -lg__focus__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -lg__focus__font_bold : Css.Style -lg__focus__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -lg__focus__font_extrabold : Css.Style -lg__focus__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -lg__focus__font_black : Css.Style -lg__focus__font_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -lg__h_0 : Css.Style -lg__h_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.px 0) - ] - ] - - -lg__h_1 : Css.Style -lg__h_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 0.25) - ] - ] - - -lg__h_2 : Css.Style -lg__h_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 0.5) - ] - ] - - -lg__h_3 : Css.Style -lg__h_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 0.75) - ] - ] - - -lg__h_4 : Css.Style -lg__h_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 1) - ] - ] - - -lg__h_5 : Css.Style -lg__h_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 1.25) - ] - ] - - -lg__h_6 : Css.Style -lg__h_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 1.5) - ] - ] - - -lg__h_8 : Css.Style -lg__h_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 2) - ] - ] - - -lg__h_10 : Css.Style -lg__h_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 2.5) - ] - ] - - -lg__h_12 : Css.Style -lg__h_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 3) - ] - ] - - -lg__h_16 : Css.Style -lg__h_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 4) - ] - ] - - -lg__h_20 : Css.Style -lg__h_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 5) - ] - ] - - -lg__h_24 : Css.Style -lg__h_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 6) - ] - ] - - -lg__h_32 : Css.Style -lg__h_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 8) - ] - ] - - -lg__h_40 : Css.Style -lg__h_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 10) - ] - ] - - -lg__h_48 : Css.Style -lg__h_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 12) - ] - ] - - -lg__h_56 : Css.Style -lg__h_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 14) - ] - ] - - -lg__h_64 : Css.Style -lg__h_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.rem 16) - ] - ] - - -lg__h_auto : Css.Style -lg__h_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height Css.auto - ] - ] - - -lg__h_px : Css.Style -lg__h_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.px 1) - ] - ] - - -lg__h_full : Css.Style -lg__h_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.pct 100) - ] - ] - - -lg__h_screen : Css.Style -lg__h_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.height (Css.vh 100) - ] - ] - - -lg__text_xs : Css.Style -lg__text_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontSize (Css.rem 0.75) - ] - ] - - -lg__text_sm : Css.Style -lg__text_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontSize (Css.rem 0.875) - ] - ] - - -lg__text_base : Css.Style -lg__text_base = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontSize (Css.rem 1) - ] - ] - - -lg__text_lg : Css.Style -lg__text_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontSize (Css.rem 1.125) - ] - ] - - -lg__text_xl : Css.Style -lg__text_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontSize (Css.rem 1.25) - ] - ] - - -lg__text_2xl : Css.Style -lg__text_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontSize (Css.rem 1.5) - ] - ] - - -lg__text_3xl : Css.Style -lg__text_3xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontSize (Css.rem 1.875) - ] - ] - - -lg__text_4xl : Css.Style -lg__text_4xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontSize (Css.rem 2.25) - ] - ] - - -lg__text_5xl : Css.Style -lg__text_5xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontSize (Css.rem 3) - ] - ] - - -lg__text_6xl : Css.Style -lg__text_6xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontSize (Css.rem 4) - ] - ] - - -lg__leading_3 : Css.Style -lg__leading_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.rem 0.75) - ] - ] - - -lg__leading_4 : Css.Style -lg__leading_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.rem 1) - ] - ] - - -lg__leading_5 : Css.Style -lg__leading_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.rem 1.25) - ] - ] - - -lg__leading_6 : Css.Style -lg__leading_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.rem 1.5) - ] - ] - - -lg__leading_7 : Css.Style -lg__leading_7 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.rem 1.75) - ] - ] - - -lg__leading_8 : Css.Style -lg__leading_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.rem 2) - ] - ] - - -lg__leading_9 : Css.Style -lg__leading_9 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.rem 2.25) - ] - ] - - -lg__leading_10 : Css.Style -lg__leading_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.rem 2.5) - ] - ] - - -lg__leading_none : Css.Style -lg__leading_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.int 1) - ] - ] - - -lg__leading_tight : Css.Style -lg__leading_tight = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.num 1.25) - ] - ] - - -lg__leading_snug : Css.Style -lg__leading_snug = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.num 1.375) - ] - ] - - -lg__leading_normal : Css.Style -lg__leading_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.num 1.5) - ] - ] - - -lg__leading_relaxed : Css.Style -lg__leading_relaxed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.num 1.625) - ] - ] - - -lg__leading_loose : Css.Style -lg__leading_loose = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.lineHeight (Css.int 2) - ] - ] - - -lg__list_inside : Css.Style -lg__list_inside = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.listStylePosition Css.inside - ] - ] - - -lg__list_outside : Css.Style -lg__list_outside = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.listStylePosition Css.outside - ] - ] - - -lg__list_none : Css.Style -lg__list_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.listStyleType Css.none - ] - ] - - -lg__list_disc : Css.Style -lg__list_disc = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.listStyleType Css.disc - ] - ] - - -lg__list_decimal : Css.Style -lg__list_decimal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.listStyleType Css.decimal - ] - ] - - -lg__m_0 : Css.Style -lg__m_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.px 0) - ] - ] - - -lg__m_1 : Css.Style -lg__m_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 0.25) - ] - ] - - -lg__m_2 : Css.Style -lg__m_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 0.5) - ] - ] - - -lg__m_3 : Css.Style -lg__m_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 0.75) - ] - ] - - -lg__m_4 : Css.Style -lg__m_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 1) - ] - ] - - -lg__m_5 : Css.Style -lg__m_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 1.25) - ] - ] - - -lg__m_6 : Css.Style -lg__m_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 1.5) - ] - ] - - -lg__m_8 : Css.Style -lg__m_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 2) - ] - ] - - -lg__m_10 : Css.Style -lg__m_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 2.5) - ] - ] - - -lg__m_12 : Css.Style -lg__m_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 3) - ] - ] - - -lg__m_16 : Css.Style -lg__m_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 4) - ] - ] - - -lg__m_20 : Css.Style -lg__m_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 5) - ] - ] - - -lg__m_24 : Css.Style -lg__m_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 6) - ] - ] - - -lg__m_32 : Css.Style -lg__m_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 8) - ] - ] - - -lg__m_40 : Css.Style -lg__m_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 10) - ] - ] - - -lg__m_48 : Css.Style -lg__m_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 12) - ] - ] - - -lg__m_56 : Css.Style -lg__m_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 14) - ] - ] - - -lg__m_64 : Css.Style -lg__m_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem 16) - ] - ] - - -lg__m_auto : Css.Style -lg__m_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin Css.auto - ] - ] - - -lg__m_px : Css.Style -lg__m_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.px 1) - ] - ] - - -lg__neg_m_1 : Css.Style -lg__neg_m_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -0.25) - ] - ] - - -lg__neg_m_2 : Css.Style -lg__neg_m_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -0.5) - ] - ] - - -lg__neg_m_3 : Css.Style -lg__neg_m_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -0.75) - ] - ] - - -lg__neg_m_4 : Css.Style -lg__neg_m_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -1) - ] - ] - - -lg__neg_m_5 : Css.Style -lg__neg_m_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -1.25) - ] - ] - - -lg__neg_m_6 : Css.Style -lg__neg_m_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -1.5) - ] - ] - - -lg__neg_m_8 : Css.Style -lg__neg_m_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -2) - ] - ] - - -lg__neg_m_10 : Css.Style -lg__neg_m_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -2.5) - ] - ] - - -lg__neg_m_12 : Css.Style -lg__neg_m_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -3) - ] - ] - - -lg__neg_m_16 : Css.Style -lg__neg_m_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -4) - ] - ] - - -lg__neg_m_20 : Css.Style -lg__neg_m_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -5) - ] - ] - - -lg__neg_m_24 : Css.Style -lg__neg_m_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -6) - ] - ] - - -lg__neg_m_32 : Css.Style -lg__neg_m_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -8) - ] - ] - - -lg__neg_m_40 : Css.Style -lg__neg_m_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -10) - ] - ] - - -lg__neg_m_48 : Css.Style -lg__neg_m_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -12) - ] - ] - - -lg__neg_m_56 : Css.Style -lg__neg_m_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -14) - ] - ] - - -lg__neg_m_64 : Css.Style -lg__neg_m_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.rem -16) - ] - ] - - -lg__neg_m_px : Css.Style -lg__neg_m_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.margin (Css.px -1) - ] - ] - - -lg__my_0 : Css.Style -lg__my_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.px 0) - , Css.marginBottom (Css.px 0) - ] - ] - - -lg__mx_0 : Css.Style -lg__mx_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.px 0) - , Css.marginRight (Css.px 0) - ] - ] - - -lg__my_1 : Css.Style -lg__my_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 0.25) - , Css.marginBottom (Css.rem 0.25) - ] - ] - - -lg__mx_1 : Css.Style -lg__mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 0.25) - , Css.marginRight (Css.rem 0.25) - ] - ] - - -lg__my_2 : Css.Style -lg__my_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 0.5) - , Css.marginBottom (Css.rem 0.5) - ] - ] - - -lg__mx_2 : Css.Style -lg__mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 0.5) - , Css.marginRight (Css.rem 0.5) - ] - ] - - -lg__my_3 : Css.Style -lg__my_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 0.75) - , Css.marginBottom (Css.rem 0.75) - ] - ] - - -lg__mx_3 : Css.Style -lg__mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 0.75) - , Css.marginRight (Css.rem 0.75) - ] - ] - - -lg__my_4 : Css.Style -lg__my_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 1) - , Css.marginBottom (Css.rem 1) - ] - ] - - -lg__mx_4 : Css.Style -lg__mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 1) - , Css.marginRight (Css.rem 1) - ] - ] - - -lg__my_5 : Css.Style -lg__my_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 1.25) - , Css.marginBottom (Css.rem 1.25) - ] - ] - - -lg__mx_5 : Css.Style -lg__mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 1.25) - , Css.marginRight (Css.rem 1.25) - ] - ] - - -lg__my_6 : Css.Style -lg__my_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 1.5) - , Css.marginBottom (Css.rem 1.5) - ] - ] - - -lg__mx_6 : Css.Style -lg__mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 1.5) - , Css.marginRight (Css.rem 1.5) - ] - ] - - -lg__my_8 : Css.Style -lg__my_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 2) - , Css.marginBottom (Css.rem 2) - ] - ] - - -lg__mx_8 : Css.Style -lg__mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 2) - , Css.marginRight (Css.rem 2) - ] - ] - - -lg__my_10 : Css.Style -lg__my_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 2.5) - , Css.marginBottom (Css.rem 2.5) - ] - ] - - -lg__mx_10 : Css.Style -lg__mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 2.5) - , Css.marginRight (Css.rem 2.5) - ] - ] - - -lg__my_12 : Css.Style -lg__my_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 3) - , Css.marginBottom (Css.rem 3) - ] - ] - - -lg__mx_12 : Css.Style -lg__mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 3) - , Css.marginRight (Css.rem 3) - ] - ] - - -lg__my_16 : Css.Style -lg__my_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 4) - , Css.marginBottom (Css.rem 4) - ] - ] - - -lg__mx_16 : Css.Style -lg__mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 4) - , Css.marginRight (Css.rem 4) - ] - ] - - -lg__my_20 : Css.Style -lg__my_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 5) - , Css.marginBottom (Css.rem 5) - ] - ] - - -lg__mx_20 : Css.Style -lg__mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 5) - , Css.marginRight (Css.rem 5) - ] - ] - - -lg__my_24 : Css.Style -lg__my_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 6) - , Css.marginBottom (Css.rem 6) - ] - ] - - -lg__mx_24 : Css.Style -lg__mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 6) - , Css.marginRight (Css.rem 6) - ] - ] - - -lg__my_32 : Css.Style -lg__my_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 8) - , Css.marginBottom (Css.rem 8) - ] - ] - - -lg__mx_32 : Css.Style -lg__mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 8) - , Css.marginRight (Css.rem 8) - ] - ] - - -lg__my_40 : Css.Style -lg__my_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 10) - , Css.marginBottom (Css.rem 10) - ] - ] - - -lg__mx_40 : Css.Style -lg__mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 10) - , Css.marginRight (Css.rem 10) - ] - ] - - -lg__my_48 : Css.Style -lg__my_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 12) - , Css.marginBottom (Css.rem 12) - ] - ] - - -lg__mx_48 : Css.Style -lg__mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 12) - , Css.marginRight (Css.rem 12) - ] - ] - - -lg__my_56 : Css.Style -lg__my_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 14) - , Css.marginBottom (Css.rem 14) - ] - ] - - -lg__mx_56 : Css.Style -lg__mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 14) - , Css.marginRight (Css.rem 14) - ] - ] - - -lg__my_64 : Css.Style -lg__my_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 16) - , Css.marginBottom (Css.rem 16) - ] - ] - - -lg__mx_64 : Css.Style -lg__mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 16) - , Css.marginRight (Css.rem 16) - ] - ] - - -lg__my_auto : Css.Style -lg__my_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop Css.auto - , Css.marginBottom Css.auto - ] - ] - - -lg__mx_auto : Css.Style -lg__mx_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft Css.auto - , Css.marginRight Css.auto - ] - ] - - -lg__my_px : Css.Style -lg__my_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.px 1) - , Css.marginBottom (Css.px 1) - ] - ] - - -lg__mx_px : Css.Style -lg__mx_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.px 1) - , Css.marginRight (Css.px 1) - ] - ] - - -lg__neg_my_1 : Css.Style -lg__neg_my_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -0.25) - , Css.marginBottom (Css.rem -0.25) - ] - ] - - -lg__neg_mx_1 : Css.Style -lg__neg_mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -0.25) - , Css.marginRight (Css.rem -0.25) - ] - ] - - -lg__neg_my_2 : Css.Style -lg__neg_my_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -0.5) - , Css.marginBottom (Css.rem -0.5) - ] - ] - - -lg__neg_mx_2 : Css.Style -lg__neg_mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -0.5) - , Css.marginRight (Css.rem -0.5) - ] - ] - - -lg__neg_my_3 : Css.Style -lg__neg_my_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -0.75) - , Css.marginBottom (Css.rem -0.75) - ] - ] - - -lg__neg_mx_3 : Css.Style -lg__neg_mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -0.75) - , Css.marginRight (Css.rem -0.75) - ] - ] - - -lg__neg_my_4 : Css.Style -lg__neg_my_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -1) - , Css.marginBottom (Css.rem -1) - ] - ] - - -lg__neg_mx_4 : Css.Style -lg__neg_mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -1) - , Css.marginRight (Css.rem -1) - ] - ] - - -lg__neg_my_5 : Css.Style -lg__neg_my_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -1.25) - , Css.marginBottom (Css.rem -1.25) - ] - ] - - -lg__neg_mx_5 : Css.Style -lg__neg_mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -1.25) - , Css.marginRight (Css.rem -1.25) - ] - ] - - -lg__neg_my_6 : Css.Style -lg__neg_my_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -1.5) - , Css.marginBottom (Css.rem -1.5) - ] - ] - - -lg__neg_mx_6 : Css.Style -lg__neg_mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -1.5) - , Css.marginRight (Css.rem -1.5) - ] - ] - - -lg__neg_my_8 : Css.Style -lg__neg_my_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -2) - , Css.marginBottom (Css.rem -2) - ] - ] - - -lg__neg_mx_8 : Css.Style -lg__neg_mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -2) - , Css.marginRight (Css.rem -2) - ] - ] - - -lg__neg_my_10 : Css.Style -lg__neg_my_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -2.5) - , Css.marginBottom (Css.rem -2.5) - ] - ] - - -lg__neg_mx_10 : Css.Style -lg__neg_mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -2.5) - , Css.marginRight (Css.rem -2.5) - ] - ] - - -lg__neg_my_12 : Css.Style -lg__neg_my_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -3) - , Css.marginBottom (Css.rem -3) - ] - ] - - -lg__neg_mx_12 : Css.Style -lg__neg_mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -3) - , Css.marginRight (Css.rem -3) - ] - ] - - -lg__neg_my_16 : Css.Style -lg__neg_my_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -4) - , Css.marginBottom (Css.rem -4) - ] - ] - - -lg__neg_mx_16 : Css.Style -lg__neg_mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -4) - , Css.marginRight (Css.rem -4) - ] - ] - - -lg__neg_my_20 : Css.Style -lg__neg_my_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -5) - , Css.marginBottom (Css.rem -5) - ] - ] - - -lg__neg_mx_20 : Css.Style -lg__neg_mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -5) - , Css.marginRight (Css.rem -5) - ] - ] - - -lg__neg_my_24 : Css.Style -lg__neg_my_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -6) - , Css.marginBottom (Css.rem -6) - ] - ] - - -lg__neg_mx_24 : Css.Style -lg__neg_mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -6) - , Css.marginRight (Css.rem -6) - ] - ] - - -lg__neg_my_32 : Css.Style -lg__neg_my_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -8) - , Css.marginBottom (Css.rem -8) - ] - ] - - -lg__neg_mx_32 : Css.Style -lg__neg_mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -8) - , Css.marginRight (Css.rem -8) - ] - ] - - -lg__neg_my_40 : Css.Style -lg__neg_my_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -10) - , Css.marginBottom (Css.rem -10) - ] - ] - - -lg__neg_mx_40 : Css.Style -lg__neg_mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -10) - , Css.marginRight (Css.rem -10) - ] - ] - - -lg__neg_my_48 : Css.Style -lg__neg_my_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -12) - , Css.marginBottom (Css.rem -12) - ] - ] - - -lg__neg_mx_48 : Css.Style -lg__neg_mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -12) - , Css.marginRight (Css.rem -12) - ] - ] - - -lg__neg_my_56 : Css.Style -lg__neg_my_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -14) - , Css.marginBottom (Css.rem -14) - ] - ] - - -lg__neg_mx_56 : Css.Style -lg__neg_mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -14) - , Css.marginRight (Css.rem -14) - ] - ] - - -lg__neg_my_64 : Css.Style -lg__neg_my_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -16) - , Css.marginBottom (Css.rem -16) - ] - ] - - -lg__neg_mx_64 : Css.Style -lg__neg_mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -16) - , Css.marginRight (Css.rem -16) - ] - ] - - -lg__neg_my_px : Css.Style -lg__neg_my_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.px -1) - , Css.marginBottom (Css.px -1) - ] - ] - - -lg__neg_mx_px : Css.Style -lg__neg_mx_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.px -1) - , Css.marginRight (Css.px -1) - ] - ] - - -lg__mt_0 : Css.Style -lg__mt_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.px 0) - ] - ] - - -lg__mr_0 : Css.Style -lg__mr_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.px 0) - ] - ] - - -lg__mb_0 : Css.Style -lg__mb_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.px 0) - ] - ] - - -lg__ml_0 : Css.Style -lg__ml_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.px 0) - ] - ] - - -lg__mt_1 : Css.Style -lg__mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 0.25) - ] - ] - - -lg__mr_1 : Css.Style -lg__mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 0.25) - ] - ] - - -lg__mb_1 : Css.Style -lg__mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 0.25) - ] - ] - - -lg__ml_1 : Css.Style -lg__ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 0.25) - ] - ] - - -lg__mt_2 : Css.Style -lg__mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 0.5) - ] - ] - - -lg__mr_2 : Css.Style -lg__mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 0.5) - ] - ] - - -lg__mb_2 : Css.Style -lg__mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 0.5) - ] - ] - - -lg__ml_2 : Css.Style -lg__ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 0.5) - ] - ] - - -lg__mt_3 : Css.Style -lg__mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 0.75) - ] - ] - - -lg__mr_3 : Css.Style -lg__mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 0.75) - ] - ] - - -lg__mb_3 : Css.Style -lg__mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 0.75) - ] - ] - - -lg__ml_3 : Css.Style -lg__ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 0.75) - ] - ] - - -lg__mt_4 : Css.Style -lg__mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 1) - ] - ] - - -lg__mr_4 : Css.Style -lg__mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 1) - ] - ] - - -lg__mb_4 : Css.Style -lg__mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 1) - ] - ] - - -lg__ml_4 : Css.Style -lg__ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 1) - ] - ] - - -lg__mt_5 : Css.Style -lg__mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 1.25) - ] - ] - - -lg__mr_5 : Css.Style -lg__mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 1.25) - ] - ] - - -lg__mb_5 : Css.Style -lg__mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 1.25) - ] - ] - - -lg__ml_5 : Css.Style -lg__ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 1.25) - ] - ] - - -lg__mt_6 : Css.Style -lg__mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 1.5) - ] - ] - - -lg__mr_6 : Css.Style -lg__mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 1.5) - ] - ] - - -lg__mb_6 : Css.Style -lg__mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 1.5) - ] - ] - - -lg__ml_6 : Css.Style -lg__ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 1.5) - ] - ] - - -lg__mt_8 : Css.Style -lg__mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 2) - ] - ] - - -lg__mr_8 : Css.Style -lg__mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 2) - ] - ] - - -lg__mb_8 : Css.Style -lg__mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 2) - ] - ] - - -lg__ml_8 : Css.Style -lg__ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 2) - ] - ] - - -lg__mt_10 : Css.Style -lg__mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 2.5) - ] - ] - - -lg__mr_10 : Css.Style -lg__mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 2.5) - ] - ] - - -lg__mb_10 : Css.Style -lg__mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 2.5) - ] - ] - - -lg__ml_10 : Css.Style -lg__ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 2.5) - ] - ] - - -lg__mt_12 : Css.Style -lg__mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 3) - ] - ] - - -lg__mr_12 : Css.Style -lg__mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 3) - ] - ] - - -lg__mb_12 : Css.Style -lg__mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 3) - ] - ] - - -lg__ml_12 : Css.Style -lg__ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 3) - ] - ] - - -lg__mt_16 : Css.Style -lg__mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 4) - ] - ] - - -lg__mr_16 : Css.Style -lg__mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 4) - ] - ] - - -lg__mb_16 : Css.Style -lg__mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 4) - ] - ] - - -lg__ml_16 : Css.Style -lg__ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 4) - ] - ] - - -lg__mt_20 : Css.Style -lg__mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 5) - ] - ] - - -lg__mr_20 : Css.Style -lg__mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 5) - ] - ] - - -lg__mb_20 : Css.Style -lg__mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 5) - ] - ] - - -lg__ml_20 : Css.Style -lg__ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 5) - ] - ] - - -lg__mt_24 : Css.Style -lg__mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 6) - ] - ] - - -lg__mr_24 : Css.Style -lg__mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 6) - ] - ] - - -lg__mb_24 : Css.Style -lg__mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 6) - ] - ] - - -lg__ml_24 : Css.Style -lg__ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 6) - ] - ] - - -lg__mt_32 : Css.Style -lg__mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 8) - ] - ] - - -lg__mr_32 : Css.Style -lg__mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 8) - ] - ] - - -lg__mb_32 : Css.Style -lg__mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 8) - ] - ] - - -lg__ml_32 : Css.Style -lg__ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 8) - ] - ] - - -lg__mt_40 : Css.Style -lg__mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 10) - ] - ] - - -lg__mr_40 : Css.Style -lg__mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 10) - ] - ] - - -lg__mb_40 : Css.Style -lg__mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 10) - ] - ] - - -lg__ml_40 : Css.Style -lg__ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 10) - ] - ] - - -lg__mt_48 : Css.Style -lg__mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 12) - ] - ] - - -lg__mr_48 : Css.Style -lg__mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 12) - ] - ] - - -lg__mb_48 : Css.Style -lg__mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 12) - ] - ] - - -lg__ml_48 : Css.Style -lg__ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 12) - ] - ] - - -lg__mt_56 : Css.Style -lg__mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 14) - ] - ] - - -lg__mr_56 : Css.Style -lg__mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 14) - ] - ] - - -lg__mb_56 : Css.Style -lg__mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 14) - ] - ] - - -lg__ml_56 : Css.Style -lg__ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 14) - ] - ] - - -lg__mt_64 : Css.Style -lg__mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem 16) - ] - ] - - -lg__mr_64 : Css.Style -lg__mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem 16) - ] - ] - - -lg__mb_64 : Css.Style -lg__mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem 16) - ] - ] - - -lg__ml_64 : Css.Style -lg__ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem 16) - ] - ] - - -lg__mt_auto : Css.Style -lg__mt_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop Css.auto - ] - ] - - -lg__mr_auto : Css.Style -lg__mr_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight Css.auto - ] - ] - - -lg__mb_auto : Css.Style -lg__mb_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom Css.auto - ] - ] - - -lg__ml_auto : Css.Style -lg__ml_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft Css.auto - ] - ] - - -lg__mt_px : Css.Style -lg__mt_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.px 1) - ] - ] - - -lg__mr_px : Css.Style -lg__mr_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.px 1) - ] - ] - - -lg__mb_px : Css.Style -lg__mb_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.px 1) - ] - ] - - -lg__ml_px : Css.Style -lg__ml_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.px 1) - ] - ] - - -lg__neg_mt_1 : Css.Style -lg__neg_mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -0.25) - ] - ] - - -lg__neg_mr_1 : Css.Style -lg__neg_mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -0.25) - ] - ] - - -lg__neg_mb_1 : Css.Style -lg__neg_mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -0.25) - ] - ] - - -lg__neg_ml_1 : Css.Style -lg__neg_ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -0.25) - ] - ] - - -lg__neg_mt_2 : Css.Style -lg__neg_mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -0.5) - ] - ] - - -lg__neg_mr_2 : Css.Style -lg__neg_mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -0.5) - ] - ] - - -lg__neg_mb_2 : Css.Style -lg__neg_mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -0.5) - ] - ] - - -lg__neg_ml_2 : Css.Style -lg__neg_ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -0.5) - ] - ] - - -lg__neg_mt_3 : Css.Style -lg__neg_mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -0.75) - ] - ] - - -lg__neg_mr_3 : Css.Style -lg__neg_mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -0.75) - ] - ] - - -lg__neg_mb_3 : Css.Style -lg__neg_mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -0.75) - ] - ] - - -lg__neg_ml_3 : Css.Style -lg__neg_ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -0.75) - ] - ] - - -lg__neg_mt_4 : Css.Style -lg__neg_mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -1) - ] - ] - - -lg__neg_mr_4 : Css.Style -lg__neg_mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -1) - ] - ] - - -lg__neg_mb_4 : Css.Style -lg__neg_mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -1) - ] - ] - - -lg__neg_ml_4 : Css.Style -lg__neg_ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -1) - ] - ] - - -lg__neg_mt_5 : Css.Style -lg__neg_mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -1.25) - ] - ] - - -lg__neg_mr_5 : Css.Style -lg__neg_mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -1.25) - ] - ] - - -lg__neg_mb_5 : Css.Style -lg__neg_mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -1.25) - ] - ] - - -lg__neg_ml_5 : Css.Style -lg__neg_ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -1.25) - ] - ] - - -lg__neg_mt_6 : Css.Style -lg__neg_mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -1.5) - ] - ] - - -lg__neg_mr_6 : Css.Style -lg__neg_mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -1.5) - ] - ] - - -lg__neg_mb_6 : Css.Style -lg__neg_mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -1.5) - ] - ] - - -lg__neg_ml_6 : Css.Style -lg__neg_ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -1.5) - ] - ] - - -lg__neg_mt_8 : Css.Style -lg__neg_mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -2) - ] - ] - - -lg__neg_mr_8 : Css.Style -lg__neg_mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -2) - ] - ] - - -lg__neg_mb_8 : Css.Style -lg__neg_mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -2) - ] - ] - - -lg__neg_ml_8 : Css.Style -lg__neg_ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -2) - ] - ] - - -lg__neg_mt_10 : Css.Style -lg__neg_mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -2.5) - ] - ] - - -lg__neg_mr_10 : Css.Style -lg__neg_mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -2.5) - ] - ] - - -lg__neg_mb_10 : Css.Style -lg__neg_mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -2.5) - ] - ] - - -lg__neg_ml_10 : Css.Style -lg__neg_ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -2.5) - ] - ] - - -lg__neg_mt_12 : Css.Style -lg__neg_mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -3) - ] - ] - - -lg__neg_mr_12 : Css.Style -lg__neg_mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -3) - ] - ] - - -lg__neg_mb_12 : Css.Style -lg__neg_mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -3) - ] - ] - - -lg__neg_ml_12 : Css.Style -lg__neg_ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -3) - ] - ] - - -lg__neg_mt_16 : Css.Style -lg__neg_mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -4) - ] - ] - - -lg__neg_mr_16 : Css.Style -lg__neg_mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -4) - ] - ] - - -lg__neg_mb_16 : Css.Style -lg__neg_mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -4) - ] - ] - - -lg__neg_ml_16 : Css.Style -lg__neg_ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -4) - ] - ] - - -lg__neg_mt_20 : Css.Style -lg__neg_mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -5) - ] - ] - - -lg__neg_mr_20 : Css.Style -lg__neg_mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -5) - ] - ] - - -lg__neg_mb_20 : Css.Style -lg__neg_mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -5) - ] - ] - - -lg__neg_ml_20 : Css.Style -lg__neg_ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -5) - ] - ] - - -lg__neg_mt_24 : Css.Style -lg__neg_mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -6) - ] - ] - - -lg__neg_mr_24 : Css.Style -lg__neg_mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -6) - ] - ] - - -lg__neg_mb_24 : Css.Style -lg__neg_mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -6) - ] - ] - - -lg__neg_ml_24 : Css.Style -lg__neg_ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -6) - ] - ] - - -lg__neg_mt_32 : Css.Style -lg__neg_mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -8) - ] - ] - - -lg__neg_mr_32 : Css.Style -lg__neg_mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -8) - ] - ] - - -lg__neg_mb_32 : Css.Style -lg__neg_mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -8) - ] - ] - - -lg__neg_ml_32 : Css.Style -lg__neg_ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -8) - ] - ] - - -lg__neg_mt_40 : Css.Style -lg__neg_mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -10) - ] - ] - - -lg__neg_mr_40 : Css.Style -lg__neg_mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -10) - ] - ] - - -lg__neg_mb_40 : Css.Style -lg__neg_mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -10) - ] - ] - - -lg__neg_ml_40 : Css.Style -lg__neg_ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -10) - ] - ] - - -lg__neg_mt_48 : Css.Style -lg__neg_mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -12) - ] - ] - - -lg__neg_mr_48 : Css.Style -lg__neg_mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -12) - ] - ] - - -lg__neg_mb_48 : Css.Style -lg__neg_mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -12) - ] - ] - - -lg__neg_ml_48 : Css.Style -lg__neg_ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -12) - ] - ] - - -lg__neg_mt_56 : Css.Style -lg__neg_mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -14) - ] - ] - - -lg__neg_mr_56 : Css.Style -lg__neg_mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -14) - ] - ] - - -lg__neg_mb_56 : Css.Style -lg__neg_mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -14) - ] - ] - - -lg__neg_ml_56 : Css.Style -lg__neg_ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -14) - ] - ] - - -lg__neg_mt_64 : Css.Style -lg__neg_mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.rem -16) - ] - ] - - -lg__neg_mr_64 : Css.Style -lg__neg_mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.rem -16) - ] - ] - - -lg__neg_mb_64 : Css.Style -lg__neg_mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.rem -16) - ] - ] - - -lg__neg_ml_64 : Css.Style -lg__neg_ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.rem -16) - ] - ] - - -lg__neg_mt_px : Css.Style -lg__neg_mt_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginTop (Css.px -1) - ] - ] - - -lg__neg_mr_px : Css.Style -lg__neg_mr_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginRight (Css.px -1) - ] - ] - - -lg__neg_mb_px : Css.Style -lg__neg_mb_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginBottom (Css.px -1) - ] - ] - - -lg__neg_ml_px : Css.Style -lg__neg_ml_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.marginLeft (Css.px -1) - ] - ] - - -lg__max_h_full : Css.Style -lg__max_h_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxHeight (Css.pct 100) - ] - ] - - -lg__max_h_screen : Css.Style -lg__max_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxHeight (Css.vh 100) - ] - ] - - -lg__max_w_none : Css.Style -lg__max_w_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth Css.none - ] - ] - - -lg__max_w_xs : Css.Style -lg__max_w_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.rem 20) - ] - ] - - -lg__max_w_sm : Css.Style -lg__max_w_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.rem 24) - ] - ] - - -lg__max_w_md : Css.Style -lg__max_w_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.rem 28) - ] - ] - - -lg__max_w_lg : Css.Style -lg__max_w_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.rem 32) - ] - ] - - -lg__max_w_xl : Css.Style -lg__max_w_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.rem 36) - ] - ] - - -lg__max_w_2xl : Css.Style -lg__max_w_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.rem 42) - ] - ] - - -lg__max_w_3xl : Css.Style -lg__max_w_3xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.rem 48) - ] - ] - - -lg__max_w_4xl : Css.Style -lg__max_w_4xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.rem 56) - ] - ] - - -lg__max_w_5xl : Css.Style -lg__max_w_5xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.rem 64) - ] - ] - - -lg__max_w_6xl : Css.Style -lg__max_w_6xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.rem 72) - ] - ] - - -lg__max_w_full : Css.Style -lg__max_w_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.pct 100) - ] - ] - - -lg__max_w_screen_sm : Css.Style -lg__max_w_screen_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.px 640) - ] - ] - - -lg__max_w_screen_md : Css.Style -lg__max_w_screen_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.px 768) - ] - ] - - -lg__max_w_screen_lg : Css.Style -lg__max_w_screen_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.px 1024) - ] - ] - - -lg__max_w_screen_xl : Css.Style -lg__max_w_screen_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.maxWidth (Css.px 1280) - ] - ] - - -lg__min_h_0 : Css.Style -lg__min_h_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.minHeight (Css.px 0) - ] - ] - - -lg__min_h_full : Css.Style -lg__min_h_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.minHeight (Css.pct 100) - ] - ] - - -lg__min_h_screen : Css.Style -lg__min_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.minHeight (Css.vh 100) - ] - ] - - -lg__min_w_0 : Css.Style -lg__min_w_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.minWidth (Css.px 0) - ] - ] - - -lg__min_w_full : Css.Style -lg__min_w_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.minWidth (Css.pct 100) - ] - ] - - -lg__object_contain : Css.Style -lg__object_contain = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-fit\\" \\"contain\\" - ] - ] - - -lg__object_cover : Css.Style -lg__object_cover = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-fit\\" \\"cover\\" - ] - ] - - -lg__object_fill : Css.Style -lg__object_fill = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-fit\\" \\"fill\\" - ] - ] - - -lg__object_none : Css.Style -lg__object_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-fit\\" \\"none\\" - ] - ] - - -lg__object_scale_down : Css.Style -lg__object_scale_down = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-fit\\" \\"scale-down\\" - ] - ] - - -lg__object_bottom : Css.Style -lg__object_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-position\\" \\"bottom\\" - ] - ] - - -lg__object_center : Css.Style -lg__object_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-position\\" \\"center\\" - ] - ] - - -lg__object_left : Css.Style -lg__object_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-position\\" \\"left\\" - ] - ] - - -lg__object_left_bottom : Css.Style -lg__object_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-position\\" \\"left bottom\\" - ] - ] - - -lg__object_left_top : Css.Style -lg__object_left_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-position\\" \\"left top\\" - ] - ] - - -lg__object_right : Css.Style -lg__object_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-position\\" \\"right\\" - ] - ] - - -lg__object_right_bottom : Css.Style -lg__object_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-position\\" \\"right bottom\\" - ] - ] - - -lg__object_right_top : Css.Style -lg__object_right_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-position\\" \\"right top\\" - ] - ] - - -lg__object_top : Css.Style -lg__object_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"object-position\\" \\"top\\" - ] - ] - - -lg__opacity_0 : Css.Style -lg__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.opacity (Css.int 0) - ] - ] - - -lg__opacity_25 : Css.Style -lg__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.opacity (Css.num 0.25) - ] - ] - - -lg__opacity_50 : Css.Style -lg__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.opacity (Css.num 0.5) - ] - ] - - -lg__opacity_75 : Css.Style -lg__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.opacity (Css.num 0.75) - ] - ] - - -lg__opacity_100 : Css.Style -lg__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.opacity (Css.int 1) - ] - ] - - -lg__hover__opacity_0 : Css.Style -lg__hover__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.opacity (Css.int 0) - ] - ] - ] - - -lg__hover__opacity_25 : Css.Style -lg__hover__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -lg__hover__opacity_50 : Css.Style -lg__hover__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -lg__hover__opacity_75 : Css.Style -lg__hover__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -lg__hover__opacity_100 : Css.Style -lg__hover__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.opacity (Css.int 1) - ] - ] - ] - - -lg__focus__opacity_0 : Css.Style -lg__focus__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.opacity (Css.int 0) - ] - ] - ] - - -lg__focus__opacity_25 : Css.Style -lg__focus__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -lg__focus__opacity_50 : Css.Style -lg__focus__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -lg__focus__opacity_75 : Css.Style -lg__focus__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -lg__focus__opacity_100 : Css.Style -lg__focus__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.opacity (Css.int 1) - ] - ] - ] - - -lg__outline_none : Css.Style -lg__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"outline\\" \\"0\\" - ] - ] - - -lg__focus__outline_none : Css.Style -lg__focus__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.property \\"outline\\" \\"0\\" - ] - ] - ] - - -lg__overflow_auto : Css.Style -lg__overflow_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflow Css.auto - ] - ] - - -lg__overflow_hidden : Css.Style -lg__overflow_hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflow Css.hidden - ] - ] - - -lg__overflow_visible : Css.Style -lg__overflow_visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflow Css.visible - ] - ] - - -lg__overflow_scroll : Css.Style -lg__overflow_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflow Css.scroll - ] - ] - - -lg__overflow_x_auto : Css.Style -lg__overflow_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflowX Css.auto - ] - ] - - -lg__overflow_y_auto : Css.Style -lg__overflow_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflowY Css.auto - ] - ] - - -lg__overflow_x_hidden : Css.Style -lg__overflow_x_hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflowX Css.hidden - ] - ] - - -lg__overflow_y_hidden : Css.Style -lg__overflow_y_hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflowY Css.hidden - ] - ] - - -lg__overflow_x_visible : Css.Style -lg__overflow_x_visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflowX Css.visible - ] - ] - - -lg__overflow_y_visible : Css.Style -lg__overflow_y_visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflowY Css.visible - ] - ] - - -lg__overflow_x_scroll : Css.Style -lg__overflow_x_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflowX Css.scroll - ] - ] - - -lg__overflow_y_scroll : Css.Style -lg__overflow_y_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflowY Css.scroll - ] - ] - - -lg__scrolling_touch : Css.Style -lg__scrolling_touch = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"-webkit-overflow-scrolling\\" \\"touch\\" - ] - ] - - -lg__scrolling_auto : Css.Style -lg__scrolling_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"-webkit-overflow-scrolling\\" \\"auto\\" - ] - ] - - -lg__p_0 : Css.Style -lg__p_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.px 0) - ] - ] - - -lg__p_1 : Css.Style -lg__p_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 0.25) - ] - ] - - -lg__p_2 : Css.Style -lg__p_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 0.5) - ] - ] - - -lg__p_3 : Css.Style -lg__p_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 0.75) - ] - ] - - -lg__p_4 : Css.Style -lg__p_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 1) - ] - ] - - -lg__p_5 : Css.Style -lg__p_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 1.25) - ] - ] - - -lg__p_6 : Css.Style -lg__p_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 1.5) - ] - ] - - -lg__p_8 : Css.Style -lg__p_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 2) - ] - ] - - -lg__p_10 : Css.Style -lg__p_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 2.5) - ] - ] - - -lg__p_12 : Css.Style -lg__p_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 3) - ] - ] - - -lg__p_16 : Css.Style -lg__p_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 4) - ] - ] - - -lg__p_20 : Css.Style -lg__p_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 5) - ] - ] - - -lg__p_24 : Css.Style -lg__p_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 6) - ] - ] - - -lg__p_32 : Css.Style -lg__p_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 8) - ] - ] - - -lg__p_40 : Css.Style -lg__p_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 10) - ] - ] - - -lg__p_48 : Css.Style -lg__p_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 12) - ] - ] - - -lg__p_56 : Css.Style -lg__p_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 14) - ] - ] - - -lg__p_64 : Css.Style -lg__p_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.rem 16) - ] - ] - - -lg__p_px : Css.Style -lg__p_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.padding (Css.px 1) - ] - ] - - -lg__py_0 : Css.Style -lg__py_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.px 0) - , Css.paddingBottom (Css.px 0) - ] - ] - - -lg__px_0 : Css.Style -lg__px_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.px 0) - , Css.paddingRight (Css.px 0) - ] - ] - - -lg__py_1 : Css.Style -lg__py_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 0.25) - , Css.paddingBottom (Css.rem 0.25) - ] - ] - - -lg__px_1 : Css.Style -lg__px_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 0.25) - , Css.paddingRight (Css.rem 0.25) - ] - ] - - -lg__py_2 : Css.Style -lg__py_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 0.5) - , Css.paddingBottom (Css.rem 0.5) - ] - ] - - -lg__px_2 : Css.Style -lg__px_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 0.5) - , Css.paddingRight (Css.rem 0.5) - ] - ] - - -lg__py_3 : Css.Style -lg__py_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 0.75) - , Css.paddingBottom (Css.rem 0.75) - ] - ] - - -lg__px_3 : Css.Style -lg__px_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 0.75) - , Css.paddingRight (Css.rem 0.75) - ] - ] - - -lg__py_4 : Css.Style -lg__py_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 1) - , Css.paddingBottom (Css.rem 1) - ] - ] - - -lg__px_4 : Css.Style -lg__px_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 1) - , Css.paddingRight (Css.rem 1) - ] - ] - - -lg__py_5 : Css.Style -lg__py_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 1.25) - , Css.paddingBottom (Css.rem 1.25) - ] - ] - - -lg__px_5 : Css.Style -lg__px_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 1.25) - , Css.paddingRight (Css.rem 1.25) - ] - ] - - -lg__py_6 : Css.Style -lg__py_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 1.5) - , Css.paddingBottom (Css.rem 1.5) - ] - ] - - -lg__px_6 : Css.Style -lg__px_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 1.5) - , Css.paddingRight (Css.rem 1.5) - ] - ] - - -lg__py_8 : Css.Style -lg__py_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 2) - , Css.paddingBottom (Css.rem 2) - ] - ] - - -lg__px_8 : Css.Style -lg__px_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 2) - , Css.paddingRight (Css.rem 2) - ] - ] - - -lg__py_10 : Css.Style -lg__py_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 2.5) - , Css.paddingBottom (Css.rem 2.5) - ] - ] - - -lg__px_10 : Css.Style -lg__px_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 2.5) - , Css.paddingRight (Css.rem 2.5) - ] - ] - - -lg__py_12 : Css.Style -lg__py_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 3) - , Css.paddingBottom (Css.rem 3) - ] - ] - - -lg__px_12 : Css.Style -lg__px_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 3) - , Css.paddingRight (Css.rem 3) - ] - ] - - -lg__py_16 : Css.Style -lg__py_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 4) - , Css.paddingBottom (Css.rem 4) - ] - ] - - -lg__px_16 : Css.Style -lg__px_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 4) - , Css.paddingRight (Css.rem 4) - ] - ] - - -lg__py_20 : Css.Style -lg__py_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 5) - , Css.paddingBottom (Css.rem 5) - ] - ] - - -lg__px_20 : Css.Style -lg__px_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 5) - , Css.paddingRight (Css.rem 5) - ] - ] - - -lg__py_24 : Css.Style -lg__py_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 6) - , Css.paddingBottom (Css.rem 6) - ] - ] - - -lg__px_24 : Css.Style -lg__px_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 6) - , Css.paddingRight (Css.rem 6) - ] - ] - - -lg__py_32 : Css.Style -lg__py_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 8) - , Css.paddingBottom (Css.rem 8) - ] - ] - - -lg__px_32 : Css.Style -lg__px_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 8) - , Css.paddingRight (Css.rem 8) - ] - ] - - -lg__py_40 : Css.Style -lg__py_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 10) - , Css.paddingBottom (Css.rem 10) - ] - ] - - -lg__px_40 : Css.Style -lg__px_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 10) - , Css.paddingRight (Css.rem 10) - ] - ] - - -lg__py_48 : Css.Style -lg__py_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 12) - , Css.paddingBottom (Css.rem 12) - ] - ] - - -lg__px_48 : Css.Style -lg__px_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 12) - , Css.paddingRight (Css.rem 12) - ] - ] - - -lg__py_56 : Css.Style -lg__py_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 14) - , Css.paddingBottom (Css.rem 14) - ] - ] - - -lg__px_56 : Css.Style -lg__px_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 14) - , Css.paddingRight (Css.rem 14) - ] - ] - - -lg__py_64 : Css.Style -lg__py_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 16) - , Css.paddingBottom (Css.rem 16) - ] - ] - - -lg__px_64 : Css.Style -lg__px_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 16) - , Css.paddingRight (Css.rem 16) - ] - ] - - -lg__py_px : Css.Style -lg__py_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.px 1) - , Css.paddingBottom (Css.px 1) - ] - ] - - -lg__px_px : Css.Style -lg__px_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.px 1) - , Css.paddingRight (Css.px 1) - ] - ] - - -lg__pt_0 : Css.Style -lg__pt_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.px 0) - ] - ] - - -lg__pr_0 : Css.Style -lg__pr_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.px 0) - ] - ] - - -lg__pb_0 : Css.Style -lg__pb_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.px 0) - ] - ] - - -lg__pl_0 : Css.Style -lg__pl_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.px 0) - ] - ] - - -lg__pt_1 : Css.Style -lg__pt_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 0.25) - ] - ] - - -lg__pr_1 : Css.Style -lg__pr_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 0.25) - ] - ] - - -lg__pb_1 : Css.Style -lg__pb_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 0.25) - ] - ] - - -lg__pl_1 : Css.Style -lg__pl_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 0.25) - ] - ] - - -lg__pt_2 : Css.Style -lg__pt_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 0.5) - ] - ] - - -lg__pr_2 : Css.Style -lg__pr_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 0.5) - ] - ] - - -lg__pb_2 : Css.Style -lg__pb_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 0.5) - ] - ] - - -lg__pl_2 : Css.Style -lg__pl_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 0.5) - ] - ] - - -lg__pt_3 : Css.Style -lg__pt_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 0.75) - ] - ] - - -lg__pr_3 : Css.Style -lg__pr_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 0.75) - ] - ] - - -lg__pb_3 : Css.Style -lg__pb_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 0.75) - ] - ] - - -lg__pl_3 : Css.Style -lg__pl_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 0.75) - ] - ] - - -lg__pt_4 : Css.Style -lg__pt_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 1) - ] - ] - - -lg__pr_4 : Css.Style -lg__pr_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 1) - ] - ] - - -lg__pb_4 : Css.Style -lg__pb_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 1) - ] - ] - - -lg__pl_4 : Css.Style -lg__pl_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 1) - ] - ] - - -lg__pt_5 : Css.Style -lg__pt_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 1.25) - ] - ] - - -lg__pr_5 : Css.Style -lg__pr_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 1.25) - ] - ] - - -lg__pb_5 : Css.Style -lg__pb_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 1.25) - ] - ] - - -lg__pl_5 : Css.Style -lg__pl_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 1.25) - ] - ] - - -lg__pt_6 : Css.Style -lg__pt_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 1.5) - ] - ] - - -lg__pr_6 : Css.Style -lg__pr_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 1.5) - ] - ] - - -lg__pb_6 : Css.Style -lg__pb_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 1.5) - ] - ] - - -lg__pl_6 : Css.Style -lg__pl_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 1.5) - ] - ] - - -lg__pt_8 : Css.Style -lg__pt_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 2) - ] - ] - - -lg__pr_8 : Css.Style -lg__pr_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 2) - ] - ] - - -lg__pb_8 : Css.Style -lg__pb_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 2) - ] - ] - - -lg__pl_8 : Css.Style -lg__pl_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 2) - ] - ] - - -lg__pt_10 : Css.Style -lg__pt_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 2.5) - ] - ] - - -lg__pr_10 : Css.Style -lg__pr_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 2.5) - ] - ] - - -lg__pb_10 : Css.Style -lg__pb_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 2.5) - ] - ] - - -lg__pl_10 : Css.Style -lg__pl_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 2.5) - ] - ] - - -lg__pt_12 : Css.Style -lg__pt_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 3) - ] - ] - - -lg__pr_12 : Css.Style -lg__pr_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 3) - ] - ] - - -lg__pb_12 : Css.Style -lg__pb_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 3) - ] - ] - - -lg__pl_12 : Css.Style -lg__pl_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 3) - ] - ] - - -lg__pt_16 : Css.Style -lg__pt_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 4) - ] - ] - - -lg__pr_16 : Css.Style -lg__pr_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 4) - ] - ] - - -lg__pb_16 : Css.Style -lg__pb_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 4) - ] - ] - - -lg__pl_16 : Css.Style -lg__pl_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 4) - ] - ] - - -lg__pt_20 : Css.Style -lg__pt_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 5) - ] - ] - - -lg__pr_20 : Css.Style -lg__pr_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 5) - ] - ] - - -lg__pb_20 : Css.Style -lg__pb_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 5) - ] - ] - - -lg__pl_20 : Css.Style -lg__pl_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 5) - ] - ] - - -lg__pt_24 : Css.Style -lg__pt_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 6) - ] - ] - - -lg__pr_24 : Css.Style -lg__pr_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 6) - ] - ] - - -lg__pb_24 : Css.Style -lg__pb_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 6) - ] - ] - - -lg__pl_24 : Css.Style -lg__pl_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 6) - ] - ] - - -lg__pt_32 : Css.Style -lg__pt_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 8) - ] - ] - - -lg__pr_32 : Css.Style -lg__pr_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 8) - ] - ] - - -lg__pb_32 : Css.Style -lg__pb_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 8) - ] - ] - - -lg__pl_32 : Css.Style -lg__pl_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 8) - ] - ] - - -lg__pt_40 : Css.Style -lg__pt_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 10) - ] - ] - - -lg__pr_40 : Css.Style -lg__pr_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 10) - ] - ] - - -lg__pb_40 : Css.Style -lg__pb_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 10) - ] - ] - - -lg__pl_40 : Css.Style -lg__pl_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 10) - ] - ] - - -lg__pt_48 : Css.Style -lg__pt_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 12) - ] - ] - - -lg__pr_48 : Css.Style -lg__pr_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 12) - ] - ] - - -lg__pb_48 : Css.Style -lg__pb_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 12) - ] - ] - - -lg__pl_48 : Css.Style -lg__pl_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 12) - ] - ] - - -lg__pt_56 : Css.Style -lg__pt_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 14) - ] - ] - - -lg__pr_56 : Css.Style -lg__pr_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 14) - ] - ] - - -lg__pb_56 : Css.Style -lg__pb_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 14) - ] - ] - - -lg__pl_56 : Css.Style -lg__pl_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 14) - ] - ] - - -lg__pt_64 : Css.Style -lg__pt_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.rem 16) - ] - ] - - -lg__pr_64 : Css.Style -lg__pr_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.rem 16) - ] - ] - - -lg__pb_64 : Css.Style -lg__pb_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.rem 16) - ] - ] - - -lg__pl_64 : Css.Style -lg__pl_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.rem 16) - ] - ] - - -lg__pt_px : Css.Style -lg__pt_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingTop (Css.px 1) - ] - ] - - -lg__pr_px : Css.Style -lg__pr_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingRight (Css.px 1) - ] - ] - - -lg__pb_px : Css.Style -lg__pb_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingBottom (Css.px 1) - ] - ] - - -lg__pl_px : Css.Style -lg__pl_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.paddingLeft (Css.px 1) - ] - ] - - -lg__placeholder_transparent : Css.Style -lg__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color Css.transparent - ] - ] - - -lg__placeholder_current : Css.Style -lg__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color Css.currentColor - ] - ] - - -lg__placeholder_black : Css.Style -lg__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#000\\") - ] - ] - - -lg__placeholder_white : Css.Style -lg__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fff\\") - ] - ] - - -lg__placeholder_gray_100 : Css.Style -lg__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - - -lg__placeholder_gray_200 : Css.Style -lg__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - - -lg__placeholder_gray_300 : Css.Style -lg__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - - -lg__placeholder_gray_400 : Css.Style -lg__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - - -lg__placeholder_gray_500 : Css.Style -lg__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - - -lg__placeholder_gray_600 : Css.Style -lg__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#718096\\") - ] - ] - - -lg__placeholder_gray_700 : Css.Style -lg__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - - -lg__placeholder_gray_800 : Css.Style -lg__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - - -lg__placeholder_gray_900 : Css.Style -lg__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - - -lg__placeholder_red_100 : Css.Style -lg__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - - -lg__placeholder_red_200 : Css.Style -lg__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - - -lg__placeholder_red_300 : Css.Style -lg__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - - -lg__placeholder_red_400 : Css.Style -lg__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - - -lg__placeholder_red_500 : Css.Style -lg__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - - -lg__placeholder_red_600 : Css.Style -lg__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - - -lg__placeholder_red_700 : Css.Style -lg__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - - -lg__placeholder_red_800 : Css.Style -lg__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - - -lg__placeholder_red_900 : Css.Style -lg__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - - -lg__placeholder_orange_100 : Css.Style -lg__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - - -lg__placeholder_orange_200 : Css.Style -lg__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - - -lg__placeholder_orange_300 : Css.Style -lg__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - - -lg__placeholder_orange_400 : Css.Style -lg__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - - -lg__placeholder_orange_500 : Css.Style -lg__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - - -lg__placeholder_orange_600 : Css.Style -lg__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - - -lg__placeholder_orange_700 : Css.Style -lg__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - - -lg__placeholder_orange_800 : Css.Style -lg__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - - -lg__placeholder_orange_900 : Css.Style -lg__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - - -lg__placeholder_yellow_100 : Css.Style -lg__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - - -lg__placeholder_yellow_200 : Css.Style -lg__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - - -lg__placeholder_yellow_300 : Css.Style -lg__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - - -lg__placeholder_yellow_400 : Css.Style -lg__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - - -lg__placeholder_yellow_500 : Css.Style -lg__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - - -lg__placeholder_yellow_600 : Css.Style -lg__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - - -lg__placeholder_yellow_700 : Css.Style -lg__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - - -lg__placeholder_yellow_800 : Css.Style -lg__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - - -lg__placeholder_yellow_900 : Css.Style -lg__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#744210\\") - ] - ] - - -lg__placeholder_green_100 : Css.Style -lg__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - - -lg__placeholder_green_200 : Css.Style -lg__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - - -lg__placeholder_green_300 : Css.Style -lg__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - - -lg__placeholder_green_400 : Css.Style -lg__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - - -lg__placeholder_green_500 : Css.Style -lg__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - - -lg__placeholder_green_600 : Css.Style -lg__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - - -lg__placeholder_green_700 : Css.Style -lg__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - - -lg__placeholder_green_800 : Css.Style -lg__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#276749\\") - ] - ] - - -lg__placeholder_green_900 : Css.Style -lg__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - - -lg__placeholder_teal_100 : Css.Style -lg__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - - -lg__placeholder_teal_200 : Css.Style -lg__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - - -lg__placeholder_teal_300 : Css.Style -lg__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - - -lg__placeholder_teal_400 : Css.Style -lg__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - - -lg__placeholder_teal_500 : Css.Style -lg__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - - -lg__placeholder_teal_600 : Css.Style -lg__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#319795\\") - ] - ] - - -lg__placeholder_teal_700 : Css.Style -lg__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - - -lg__placeholder_teal_800 : Css.Style -lg__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - - -lg__placeholder_teal_900 : Css.Style -lg__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - - -lg__placeholder_blue_100 : Css.Style -lg__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - - -lg__placeholder_blue_200 : Css.Style -lg__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - - -lg__placeholder_blue_300 : Css.Style -lg__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - - -lg__placeholder_blue_400 : Css.Style -lg__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - - -lg__placeholder_blue_500 : Css.Style -lg__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - - -lg__placeholder_blue_600 : Css.Style -lg__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - - -lg__placeholder_blue_700 : Css.Style -lg__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - - -lg__placeholder_blue_800 : Css.Style -lg__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - - -lg__placeholder_blue_900 : Css.Style -lg__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - - -lg__placeholder_indigo_100 : Css.Style -lg__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - - -lg__placeholder_indigo_200 : Css.Style -lg__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - - -lg__placeholder_indigo_300 : Css.Style -lg__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - - -lg__placeholder_indigo_400 : Css.Style -lg__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - - -lg__placeholder_indigo_500 : Css.Style -lg__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - - -lg__placeholder_indigo_600 : Css.Style -lg__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - - -lg__placeholder_indigo_700 : Css.Style -lg__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - - -lg__placeholder_indigo_800 : Css.Style -lg__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#434190\\") - ] - ] - - -lg__placeholder_indigo_900 : Css.Style -lg__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - - -lg__placeholder_purple_100 : Css.Style -lg__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - - -lg__placeholder_purple_200 : Css.Style -lg__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - - -lg__placeholder_purple_300 : Css.Style -lg__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - - -lg__placeholder_purple_400 : Css.Style -lg__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - - -lg__placeholder_purple_500 : Css.Style -lg__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - - -lg__placeholder_purple_600 : Css.Style -lg__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - - -lg__placeholder_purple_700 : Css.Style -lg__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - - -lg__placeholder_purple_800 : Css.Style -lg__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - - -lg__placeholder_purple_900 : Css.Style -lg__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - - -lg__placeholder_pink_100 : Css.Style -lg__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - - -lg__placeholder_pink_200 : Css.Style -lg__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - - -lg__placeholder_pink_300 : Css.Style -lg__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - - -lg__placeholder_pink_400 : Css.Style -lg__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - - -lg__placeholder_pink_500 : Css.Style -lg__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - - -lg__placeholder_pink_600 : Css.Style -lg__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - - -lg__placeholder_pink_700 : Css.Style -lg__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - - -lg__placeholder_pink_800 : Css.Style -lg__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - - -lg__placeholder_pink_900 : Css.Style -lg__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#702459\\") - ] - ] - - -lg__focus__placeholder_transparent : Css.Style -lg__focus__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -lg__focus__placeholder_current : Css.Style -lg__focus__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -lg__focus__placeholder_black : Css.Style -lg__focus__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#000\\") - ] - ] - ] - - -lg__focus__placeholder_white : Css.Style -lg__focus__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff\\") - ] - ] - ] - - -lg__focus__placeholder_gray_100 : Css.Style -lg__focus__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -lg__focus__placeholder_gray_200 : Css.Style -lg__focus__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -lg__focus__placeholder_gray_300 : Css.Style -lg__focus__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -lg__focus__placeholder_gray_400 : Css.Style -lg__focus__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -lg__focus__placeholder_gray_500 : Css.Style -lg__focus__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -lg__focus__placeholder_gray_600 : Css.Style -lg__focus__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#718096\\") - ] - ] - ] - - -lg__focus__placeholder_gray_700 : Css.Style -lg__focus__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - ] - - -lg__focus__placeholder_gray_800 : Css.Style -lg__focus__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - ] - - -lg__focus__placeholder_gray_900 : Css.Style -lg__focus__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - ] - - -lg__focus__placeholder_red_100 : Css.Style -lg__focus__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -lg__focus__placeholder_red_200 : Css.Style -lg__focus__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -lg__focus__placeholder_red_300 : Css.Style -lg__focus__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -lg__focus__placeholder_red_400 : Css.Style -lg__focus__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - ] - - -lg__focus__placeholder_red_500 : Css.Style -lg__focus__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - ] - - -lg__focus__placeholder_red_600 : Css.Style -lg__focus__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -lg__focus__placeholder_red_700 : Css.Style -lg__focus__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - ] - - -lg__focus__placeholder_red_800 : Css.Style -lg__focus__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -lg__focus__placeholder_red_900 : Css.Style -lg__focus__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - ] - - -lg__focus__placeholder_orange_100 : Css.Style -lg__focus__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -lg__focus__placeholder_orange_200 : Css.Style -lg__focus__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - ] - - -lg__focus__placeholder_orange_300 : Css.Style -lg__focus__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -lg__focus__placeholder_orange_400 : Css.Style -lg__focus__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -lg__focus__placeholder_orange_500 : Css.Style -lg__focus__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - ] - - -lg__focus__placeholder_orange_600 : Css.Style -lg__focus__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -lg__focus__placeholder_orange_700 : Css.Style -lg__focus__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - ] - - -lg__focus__placeholder_orange_800 : Css.Style -lg__focus__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - ] - - -lg__focus__placeholder_orange_900 : Css.Style -lg__focus__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - ] - - -lg__focus__placeholder_yellow_100 : Css.Style -lg__focus__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - ] - - -lg__focus__placeholder_yellow_200 : Css.Style -lg__focus__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -lg__focus__placeholder_yellow_300 : Css.Style -lg__focus__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - ] - - -lg__focus__placeholder_yellow_400 : Css.Style -lg__focus__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -lg__focus__placeholder_yellow_500 : Css.Style -lg__focus__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -lg__focus__placeholder_yellow_600 : Css.Style -lg__focus__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -lg__focus__placeholder_yellow_700 : Css.Style -lg__focus__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - ] - - -lg__focus__placeholder_yellow_800 : Css.Style -lg__focus__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - ] - - -lg__focus__placeholder_yellow_900 : Css.Style -lg__focus__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#744210\\") - ] - ] - ] - - -lg__focus__placeholder_green_100 : Css.Style -lg__focus__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -lg__focus__placeholder_green_200 : Css.Style -lg__focus__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -lg__focus__placeholder_green_300 : Css.Style -lg__focus__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -lg__focus__placeholder_green_400 : Css.Style -lg__focus__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - ] - - -lg__focus__placeholder_green_500 : Css.Style -lg__focus__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - ] - - -lg__focus__placeholder_green_600 : Css.Style -lg__focus__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - ] - - -lg__focus__placeholder_green_700 : Css.Style -lg__focus__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - ] - - -lg__focus__placeholder_green_800 : Css.Style -lg__focus__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#276749\\") - ] - ] - ] - - -lg__focus__placeholder_green_900 : Css.Style -lg__focus__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - ] - - -lg__focus__placeholder_teal_100 : Css.Style -lg__focus__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -lg__focus__placeholder_teal_200 : Css.Style -lg__focus__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -lg__focus__placeholder_teal_300 : Css.Style -lg__focus__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -lg__focus__placeholder_teal_400 : Css.Style -lg__focus__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -lg__focus__placeholder_teal_500 : Css.Style -lg__focus__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -lg__focus__placeholder_teal_600 : Css.Style -lg__focus__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#319795\\") - ] - ] - ] - - -lg__focus__placeholder_teal_700 : Css.Style -lg__focus__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -lg__focus__placeholder_teal_800 : Css.Style -lg__focus__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - ] - - -lg__focus__placeholder_teal_900 : Css.Style -lg__focus__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - ] - - -lg__focus__placeholder_blue_100 : Css.Style -lg__focus__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -lg__focus__placeholder_blue_200 : Css.Style -lg__focus__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -lg__focus__placeholder_blue_300 : Css.Style -lg__focus__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -lg__focus__placeholder_blue_400 : Css.Style -lg__focus__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -lg__focus__placeholder_blue_500 : Css.Style -lg__focus__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - ] - - -lg__focus__placeholder_blue_600 : Css.Style -lg__focus__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - ] - - -lg__focus__placeholder_blue_700 : Css.Style -lg__focus__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -lg__focus__placeholder_blue_800 : Css.Style -lg__focus__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - ] - - -lg__focus__placeholder_blue_900 : Css.Style -lg__focus__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - ] - - -lg__focus__placeholder_indigo_100 : Css.Style -lg__focus__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -lg__focus__placeholder_indigo_200 : Css.Style -lg__focus__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -lg__focus__placeholder_indigo_300 : Css.Style -lg__focus__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -lg__focus__placeholder_indigo_400 : Css.Style -lg__focus__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -lg__focus__placeholder_indigo_500 : Css.Style -lg__focus__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - ] - - -lg__focus__placeholder_indigo_600 : Css.Style -lg__focus__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -lg__focus__placeholder_indigo_700 : Css.Style -lg__focus__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -lg__focus__placeholder_indigo_800 : Css.Style -lg__focus__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#434190\\") - ] - ] - ] - - -lg__focus__placeholder_indigo_900 : Css.Style -lg__focus__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - ] - - -lg__focus__placeholder_purple_100 : Css.Style -lg__focus__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -lg__focus__placeholder_purple_200 : Css.Style -lg__focus__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -lg__focus__placeholder_purple_300 : Css.Style -lg__focus__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -lg__focus__placeholder_purple_400 : Css.Style -lg__focus__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - ] - - -lg__focus__placeholder_purple_500 : Css.Style -lg__focus__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -lg__focus__placeholder_purple_600 : Css.Style -lg__focus__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - ] - - -lg__focus__placeholder_purple_700 : Css.Style -lg__focus__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -lg__focus__placeholder_purple_800 : Css.Style -lg__focus__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - ] - - -lg__focus__placeholder_purple_900 : Css.Style -lg__focus__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - ] - - -lg__focus__placeholder_pink_100 : Css.Style -lg__focus__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -lg__focus__placeholder_pink_200 : Css.Style -lg__focus__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -lg__focus__placeholder_pink_300 : Css.Style -lg__focus__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -lg__focus__placeholder_pink_400 : Css.Style -lg__focus__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - ] - - -lg__focus__placeholder_pink_500 : Css.Style -lg__focus__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -lg__focus__placeholder_pink_600 : Css.Style -lg__focus__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -lg__focus__placeholder_pink_700 : Css.Style -lg__focus__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - ] - - -lg__focus__placeholder_pink_800 : Css.Style -lg__focus__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - ] - - -lg__focus__placeholder_pink_900 : Css.Style -lg__focus__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#702459\\") - ] - ] - ] - - -lg__pointer_events_none : Css.Style -lg__pointer_events_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.pointerEvents Css.none - ] - ] - - -lg__pointer_events_auto : Css.Style -lg__pointer_events_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.pointerEvents Css.auto - ] - ] - - -lg__static : Css.Style -lg__static = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.position Css.static - ] - ] - - -lg__fixed : Css.Style -lg__fixed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.position Css.fixed - ] - ] - - -lg__absolute : Css.Style -lg__absolute = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.position Css.absolute - ] - ] - - -lg__relative : Css.Style -lg__relative = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.position Css.relative - ] - ] - - -lg__sticky : Css.Style -lg__sticky = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.position Css.sticky - ] - ] - - -lg__inset_0 : Css.Style -lg__inset_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.top (Css.px 0) - , Css.right (Css.px 0) - , Css.bottom (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -lg__inset_auto : Css.Style -lg__inset_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.top Css.auto - , Css.right Css.auto - , Css.bottom Css.auto - , Css.left Css.auto - ] - ] - - -lg__inset_y_0 : Css.Style -lg__inset_y_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.top (Css.px 0) - , Css.bottom (Css.px 0) - ] - ] - - -lg__inset_x_0 : Css.Style -lg__inset_x_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.right (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -lg__inset_y_auto : Css.Style -lg__inset_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.top Css.auto - , Css.bottom Css.auto - ] - ] - - -lg__inset_x_auto : Css.Style -lg__inset_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.right Css.auto - , Css.left Css.auto - ] - ] - - -lg__top_0 : Css.Style -lg__top_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.top (Css.px 0) - ] - ] - - -lg__right_0 : Css.Style -lg__right_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.right (Css.px 0) - ] - ] - - -lg__bottom_0 : Css.Style -lg__bottom_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.bottom (Css.px 0) - ] - ] - - -lg__left_0 : Css.Style -lg__left_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.left (Css.px 0) - ] - ] - - -lg__top_auto : Css.Style -lg__top_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.top Css.auto - ] - ] - - -lg__right_auto : Css.Style -lg__right_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.right Css.auto - ] - ] - - -lg__bottom_auto : Css.Style -lg__bottom_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.bottom Css.auto - ] - ] - - -lg__left_auto : Css.Style -lg__left_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.left Css.auto - ] - ] - - -lg__resize_none : Css.Style -lg__resize_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.resize Css.none - ] - ] - - -lg__resize_y : Css.Style -lg__resize_y = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.resize Css.vertical - ] - ] - - -lg__resize_x : Css.Style -lg__resize_x = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.resize Css.horizontal - ] - ] - - -lg__resize : Css.Style -lg__resize = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.resize Css.both - ] - ] - - -lg__shadow_xs : Css.Style -lg__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 0 0 1px rgba(0, 0, 0, 0.05)\\" - ] - ] - - -lg__shadow_sm : Css.Style -lg__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 1px 2px 0 rgba(0, 0, 0, 0.05)\\" - ] - ] - - -lg__shadow : Css.Style -lg__shadow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - - -lg__shadow_md : Css.Style -lg__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\\" - ] - ] - - -lg__shadow_lg : Css.Style -lg__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\\" - ] - ] - - -lg__shadow_xl : Css.Style -lg__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\\" - ] - ] - - -lg__shadow_2xl : Css.Style -lg__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 25px 50px -12px rgba(0, 0, 0, 0.25)\\" - ] - ] - - -lg__shadow_inner : Css.Style -lg__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"box-shadow\\" \\"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - - -lg__shadow_outline : Css.Style -lg__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 0 0 3px rgba(66, 153, 225, 0.5)\\" - ] - ] - - -lg__shadow_none : Css.Style -lg__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"box-shadow\\" \\"none\\" - ] - ] - - -lg__hover__shadow_xs : Css.Style -lg__hover__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 0 0 1px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -lg__hover__shadow_sm : Css.Style -lg__hover__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 1px 2px 0 rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -lg__hover__shadow : Css.Style -lg__hover__shadow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -lg__hover__shadow_md : Css.Style -lg__hover__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -lg__hover__shadow_lg : Css.Style -lg__hover__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -lg__hover__shadow_xl : Css.Style -lg__hover__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\\" - ] - ] - ] - - -lg__hover__shadow_2xl : Css.Style -lg__hover__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 25px 50px -12px rgba(0, 0, 0, 0.25)\\" - ] - ] - ] - - -lg__hover__shadow_inner : Css.Style -lg__hover__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -lg__hover__shadow_outline : Css.Style -lg__hover__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 0 0 3px rgba(66, 153, 225, 0.5)\\" - ] - ] - ] - - -lg__hover__shadow_none : Css.Style -lg__hover__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"none\\" - ] - ] - ] - - -lg__focus__shadow_xs : Css.Style -lg__focus__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 0 0 1px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -lg__focus__shadow_sm : Css.Style -lg__focus__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 1px 2px 0 rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -lg__focus__shadow : Css.Style -lg__focus__shadow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -lg__focus__shadow_md : Css.Style -lg__focus__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -lg__focus__shadow_lg : Css.Style -lg__focus__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -lg__focus__shadow_xl : Css.Style -lg__focus__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\\" - ] - ] - ] - - -lg__focus__shadow_2xl : Css.Style -lg__focus__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 25px 50px -12px rgba(0, 0, 0, 0.25)\\" - ] - ] - ] - - -lg__focus__shadow_inner : Css.Style -lg__focus__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -lg__focus__shadow_outline : Css.Style -lg__focus__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 0 0 3px rgba(66, 153, 225, 0.5)\\" - ] - ] - ] - - -lg__focus__shadow_none : Css.Style -lg__focus__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"none\\" - ] - ] - ] - - -lg__fill_current : Css.Style -lg__fill_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fill Css.currentColor - ] - ] - - -lg__stroke_current : Css.Style -lg__stroke_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"stroke\\" \\"currentColor\\" - ] - ] - - -lg__stroke_0 : Css.Style -lg__stroke_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"stroke-width\\" \\"0\\" - ] - ] - - -lg__stroke_1 : Css.Style -lg__stroke_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"stroke-width\\" \\"1\\" - ] - ] - - -lg__stroke_2 : Css.Style -lg__stroke_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"stroke-width\\" \\"2\\" - ] - ] - - -lg__table_auto : Css.Style -lg__table_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.tableLayout Css.auto - ] - ] - - -lg__table_fixed : Css.Style -lg__table_fixed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.tableLayout Css.fixed - ] - ] - - -lg__text_left : Css.Style -lg__text_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.textAlign Css.left - ] - ] - - -lg__text_center : Css.Style -lg__text_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.textAlign Css.center - ] - ] - - -lg__text_right : Css.Style -lg__text_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.textAlign Css.right - ] - ] - - -lg__text_justify : Css.Style -lg__text_justify = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.textAlign Css.justify - ] - ] - - -lg__text_transparent : Css.Style -lg__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color Css.transparent - ] - ] - - -lg__text_current : Css.Style -lg__text_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color Css.currentColor - ] - ] - - -lg__text_black : Css.Style -lg__text_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#000\\") - ] - ] - - -lg__text_white : Css.Style -lg__text_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fff\\") - ] - ] - - -lg__text_gray_100 : Css.Style -lg__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - - -lg__text_gray_200 : Css.Style -lg__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - - -lg__text_gray_300 : Css.Style -lg__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - - -lg__text_gray_400 : Css.Style -lg__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - - -lg__text_gray_500 : Css.Style -lg__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - - -lg__text_gray_600 : Css.Style -lg__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#718096\\") - ] - ] - - -lg__text_gray_700 : Css.Style -lg__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - - -lg__text_gray_800 : Css.Style -lg__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - - -lg__text_gray_900 : Css.Style -lg__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - - -lg__text_red_100 : Css.Style -lg__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - - -lg__text_red_200 : Css.Style -lg__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - - -lg__text_red_300 : Css.Style -lg__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - - -lg__text_red_400 : Css.Style -lg__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - - -lg__text_red_500 : Css.Style -lg__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - - -lg__text_red_600 : Css.Style -lg__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - - -lg__text_red_700 : Css.Style -lg__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - - -lg__text_red_800 : Css.Style -lg__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - - -lg__text_red_900 : Css.Style -lg__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - - -lg__text_orange_100 : Css.Style -lg__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - - -lg__text_orange_200 : Css.Style -lg__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - - -lg__text_orange_300 : Css.Style -lg__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - - -lg__text_orange_400 : Css.Style -lg__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - - -lg__text_orange_500 : Css.Style -lg__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - - -lg__text_orange_600 : Css.Style -lg__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - - -lg__text_orange_700 : Css.Style -lg__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - - -lg__text_orange_800 : Css.Style -lg__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - - -lg__text_orange_900 : Css.Style -lg__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - - -lg__text_yellow_100 : Css.Style -lg__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - - -lg__text_yellow_200 : Css.Style -lg__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - - -lg__text_yellow_300 : Css.Style -lg__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - - -lg__text_yellow_400 : Css.Style -lg__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - - -lg__text_yellow_500 : Css.Style -lg__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - - -lg__text_yellow_600 : Css.Style -lg__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - - -lg__text_yellow_700 : Css.Style -lg__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - - -lg__text_yellow_800 : Css.Style -lg__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - - -lg__text_yellow_900 : Css.Style -lg__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#744210\\") - ] - ] - - -lg__text_green_100 : Css.Style -lg__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - - -lg__text_green_200 : Css.Style -lg__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - - -lg__text_green_300 : Css.Style -lg__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - - -lg__text_green_400 : Css.Style -lg__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - - -lg__text_green_500 : Css.Style -lg__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - - -lg__text_green_600 : Css.Style -lg__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - - -lg__text_green_700 : Css.Style -lg__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - - -lg__text_green_800 : Css.Style -lg__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#276749\\") - ] - ] - - -lg__text_green_900 : Css.Style -lg__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - - -lg__text_teal_100 : Css.Style -lg__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - - -lg__text_teal_200 : Css.Style -lg__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - - -lg__text_teal_300 : Css.Style -lg__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - - -lg__text_teal_400 : Css.Style -lg__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - - -lg__text_teal_500 : Css.Style -lg__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - - -lg__text_teal_600 : Css.Style -lg__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#319795\\") - ] - ] - - -lg__text_teal_700 : Css.Style -lg__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - - -lg__text_teal_800 : Css.Style -lg__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - - -lg__text_teal_900 : Css.Style -lg__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - - -lg__text_blue_100 : Css.Style -lg__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - - -lg__text_blue_200 : Css.Style -lg__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - - -lg__text_blue_300 : Css.Style -lg__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - - -lg__text_blue_400 : Css.Style -lg__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - - -lg__text_blue_500 : Css.Style -lg__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - - -lg__text_blue_600 : Css.Style -lg__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - - -lg__text_blue_700 : Css.Style -lg__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - - -lg__text_blue_800 : Css.Style -lg__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - - -lg__text_blue_900 : Css.Style -lg__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - - -lg__text_indigo_100 : Css.Style -lg__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - - -lg__text_indigo_200 : Css.Style -lg__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - - -lg__text_indigo_300 : Css.Style -lg__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - - -lg__text_indigo_400 : Css.Style -lg__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - - -lg__text_indigo_500 : Css.Style -lg__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - - -lg__text_indigo_600 : Css.Style -lg__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - - -lg__text_indigo_700 : Css.Style -lg__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - - -lg__text_indigo_800 : Css.Style -lg__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#434190\\") - ] - ] - - -lg__text_indigo_900 : Css.Style -lg__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - - -lg__text_purple_100 : Css.Style -lg__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - - -lg__text_purple_200 : Css.Style -lg__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - - -lg__text_purple_300 : Css.Style -lg__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - - -lg__text_purple_400 : Css.Style -lg__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - - -lg__text_purple_500 : Css.Style -lg__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - - -lg__text_purple_600 : Css.Style -lg__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - - -lg__text_purple_700 : Css.Style -lg__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - - -lg__text_purple_800 : Css.Style -lg__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - - -lg__text_purple_900 : Css.Style -lg__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - - -lg__text_pink_100 : Css.Style -lg__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - - -lg__text_pink_200 : Css.Style -lg__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - - -lg__text_pink_300 : Css.Style -lg__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - - -lg__text_pink_400 : Css.Style -lg__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - - -lg__text_pink_500 : Css.Style -lg__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - - -lg__text_pink_600 : Css.Style -lg__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - - -lg__text_pink_700 : Css.Style -lg__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - - -lg__text_pink_800 : Css.Style -lg__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - - -lg__text_pink_900 : Css.Style -lg__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.color (Css.hex \\"#702459\\") - ] - ] - - -lg__hover__text_transparent : Css.Style -lg__hover__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color Css.transparent - ] - ] - ] - - -lg__hover__text_current : Css.Style -lg__hover__text_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color Css.currentColor - ] - ] - ] - - -lg__hover__text_black : Css.Style -lg__hover__text_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#000\\") - ] - ] - ] - - -lg__hover__text_white : Css.Style -lg__hover__text_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fff\\") - ] - ] - ] - - -lg__hover__text_gray_100 : Css.Style -lg__hover__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -lg__hover__text_gray_200 : Css.Style -lg__hover__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -lg__hover__text_gray_300 : Css.Style -lg__hover__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -lg__hover__text_gray_400 : Css.Style -lg__hover__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -lg__hover__text_gray_500 : Css.Style -lg__hover__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -lg__hover__text_gray_600 : Css.Style -lg__hover__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#718096\\") - ] - ] - ] - - -lg__hover__text_gray_700 : Css.Style -lg__hover__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - ] - - -lg__hover__text_gray_800 : Css.Style -lg__hover__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - ] - - -lg__hover__text_gray_900 : Css.Style -lg__hover__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - ] - - -lg__hover__text_red_100 : Css.Style -lg__hover__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -lg__hover__text_red_200 : Css.Style -lg__hover__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -lg__hover__text_red_300 : Css.Style -lg__hover__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -lg__hover__text_red_400 : Css.Style -lg__hover__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - ] - - -lg__hover__text_red_500 : Css.Style -lg__hover__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - ] - - -lg__hover__text_red_600 : Css.Style -lg__hover__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -lg__hover__text_red_700 : Css.Style -lg__hover__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - ] - - -lg__hover__text_red_800 : Css.Style -lg__hover__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -lg__hover__text_red_900 : Css.Style -lg__hover__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - ] - - -lg__hover__text_orange_100 : Css.Style -lg__hover__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -lg__hover__text_orange_200 : Css.Style -lg__hover__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - ] - - -lg__hover__text_orange_300 : Css.Style -lg__hover__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -lg__hover__text_orange_400 : Css.Style -lg__hover__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -lg__hover__text_orange_500 : Css.Style -lg__hover__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - ] - - -lg__hover__text_orange_600 : Css.Style -lg__hover__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -lg__hover__text_orange_700 : Css.Style -lg__hover__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - ] - - -lg__hover__text_orange_800 : Css.Style -lg__hover__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - ] - - -lg__hover__text_orange_900 : Css.Style -lg__hover__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - ] - - -lg__hover__text_yellow_100 : Css.Style -lg__hover__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - ] - - -lg__hover__text_yellow_200 : Css.Style -lg__hover__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -lg__hover__text_yellow_300 : Css.Style -lg__hover__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - ] - - -lg__hover__text_yellow_400 : Css.Style -lg__hover__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -lg__hover__text_yellow_500 : Css.Style -lg__hover__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -lg__hover__text_yellow_600 : Css.Style -lg__hover__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -lg__hover__text_yellow_700 : Css.Style -lg__hover__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - ] - - -lg__hover__text_yellow_800 : Css.Style -lg__hover__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - ] - - -lg__hover__text_yellow_900 : Css.Style -lg__hover__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#744210\\") - ] - ] - ] - - -lg__hover__text_green_100 : Css.Style -lg__hover__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -lg__hover__text_green_200 : Css.Style -lg__hover__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -lg__hover__text_green_300 : Css.Style -lg__hover__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -lg__hover__text_green_400 : Css.Style -lg__hover__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - ] - - -lg__hover__text_green_500 : Css.Style -lg__hover__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - ] - - -lg__hover__text_green_600 : Css.Style -lg__hover__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - ] - - -lg__hover__text_green_700 : Css.Style -lg__hover__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - ] - - -lg__hover__text_green_800 : Css.Style -lg__hover__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#276749\\") - ] - ] - ] - - -lg__hover__text_green_900 : Css.Style -lg__hover__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - ] - - -lg__hover__text_teal_100 : Css.Style -lg__hover__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -lg__hover__text_teal_200 : Css.Style -lg__hover__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -lg__hover__text_teal_300 : Css.Style -lg__hover__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -lg__hover__text_teal_400 : Css.Style -lg__hover__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -lg__hover__text_teal_500 : Css.Style -lg__hover__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -lg__hover__text_teal_600 : Css.Style -lg__hover__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#319795\\") - ] - ] - ] - - -lg__hover__text_teal_700 : Css.Style -lg__hover__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -lg__hover__text_teal_800 : Css.Style -lg__hover__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - ] - - -lg__hover__text_teal_900 : Css.Style -lg__hover__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - ] - - -lg__hover__text_blue_100 : Css.Style -lg__hover__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -lg__hover__text_blue_200 : Css.Style -lg__hover__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -lg__hover__text_blue_300 : Css.Style -lg__hover__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -lg__hover__text_blue_400 : Css.Style -lg__hover__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -lg__hover__text_blue_500 : Css.Style -lg__hover__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - ] - - -lg__hover__text_blue_600 : Css.Style -lg__hover__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - ] - - -lg__hover__text_blue_700 : Css.Style -lg__hover__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -lg__hover__text_blue_800 : Css.Style -lg__hover__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - ] - - -lg__hover__text_blue_900 : Css.Style -lg__hover__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - ] - - -lg__hover__text_indigo_100 : Css.Style -lg__hover__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -lg__hover__text_indigo_200 : Css.Style -lg__hover__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -lg__hover__text_indigo_300 : Css.Style -lg__hover__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -lg__hover__text_indigo_400 : Css.Style -lg__hover__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -lg__hover__text_indigo_500 : Css.Style -lg__hover__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - ] - - -lg__hover__text_indigo_600 : Css.Style -lg__hover__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -lg__hover__text_indigo_700 : Css.Style -lg__hover__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -lg__hover__text_indigo_800 : Css.Style -lg__hover__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#434190\\") - ] - ] - ] - - -lg__hover__text_indigo_900 : Css.Style -lg__hover__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - ] - - -lg__hover__text_purple_100 : Css.Style -lg__hover__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -lg__hover__text_purple_200 : Css.Style -lg__hover__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -lg__hover__text_purple_300 : Css.Style -lg__hover__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -lg__hover__text_purple_400 : Css.Style -lg__hover__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - ] - - -lg__hover__text_purple_500 : Css.Style -lg__hover__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -lg__hover__text_purple_600 : Css.Style -lg__hover__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - ] - - -lg__hover__text_purple_700 : Css.Style -lg__hover__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -lg__hover__text_purple_800 : Css.Style -lg__hover__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - ] - - -lg__hover__text_purple_900 : Css.Style -lg__hover__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - ] - - -lg__hover__text_pink_100 : Css.Style -lg__hover__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -lg__hover__text_pink_200 : Css.Style -lg__hover__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -lg__hover__text_pink_300 : Css.Style -lg__hover__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -lg__hover__text_pink_400 : Css.Style -lg__hover__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - ] - - -lg__hover__text_pink_500 : Css.Style -lg__hover__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -lg__hover__text_pink_600 : Css.Style -lg__hover__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -lg__hover__text_pink_700 : Css.Style -lg__hover__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - ] - - -lg__hover__text_pink_800 : Css.Style -lg__hover__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - ] - - -lg__hover__text_pink_900 : Css.Style -lg__hover__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#702459\\") - ] - ] - ] - - -lg__focus__text_transparent : Css.Style -lg__focus__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -lg__focus__text_current : Css.Style -lg__focus__text_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -lg__focus__text_black : Css.Style -lg__focus__text_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#000\\") - ] - ] - ] - - -lg__focus__text_white : Css.Style -lg__focus__text_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff\\") - ] - ] - ] - - -lg__focus__text_gray_100 : Css.Style -lg__focus__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -lg__focus__text_gray_200 : Css.Style -lg__focus__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -lg__focus__text_gray_300 : Css.Style -lg__focus__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -lg__focus__text_gray_400 : Css.Style -lg__focus__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -lg__focus__text_gray_500 : Css.Style -lg__focus__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -lg__focus__text_gray_600 : Css.Style -lg__focus__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#718096\\") - ] - ] - ] - - -lg__focus__text_gray_700 : Css.Style -lg__focus__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - ] - - -lg__focus__text_gray_800 : Css.Style -lg__focus__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - ] - - -lg__focus__text_gray_900 : Css.Style -lg__focus__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - ] - - -lg__focus__text_red_100 : Css.Style -lg__focus__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -lg__focus__text_red_200 : Css.Style -lg__focus__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -lg__focus__text_red_300 : Css.Style -lg__focus__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -lg__focus__text_red_400 : Css.Style -lg__focus__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - ] - - -lg__focus__text_red_500 : Css.Style -lg__focus__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - ] - - -lg__focus__text_red_600 : Css.Style -lg__focus__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -lg__focus__text_red_700 : Css.Style -lg__focus__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - ] - - -lg__focus__text_red_800 : Css.Style -lg__focus__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -lg__focus__text_red_900 : Css.Style -lg__focus__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - ] - - -lg__focus__text_orange_100 : Css.Style -lg__focus__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -lg__focus__text_orange_200 : Css.Style -lg__focus__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - ] - - -lg__focus__text_orange_300 : Css.Style -lg__focus__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -lg__focus__text_orange_400 : Css.Style -lg__focus__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -lg__focus__text_orange_500 : Css.Style -lg__focus__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - ] - - -lg__focus__text_orange_600 : Css.Style -lg__focus__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -lg__focus__text_orange_700 : Css.Style -lg__focus__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - ] - - -lg__focus__text_orange_800 : Css.Style -lg__focus__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - ] - - -lg__focus__text_orange_900 : Css.Style -lg__focus__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - ] - - -lg__focus__text_yellow_100 : Css.Style -lg__focus__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - ] - - -lg__focus__text_yellow_200 : Css.Style -lg__focus__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -lg__focus__text_yellow_300 : Css.Style -lg__focus__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - ] - - -lg__focus__text_yellow_400 : Css.Style -lg__focus__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -lg__focus__text_yellow_500 : Css.Style -lg__focus__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -lg__focus__text_yellow_600 : Css.Style -lg__focus__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -lg__focus__text_yellow_700 : Css.Style -lg__focus__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - ] - - -lg__focus__text_yellow_800 : Css.Style -lg__focus__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - ] - - -lg__focus__text_yellow_900 : Css.Style -lg__focus__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#744210\\") - ] - ] - ] - - -lg__focus__text_green_100 : Css.Style -lg__focus__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -lg__focus__text_green_200 : Css.Style -lg__focus__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -lg__focus__text_green_300 : Css.Style -lg__focus__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -lg__focus__text_green_400 : Css.Style -lg__focus__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - ] - - -lg__focus__text_green_500 : Css.Style -lg__focus__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - ] - - -lg__focus__text_green_600 : Css.Style -lg__focus__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - ] - - -lg__focus__text_green_700 : Css.Style -lg__focus__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - ] - - -lg__focus__text_green_800 : Css.Style -lg__focus__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#276749\\") - ] - ] - ] - - -lg__focus__text_green_900 : Css.Style -lg__focus__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - ] - - -lg__focus__text_teal_100 : Css.Style -lg__focus__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -lg__focus__text_teal_200 : Css.Style -lg__focus__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -lg__focus__text_teal_300 : Css.Style -lg__focus__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -lg__focus__text_teal_400 : Css.Style -lg__focus__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -lg__focus__text_teal_500 : Css.Style -lg__focus__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -lg__focus__text_teal_600 : Css.Style -lg__focus__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#319795\\") - ] - ] - ] - - -lg__focus__text_teal_700 : Css.Style -lg__focus__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -lg__focus__text_teal_800 : Css.Style -lg__focus__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - ] - - -lg__focus__text_teal_900 : Css.Style -lg__focus__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - ] - - -lg__focus__text_blue_100 : Css.Style -lg__focus__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -lg__focus__text_blue_200 : Css.Style -lg__focus__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -lg__focus__text_blue_300 : Css.Style -lg__focus__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -lg__focus__text_blue_400 : Css.Style -lg__focus__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -lg__focus__text_blue_500 : Css.Style -lg__focus__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - ] - - -lg__focus__text_blue_600 : Css.Style -lg__focus__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - ] - - -lg__focus__text_blue_700 : Css.Style -lg__focus__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -lg__focus__text_blue_800 : Css.Style -lg__focus__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - ] - - -lg__focus__text_blue_900 : Css.Style -lg__focus__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - ] - - -lg__focus__text_indigo_100 : Css.Style -lg__focus__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -lg__focus__text_indigo_200 : Css.Style -lg__focus__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -lg__focus__text_indigo_300 : Css.Style -lg__focus__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -lg__focus__text_indigo_400 : Css.Style -lg__focus__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -lg__focus__text_indigo_500 : Css.Style -lg__focus__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - ] - - -lg__focus__text_indigo_600 : Css.Style -lg__focus__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -lg__focus__text_indigo_700 : Css.Style -lg__focus__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -lg__focus__text_indigo_800 : Css.Style -lg__focus__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#434190\\") - ] - ] - ] - - -lg__focus__text_indigo_900 : Css.Style -lg__focus__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - ] - - -lg__focus__text_purple_100 : Css.Style -lg__focus__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -lg__focus__text_purple_200 : Css.Style -lg__focus__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -lg__focus__text_purple_300 : Css.Style -lg__focus__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -lg__focus__text_purple_400 : Css.Style -lg__focus__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - ] - - -lg__focus__text_purple_500 : Css.Style -lg__focus__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -lg__focus__text_purple_600 : Css.Style -lg__focus__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - ] - - -lg__focus__text_purple_700 : Css.Style -lg__focus__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -lg__focus__text_purple_800 : Css.Style -lg__focus__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - ] - - -lg__focus__text_purple_900 : Css.Style -lg__focus__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - ] - - -lg__focus__text_pink_100 : Css.Style -lg__focus__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -lg__focus__text_pink_200 : Css.Style -lg__focus__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -lg__focus__text_pink_300 : Css.Style -lg__focus__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -lg__focus__text_pink_400 : Css.Style -lg__focus__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - ] - - -lg__focus__text_pink_500 : Css.Style -lg__focus__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -lg__focus__text_pink_600 : Css.Style -lg__focus__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -lg__focus__text_pink_700 : Css.Style -lg__focus__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - ] - - -lg__focus__text_pink_800 : Css.Style -lg__focus__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - ] - - -lg__focus__text_pink_900 : Css.Style -lg__focus__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#702459\\") - ] - ] - ] - - -lg__italic : Css.Style -lg__italic = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontStyle Css.italic - ] - ] - - -lg__not_italic : Css.Style -lg__not_italic = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.fontStyle Css.normal - ] - ] - - -lg__uppercase : Css.Style -lg__uppercase = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.textTransform Css.uppercase - ] - ] - - -lg__lowercase : Css.Style -lg__lowercase = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.textTransform Css.lowercase - ] - ] - - -lg__capitalize : Css.Style -lg__capitalize = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.textTransform Css.capitalize - ] - ] - - -lg__normal_case : Css.Style -lg__normal_case = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.textTransform Css.none - ] - ] - - -lg__underline : Css.Style -lg__underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.textDecoration Css.underline - ] - ] - - -lg__line_through : Css.Style -lg__line_through = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.textDecoration Css.lineThrough - ] - ] - - -lg__no_underline : Css.Style -lg__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.textDecoration Css.none - ] - ] - - -lg__hover__underline : Css.Style -lg__hover__underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.textDecoration Css.underline - ] - ] - ] - - -lg__hover__line_through : Css.Style -lg__hover__line_through = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -lg__hover__no_underline : Css.Style -lg__hover__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.hover - [ Css.textDecoration Css.none - ] - ] - ] - - -lg__focus__underline : Css.Style -lg__focus__underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.textDecoration Css.underline - ] - ] - ] - - -lg__focus__line_through : Css.Style -lg__focus__line_through = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -lg__focus__no_underline : Css.Style -lg__focus__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.focus - [ Css.textDecoration Css.none - ] - ] - ] - - -lg__antialiased : Css.Style -lg__antialiased = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"-webkit-font-smoothing\\" \\"antialiased\\" - , Css.property \\"-moz-osx-font-smoothing\\" \\"grayscale\\" - ] - ] - - -lg__subpixel_antialiased : Css.Style -lg__subpixel_antialiased = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"-webkit-font-smoothing\\" \\"auto\\" - , Css.property \\"-moz-osx-font-smoothing\\" \\"auto\\" - ] - ] - - -lg__tracking_tighter : Css.Style -lg__tracking_tighter = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.letterSpacing (Css.em -0.05) - ] - ] - - -lg__tracking_tight : Css.Style -lg__tracking_tight = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.letterSpacing (Css.em -0.025) - ] - ] - - -lg__tracking_normal : Css.Style -lg__tracking_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.letterSpacing (Css.px 0) - ] - ] - - -lg__tracking_wide : Css.Style -lg__tracking_wide = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.letterSpacing (Css.em 0.025) - ] - ] - - -lg__tracking_wider : Css.Style -lg__tracking_wider = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.letterSpacing (Css.em 0.05) - ] - ] - - -lg__tracking_widest : Css.Style -lg__tracking_widest = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.letterSpacing (Css.em 0.1) - ] - ] - - -lg__select_none : Css.Style -lg__select_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"user-select\\" \\"none\\" - ] - ] - - -lg__select_text : Css.Style -lg__select_text = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"user-select\\" \\"text\\" - ] - ] - - -lg__select_all : Css.Style -lg__select_all = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"user-select\\" \\"all\\" - ] - ] - - -lg__select_auto : Css.Style -lg__select_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"user-select\\" \\"auto\\" - ] - ] - - -lg__align_baseline : Css.Style -lg__align_baseline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.verticalAlign Css.baseline - ] - ] - - -lg__align_top : Css.Style -lg__align_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.verticalAlign Css.top - ] - ] - - -lg__align_middle : Css.Style -lg__align_middle = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.verticalAlign Css.middle - ] - ] - - -lg__align_bottom : Css.Style -lg__align_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.verticalAlign Css.bottom - ] - ] - - -lg__align_text_top : Css.Style -lg__align_text_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.verticalAlign Css.textTop - ] - ] - - -lg__align_text_bottom : Css.Style -lg__align_text_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.verticalAlign Css.textBottom - ] - ] - - -lg__visible : Css.Style -lg__visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.visibility Css.visible - ] - ] - - -lg__invisible : Css.Style -lg__invisible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.visibility Css.hidden - ] - ] - - -lg__whitespace_normal : Css.Style -lg__whitespace_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.whiteSpace Css.normal - ] - ] - - -lg__whitespace_no_wrap : Css.Style -lg__whitespace_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.whiteSpace Css.noWrap - ] - ] - - -lg__whitespace_pre : Css.Style -lg__whitespace_pre = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.whiteSpace Css.pre - ] - ] - - -lg__whitespace_pre_line : Css.Style -lg__whitespace_pre_line = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.whiteSpace Css.preLine - ] - ] - - -lg__whitespace_pre_wrap : Css.Style -lg__whitespace_pre_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.whiteSpace Css.preWrap - ] - ] - - -lg__break_normal : Css.Style -lg__break_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflowWrap Css.normal - , Css.property \\"word-break\\" \\"normal\\" - ] - ] - - -lg__break_words : Css.Style -lg__break_words = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflowWrap Css.breakWord - ] - ] - - -lg__break_all : Css.Style -lg__break_all = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"word-break\\" \\"break-all\\" - ] - ] - - -lg__truncate : Css.Style -lg__truncate = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.overflow Css.hidden - , Css.textOverflow Css.ellipsis - , Css.whiteSpace Css.noWrap - ] - ] - - -lg__w_0 : Css.Style -lg__w_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.px 0) - ] - ] - - -lg__w_1 : Css.Style -lg__w_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 0.25) - ] - ] - - -lg__w_2 : Css.Style -lg__w_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 0.5) - ] - ] - - -lg__w_3 : Css.Style -lg__w_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 0.75) - ] - ] - - -lg__w_4 : Css.Style -lg__w_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 1) - ] - ] - - -lg__w_5 : Css.Style -lg__w_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 1.25) - ] - ] - - -lg__w_6 : Css.Style -lg__w_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 1.5) - ] - ] - - -lg__w_8 : Css.Style -lg__w_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 2) - ] - ] - - -lg__w_10 : Css.Style -lg__w_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 2.5) - ] - ] - - -lg__w_12 : Css.Style -lg__w_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 3) - ] - ] - - -lg__w_16 : Css.Style -lg__w_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 4) - ] - ] - - -lg__w_20 : Css.Style -lg__w_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 5) - ] - ] - - -lg__w_24 : Css.Style -lg__w_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 6) - ] - ] - - -lg__w_32 : Css.Style -lg__w_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 8) - ] - ] - - -lg__w_40 : Css.Style -lg__w_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 10) - ] - ] - - -lg__w_48 : Css.Style -lg__w_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 12) - ] - ] - - -lg__w_56 : Css.Style -lg__w_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 14) - ] - ] - - -lg__w_64 : Css.Style -lg__w_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.rem 16) - ] - ] - - -lg__w_auto : Css.Style -lg__w_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width Css.auto - ] - ] - - -lg__w_px : Css.Style -lg__w_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.px 1) - ] - ] - - -lg__w_1over2 : Css.Style -lg__w_1over2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -lg__w_1over3 : Css.Style -lg__w_1over3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -lg__w_2over3 : Css.Style -lg__w_2over3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -lg__w_1over4 : Css.Style -lg__w_1over4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 25) - ] - ] - - -lg__w_2over4 : Css.Style -lg__w_2over4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -lg__w_3over4 : Css.Style -lg__w_3over4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 75) - ] - ] - - -lg__w_1over5 : Css.Style -lg__w_1over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 20) - ] - ] - - -lg__w_2over5 : Css.Style -lg__w_2over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 40) - ] - ] - - -lg__w_3over5 : Css.Style -lg__w_3over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 60) - ] - ] - - -lg__w_4over5 : Css.Style -lg__w_4over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 80) - ] - ] - - -lg__w_1over6 : Css.Style -lg__w_1over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -lg__w_2over6 : Css.Style -lg__w_2over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -lg__w_3over6 : Css.Style -lg__w_3over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -lg__w_4over6 : Css.Style -lg__w_4over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -lg__w_5over6 : Css.Style -lg__w_5over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -lg__w_1over12 : Css.Style -lg__w_1over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 8.333333) - ] - ] - - -lg__w_2over12 : Css.Style -lg__w_2over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -lg__w_3over12 : Css.Style -lg__w_3over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 25) - ] - ] - - -lg__w_4over12 : Css.Style -lg__w_4over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -lg__w_5over12 : Css.Style -lg__w_5over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 41.666667) - ] - ] - - -lg__w_6over12 : Css.Style -lg__w_6over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -lg__w_7over12 : Css.Style -lg__w_7over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 58.333333) - ] - ] - - -lg__w_8over12 : Css.Style -lg__w_8over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -lg__w_9over12 : Css.Style -lg__w_9over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 75) - ] - ] - - -lg__w_10over12 : Css.Style -lg__w_10over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -lg__w_11over12 : Css.Style -lg__w_11over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 91.666667) - ] - ] - - -lg__w_full : Css.Style -lg__w_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.pct 100) - ] - ] - - -lg__w_screen : Css.Style -lg__w_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.width (Css.vw 100) - ] - ] - - -lg__z_0 : Css.Style -lg__z_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.zIndex (Css.int 0) - ] - ] - - -lg__z_10 : Css.Style -lg__z_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.zIndex (Css.int 10) - ] - ] - - -lg__z_20 : Css.Style -lg__z_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.zIndex (Css.int 20) - ] - ] - - -lg__z_30 : Css.Style -lg__z_30 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.zIndex (Css.int 30) - ] - ] - - -lg__z_40 : Css.Style -lg__z_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.zIndex (Css.int 40) - ] - ] - - -lg__z_50 : Css.Style -lg__z_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.zIndex (Css.int 50) - ] - ] - - -lg__z_auto : Css.Style -lg__z_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.zIndex Css.auto - ] - ] - - -lg__transform_none : Css.Style -lg__transform_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.transform Css.none - ] - ] - - -lg__origin_center : Css.Style -lg__origin_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"transform-origin\\" \\"center\\" - ] - ] - - -lg__origin_top : Css.Style -lg__origin_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"transform-origin\\" \\"top\\" - ] - ] - - -lg__origin_top_right : Css.Style -lg__origin_top_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"transform-origin\\" \\"top right\\" - ] - ] - - -lg__origin_right : Css.Style -lg__origin_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"transform-origin\\" \\"right\\" - ] - ] - - -lg__origin_bottom_right : Css.Style -lg__origin_bottom_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"transform-origin\\" \\"bottom right\\" - ] - ] - - -lg__origin_bottom : Css.Style -lg__origin_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"transform-origin\\" \\"bottom\\" - ] - ] - - -lg__origin_bottom_left : Css.Style -lg__origin_bottom_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"transform-origin\\" \\"bottom left\\" - ] - ] - - -lg__origin_left : Css.Style -lg__origin_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"transform-origin\\" \\"left\\" - ] - ] - - -lg__origin_top_left : Css.Style -lg__origin_top_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1024px)\\" ] - [ Css.property \\"transform-origin\\" \\"top left\\" - ] - ] - - -xl__container : Css.Style -xl__container = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 100) - , Css.maxWidth (Css.px 640) - , Css.maxWidth (Css.px 768) - , Css.maxWidth (Css.px 1024) - , Css.maxWidth (Css.px 1280) - ] - ] - - -xl__divide_transparent : Css.Style -xl__divide_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor Css.transparent - ] - ] - - -xl__divide_current : Css.Style -xl__divide_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor Css.currentColor - ] - ] - - -xl__divide_black : Css.Style -xl__divide_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - - -xl__divide_white : Css.Style -xl__divide_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - - -xl__divide_gray_100 : Css.Style -xl__divide_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - - -xl__divide_gray_200 : Css.Style -xl__divide_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - - -xl__divide_gray_300 : Css.Style -xl__divide_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - - -xl__divide_gray_400 : Css.Style -xl__divide_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - - -xl__divide_gray_500 : Css.Style -xl__divide_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - - -xl__divide_gray_600 : Css.Style -xl__divide_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - - -xl__divide_gray_700 : Css.Style -xl__divide_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - - -xl__divide_gray_800 : Css.Style -xl__divide_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - - -xl__divide_gray_900 : Css.Style -xl__divide_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - - -xl__divide_red_100 : Css.Style -xl__divide_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - - -xl__divide_red_200 : Css.Style -xl__divide_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - - -xl__divide_red_300 : Css.Style -xl__divide_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - - -xl__divide_red_400 : Css.Style -xl__divide_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - - -xl__divide_red_500 : Css.Style -xl__divide_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - - -xl__divide_red_600 : Css.Style -xl__divide_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - - -xl__divide_red_700 : Css.Style -xl__divide_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - - -xl__divide_red_800 : Css.Style -xl__divide_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - - -xl__divide_red_900 : Css.Style -xl__divide_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - - -xl__divide_orange_100 : Css.Style -xl__divide_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - - -xl__divide_orange_200 : Css.Style -xl__divide_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - - -xl__divide_orange_300 : Css.Style -xl__divide_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - - -xl__divide_orange_400 : Css.Style -xl__divide_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - - -xl__divide_orange_500 : Css.Style -xl__divide_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - - -xl__divide_orange_600 : Css.Style -xl__divide_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - - -xl__divide_orange_700 : Css.Style -xl__divide_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - - -xl__divide_orange_800 : Css.Style -xl__divide_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - - -xl__divide_orange_900 : Css.Style -xl__divide_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - - -xl__divide_yellow_100 : Css.Style -xl__divide_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - - -xl__divide_yellow_200 : Css.Style -xl__divide_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - - -xl__divide_yellow_300 : Css.Style -xl__divide_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - - -xl__divide_yellow_400 : Css.Style -xl__divide_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - - -xl__divide_yellow_500 : Css.Style -xl__divide_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - - -xl__divide_yellow_600 : Css.Style -xl__divide_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - - -xl__divide_yellow_700 : Css.Style -xl__divide_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - - -xl__divide_yellow_800 : Css.Style -xl__divide_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - - -xl__divide_yellow_900 : Css.Style -xl__divide_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - - -xl__divide_green_100 : Css.Style -xl__divide_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - - -xl__divide_green_200 : Css.Style -xl__divide_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - - -xl__divide_green_300 : Css.Style -xl__divide_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - - -xl__divide_green_400 : Css.Style -xl__divide_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - - -xl__divide_green_500 : Css.Style -xl__divide_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - - -xl__divide_green_600 : Css.Style -xl__divide_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - - -xl__divide_green_700 : Css.Style -xl__divide_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - - -xl__divide_green_800 : Css.Style -xl__divide_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - - -xl__divide_green_900 : Css.Style -xl__divide_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - - -xl__divide_teal_100 : Css.Style -xl__divide_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - - -xl__divide_teal_200 : Css.Style -xl__divide_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - - -xl__divide_teal_300 : Css.Style -xl__divide_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - - -xl__divide_teal_400 : Css.Style -xl__divide_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - - -xl__divide_teal_500 : Css.Style -xl__divide_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - - -xl__divide_teal_600 : Css.Style -xl__divide_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - - -xl__divide_teal_700 : Css.Style -xl__divide_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - - -xl__divide_teal_800 : Css.Style -xl__divide_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - - -xl__divide_teal_900 : Css.Style -xl__divide_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - - -xl__divide_blue_100 : Css.Style -xl__divide_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - - -xl__divide_blue_200 : Css.Style -xl__divide_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - - -xl__divide_blue_300 : Css.Style -xl__divide_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - - -xl__divide_blue_400 : Css.Style -xl__divide_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - - -xl__divide_blue_500 : Css.Style -xl__divide_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - - -xl__divide_blue_600 : Css.Style -xl__divide_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - - -xl__divide_blue_700 : Css.Style -xl__divide_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - - -xl__divide_blue_800 : Css.Style -xl__divide_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - - -xl__divide_blue_900 : Css.Style -xl__divide_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - - -xl__divide_indigo_100 : Css.Style -xl__divide_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - - -xl__divide_indigo_200 : Css.Style -xl__divide_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - - -xl__divide_indigo_300 : Css.Style -xl__divide_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - - -xl__divide_indigo_400 : Css.Style -xl__divide_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - - -xl__divide_indigo_500 : Css.Style -xl__divide_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - - -xl__divide_indigo_600 : Css.Style -xl__divide_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - - -xl__divide_indigo_700 : Css.Style -xl__divide_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - - -xl__divide_indigo_800 : Css.Style -xl__divide_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - - -xl__divide_indigo_900 : Css.Style -xl__divide_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - - -xl__divide_purple_100 : Css.Style -xl__divide_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - - -xl__divide_purple_200 : Css.Style -xl__divide_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - - -xl__divide_purple_300 : Css.Style -xl__divide_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - - -xl__divide_purple_400 : Css.Style -xl__divide_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - - -xl__divide_purple_500 : Css.Style -xl__divide_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - - -xl__divide_purple_600 : Css.Style -xl__divide_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - - -xl__divide_purple_700 : Css.Style -xl__divide_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - - -xl__divide_purple_800 : Css.Style -xl__divide_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - - -xl__divide_purple_900 : Css.Style -xl__divide_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - - -xl__divide_pink_100 : Css.Style -xl__divide_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - - -xl__divide_pink_200 : Css.Style -xl__divide_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - - -xl__divide_pink_300 : Css.Style -xl__divide_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - - -xl__divide_pink_400 : Css.Style -xl__divide_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - - -xl__divide_pink_500 : Css.Style -xl__divide_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - - -xl__divide_pink_600 : Css.Style -xl__divide_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - - -xl__divide_pink_700 : Css.Style -xl__divide_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - - -xl__divide_pink_800 : Css.Style -xl__divide_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - - -xl__divide_pink_900 : Css.Style -xl__divide_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - - -xl__sr_only : Css.Style -xl__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property \\"clip\\" \\"rect(0, 0, 0, 0)\\" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - - -xl__not_sr_only : Css.Style -xl__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property \\"clip\\" \\"auto\\" - , Css.whiteSpace Css.normal - ] - ] - - -xl__focus__sr_only : Css.Style -xl__focus__sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.position Css.absolute - , Css.width (Css.px 1) - , Css.height (Css.px 1) - , Css.padding (Css.px 0) - , Css.margin (Css.px -1) - , Css.overflow Css.hidden - , Css.property \\"clip\\" \\"rect(0, 0, 0, 0)\\" - , Css.whiteSpace Css.noWrap - , Css.borderWidth (Css.px 0) - ] - ] - ] - - -xl__focus__not_sr_only : Css.Style -xl__focus__not_sr_only = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.position Css.static - , Css.width Css.auto - , Css.height Css.auto - , Css.padding (Css.px 0) - , Css.margin (Css.px 0) - , Css.overflow Css.visible - , Css.property \\"clip\\" \\"auto\\" - , Css.whiteSpace Css.normal - ] - ] - ] - - -xl__appearance_none : Css.Style -xl__appearance_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"appearance\\" \\"none\\" - ] - ] - - -xl__bg_fixed : Css.Style -xl__bg_fixed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundAttachment Css.fixed - ] - ] - - -xl__bg_local : Css.Style -xl__bg_local = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundAttachment Css.local - ] - ] - - -xl__bg_scroll : Css.Style -xl__bg_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundAttachment Css.scroll - ] - ] - - -xl__bg_transparent : Css.Style -xl__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor Css.transparent - ] - ] - - -xl__bg_current : Css.Style -xl__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor Css.currentColor - ] - ] - - -xl__bg_black : Css.Style -xl__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#000\\") - ] - ] - - -xl__bg_white : Css.Style -xl__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fff\\") - ] - ] - - -xl__bg_gray_100 : Css.Style -xl__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f7fafc\\") - ] - ] - - -xl__bg_gray_200 : Css.Style -xl__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#edf2f7\\") - ] - ] - - -xl__bg_gray_300 : Css.Style -xl__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e2e8f0\\") - ] - ] - - -xl__bg_gray_400 : Css.Style -xl__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#cbd5e0\\") - ] - ] - - -xl__bg_gray_500 : Css.Style -xl__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#a0aec0\\") - ] - ] - - -xl__bg_gray_600 : Css.Style -xl__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#718096\\") - ] - ] - - -xl__bg_gray_700 : Css.Style -xl__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4a5568\\") - ] - ] - - -xl__bg_gray_800 : Css.Style -xl__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2d3748\\") - ] - ] - - -xl__bg_gray_900 : Css.Style -xl__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#1a202c\\") - ] - ] - - -xl__bg_red_100 : Css.Style -xl__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fff5f5\\") - ] - ] - - -xl__bg_red_200 : Css.Style -xl__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fed7d7\\") - ] - ] - - -xl__bg_red_300 : Css.Style -xl__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#feb2b2\\") - ] - ] - - -xl__bg_red_400 : Css.Style -xl__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fc8181\\") - ] - ] - - -xl__bg_red_500 : Css.Style -xl__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f56565\\") - ] - ] - - -xl__bg_red_600 : Css.Style -xl__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e53e3e\\") - ] - ] - - -xl__bg_red_700 : Css.Style -xl__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c53030\\") - ] - ] - - -xl__bg_red_800 : Css.Style -xl__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9b2c2c\\") - ] - ] - - -xl__bg_red_900 : Css.Style -xl__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#742a2a\\") - ] - ] - - -xl__bg_orange_100 : Css.Style -xl__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fffaf0\\") - ] - ] - - -xl__bg_orange_200 : Css.Style -xl__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#feebc8\\") - ] - ] - - -xl__bg_orange_300 : Css.Style -xl__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fbd38d\\") - ] - ] - - -xl__bg_orange_400 : Css.Style -xl__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f6ad55\\") - ] - ] - - -xl__bg_orange_500 : Css.Style -xl__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ed8936\\") - ] - ] - - -xl__bg_orange_600 : Css.Style -xl__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#dd6b20\\") - ] - ] - - -xl__bg_orange_700 : Css.Style -xl__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c05621\\") - ] - ] - - -xl__bg_orange_800 : Css.Style -xl__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9c4221\\") - ] - ] - - -xl__bg_orange_900 : Css.Style -xl__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#7b341e\\") - ] - ] - - -xl__bg_yellow_100 : Css.Style -xl__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fffff0\\") - ] - ] - - -xl__bg_yellow_200 : Css.Style -xl__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fefcbf\\") - ] - ] - - -xl__bg_yellow_300 : Css.Style -xl__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#faf089\\") - ] - ] - - -xl__bg_yellow_400 : Css.Style -xl__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f6e05e\\") - ] - ] - - -xl__bg_yellow_500 : Css.Style -xl__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ecc94b\\") - ] - ] - - -xl__bg_yellow_600 : Css.Style -xl__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#d69e2e\\") - ] - ] - - -xl__bg_yellow_700 : Css.Style -xl__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b7791f\\") - ] - ] - - -xl__bg_yellow_800 : Css.Style -xl__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#975a16\\") - ] - ] - - -xl__bg_yellow_900 : Css.Style -xl__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#744210\\") - ] - ] - - -xl__bg_green_100 : Css.Style -xl__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f0fff4\\") - ] - ] - - -xl__bg_green_200 : Css.Style -xl__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c6f6d5\\") - ] - ] - - -xl__bg_green_300 : Css.Style -xl__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9ae6b4\\") - ] - ] - - -xl__bg_green_400 : Css.Style -xl__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#68d391\\") - ] - ] - - -xl__bg_green_500 : Css.Style -xl__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#48bb78\\") - ] - ] - - -xl__bg_green_600 : Css.Style -xl__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#38a169\\") - ] - ] - - -xl__bg_green_700 : Css.Style -xl__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2f855a\\") - ] - ] - - -xl__bg_green_800 : Css.Style -xl__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#276749\\") - ] - ] - - -xl__bg_green_900 : Css.Style -xl__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#22543d\\") - ] - ] - - -xl__bg_teal_100 : Css.Style -xl__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e6fffa\\") - ] - ] - - -xl__bg_teal_200 : Css.Style -xl__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b2f5ea\\") - ] - ] - - -xl__bg_teal_300 : Css.Style -xl__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#81e6d9\\") - ] - ] - - -xl__bg_teal_400 : Css.Style -xl__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4fd1c5\\") - ] - ] - - -xl__bg_teal_500 : Css.Style -xl__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#38b2ac\\") - ] - ] - - -xl__bg_teal_600 : Css.Style -xl__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#319795\\") - ] - ] - - -xl__bg_teal_700 : Css.Style -xl__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2c7a7b\\") - ] - ] - - -xl__bg_teal_800 : Css.Style -xl__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#285e61\\") - ] - ] - - -xl__bg_teal_900 : Css.Style -xl__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#234e52\\") - ] - ] - - -xl__bg_blue_100 : Css.Style -xl__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ebf8ff\\") - ] - ] - - -xl__bg_blue_200 : Css.Style -xl__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#bee3f8\\") - ] - ] - - -xl__bg_blue_300 : Css.Style -xl__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#90cdf4\\") - ] - ] - - -xl__bg_blue_400 : Css.Style -xl__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#63b3ed\\") - ] - ] - - -xl__bg_blue_500 : Css.Style -xl__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4299e1\\") - ] - ] - - -xl__bg_blue_600 : Css.Style -xl__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#3182ce\\") - ] - ] - - -xl__bg_blue_700 : Css.Style -xl__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2b6cb0\\") - ] - ] - - -xl__bg_blue_800 : Css.Style -xl__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2c5282\\") - ] - ] - - -xl__bg_blue_900 : Css.Style -xl__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#2a4365\\") - ] - ] - - -xl__bg_indigo_100 : Css.Style -xl__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ebf4ff\\") - ] - ] - - -xl__bg_indigo_200 : Css.Style -xl__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#c3dafe\\") - ] - ] - - -xl__bg_indigo_300 : Css.Style -xl__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#a3bffa\\") - ] - ] - - -xl__bg_indigo_400 : Css.Style -xl__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#7f9cf5\\") - ] - ] - - -xl__bg_indigo_500 : Css.Style -xl__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#667eea\\") - ] - ] - - -xl__bg_indigo_600 : Css.Style -xl__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#5a67d8\\") - ] - ] - - -xl__bg_indigo_700 : Css.Style -xl__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#4c51bf\\") - ] - ] - - -xl__bg_indigo_800 : Css.Style -xl__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#434190\\") - ] - ] - - -xl__bg_indigo_900 : Css.Style -xl__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#3c366b\\") - ] - ] - - -xl__bg_purple_100 : Css.Style -xl__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#faf5ff\\") - ] - ] - - -xl__bg_purple_200 : Css.Style -xl__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#e9d8fd\\") - ] - ] - - -xl__bg_purple_300 : Css.Style -xl__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#d6bcfa\\") - ] - ] - - -xl__bg_purple_400 : Css.Style -xl__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b794f4\\") - ] - ] - - -xl__bg_purple_500 : Css.Style -xl__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#9f7aea\\") - ] - ] - - -xl__bg_purple_600 : Css.Style -xl__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#805ad5\\") - ] - ] - - -xl__bg_purple_700 : Css.Style -xl__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#6b46c1\\") - ] - ] - - -xl__bg_purple_800 : Css.Style -xl__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#553c9a\\") - ] - ] - - -xl__bg_purple_900 : Css.Style -xl__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#44337a\\") - ] - ] - - -xl__bg_pink_100 : Css.Style -xl__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fff5f7\\") - ] - ] - - -xl__bg_pink_200 : Css.Style -xl__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fed7e2\\") - ] - ] - - -xl__bg_pink_300 : Css.Style -xl__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#fbb6ce\\") - ] - ] - - -xl__bg_pink_400 : Css.Style -xl__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#f687b3\\") - ] - ] - - -xl__bg_pink_500 : Css.Style -xl__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#ed64a6\\") - ] - ] - - -xl__bg_pink_600 : Css.Style -xl__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#d53f8c\\") - ] - ] - - -xl__bg_pink_700 : Css.Style -xl__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#b83280\\") - ] - ] - - -xl__bg_pink_800 : Css.Style -xl__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#97266d\\") - ] - ] - - -xl__bg_pink_900 : Css.Style -xl__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundColor (Css.hex \\"#702459\\") - ] - ] - - -xl__hover__bg_transparent : Css.Style -xl__hover__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -xl__hover__bg_current : Css.Style -xl__hover__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -xl__hover__bg_black : Css.Style -xl__hover__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#000\\") - ] - ] - ] - - -xl__hover__bg_white : Css.Style -xl__hover__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fff\\") - ] - ] - ] - - -xl__hover__bg_gray_100 : Css.Style -xl__hover__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -xl__hover__bg_gray_200 : Css.Style -xl__hover__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -xl__hover__bg_gray_300 : Css.Style -xl__hover__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -xl__hover__bg_gray_400 : Css.Style -xl__hover__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -xl__hover__bg_gray_500 : Css.Style -xl__hover__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -xl__hover__bg_gray_600 : Css.Style -xl__hover__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#718096\\") - ] - ] - ] - - -xl__hover__bg_gray_700 : Css.Style -xl__hover__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -xl__hover__bg_gray_800 : Css.Style -xl__hover__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -xl__hover__bg_gray_900 : Css.Style -xl__hover__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -xl__hover__bg_red_100 : Css.Style -xl__hover__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -xl__hover__bg_red_200 : Css.Style -xl__hover__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -xl__hover__bg_red_300 : Css.Style -xl__hover__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -xl__hover__bg_red_400 : Css.Style -xl__hover__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -xl__hover__bg_red_500 : Css.Style -xl__hover__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -xl__hover__bg_red_600 : Css.Style -xl__hover__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -xl__hover__bg_red_700 : Css.Style -xl__hover__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -xl__hover__bg_red_800 : Css.Style -xl__hover__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -xl__hover__bg_red_900 : Css.Style -xl__hover__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -xl__hover__bg_orange_100 : Css.Style -xl__hover__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -xl__hover__bg_orange_200 : Css.Style -xl__hover__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -xl__hover__bg_orange_300 : Css.Style -xl__hover__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -xl__hover__bg_orange_400 : Css.Style -xl__hover__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -xl__hover__bg_orange_500 : Css.Style -xl__hover__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -xl__hover__bg_orange_600 : Css.Style -xl__hover__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -xl__hover__bg_orange_700 : Css.Style -xl__hover__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -xl__hover__bg_orange_800 : Css.Style -xl__hover__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -xl__hover__bg_orange_900 : Css.Style -xl__hover__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -xl__hover__bg_yellow_100 : Css.Style -xl__hover__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -xl__hover__bg_yellow_200 : Css.Style -xl__hover__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -xl__hover__bg_yellow_300 : Css.Style -xl__hover__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -xl__hover__bg_yellow_400 : Css.Style -xl__hover__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -xl__hover__bg_yellow_500 : Css.Style -xl__hover__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -xl__hover__bg_yellow_600 : Css.Style -xl__hover__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -xl__hover__bg_yellow_700 : Css.Style -xl__hover__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -xl__hover__bg_yellow_800 : Css.Style -xl__hover__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -xl__hover__bg_yellow_900 : Css.Style -xl__hover__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#744210\\") - ] - ] - ] - - -xl__hover__bg_green_100 : Css.Style -xl__hover__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -xl__hover__bg_green_200 : Css.Style -xl__hover__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -xl__hover__bg_green_300 : Css.Style -xl__hover__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -xl__hover__bg_green_400 : Css.Style -xl__hover__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -xl__hover__bg_green_500 : Css.Style -xl__hover__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -xl__hover__bg_green_600 : Css.Style -xl__hover__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -xl__hover__bg_green_700 : Css.Style -xl__hover__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -xl__hover__bg_green_800 : Css.Style -xl__hover__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#276749\\") - ] - ] - ] - - -xl__hover__bg_green_900 : Css.Style -xl__hover__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -xl__hover__bg_teal_100 : Css.Style -xl__hover__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -xl__hover__bg_teal_200 : Css.Style -xl__hover__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -xl__hover__bg_teal_300 : Css.Style -xl__hover__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -xl__hover__bg_teal_400 : Css.Style -xl__hover__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -xl__hover__bg_teal_500 : Css.Style -xl__hover__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -xl__hover__bg_teal_600 : Css.Style -xl__hover__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#319795\\") - ] - ] - ] - - -xl__hover__bg_teal_700 : Css.Style -xl__hover__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -xl__hover__bg_teal_800 : Css.Style -xl__hover__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -xl__hover__bg_teal_900 : Css.Style -xl__hover__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -xl__hover__bg_blue_100 : Css.Style -xl__hover__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -xl__hover__bg_blue_200 : Css.Style -xl__hover__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -xl__hover__bg_blue_300 : Css.Style -xl__hover__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -xl__hover__bg_blue_400 : Css.Style -xl__hover__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -xl__hover__bg_blue_500 : Css.Style -xl__hover__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -xl__hover__bg_blue_600 : Css.Style -xl__hover__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -xl__hover__bg_blue_700 : Css.Style -xl__hover__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -xl__hover__bg_blue_800 : Css.Style -xl__hover__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -xl__hover__bg_blue_900 : Css.Style -xl__hover__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -xl__hover__bg_indigo_100 : Css.Style -xl__hover__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -xl__hover__bg_indigo_200 : Css.Style -xl__hover__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -xl__hover__bg_indigo_300 : Css.Style -xl__hover__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -xl__hover__bg_indigo_400 : Css.Style -xl__hover__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -xl__hover__bg_indigo_500 : Css.Style -xl__hover__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -xl__hover__bg_indigo_600 : Css.Style -xl__hover__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -xl__hover__bg_indigo_700 : Css.Style -xl__hover__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -xl__hover__bg_indigo_800 : Css.Style -xl__hover__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#434190\\") - ] - ] - ] - - -xl__hover__bg_indigo_900 : Css.Style -xl__hover__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -xl__hover__bg_purple_100 : Css.Style -xl__hover__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -xl__hover__bg_purple_200 : Css.Style -xl__hover__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -xl__hover__bg_purple_300 : Css.Style -xl__hover__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -xl__hover__bg_purple_400 : Css.Style -xl__hover__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -xl__hover__bg_purple_500 : Css.Style -xl__hover__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -xl__hover__bg_purple_600 : Css.Style -xl__hover__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -xl__hover__bg_purple_700 : Css.Style -xl__hover__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -xl__hover__bg_purple_800 : Css.Style -xl__hover__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -xl__hover__bg_purple_900 : Css.Style -xl__hover__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -xl__hover__bg_pink_100 : Css.Style -xl__hover__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -xl__hover__bg_pink_200 : Css.Style -xl__hover__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -xl__hover__bg_pink_300 : Css.Style -xl__hover__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -xl__hover__bg_pink_400 : Css.Style -xl__hover__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -xl__hover__bg_pink_500 : Css.Style -xl__hover__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -xl__hover__bg_pink_600 : Css.Style -xl__hover__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -xl__hover__bg_pink_700 : Css.Style -xl__hover__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -xl__hover__bg_pink_800 : Css.Style -xl__hover__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -xl__hover__bg_pink_900 : Css.Style -xl__hover__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.backgroundColor (Css.hex \\"#702459\\") - ] - ] - ] - - -xl__focus__bg_transparent : Css.Style -xl__focus__bg_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor Css.transparent - ] - ] - ] - - -xl__focus__bg_current : Css.Style -xl__focus__bg_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor Css.currentColor - ] - ] - ] - - -xl__focus__bg_black : Css.Style -xl__focus__bg_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#000\\") - ] - ] - ] - - -xl__focus__bg_white : Css.Style -xl__focus__bg_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fff\\") - ] - ] - ] - - -xl__focus__bg_gray_100 : Css.Style -xl__focus__bg_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -xl__focus__bg_gray_200 : Css.Style -xl__focus__bg_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -xl__focus__bg_gray_300 : Css.Style -xl__focus__bg_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -xl__focus__bg_gray_400 : Css.Style -xl__focus__bg_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -xl__focus__bg_gray_500 : Css.Style -xl__focus__bg_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -xl__focus__bg_gray_600 : Css.Style -xl__focus__bg_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#718096\\") - ] - ] - ] - - -xl__focus__bg_gray_700 : Css.Style -xl__focus__bg_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -xl__focus__bg_gray_800 : Css.Style -xl__focus__bg_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -xl__focus__bg_gray_900 : Css.Style -xl__focus__bg_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -xl__focus__bg_red_100 : Css.Style -xl__focus__bg_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -xl__focus__bg_red_200 : Css.Style -xl__focus__bg_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -xl__focus__bg_red_300 : Css.Style -xl__focus__bg_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -xl__focus__bg_red_400 : Css.Style -xl__focus__bg_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -xl__focus__bg_red_500 : Css.Style -xl__focus__bg_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -xl__focus__bg_red_600 : Css.Style -xl__focus__bg_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -xl__focus__bg_red_700 : Css.Style -xl__focus__bg_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -xl__focus__bg_red_800 : Css.Style -xl__focus__bg_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -xl__focus__bg_red_900 : Css.Style -xl__focus__bg_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -xl__focus__bg_orange_100 : Css.Style -xl__focus__bg_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -xl__focus__bg_orange_200 : Css.Style -xl__focus__bg_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -xl__focus__bg_orange_300 : Css.Style -xl__focus__bg_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -xl__focus__bg_orange_400 : Css.Style -xl__focus__bg_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -xl__focus__bg_orange_500 : Css.Style -xl__focus__bg_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -xl__focus__bg_orange_600 : Css.Style -xl__focus__bg_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -xl__focus__bg_orange_700 : Css.Style -xl__focus__bg_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -xl__focus__bg_orange_800 : Css.Style -xl__focus__bg_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -xl__focus__bg_orange_900 : Css.Style -xl__focus__bg_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -xl__focus__bg_yellow_100 : Css.Style -xl__focus__bg_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -xl__focus__bg_yellow_200 : Css.Style -xl__focus__bg_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -xl__focus__bg_yellow_300 : Css.Style -xl__focus__bg_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -xl__focus__bg_yellow_400 : Css.Style -xl__focus__bg_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -xl__focus__bg_yellow_500 : Css.Style -xl__focus__bg_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -xl__focus__bg_yellow_600 : Css.Style -xl__focus__bg_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -xl__focus__bg_yellow_700 : Css.Style -xl__focus__bg_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -xl__focus__bg_yellow_800 : Css.Style -xl__focus__bg_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -xl__focus__bg_yellow_900 : Css.Style -xl__focus__bg_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#744210\\") - ] - ] - ] - - -xl__focus__bg_green_100 : Css.Style -xl__focus__bg_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -xl__focus__bg_green_200 : Css.Style -xl__focus__bg_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -xl__focus__bg_green_300 : Css.Style -xl__focus__bg_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -xl__focus__bg_green_400 : Css.Style -xl__focus__bg_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -xl__focus__bg_green_500 : Css.Style -xl__focus__bg_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -xl__focus__bg_green_600 : Css.Style -xl__focus__bg_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -xl__focus__bg_green_700 : Css.Style -xl__focus__bg_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -xl__focus__bg_green_800 : Css.Style -xl__focus__bg_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#276749\\") - ] - ] - ] - - -xl__focus__bg_green_900 : Css.Style -xl__focus__bg_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -xl__focus__bg_teal_100 : Css.Style -xl__focus__bg_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -xl__focus__bg_teal_200 : Css.Style -xl__focus__bg_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -xl__focus__bg_teal_300 : Css.Style -xl__focus__bg_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -xl__focus__bg_teal_400 : Css.Style -xl__focus__bg_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -xl__focus__bg_teal_500 : Css.Style -xl__focus__bg_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -xl__focus__bg_teal_600 : Css.Style -xl__focus__bg_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#319795\\") - ] - ] - ] - - -xl__focus__bg_teal_700 : Css.Style -xl__focus__bg_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -xl__focus__bg_teal_800 : Css.Style -xl__focus__bg_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -xl__focus__bg_teal_900 : Css.Style -xl__focus__bg_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -xl__focus__bg_blue_100 : Css.Style -xl__focus__bg_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -xl__focus__bg_blue_200 : Css.Style -xl__focus__bg_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -xl__focus__bg_blue_300 : Css.Style -xl__focus__bg_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -xl__focus__bg_blue_400 : Css.Style -xl__focus__bg_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -xl__focus__bg_blue_500 : Css.Style -xl__focus__bg_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -xl__focus__bg_blue_600 : Css.Style -xl__focus__bg_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -xl__focus__bg_blue_700 : Css.Style -xl__focus__bg_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -xl__focus__bg_blue_800 : Css.Style -xl__focus__bg_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -xl__focus__bg_blue_900 : Css.Style -xl__focus__bg_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -xl__focus__bg_indigo_100 : Css.Style -xl__focus__bg_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -xl__focus__bg_indigo_200 : Css.Style -xl__focus__bg_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -xl__focus__bg_indigo_300 : Css.Style -xl__focus__bg_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -xl__focus__bg_indigo_400 : Css.Style -xl__focus__bg_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -xl__focus__bg_indigo_500 : Css.Style -xl__focus__bg_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -xl__focus__bg_indigo_600 : Css.Style -xl__focus__bg_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -xl__focus__bg_indigo_700 : Css.Style -xl__focus__bg_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -xl__focus__bg_indigo_800 : Css.Style -xl__focus__bg_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#434190\\") - ] - ] - ] - - -xl__focus__bg_indigo_900 : Css.Style -xl__focus__bg_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -xl__focus__bg_purple_100 : Css.Style -xl__focus__bg_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -xl__focus__bg_purple_200 : Css.Style -xl__focus__bg_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -xl__focus__bg_purple_300 : Css.Style -xl__focus__bg_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -xl__focus__bg_purple_400 : Css.Style -xl__focus__bg_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -xl__focus__bg_purple_500 : Css.Style -xl__focus__bg_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -xl__focus__bg_purple_600 : Css.Style -xl__focus__bg_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -xl__focus__bg_purple_700 : Css.Style -xl__focus__bg_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -xl__focus__bg_purple_800 : Css.Style -xl__focus__bg_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -xl__focus__bg_purple_900 : Css.Style -xl__focus__bg_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -xl__focus__bg_pink_100 : Css.Style -xl__focus__bg_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -xl__focus__bg_pink_200 : Css.Style -xl__focus__bg_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -xl__focus__bg_pink_300 : Css.Style -xl__focus__bg_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -xl__focus__bg_pink_400 : Css.Style -xl__focus__bg_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -xl__focus__bg_pink_500 : Css.Style -xl__focus__bg_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -xl__focus__bg_pink_600 : Css.Style -xl__focus__bg_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -xl__focus__bg_pink_700 : Css.Style -xl__focus__bg_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -xl__focus__bg_pink_800 : Css.Style -xl__focus__bg_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -xl__focus__bg_pink_900 : Css.Style -xl__focus__bg_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.backgroundColor (Css.hex \\"#702459\\") - ] - ] - ] - - -xl__bg_bottom : Css.Style -xl__bg_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"background-position\\" \\"bottom\\" - ] - ] - - -xl__bg_center : Css.Style -xl__bg_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"background-position\\" \\"center\\" - ] - ] - - -xl__bg_left : Css.Style -xl__bg_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"background-position\\" \\"left\\" - ] - ] - - -xl__bg_left_bottom : Css.Style -xl__bg_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"background-position\\" \\"left bottom\\" - ] - ] - - -xl__bg_left_top : Css.Style -xl__bg_left_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"background-position\\" \\"left top\\" - ] - ] - - -xl__bg_right : Css.Style -xl__bg_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"background-position\\" \\"right\\" - ] - ] - - -xl__bg_right_bottom : Css.Style -xl__bg_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"background-position\\" \\"right bottom\\" - ] - ] - - -xl__bg_right_top : Css.Style -xl__bg_right_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"background-position\\" \\"right top\\" - ] - ] - - -xl__bg_top : Css.Style -xl__bg_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"background-position\\" \\"top\\" - ] - ] - - -xl__bg_repeat : Css.Style -xl__bg_repeat = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundRepeat Css.repeat - ] - ] - - -xl__bg_no_repeat : Css.Style -xl__bg_no_repeat = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundRepeat Css.noRepeat - ] - ] - - -xl__bg_repeat_x : Css.Style -xl__bg_repeat_x = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundRepeat Css.repeatX - ] - ] - - -xl__bg_repeat_y : Css.Style -xl__bg_repeat_y = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundRepeat Css.repeatY - ] - ] - - -xl__bg_repeat_round : Css.Style -xl__bg_repeat_round = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundRepeat Css.round - ] - ] - - -xl__bg_repeat_space : Css.Style -xl__bg_repeat_space = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundRepeat Css.space - ] - ] - - -xl__bg_auto : Css.Style -xl__bg_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundSize Css.auto - ] - ] - - -xl__bg_cover : Css.Style -xl__bg_cover = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundSize Css.cover - ] - ] - - -xl__bg_contain : Css.Style -xl__bg_contain = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.backgroundSize Css.contain - ] - ] - - -xl__border_collapse : Css.Style -xl__border_collapse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderCollapse Css.collapse - ] - ] - - -xl__border_separate : Css.Style -xl__border_separate = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderCollapse Css.separate - ] - ] - - -xl__border_transparent : Css.Style -xl__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor Css.transparent - ] - ] - - -xl__border_current : Css.Style -xl__border_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor Css.currentColor - ] - ] - - -xl__border_black : Css.Style -xl__border_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - - -xl__border_white : Css.Style -xl__border_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - - -xl__border_gray_100 : Css.Style -xl__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - - -xl__border_gray_200 : Css.Style -xl__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - - -xl__border_gray_300 : Css.Style -xl__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - - -xl__border_gray_400 : Css.Style -xl__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - - -xl__border_gray_500 : Css.Style -xl__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - - -xl__border_gray_600 : Css.Style -xl__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - - -xl__border_gray_700 : Css.Style -xl__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - - -xl__border_gray_800 : Css.Style -xl__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - - -xl__border_gray_900 : Css.Style -xl__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - - -xl__border_red_100 : Css.Style -xl__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - - -xl__border_red_200 : Css.Style -xl__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - - -xl__border_red_300 : Css.Style -xl__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - - -xl__border_red_400 : Css.Style -xl__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - - -xl__border_red_500 : Css.Style -xl__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - - -xl__border_red_600 : Css.Style -xl__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - - -xl__border_red_700 : Css.Style -xl__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - - -xl__border_red_800 : Css.Style -xl__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - - -xl__border_red_900 : Css.Style -xl__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - - -xl__border_orange_100 : Css.Style -xl__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - - -xl__border_orange_200 : Css.Style -xl__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - - -xl__border_orange_300 : Css.Style -xl__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - - -xl__border_orange_400 : Css.Style -xl__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - - -xl__border_orange_500 : Css.Style -xl__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - - -xl__border_orange_600 : Css.Style -xl__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - - -xl__border_orange_700 : Css.Style -xl__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - - -xl__border_orange_800 : Css.Style -xl__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - - -xl__border_orange_900 : Css.Style -xl__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - - -xl__border_yellow_100 : Css.Style -xl__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - - -xl__border_yellow_200 : Css.Style -xl__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - - -xl__border_yellow_300 : Css.Style -xl__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - - -xl__border_yellow_400 : Css.Style -xl__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - - -xl__border_yellow_500 : Css.Style -xl__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - - -xl__border_yellow_600 : Css.Style -xl__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - - -xl__border_yellow_700 : Css.Style -xl__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - - -xl__border_yellow_800 : Css.Style -xl__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - - -xl__border_yellow_900 : Css.Style -xl__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - - -xl__border_green_100 : Css.Style -xl__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - - -xl__border_green_200 : Css.Style -xl__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - - -xl__border_green_300 : Css.Style -xl__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - - -xl__border_green_400 : Css.Style -xl__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - - -xl__border_green_500 : Css.Style -xl__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - - -xl__border_green_600 : Css.Style -xl__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - - -xl__border_green_700 : Css.Style -xl__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - - -xl__border_green_800 : Css.Style -xl__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - - -xl__border_green_900 : Css.Style -xl__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - - -xl__border_teal_100 : Css.Style -xl__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - - -xl__border_teal_200 : Css.Style -xl__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - - -xl__border_teal_300 : Css.Style -xl__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - - -xl__border_teal_400 : Css.Style -xl__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - - -xl__border_teal_500 : Css.Style -xl__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - - -xl__border_teal_600 : Css.Style -xl__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - - -xl__border_teal_700 : Css.Style -xl__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - - -xl__border_teal_800 : Css.Style -xl__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - - -xl__border_teal_900 : Css.Style -xl__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - - -xl__border_blue_100 : Css.Style -xl__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - - -xl__border_blue_200 : Css.Style -xl__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - - -xl__border_blue_300 : Css.Style -xl__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - - -xl__border_blue_400 : Css.Style -xl__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - - -xl__border_blue_500 : Css.Style -xl__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - - -xl__border_blue_600 : Css.Style -xl__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - - -xl__border_blue_700 : Css.Style -xl__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - - -xl__border_blue_800 : Css.Style -xl__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - - -xl__border_blue_900 : Css.Style -xl__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - - -xl__border_indigo_100 : Css.Style -xl__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - - -xl__border_indigo_200 : Css.Style -xl__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - - -xl__border_indigo_300 : Css.Style -xl__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - - -xl__border_indigo_400 : Css.Style -xl__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - - -xl__border_indigo_500 : Css.Style -xl__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - - -xl__border_indigo_600 : Css.Style -xl__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - - -xl__border_indigo_700 : Css.Style -xl__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - - -xl__border_indigo_800 : Css.Style -xl__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - - -xl__border_indigo_900 : Css.Style -xl__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - - -xl__border_purple_100 : Css.Style -xl__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - - -xl__border_purple_200 : Css.Style -xl__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - - -xl__border_purple_300 : Css.Style -xl__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - - -xl__border_purple_400 : Css.Style -xl__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - - -xl__border_purple_500 : Css.Style -xl__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - - -xl__border_purple_600 : Css.Style -xl__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - - -xl__border_purple_700 : Css.Style -xl__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - - -xl__border_purple_800 : Css.Style -xl__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - - -xl__border_purple_900 : Css.Style -xl__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - - -xl__border_pink_100 : Css.Style -xl__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - - -xl__border_pink_200 : Css.Style -xl__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - - -xl__border_pink_300 : Css.Style -xl__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - - -xl__border_pink_400 : Css.Style -xl__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - - -xl__border_pink_500 : Css.Style -xl__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - - -xl__border_pink_600 : Css.Style -xl__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - - -xl__border_pink_700 : Css.Style -xl__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - - -xl__border_pink_800 : Css.Style -xl__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - - -xl__border_pink_900 : Css.Style -xl__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - - -xl__hover__border_transparent : Css.Style -xl__hover__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor Css.transparent - ] - ] - ] - - -xl__hover__border_current : Css.Style -xl__hover__border_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor Css.currentColor - ] - ] - ] - - -xl__hover__border_black : Css.Style -xl__hover__border_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - ] - - -xl__hover__border_white : Css.Style -xl__hover__border_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - ] - - -xl__hover__border_gray_100 : Css.Style -xl__hover__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -xl__hover__border_gray_200 : Css.Style -xl__hover__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -xl__hover__border_gray_300 : Css.Style -xl__hover__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -xl__hover__border_gray_400 : Css.Style -xl__hover__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -xl__hover__border_gray_500 : Css.Style -xl__hover__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -xl__hover__border_gray_600 : Css.Style -xl__hover__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - ] - - -xl__hover__border_gray_700 : Css.Style -xl__hover__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -xl__hover__border_gray_800 : Css.Style -xl__hover__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -xl__hover__border_gray_900 : Css.Style -xl__hover__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -xl__hover__border_red_100 : Css.Style -xl__hover__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -xl__hover__border_red_200 : Css.Style -xl__hover__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -xl__hover__border_red_300 : Css.Style -xl__hover__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -xl__hover__border_red_400 : Css.Style -xl__hover__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -xl__hover__border_red_500 : Css.Style -xl__hover__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -xl__hover__border_red_600 : Css.Style -xl__hover__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -xl__hover__border_red_700 : Css.Style -xl__hover__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -xl__hover__border_red_800 : Css.Style -xl__hover__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -xl__hover__border_red_900 : Css.Style -xl__hover__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -xl__hover__border_orange_100 : Css.Style -xl__hover__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -xl__hover__border_orange_200 : Css.Style -xl__hover__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -xl__hover__border_orange_300 : Css.Style -xl__hover__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -xl__hover__border_orange_400 : Css.Style -xl__hover__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -xl__hover__border_orange_500 : Css.Style -xl__hover__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -xl__hover__border_orange_600 : Css.Style -xl__hover__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -xl__hover__border_orange_700 : Css.Style -xl__hover__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -xl__hover__border_orange_800 : Css.Style -xl__hover__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -xl__hover__border_orange_900 : Css.Style -xl__hover__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -xl__hover__border_yellow_100 : Css.Style -xl__hover__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -xl__hover__border_yellow_200 : Css.Style -xl__hover__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -xl__hover__border_yellow_300 : Css.Style -xl__hover__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -xl__hover__border_yellow_400 : Css.Style -xl__hover__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -xl__hover__border_yellow_500 : Css.Style -xl__hover__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -xl__hover__border_yellow_600 : Css.Style -xl__hover__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -xl__hover__border_yellow_700 : Css.Style -xl__hover__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -xl__hover__border_yellow_800 : Css.Style -xl__hover__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -xl__hover__border_yellow_900 : Css.Style -xl__hover__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - ] - - -xl__hover__border_green_100 : Css.Style -xl__hover__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -xl__hover__border_green_200 : Css.Style -xl__hover__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -xl__hover__border_green_300 : Css.Style -xl__hover__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -xl__hover__border_green_400 : Css.Style -xl__hover__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -xl__hover__border_green_500 : Css.Style -xl__hover__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -xl__hover__border_green_600 : Css.Style -xl__hover__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -xl__hover__border_green_700 : Css.Style -xl__hover__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -xl__hover__border_green_800 : Css.Style -xl__hover__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - ] - - -xl__hover__border_green_900 : Css.Style -xl__hover__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -xl__hover__border_teal_100 : Css.Style -xl__hover__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -xl__hover__border_teal_200 : Css.Style -xl__hover__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -xl__hover__border_teal_300 : Css.Style -xl__hover__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -xl__hover__border_teal_400 : Css.Style -xl__hover__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -xl__hover__border_teal_500 : Css.Style -xl__hover__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -xl__hover__border_teal_600 : Css.Style -xl__hover__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - ] - - -xl__hover__border_teal_700 : Css.Style -xl__hover__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -xl__hover__border_teal_800 : Css.Style -xl__hover__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -xl__hover__border_teal_900 : Css.Style -xl__hover__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -xl__hover__border_blue_100 : Css.Style -xl__hover__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -xl__hover__border_blue_200 : Css.Style -xl__hover__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -xl__hover__border_blue_300 : Css.Style -xl__hover__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -xl__hover__border_blue_400 : Css.Style -xl__hover__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -xl__hover__border_blue_500 : Css.Style -xl__hover__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -xl__hover__border_blue_600 : Css.Style -xl__hover__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -xl__hover__border_blue_700 : Css.Style -xl__hover__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -xl__hover__border_blue_800 : Css.Style -xl__hover__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -xl__hover__border_blue_900 : Css.Style -xl__hover__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -xl__hover__border_indigo_100 : Css.Style -xl__hover__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -xl__hover__border_indigo_200 : Css.Style -xl__hover__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -xl__hover__border_indigo_300 : Css.Style -xl__hover__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -xl__hover__border_indigo_400 : Css.Style -xl__hover__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -xl__hover__border_indigo_500 : Css.Style -xl__hover__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -xl__hover__border_indigo_600 : Css.Style -xl__hover__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -xl__hover__border_indigo_700 : Css.Style -xl__hover__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -xl__hover__border_indigo_800 : Css.Style -xl__hover__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - ] - - -xl__hover__border_indigo_900 : Css.Style -xl__hover__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -xl__hover__border_purple_100 : Css.Style -xl__hover__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -xl__hover__border_purple_200 : Css.Style -xl__hover__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -xl__hover__border_purple_300 : Css.Style -xl__hover__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -xl__hover__border_purple_400 : Css.Style -xl__hover__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -xl__hover__border_purple_500 : Css.Style -xl__hover__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -xl__hover__border_purple_600 : Css.Style -xl__hover__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -xl__hover__border_purple_700 : Css.Style -xl__hover__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -xl__hover__border_purple_800 : Css.Style -xl__hover__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -xl__hover__border_purple_900 : Css.Style -xl__hover__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -xl__hover__border_pink_100 : Css.Style -xl__hover__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -xl__hover__border_pink_200 : Css.Style -xl__hover__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -xl__hover__border_pink_300 : Css.Style -xl__hover__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -xl__hover__border_pink_400 : Css.Style -xl__hover__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -xl__hover__border_pink_500 : Css.Style -xl__hover__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -xl__hover__border_pink_600 : Css.Style -xl__hover__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -xl__hover__border_pink_700 : Css.Style -xl__hover__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -xl__hover__border_pink_800 : Css.Style -xl__hover__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -xl__hover__border_pink_900 : Css.Style -xl__hover__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - ] - - -xl__focus__border_transparent : Css.Style -xl__focus__border_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor Css.transparent - ] - ] - ] - - -xl__focus__border_current : Css.Style -xl__focus__border_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor Css.currentColor - ] - ] - ] - - -xl__focus__border_black : Css.Style -xl__focus__border_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#000\\") - ] - ] - ] - - -xl__focus__border_white : Css.Style -xl__focus__border_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fff\\") - ] - ] - ] - - -xl__focus__border_gray_100 : Css.Style -xl__focus__border_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -xl__focus__border_gray_200 : Css.Style -xl__focus__border_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -xl__focus__border_gray_300 : Css.Style -xl__focus__border_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -xl__focus__border_gray_400 : Css.Style -xl__focus__border_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -xl__focus__border_gray_500 : Css.Style -xl__focus__border_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -xl__focus__border_gray_600 : Css.Style -xl__focus__border_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#718096\\") - ] - ] - ] - - -xl__focus__border_gray_700 : Css.Style -xl__focus__border_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4a5568\\") - ] - ] - ] - - -xl__focus__border_gray_800 : Css.Style -xl__focus__border_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2d3748\\") - ] - ] - ] - - -xl__focus__border_gray_900 : Css.Style -xl__focus__border_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#1a202c\\") - ] - ] - ] - - -xl__focus__border_red_100 : Css.Style -xl__focus__border_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -xl__focus__border_red_200 : Css.Style -xl__focus__border_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -xl__focus__border_red_300 : Css.Style -xl__focus__border_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -xl__focus__border_red_400 : Css.Style -xl__focus__border_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fc8181\\") - ] - ] - ] - - -xl__focus__border_red_500 : Css.Style -xl__focus__border_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f56565\\") - ] - ] - ] - - -xl__focus__border_red_600 : Css.Style -xl__focus__border_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -xl__focus__border_red_700 : Css.Style -xl__focus__border_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c53030\\") - ] - ] - ] - - -xl__focus__border_red_800 : Css.Style -xl__focus__border_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -xl__focus__border_red_900 : Css.Style -xl__focus__border_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#742a2a\\") - ] - ] - ] - - -xl__focus__border_orange_100 : Css.Style -xl__focus__border_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -xl__focus__border_orange_200 : Css.Style -xl__focus__border_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#feebc8\\") - ] - ] - ] - - -xl__focus__border_orange_300 : Css.Style -xl__focus__border_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -xl__focus__border_orange_400 : Css.Style -xl__focus__border_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -xl__focus__border_orange_500 : Css.Style -xl__focus__border_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ed8936\\") - ] - ] - ] - - -xl__focus__border_orange_600 : Css.Style -xl__focus__border_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -xl__focus__border_orange_700 : Css.Style -xl__focus__border_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c05621\\") - ] - ] - ] - - -xl__focus__border_orange_800 : Css.Style -xl__focus__border_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9c4221\\") - ] - ] - ] - - -xl__focus__border_orange_900 : Css.Style -xl__focus__border_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#7b341e\\") - ] - ] - ] - - -xl__focus__border_yellow_100 : Css.Style -xl__focus__border_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fffff0\\") - ] - ] - ] - - -xl__focus__border_yellow_200 : Css.Style -xl__focus__border_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -xl__focus__border_yellow_300 : Css.Style -xl__focus__border_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#faf089\\") - ] - ] - ] - - -xl__focus__border_yellow_400 : Css.Style -xl__focus__border_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -xl__focus__border_yellow_500 : Css.Style -xl__focus__border_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -xl__focus__border_yellow_600 : Css.Style -xl__focus__border_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -xl__focus__border_yellow_700 : Css.Style -xl__focus__border_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b7791f\\") - ] - ] - ] - - -xl__focus__border_yellow_800 : Css.Style -xl__focus__border_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#975a16\\") - ] - ] - ] - - -xl__focus__border_yellow_900 : Css.Style -xl__focus__border_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#744210\\") - ] - ] - ] - - -xl__focus__border_green_100 : Css.Style -xl__focus__border_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -xl__focus__border_green_200 : Css.Style -xl__focus__border_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -xl__focus__border_green_300 : Css.Style -xl__focus__border_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -xl__focus__border_green_400 : Css.Style -xl__focus__border_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#68d391\\") - ] - ] - ] - - -xl__focus__border_green_500 : Css.Style -xl__focus__border_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#48bb78\\") - ] - ] - ] - - -xl__focus__border_green_600 : Css.Style -xl__focus__border_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#38a169\\") - ] - ] - ] - - -xl__focus__border_green_700 : Css.Style -xl__focus__border_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2f855a\\") - ] - ] - ] - - -xl__focus__border_green_800 : Css.Style -xl__focus__border_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#276749\\") - ] - ] - ] - - -xl__focus__border_green_900 : Css.Style -xl__focus__border_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#22543d\\") - ] - ] - ] - - -xl__focus__border_teal_100 : Css.Style -xl__focus__border_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -xl__focus__border_teal_200 : Css.Style -xl__focus__border_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -xl__focus__border_teal_300 : Css.Style -xl__focus__border_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -xl__focus__border_teal_400 : Css.Style -xl__focus__border_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -xl__focus__border_teal_500 : Css.Style -xl__focus__border_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -xl__focus__border_teal_600 : Css.Style -xl__focus__border_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#319795\\") - ] - ] - ] - - -xl__focus__border_teal_700 : Css.Style -xl__focus__border_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -xl__focus__border_teal_800 : Css.Style -xl__focus__border_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#285e61\\") - ] - ] - ] - - -xl__focus__border_teal_900 : Css.Style -xl__focus__border_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#234e52\\") - ] - ] - ] - - -xl__focus__border_blue_100 : Css.Style -xl__focus__border_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -xl__focus__border_blue_200 : Css.Style -xl__focus__border_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -xl__focus__border_blue_300 : Css.Style -xl__focus__border_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -xl__focus__border_blue_400 : Css.Style -xl__focus__border_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -xl__focus__border_blue_500 : Css.Style -xl__focus__border_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4299e1\\") - ] - ] - ] - - -xl__focus__border_blue_600 : Css.Style -xl__focus__border_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#3182ce\\") - ] - ] - ] - - -xl__focus__border_blue_700 : Css.Style -xl__focus__border_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -xl__focus__border_blue_800 : Css.Style -xl__focus__border_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2c5282\\") - ] - ] - ] - - -xl__focus__border_blue_900 : Css.Style -xl__focus__border_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#2a4365\\") - ] - ] - ] - - -xl__focus__border_indigo_100 : Css.Style -xl__focus__border_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -xl__focus__border_indigo_200 : Css.Style -xl__focus__border_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -xl__focus__border_indigo_300 : Css.Style -xl__focus__border_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -xl__focus__border_indigo_400 : Css.Style -xl__focus__border_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -xl__focus__border_indigo_500 : Css.Style -xl__focus__border_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#667eea\\") - ] - ] - ] - - -xl__focus__border_indigo_600 : Css.Style -xl__focus__border_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -xl__focus__border_indigo_700 : Css.Style -xl__focus__border_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -xl__focus__border_indigo_800 : Css.Style -xl__focus__border_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#434190\\") - ] - ] - ] - - -xl__focus__border_indigo_900 : Css.Style -xl__focus__border_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#3c366b\\") - ] - ] - ] - - -xl__focus__border_purple_100 : Css.Style -xl__focus__border_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -xl__focus__border_purple_200 : Css.Style -xl__focus__border_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -xl__focus__border_purple_300 : Css.Style -xl__focus__border_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -xl__focus__border_purple_400 : Css.Style -xl__focus__border_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b794f4\\") - ] - ] - ] - - -xl__focus__border_purple_500 : Css.Style -xl__focus__border_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -xl__focus__border_purple_600 : Css.Style -xl__focus__border_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#805ad5\\") - ] - ] - ] - - -xl__focus__border_purple_700 : Css.Style -xl__focus__border_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -xl__focus__border_purple_800 : Css.Style -xl__focus__border_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#553c9a\\") - ] - ] - ] - - -xl__focus__border_purple_900 : Css.Style -xl__focus__border_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#44337a\\") - ] - ] - ] - - -xl__focus__border_pink_100 : Css.Style -xl__focus__border_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -xl__focus__border_pink_200 : Css.Style -xl__focus__border_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -xl__focus__border_pink_300 : Css.Style -xl__focus__border_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -xl__focus__border_pink_400 : Css.Style -xl__focus__border_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#f687b3\\") - ] - ] - ] - - -xl__focus__border_pink_500 : Css.Style -xl__focus__border_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -xl__focus__border_pink_600 : Css.Style -xl__focus__border_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -xl__focus__border_pink_700 : Css.Style -xl__focus__border_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#b83280\\") - ] - ] - ] - - -xl__focus__border_pink_800 : Css.Style -xl__focus__border_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#97266d\\") - ] - ] - ] - - -xl__focus__border_pink_900 : Css.Style -xl__focus__border_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.borderColor (Css.hex \\"#702459\\") - ] - ] - ] - - -xl__rounded_none : Css.Style -xl__rounded_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderRadius (Css.px 0) - ] - ] - - -xl__rounded_sm : Css.Style -xl__rounded_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderRadius (Css.rem 0.125) - ] - ] - - -xl__rounded : Css.Style -xl__rounded = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_md : Css.Style -xl__rounded_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_lg : Css.Style -xl__rounded_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_full : Css.Style -xl__rounded_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderRadius (Css.px 9999) - ] - ] - - -xl__rounded_t_none : Css.Style -xl__rounded_t_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderTopRightRadius (Css.px 0) - ] - ] - - -xl__rounded_r_none : Css.Style -xl__rounded_r_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopRightRadius (Css.px 0) - , Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -xl__rounded_b_none : Css.Style -xl__rounded_b_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomRightRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -xl__rounded_l_none : Css.Style -xl__rounded_l_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.px 0) - , Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -xl__rounded_t_sm : Css.Style -xl__rounded_t_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_r_sm : Css.Style -xl__rounded_r_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - , Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_b_sm : Css.Style -xl__rounded_b_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_l_sm : Css.Style -xl__rounded_l_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - , Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_t : Css.Style -xl__rounded_t = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_r : Css.Style -xl__rounded_r = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - , Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_b : Css.Style -xl__rounded_b = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_l : Css.Style -xl__rounded_l = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - , Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_t_md : Css.Style -xl__rounded_t_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_r_md : Css.Style -xl__rounded_r_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - , Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_b_md : Css.Style -xl__rounded_b_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_l_md : Css.Style -xl__rounded_l_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - , Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_t_lg : Css.Style -xl__rounded_t_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_r_lg : Css.Style -xl__rounded_r_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - , Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_b_lg : Css.Style -xl__rounded_b_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_l_lg : Css.Style -xl__rounded_l_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - , Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_t_full : Css.Style -xl__rounded_t_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -xl__rounded_r_full : Css.Style -xl__rounded_r_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopRightRadius (Css.px 9999) - , Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -xl__rounded_b_full : Css.Style -xl__rounded_b_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomRightRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -xl__rounded_l_full : Css.Style -xl__rounded_l_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.px 9999) - , Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -xl__rounded_tl_none : Css.Style -xl__rounded_tl_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.px 0) - ] - ] - - -xl__rounded_tr_none : Css.Style -xl__rounded_tr_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopRightRadius (Css.px 0) - ] - ] - - -xl__rounded_br_none : Css.Style -xl__rounded_br_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomRightRadius (Css.px 0) - ] - ] - - -xl__rounded_bl_none : Css.Style -xl__rounded_bl_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomLeftRadius (Css.px 0) - ] - ] - - -xl__rounded_tl_sm : Css.Style -xl__rounded_tl_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_tr_sm : Css.Style -xl__rounded_tr_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_br_sm : Css.Style -xl__rounded_br_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_bl_sm : Css.Style -xl__rounded_bl_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.125) - ] - ] - - -xl__rounded_tl : Css.Style -xl__rounded_tl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_tr : Css.Style -xl__rounded_tr = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_br : Css.Style -xl__rounded_br = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_bl : Css.Style -xl__rounded_bl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.25) - ] - ] - - -xl__rounded_tl_md : Css.Style -xl__rounded_tl_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_tr_md : Css.Style -xl__rounded_tr_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_br_md : Css.Style -xl__rounded_br_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_bl_md : Css.Style -xl__rounded_bl_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.375) - ] - ] - - -xl__rounded_tl_lg : Css.Style -xl__rounded_tl_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_tr_lg : Css.Style -xl__rounded_tr_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopRightRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_br_lg : Css.Style -xl__rounded_br_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomRightRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_bl_lg : Css.Style -xl__rounded_bl_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomLeftRadius (Css.rem 0.5) - ] - ] - - -xl__rounded_tl_full : Css.Style -xl__rounded_tl_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopLeftRadius (Css.px 9999) - ] - ] - - -xl__rounded_tr_full : Css.Style -xl__rounded_tr_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopRightRadius (Css.px 9999) - ] - ] - - -xl__rounded_br_full : Css.Style -xl__rounded_br_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomRightRadius (Css.px 9999) - ] - ] - - -xl__rounded_bl_full : Css.Style -xl__rounded_bl_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomLeftRadius (Css.px 9999) - ] - ] - - -xl__border_solid : Css.Style -xl__border_solid = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderStyle Css.solid - ] - ] - - -xl__border_dashed : Css.Style -xl__border_dashed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderStyle Css.dashed - ] - ] - - -xl__border_dotted : Css.Style -xl__border_dotted = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderStyle Css.dotted - ] - ] - - -xl__border_double : Css.Style -xl__border_double = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderStyle Css.double - ] - ] - - -xl__border_none : Css.Style -xl__border_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderStyle Css.none - ] - ] - - -xl__border_0 : Css.Style -xl__border_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderWidth (Css.px 0) - ] - ] - - -xl__border_2 : Css.Style -xl__border_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderWidth (Css.px 2) - ] - ] - - -xl__border_4 : Css.Style -xl__border_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderWidth (Css.px 4) - ] - ] - - -xl__border_8 : Css.Style -xl__border_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderWidth (Css.px 8) - ] - ] - - -xl__border : Css.Style -xl__border = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderWidth (Css.px 1) - ] - ] - - -xl__border_t_0 : Css.Style -xl__border_t_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopWidth (Css.px 0) - ] - ] - - -xl__border_r_0 : Css.Style -xl__border_r_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderRightWidth (Css.px 0) - ] - ] - - -xl__border_b_0 : Css.Style -xl__border_b_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomWidth (Css.px 0) - ] - ] - - -xl__border_l_0 : Css.Style -xl__border_l_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderLeftWidth (Css.px 0) - ] - ] - - -xl__border_t_2 : Css.Style -xl__border_t_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopWidth (Css.px 2) - ] - ] - - -xl__border_r_2 : Css.Style -xl__border_r_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderRightWidth (Css.px 2) - ] - ] - - -xl__border_b_2 : Css.Style -xl__border_b_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomWidth (Css.px 2) - ] - ] - - -xl__border_l_2 : Css.Style -xl__border_l_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderLeftWidth (Css.px 2) - ] - ] - - -xl__border_t_4 : Css.Style -xl__border_t_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopWidth (Css.px 4) - ] - ] - - -xl__border_r_4 : Css.Style -xl__border_r_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderRightWidth (Css.px 4) - ] - ] - - -xl__border_b_4 : Css.Style -xl__border_b_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomWidth (Css.px 4) - ] - ] - - -xl__border_l_4 : Css.Style -xl__border_l_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderLeftWidth (Css.px 4) - ] - ] - - -xl__border_t_8 : Css.Style -xl__border_t_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopWidth (Css.px 8) - ] - ] - - -xl__border_r_8 : Css.Style -xl__border_r_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderRightWidth (Css.px 8) - ] - ] - - -xl__border_b_8 : Css.Style -xl__border_b_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomWidth (Css.px 8) - ] - ] - - -xl__border_l_8 : Css.Style -xl__border_l_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderLeftWidth (Css.px 8) - ] - ] - - -xl__border_t : Css.Style -xl__border_t = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderTopWidth (Css.px 1) - ] - ] - - -xl__border_r : Css.Style -xl__border_r = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderRightWidth (Css.px 1) - ] - ] - - -xl__border_b : Css.Style -xl__border_b = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderBottomWidth (Css.px 1) - ] - ] - - -xl__border_l : Css.Style -xl__border_l = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.borderLeftWidth (Css.px 1) - ] - ] - - -xl__box_border : Css.Style -xl__box_border = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.boxSizing Css.borderBox - ] - ] - - -xl__box_content : Css.Style -xl__box_content = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.boxSizing Css.contentBox - ] - ] - - -xl__cursor_auto : Css.Style -xl__cursor_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.cursor Css.auto - ] - ] - - -xl__cursor_default : Css.Style -xl__cursor_default = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.cursor Css.default - ] - ] - - -xl__cursor_pointer : Css.Style -xl__cursor_pointer = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.cursor Css.pointer - ] - ] - - -xl__cursor_wait : Css.Style -xl__cursor_wait = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.cursor Css.wait - ] - ] - - -xl__cursor_text : Css.Style -xl__cursor_text = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"cursor\\" \\"text\\" - ] - ] - - -xl__cursor_move : Css.Style -xl__cursor_move = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.cursor Css.move - ] - ] - - -xl__cursor_not_allowed : Css.Style -xl__cursor_not_allowed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.cursor Css.notAllowed - ] - ] - - -xl__block : Css.Style -xl__block = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.block - ] - ] - - -xl__inline_block : Css.Style -xl__inline_block = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.inlineBlock - ] - ] - - -xl__inline : Css.Style -xl__inline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.inline - ] - ] - - -xl__flex : Css.Style -xl__flex = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.displayFlex - ] - ] - - -xl__inline_flex : Css.Style -xl__inline_flex = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.inlineFlex - ] - ] - - -xl__table : Css.Style -xl__table = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.table - ] - ] - - -xl__table_caption : Css.Style -xl__table_caption = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.tableCaption - ] - ] - - -xl__table_cell : Css.Style -xl__table_cell = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.tableCell - ] - ] - - -xl__table_column : Css.Style -xl__table_column = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.tableColumn - ] - ] - - -xl__table_column_group : Css.Style -xl__table_column_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.tableColumnGroup - ] - ] - - -xl__table_footer_group : Css.Style -xl__table_footer_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.tableFooterGroup - ] - ] - - -xl__table_header_group : Css.Style -xl__table_header_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.tableHeaderGroup - ] - ] - - -xl__table_row_group : Css.Style -xl__table_row_group = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.tableRowGroup - ] - ] - - -xl__table_row : Css.Style -xl__table_row = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.tableRow - ] - ] - - -xl__flow_root : Css.Style -xl__flow_root = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"display\\" \\"flow-root\\" - ] - ] - - -xl__grid : Css.Style -xl__grid = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"display\\" \\"grid\\" - ] - ] - - -xl__inline_grid : Css.Style -xl__inline_grid = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"display\\" \\"inline-grid\\" - ] - ] - - -xl__hidden : Css.Style -xl__hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.display Css.none - ] - ] - - -xl__flex_row : Css.Style -xl__flex_row = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.flexDirection Css.row - ] - ] - - -xl__flex_row_reverse : Css.Style -xl__flex_row_reverse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.flexDirection Css.rowReverse - ] - ] - - -xl__flex_col : Css.Style -xl__flex_col = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.flexDirection Css.column - ] - ] - - -xl__flex_col_reverse : Css.Style -xl__flex_col_reverse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.flexDirection Css.columnReverse - ] - ] - - -xl__flex_wrap : Css.Style -xl__flex_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.flexWrap Css.wrap - ] - ] - - -xl__flex_wrap_reverse : Css.Style -xl__flex_wrap_reverse = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.flexWrap Css.wrapReverse - ] - ] - - -xl__flex_no_wrap : Css.Style -xl__flex_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.flexWrap Css.noWrap - ] - ] - - -xl__items_start : Css.Style -xl__items_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.alignItems Css.flexStart - ] - ] - - -xl__items_end : Css.Style -xl__items_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.alignItems Css.flexEnd - ] - ] - - -xl__items_center : Css.Style -xl__items_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.alignItems Css.center - ] - ] - - -xl__items_baseline : Css.Style -xl__items_baseline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.alignItems Css.baseline - ] - ] - - -xl__items_stretch : Css.Style -xl__items_stretch = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.alignItems Css.stretch - ] - ] - - -xl__self_auto : Css.Style -xl__self_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"align-self\\" \\"auto\\" - ] - ] - - -xl__self_start : Css.Style -xl__self_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.alignSelf Css.flexStart - ] - ] - - -xl__self_end : Css.Style -xl__self_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.alignSelf Css.flexEnd - ] - ] - - -xl__self_center : Css.Style -xl__self_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.alignSelf Css.center - ] - ] - - -xl__self_stretch : Css.Style -xl__self_stretch = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.alignSelf Css.stretch - ] - ] - - -xl__justify_start : Css.Style -xl__justify_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.justifyContent Css.flexStart - ] - ] - - -xl__justify_end : Css.Style -xl__justify_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.justifyContent Css.flexEnd - ] - ] - - -xl__justify_center : Css.Style -xl__justify_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.justifyContent Css.center - ] - ] - - -xl__justify_between : Css.Style -xl__justify_between = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.justifyContent Css.spaceBetween - ] - ] - - -xl__justify_around : Css.Style -xl__justify_around = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.justifyContent Css.spaceAround - ] - ] - - -xl__justify_evenly : Css.Style -xl__justify_evenly = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"justify-content\\" \\"space-evenly\\" - ] - ] - - -xl__content_center : Css.Style -xl__content_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"align-content\\" \\"center\\" - ] - ] - - -xl__content_start : Css.Style -xl__content_start = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"align-content\\" \\"flex-start\\" - ] - ] - - -xl__content_end : Css.Style -xl__content_end = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"align-content\\" \\"flex-end\\" - ] - ] - - -xl__content_between : Css.Style -xl__content_between = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"align-content\\" \\"space-between\\" - ] - ] - - -xl__content_around : Css.Style -xl__content_around = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"align-content\\" \\"space-around\\" - ] - ] - - -xl__flex_1 : Css.Style -xl__flex_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"flex\\" \\"1 1 0%\\" - ] - ] - - -xl__flex_auto : Css.Style -xl__flex_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"flex\\" \\"1 1 auto\\" - ] - ] - - -xl__flex_initial : Css.Style -xl__flex_initial = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"flex\\" \\"0 1 auto\\" - ] - ] - - -xl__flex_none : Css.Style -xl__flex_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"flex\\" \\"none\\" - ] - ] - - -xl__flex_grow_0 : Css.Style -xl__flex_grow_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.flexGrow (Css.int 0) - ] - ] - - -xl__flex_grow : Css.Style -xl__flex_grow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.flexGrow (Css.int 1) - ] - ] - - -xl__flex_shrink_0 : Css.Style -xl__flex_shrink_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.flexShrink (Css.int 0) - ] - ] - - -xl__flex_shrink : Css.Style -xl__flex_shrink = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.flexShrink (Css.int 1) - ] - ] - - -xl__order_1 : Css.Style -xl__order_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 1) - ] - ] - - -xl__order_2 : Css.Style -xl__order_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 2) - ] - ] - - -xl__order_3 : Css.Style -xl__order_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 3) - ] - ] - - -xl__order_4 : Css.Style -xl__order_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 4) - ] - ] - - -xl__order_5 : Css.Style -xl__order_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 5) - ] - ] - - -xl__order_6 : Css.Style -xl__order_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 6) - ] - ] - - -xl__order_7 : Css.Style -xl__order_7 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 7) - ] - ] - - -xl__order_8 : Css.Style -xl__order_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 8) - ] - ] - - -xl__order_9 : Css.Style -xl__order_9 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 9) - ] - ] - - -xl__order_10 : Css.Style -xl__order_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 10) - ] - ] - - -xl__order_11 : Css.Style -xl__order_11 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 11) - ] - ] - - -xl__order_12 : Css.Style -xl__order_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 12) - ] - ] - - -xl__order_first : Css.Style -xl__order_first = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int -9999) - ] - ] - - -xl__order_last : Css.Style -xl__order_last = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 9999) - ] - ] - - -xl__order_none : Css.Style -xl__order_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.order (Css.int 0) - ] - ] - - -xl__float_right : Css.Style -xl__float_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"float\\" \\"right\\" - ] - ] - - -xl__float_left : Css.Style -xl__float_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"float\\" \\"left\\" - ] - ] - - -xl__float_none : Css.Style -xl__float_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"float\\" \\"none\\" - ] - ] - - -xl__clearfix : Css.Style -xl__clearfix = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"content\\" \\"\\\\\\"\\\\\\"\\" - , Css.display Css.table - , Css.property \\"clear\\" \\"both\\" - ] - ] - - -xl__clear_left : Css.Style -xl__clear_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"clear\\" \\"left\\" - ] - ] - - -xl__clear_right : Css.Style -xl__clear_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"clear\\" \\"right\\" - ] - ] - - -xl__clear_both : Css.Style -xl__clear_both = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"clear\\" \\"both\\" - ] - ] - - -xl__clear_none : Css.Style -xl__clear_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"clear\\" \\"none\\" - ] - ] - - -xl__font_sans : Css.Style -xl__font_sans = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"font-family\\" \\"system-ui, -apple-system, BlinkMacSystemFont, \\\\\\"Segoe UI\\\\\\", Roboto, \\\\\\"Helvetica Neue\\\\\\", Arial, \\\\\\"Noto Sans\\\\\\", sans-serif, \\\\\\"Apple Color Emoji\\\\\\", \\\\\\"Segoe UI Emoji\\\\\\", \\\\\\"Segoe UI Symbol\\\\\\", \\\\\\"Noto Color Emoji\\\\\\"\\" - ] - ] - - -xl__font_serif : Css.Style -xl__font_serif = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"font-family\\" \\"Georgia, Cambria, \\\\\\"Times New Roman\\\\\\", Times, serif\\" - ] - ] - - -xl__font_mono : Css.Style -xl__font_mono = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"font-family\\" \\"Menlo, Monaco, Consolas, \\\\\\"Liberation Mono\\\\\\", \\\\\\"Courier New\\\\\\", monospace\\" - ] - ] - - -xl__font_hairline : Css.Style -xl__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontWeight (Css.int 100) - ] - ] - - -xl__font_thin : Css.Style -xl__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontWeight (Css.int 200) - ] - ] - - -xl__font_light : Css.Style -xl__font_light = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontWeight (Css.int 300) - ] - ] - - -xl__font_normal : Css.Style -xl__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontWeight (Css.int 400) - ] - ] - - -xl__font_medium : Css.Style -xl__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontWeight (Css.int 500) - ] - ] - - -xl__font_semibold : Css.Style -xl__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontWeight (Css.int 600) - ] - ] - - -xl__font_bold : Css.Style -xl__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontWeight (Css.int 700) - ] - ] - - -xl__font_extrabold : Css.Style -xl__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontWeight (Css.int 800) - ] - ] - - -xl__font_black : Css.Style -xl__font_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontWeight (Css.int 900) - ] - ] - - -xl__hover__font_hairline : Css.Style -xl__hover__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -xl__hover__font_thin : Css.Style -xl__hover__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -xl__hover__font_light : Css.Style -xl__hover__font_light = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -xl__hover__font_normal : Css.Style -xl__hover__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -xl__hover__font_medium : Css.Style -xl__hover__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -xl__hover__font_semibold : Css.Style -xl__hover__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -xl__hover__font_bold : Css.Style -xl__hover__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -xl__hover__font_extrabold : Css.Style -xl__hover__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -xl__hover__font_black : Css.Style -xl__hover__font_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -xl__focus__font_hairline : Css.Style -xl__focus__font_hairline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 100) - ] - ] - ] - - -xl__focus__font_thin : Css.Style -xl__focus__font_thin = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 200) - ] - ] - ] - - -xl__focus__font_light : Css.Style -xl__focus__font_light = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 300) - ] - ] - ] - - -xl__focus__font_normal : Css.Style -xl__focus__font_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 400) - ] - ] - ] - - -xl__focus__font_medium : Css.Style -xl__focus__font_medium = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 500) - ] - ] - ] - - -xl__focus__font_semibold : Css.Style -xl__focus__font_semibold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 600) - ] - ] - ] - - -xl__focus__font_bold : Css.Style -xl__focus__font_bold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 700) - ] - ] - ] - - -xl__focus__font_extrabold : Css.Style -xl__focus__font_extrabold = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 800) - ] - ] - ] - - -xl__focus__font_black : Css.Style -xl__focus__font_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.fontWeight (Css.int 900) - ] - ] - ] - - -xl__h_0 : Css.Style -xl__h_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.px 0) - ] - ] - - -xl__h_1 : Css.Style -xl__h_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 0.25) - ] - ] - - -xl__h_2 : Css.Style -xl__h_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 0.5) - ] - ] - - -xl__h_3 : Css.Style -xl__h_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 0.75) - ] - ] - - -xl__h_4 : Css.Style -xl__h_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 1) - ] - ] - - -xl__h_5 : Css.Style -xl__h_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 1.25) - ] - ] - - -xl__h_6 : Css.Style -xl__h_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 1.5) - ] - ] - - -xl__h_8 : Css.Style -xl__h_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 2) - ] - ] - - -xl__h_10 : Css.Style -xl__h_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 2.5) - ] - ] - - -xl__h_12 : Css.Style -xl__h_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 3) - ] - ] - - -xl__h_16 : Css.Style -xl__h_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 4) - ] - ] - - -xl__h_20 : Css.Style -xl__h_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 5) - ] - ] - - -xl__h_24 : Css.Style -xl__h_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 6) - ] - ] - - -xl__h_32 : Css.Style -xl__h_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 8) - ] - ] - - -xl__h_40 : Css.Style -xl__h_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 10) - ] - ] - - -xl__h_48 : Css.Style -xl__h_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 12) - ] - ] - - -xl__h_56 : Css.Style -xl__h_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 14) - ] - ] - - -xl__h_64 : Css.Style -xl__h_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.rem 16) - ] - ] - - -xl__h_auto : Css.Style -xl__h_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height Css.auto - ] - ] - - -xl__h_px : Css.Style -xl__h_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.px 1) - ] - ] - - -xl__h_full : Css.Style -xl__h_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.pct 100) - ] - ] - - -xl__h_screen : Css.Style -xl__h_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.height (Css.vh 100) - ] - ] - - -xl__text_xs : Css.Style -xl__text_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontSize (Css.rem 0.75) - ] - ] - - -xl__text_sm : Css.Style -xl__text_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontSize (Css.rem 0.875) - ] - ] - - -xl__text_base : Css.Style -xl__text_base = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontSize (Css.rem 1) - ] - ] - - -xl__text_lg : Css.Style -xl__text_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontSize (Css.rem 1.125) - ] - ] - - -xl__text_xl : Css.Style -xl__text_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontSize (Css.rem 1.25) - ] - ] - - -xl__text_2xl : Css.Style -xl__text_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontSize (Css.rem 1.5) - ] - ] - - -xl__text_3xl : Css.Style -xl__text_3xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontSize (Css.rem 1.875) - ] - ] - - -xl__text_4xl : Css.Style -xl__text_4xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontSize (Css.rem 2.25) - ] - ] - - -xl__text_5xl : Css.Style -xl__text_5xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontSize (Css.rem 3) - ] - ] - - -xl__text_6xl : Css.Style -xl__text_6xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontSize (Css.rem 4) - ] - ] - - -xl__leading_3 : Css.Style -xl__leading_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.rem 0.75) - ] - ] - - -xl__leading_4 : Css.Style -xl__leading_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.rem 1) - ] - ] - - -xl__leading_5 : Css.Style -xl__leading_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.rem 1.25) - ] - ] - - -xl__leading_6 : Css.Style -xl__leading_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.rem 1.5) - ] - ] - - -xl__leading_7 : Css.Style -xl__leading_7 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.rem 1.75) - ] - ] - - -xl__leading_8 : Css.Style -xl__leading_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.rem 2) - ] - ] - - -xl__leading_9 : Css.Style -xl__leading_9 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.rem 2.25) - ] - ] - - -xl__leading_10 : Css.Style -xl__leading_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.rem 2.5) - ] - ] - - -xl__leading_none : Css.Style -xl__leading_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.int 1) - ] - ] - - -xl__leading_tight : Css.Style -xl__leading_tight = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.num 1.25) - ] - ] - - -xl__leading_snug : Css.Style -xl__leading_snug = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.num 1.375) - ] - ] - - -xl__leading_normal : Css.Style -xl__leading_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.num 1.5) - ] - ] - - -xl__leading_relaxed : Css.Style -xl__leading_relaxed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.num 1.625) - ] - ] - - -xl__leading_loose : Css.Style -xl__leading_loose = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.lineHeight (Css.int 2) - ] - ] - - -xl__list_inside : Css.Style -xl__list_inside = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.listStylePosition Css.inside - ] - ] - - -xl__list_outside : Css.Style -xl__list_outside = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.listStylePosition Css.outside - ] - ] - - -xl__list_none : Css.Style -xl__list_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.listStyleType Css.none - ] - ] - - -xl__list_disc : Css.Style -xl__list_disc = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.listStyleType Css.disc - ] - ] - - -xl__list_decimal : Css.Style -xl__list_decimal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.listStyleType Css.decimal - ] - ] - - -xl__m_0 : Css.Style -xl__m_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.px 0) - ] - ] - - -xl__m_1 : Css.Style -xl__m_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 0.25) - ] - ] - - -xl__m_2 : Css.Style -xl__m_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 0.5) - ] - ] - - -xl__m_3 : Css.Style -xl__m_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 0.75) - ] - ] - - -xl__m_4 : Css.Style -xl__m_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 1) - ] - ] - - -xl__m_5 : Css.Style -xl__m_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 1.25) - ] - ] - - -xl__m_6 : Css.Style -xl__m_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 1.5) - ] - ] - - -xl__m_8 : Css.Style -xl__m_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 2) - ] - ] - - -xl__m_10 : Css.Style -xl__m_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 2.5) - ] - ] - - -xl__m_12 : Css.Style -xl__m_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 3) - ] - ] - - -xl__m_16 : Css.Style -xl__m_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 4) - ] - ] - - -xl__m_20 : Css.Style -xl__m_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 5) - ] - ] - - -xl__m_24 : Css.Style -xl__m_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 6) - ] - ] - - -xl__m_32 : Css.Style -xl__m_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 8) - ] - ] - - -xl__m_40 : Css.Style -xl__m_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 10) - ] - ] - - -xl__m_48 : Css.Style -xl__m_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 12) - ] - ] - - -xl__m_56 : Css.Style -xl__m_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 14) - ] - ] - - -xl__m_64 : Css.Style -xl__m_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem 16) - ] - ] - - -xl__m_auto : Css.Style -xl__m_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin Css.auto - ] - ] - - -xl__m_px : Css.Style -xl__m_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.px 1) - ] - ] - - -xl__neg_m_1 : Css.Style -xl__neg_m_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -0.25) - ] - ] - - -xl__neg_m_2 : Css.Style -xl__neg_m_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -0.5) - ] - ] - - -xl__neg_m_3 : Css.Style -xl__neg_m_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -0.75) - ] - ] - - -xl__neg_m_4 : Css.Style -xl__neg_m_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -1) - ] - ] - - -xl__neg_m_5 : Css.Style -xl__neg_m_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -1.25) - ] - ] - - -xl__neg_m_6 : Css.Style -xl__neg_m_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -1.5) - ] - ] - - -xl__neg_m_8 : Css.Style -xl__neg_m_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -2) - ] - ] - - -xl__neg_m_10 : Css.Style -xl__neg_m_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -2.5) - ] - ] - - -xl__neg_m_12 : Css.Style -xl__neg_m_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -3) - ] - ] - - -xl__neg_m_16 : Css.Style -xl__neg_m_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -4) - ] - ] - - -xl__neg_m_20 : Css.Style -xl__neg_m_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -5) - ] - ] - - -xl__neg_m_24 : Css.Style -xl__neg_m_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -6) - ] - ] - - -xl__neg_m_32 : Css.Style -xl__neg_m_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -8) - ] - ] - - -xl__neg_m_40 : Css.Style -xl__neg_m_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -10) - ] - ] - - -xl__neg_m_48 : Css.Style -xl__neg_m_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -12) - ] - ] - - -xl__neg_m_56 : Css.Style -xl__neg_m_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -14) - ] - ] - - -xl__neg_m_64 : Css.Style -xl__neg_m_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.rem -16) - ] - ] - - -xl__neg_m_px : Css.Style -xl__neg_m_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.margin (Css.px -1) - ] - ] - - -xl__my_0 : Css.Style -xl__my_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.px 0) - , Css.marginBottom (Css.px 0) - ] - ] - - -xl__mx_0 : Css.Style -xl__mx_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.px 0) - , Css.marginRight (Css.px 0) - ] - ] - - -xl__my_1 : Css.Style -xl__my_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 0.25) - , Css.marginBottom (Css.rem 0.25) - ] - ] - - -xl__mx_1 : Css.Style -xl__mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 0.25) - , Css.marginRight (Css.rem 0.25) - ] - ] - - -xl__my_2 : Css.Style -xl__my_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 0.5) - , Css.marginBottom (Css.rem 0.5) - ] - ] - - -xl__mx_2 : Css.Style -xl__mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 0.5) - , Css.marginRight (Css.rem 0.5) - ] - ] - - -xl__my_3 : Css.Style -xl__my_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 0.75) - , Css.marginBottom (Css.rem 0.75) - ] - ] - - -xl__mx_3 : Css.Style -xl__mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 0.75) - , Css.marginRight (Css.rem 0.75) - ] - ] - - -xl__my_4 : Css.Style -xl__my_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 1) - , Css.marginBottom (Css.rem 1) - ] - ] - - -xl__mx_4 : Css.Style -xl__mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 1) - , Css.marginRight (Css.rem 1) - ] - ] - - -xl__my_5 : Css.Style -xl__my_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 1.25) - , Css.marginBottom (Css.rem 1.25) - ] - ] - - -xl__mx_5 : Css.Style -xl__mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 1.25) - , Css.marginRight (Css.rem 1.25) - ] - ] - - -xl__my_6 : Css.Style -xl__my_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 1.5) - , Css.marginBottom (Css.rem 1.5) - ] - ] - - -xl__mx_6 : Css.Style -xl__mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 1.5) - , Css.marginRight (Css.rem 1.5) - ] - ] - - -xl__my_8 : Css.Style -xl__my_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 2) - , Css.marginBottom (Css.rem 2) - ] - ] - - -xl__mx_8 : Css.Style -xl__mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 2) - , Css.marginRight (Css.rem 2) - ] - ] - - -xl__my_10 : Css.Style -xl__my_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 2.5) - , Css.marginBottom (Css.rem 2.5) - ] - ] - - -xl__mx_10 : Css.Style -xl__mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 2.5) - , Css.marginRight (Css.rem 2.5) - ] - ] - - -xl__my_12 : Css.Style -xl__my_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 3) - , Css.marginBottom (Css.rem 3) - ] - ] - - -xl__mx_12 : Css.Style -xl__mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 3) - , Css.marginRight (Css.rem 3) - ] - ] - - -xl__my_16 : Css.Style -xl__my_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 4) - , Css.marginBottom (Css.rem 4) - ] - ] - - -xl__mx_16 : Css.Style -xl__mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 4) - , Css.marginRight (Css.rem 4) - ] - ] - - -xl__my_20 : Css.Style -xl__my_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 5) - , Css.marginBottom (Css.rem 5) - ] - ] - - -xl__mx_20 : Css.Style -xl__mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 5) - , Css.marginRight (Css.rem 5) - ] - ] - - -xl__my_24 : Css.Style -xl__my_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 6) - , Css.marginBottom (Css.rem 6) - ] - ] - - -xl__mx_24 : Css.Style -xl__mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 6) - , Css.marginRight (Css.rem 6) - ] - ] - - -xl__my_32 : Css.Style -xl__my_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 8) - , Css.marginBottom (Css.rem 8) - ] - ] - - -xl__mx_32 : Css.Style -xl__mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 8) - , Css.marginRight (Css.rem 8) - ] - ] - - -xl__my_40 : Css.Style -xl__my_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 10) - , Css.marginBottom (Css.rem 10) - ] - ] - - -xl__mx_40 : Css.Style -xl__mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 10) - , Css.marginRight (Css.rem 10) - ] - ] - - -xl__my_48 : Css.Style -xl__my_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 12) - , Css.marginBottom (Css.rem 12) - ] - ] - - -xl__mx_48 : Css.Style -xl__mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 12) - , Css.marginRight (Css.rem 12) - ] - ] - - -xl__my_56 : Css.Style -xl__my_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 14) - , Css.marginBottom (Css.rem 14) - ] - ] - - -xl__mx_56 : Css.Style -xl__mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 14) - , Css.marginRight (Css.rem 14) - ] - ] - - -xl__my_64 : Css.Style -xl__my_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 16) - , Css.marginBottom (Css.rem 16) - ] - ] - - -xl__mx_64 : Css.Style -xl__mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 16) - , Css.marginRight (Css.rem 16) - ] - ] - - -xl__my_auto : Css.Style -xl__my_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop Css.auto - , Css.marginBottom Css.auto - ] - ] - - -xl__mx_auto : Css.Style -xl__mx_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft Css.auto - , Css.marginRight Css.auto - ] - ] - - -xl__my_px : Css.Style -xl__my_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.px 1) - , Css.marginBottom (Css.px 1) - ] - ] - - -xl__mx_px : Css.Style -xl__mx_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.px 1) - , Css.marginRight (Css.px 1) - ] - ] - - -xl__neg_my_1 : Css.Style -xl__neg_my_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -0.25) - , Css.marginBottom (Css.rem -0.25) - ] - ] - - -xl__neg_mx_1 : Css.Style -xl__neg_mx_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -0.25) - , Css.marginRight (Css.rem -0.25) - ] - ] - - -xl__neg_my_2 : Css.Style -xl__neg_my_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -0.5) - , Css.marginBottom (Css.rem -0.5) - ] - ] - - -xl__neg_mx_2 : Css.Style -xl__neg_mx_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -0.5) - , Css.marginRight (Css.rem -0.5) - ] - ] - - -xl__neg_my_3 : Css.Style -xl__neg_my_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -0.75) - , Css.marginBottom (Css.rem -0.75) - ] - ] - - -xl__neg_mx_3 : Css.Style -xl__neg_mx_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -0.75) - , Css.marginRight (Css.rem -0.75) - ] - ] - - -xl__neg_my_4 : Css.Style -xl__neg_my_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -1) - , Css.marginBottom (Css.rem -1) - ] - ] - - -xl__neg_mx_4 : Css.Style -xl__neg_mx_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -1) - , Css.marginRight (Css.rem -1) - ] - ] - - -xl__neg_my_5 : Css.Style -xl__neg_my_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -1.25) - , Css.marginBottom (Css.rem -1.25) - ] - ] - - -xl__neg_mx_5 : Css.Style -xl__neg_mx_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -1.25) - , Css.marginRight (Css.rem -1.25) - ] - ] - - -xl__neg_my_6 : Css.Style -xl__neg_my_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -1.5) - , Css.marginBottom (Css.rem -1.5) - ] - ] - - -xl__neg_mx_6 : Css.Style -xl__neg_mx_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -1.5) - , Css.marginRight (Css.rem -1.5) - ] - ] - - -xl__neg_my_8 : Css.Style -xl__neg_my_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -2) - , Css.marginBottom (Css.rem -2) - ] - ] - - -xl__neg_mx_8 : Css.Style -xl__neg_mx_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -2) - , Css.marginRight (Css.rem -2) - ] - ] - - -xl__neg_my_10 : Css.Style -xl__neg_my_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -2.5) - , Css.marginBottom (Css.rem -2.5) - ] - ] - - -xl__neg_mx_10 : Css.Style -xl__neg_mx_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -2.5) - , Css.marginRight (Css.rem -2.5) - ] - ] - - -xl__neg_my_12 : Css.Style -xl__neg_my_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -3) - , Css.marginBottom (Css.rem -3) - ] - ] - - -xl__neg_mx_12 : Css.Style -xl__neg_mx_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -3) - , Css.marginRight (Css.rem -3) - ] - ] - - -xl__neg_my_16 : Css.Style -xl__neg_my_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -4) - , Css.marginBottom (Css.rem -4) - ] - ] - - -xl__neg_mx_16 : Css.Style -xl__neg_mx_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -4) - , Css.marginRight (Css.rem -4) - ] - ] - - -xl__neg_my_20 : Css.Style -xl__neg_my_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -5) - , Css.marginBottom (Css.rem -5) - ] - ] - - -xl__neg_mx_20 : Css.Style -xl__neg_mx_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -5) - , Css.marginRight (Css.rem -5) - ] - ] - - -xl__neg_my_24 : Css.Style -xl__neg_my_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -6) - , Css.marginBottom (Css.rem -6) - ] - ] - - -xl__neg_mx_24 : Css.Style -xl__neg_mx_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -6) - , Css.marginRight (Css.rem -6) - ] - ] - - -xl__neg_my_32 : Css.Style -xl__neg_my_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -8) - , Css.marginBottom (Css.rem -8) - ] - ] - - -xl__neg_mx_32 : Css.Style -xl__neg_mx_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -8) - , Css.marginRight (Css.rem -8) - ] - ] - - -xl__neg_my_40 : Css.Style -xl__neg_my_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -10) - , Css.marginBottom (Css.rem -10) - ] - ] - - -xl__neg_mx_40 : Css.Style -xl__neg_mx_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -10) - , Css.marginRight (Css.rem -10) - ] - ] - - -xl__neg_my_48 : Css.Style -xl__neg_my_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -12) - , Css.marginBottom (Css.rem -12) - ] - ] - - -xl__neg_mx_48 : Css.Style -xl__neg_mx_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -12) - , Css.marginRight (Css.rem -12) - ] - ] - - -xl__neg_my_56 : Css.Style -xl__neg_my_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -14) - , Css.marginBottom (Css.rem -14) - ] - ] - - -xl__neg_mx_56 : Css.Style -xl__neg_mx_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -14) - , Css.marginRight (Css.rem -14) - ] - ] - - -xl__neg_my_64 : Css.Style -xl__neg_my_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -16) - , Css.marginBottom (Css.rem -16) - ] - ] - - -xl__neg_mx_64 : Css.Style -xl__neg_mx_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -16) - , Css.marginRight (Css.rem -16) - ] - ] - - -xl__neg_my_px : Css.Style -xl__neg_my_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.px -1) - , Css.marginBottom (Css.px -1) - ] - ] - - -xl__neg_mx_px : Css.Style -xl__neg_mx_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.px -1) - , Css.marginRight (Css.px -1) - ] - ] - - -xl__mt_0 : Css.Style -xl__mt_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.px 0) - ] - ] - - -xl__mr_0 : Css.Style -xl__mr_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.px 0) - ] - ] - - -xl__mb_0 : Css.Style -xl__mb_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.px 0) - ] - ] - - -xl__ml_0 : Css.Style -xl__ml_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.px 0) - ] - ] - - -xl__mt_1 : Css.Style -xl__mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 0.25) - ] - ] - - -xl__mr_1 : Css.Style -xl__mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 0.25) - ] - ] - - -xl__mb_1 : Css.Style -xl__mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 0.25) - ] - ] - - -xl__ml_1 : Css.Style -xl__ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 0.25) - ] - ] - - -xl__mt_2 : Css.Style -xl__mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 0.5) - ] - ] - - -xl__mr_2 : Css.Style -xl__mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 0.5) - ] - ] - - -xl__mb_2 : Css.Style -xl__mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 0.5) - ] - ] - - -xl__ml_2 : Css.Style -xl__ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 0.5) - ] - ] - - -xl__mt_3 : Css.Style -xl__mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 0.75) - ] - ] - - -xl__mr_3 : Css.Style -xl__mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 0.75) - ] - ] - - -xl__mb_3 : Css.Style -xl__mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 0.75) - ] - ] - - -xl__ml_3 : Css.Style -xl__ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 0.75) - ] - ] - - -xl__mt_4 : Css.Style -xl__mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 1) - ] - ] - - -xl__mr_4 : Css.Style -xl__mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 1) - ] - ] - - -xl__mb_4 : Css.Style -xl__mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 1) - ] - ] - - -xl__ml_4 : Css.Style -xl__ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 1) - ] - ] - - -xl__mt_5 : Css.Style -xl__mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 1.25) - ] - ] - - -xl__mr_5 : Css.Style -xl__mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 1.25) - ] - ] - - -xl__mb_5 : Css.Style -xl__mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 1.25) - ] - ] - - -xl__ml_5 : Css.Style -xl__ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 1.25) - ] - ] - - -xl__mt_6 : Css.Style -xl__mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 1.5) - ] - ] - - -xl__mr_6 : Css.Style -xl__mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 1.5) - ] - ] - - -xl__mb_6 : Css.Style -xl__mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 1.5) - ] - ] - - -xl__ml_6 : Css.Style -xl__ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 1.5) - ] - ] - - -xl__mt_8 : Css.Style -xl__mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 2) - ] - ] - - -xl__mr_8 : Css.Style -xl__mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 2) - ] - ] - - -xl__mb_8 : Css.Style -xl__mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 2) - ] - ] - - -xl__ml_8 : Css.Style -xl__ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 2) - ] - ] - - -xl__mt_10 : Css.Style -xl__mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 2.5) - ] - ] - - -xl__mr_10 : Css.Style -xl__mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 2.5) - ] - ] - - -xl__mb_10 : Css.Style -xl__mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 2.5) - ] - ] - - -xl__ml_10 : Css.Style -xl__ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 2.5) - ] - ] - - -xl__mt_12 : Css.Style -xl__mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 3) - ] - ] - - -xl__mr_12 : Css.Style -xl__mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 3) - ] - ] - - -xl__mb_12 : Css.Style -xl__mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 3) - ] - ] - - -xl__ml_12 : Css.Style -xl__ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 3) - ] - ] - - -xl__mt_16 : Css.Style -xl__mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 4) - ] - ] - - -xl__mr_16 : Css.Style -xl__mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 4) - ] - ] - - -xl__mb_16 : Css.Style -xl__mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 4) - ] - ] - - -xl__ml_16 : Css.Style -xl__ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 4) - ] - ] - - -xl__mt_20 : Css.Style -xl__mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 5) - ] - ] - - -xl__mr_20 : Css.Style -xl__mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 5) - ] - ] - - -xl__mb_20 : Css.Style -xl__mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 5) - ] - ] - - -xl__ml_20 : Css.Style -xl__ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 5) - ] - ] - - -xl__mt_24 : Css.Style -xl__mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 6) - ] - ] - - -xl__mr_24 : Css.Style -xl__mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 6) - ] - ] - - -xl__mb_24 : Css.Style -xl__mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 6) - ] - ] - - -xl__ml_24 : Css.Style -xl__ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 6) - ] - ] - - -xl__mt_32 : Css.Style -xl__mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 8) - ] - ] - - -xl__mr_32 : Css.Style -xl__mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 8) - ] - ] - - -xl__mb_32 : Css.Style -xl__mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 8) - ] - ] - - -xl__ml_32 : Css.Style -xl__ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 8) - ] - ] - - -xl__mt_40 : Css.Style -xl__mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 10) - ] - ] - - -xl__mr_40 : Css.Style -xl__mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 10) - ] - ] - - -xl__mb_40 : Css.Style -xl__mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 10) - ] - ] - - -xl__ml_40 : Css.Style -xl__ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 10) - ] - ] - - -xl__mt_48 : Css.Style -xl__mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 12) - ] - ] - - -xl__mr_48 : Css.Style -xl__mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 12) - ] - ] - - -xl__mb_48 : Css.Style -xl__mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 12) - ] - ] - - -xl__ml_48 : Css.Style -xl__ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 12) - ] - ] - - -xl__mt_56 : Css.Style -xl__mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 14) - ] - ] - - -xl__mr_56 : Css.Style -xl__mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 14) - ] - ] - - -xl__mb_56 : Css.Style -xl__mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 14) - ] - ] - - -xl__ml_56 : Css.Style -xl__ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 14) - ] - ] - - -xl__mt_64 : Css.Style -xl__mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem 16) - ] - ] - - -xl__mr_64 : Css.Style -xl__mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem 16) - ] - ] - - -xl__mb_64 : Css.Style -xl__mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem 16) - ] - ] - - -xl__ml_64 : Css.Style -xl__ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem 16) - ] - ] - - -xl__mt_auto : Css.Style -xl__mt_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop Css.auto - ] - ] - - -xl__mr_auto : Css.Style -xl__mr_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight Css.auto - ] - ] - - -xl__mb_auto : Css.Style -xl__mb_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom Css.auto - ] - ] - - -xl__ml_auto : Css.Style -xl__ml_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft Css.auto - ] - ] - - -xl__mt_px : Css.Style -xl__mt_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.px 1) - ] - ] - - -xl__mr_px : Css.Style -xl__mr_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.px 1) - ] - ] - - -xl__mb_px : Css.Style -xl__mb_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.px 1) - ] - ] - - -xl__ml_px : Css.Style -xl__ml_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.px 1) - ] - ] - - -xl__neg_mt_1 : Css.Style -xl__neg_mt_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -0.25) - ] - ] - - -xl__neg_mr_1 : Css.Style -xl__neg_mr_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -0.25) - ] - ] - - -xl__neg_mb_1 : Css.Style -xl__neg_mb_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -0.25) - ] - ] - - -xl__neg_ml_1 : Css.Style -xl__neg_ml_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -0.25) - ] - ] - - -xl__neg_mt_2 : Css.Style -xl__neg_mt_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -0.5) - ] - ] - - -xl__neg_mr_2 : Css.Style -xl__neg_mr_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -0.5) - ] - ] - - -xl__neg_mb_2 : Css.Style -xl__neg_mb_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -0.5) - ] - ] - - -xl__neg_ml_2 : Css.Style -xl__neg_ml_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -0.5) - ] - ] - - -xl__neg_mt_3 : Css.Style -xl__neg_mt_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -0.75) - ] - ] - - -xl__neg_mr_3 : Css.Style -xl__neg_mr_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -0.75) - ] - ] - - -xl__neg_mb_3 : Css.Style -xl__neg_mb_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -0.75) - ] - ] - - -xl__neg_ml_3 : Css.Style -xl__neg_ml_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -0.75) - ] - ] - - -xl__neg_mt_4 : Css.Style -xl__neg_mt_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -1) - ] - ] - - -xl__neg_mr_4 : Css.Style -xl__neg_mr_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -1) - ] - ] - - -xl__neg_mb_4 : Css.Style -xl__neg_mb_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -1) - ] - ] - - -xl__neg_ml_4 : Css.Style -xl__neg_ml_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -1) - ] - ] - - -xl__neg_mt_5 : Css.Style -xl__neg_mt_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -1.25) - ] - ] - - -xl__neg_mr_5 : Css.Style -xl__neg_mr_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -1.25) - ] - ] - - -xl__neg_mb_5 : Css.Style -xl__neg_mb_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -1.25) - ] - ] - - -xl__neg_ml_5 : Css.Style -xl__neg_ml_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -1.25) - ] - ] - - -xl__neg_mt_6 : Css.Style -xl__neg_mt_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -1.5) - ] - ] - - -xl__neg_mr_6 : Css.Style -xl__neg_mr_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -1.5) - ] - ] - - -xl__neg_mb_6 : Css.Style -xl__neg_mb_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -1.5) - ] - ] - - -xl__neg_ml_6 : Css.Style -xl__neg_ml_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -1.5) - ] - ] - - -xl__neg_mt_8 : Css.Style -xl__neg_mt_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -2) - ] - ] - - -xl__neg_mr_8 : Css.Style -xl__neg_mr_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -2) - ] - ] - - -xl__neg_mb_8 : Css.Style -xl__neg_mb_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -2) - ] - ] - - -xl__neg_ml_8 : Css.Style -xl__neg_ml_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -2) - ] - ] - - -xl__neg_mt_10 : Css.Style -xl__neg_mt_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -2.5) - ] - ] - - -xl__neg_mr_10 : Css.Style -xl__neg_mr_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -2.5) - ] - ] - - -xl__neg_mb_10 : Css.Style -xl__neg_mb_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -2.5) - ] - ] - - -xl__neg_ml_10 : Css.Style -xl__neg_ml_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -2.5) - ] - ] - - -xl__neg_mt_12 : Css.Style -xl__neg_mt_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -3) - ] - ] - - -xl__neg_mr_12 : Css.Style -xl__neg_mr_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -3) - ] - ] - - -xl__neg_mb_12 : Css.Style -xl__neg_mb_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -3) - ] - ] - - -xl__neg_ml_12 : Css.Style -xl__neg_ml_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -3) - ] - ] - - -xl__neg_mt_16 : Css.Style -xl__neg_mt_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -4) - ] - ] - - -xl__neg_mr_16 : Css.Style -xl__neg_mr_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -4) - ] - ] - - -xl__neg_mb_16 : Css.Style -xl__neg_mb_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -4) - ] - ] - - -xl__neg_ml_16 : Css.Style -xl__neg_ml_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -4) - ] - ] - - -xl__neg_mt_20 : Css.Style -xl__neg_mt_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -5) - ] - ] - - -xl__neg_mr_20 : Css.Style -xl__neg_mr_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -5) - ] - ] - - -xl__neg_mb_20 : Css.Style -xl__neg_mb_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -5) - ] - ] - - -xl__neg_ml_20 : Css.Style -xl__neg_ml_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -5) - ] - ] - - -xl__neg_mt_24 : Css.Style -xl__neg_mt_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -6) - ] - ] - - -xl__neg_mr_24 : Css.Style -xl__neg_mr_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -6) - ] - ] - - -xl__neg_mb_24 : Css.Style -xl__neg_mb_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -6) - ] - ] - - -xl__neg_ml_24 : Css.Style -xl__neg_ml_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -6) - ] - ] - - -xl__neg_mt_32 : Css.Style -xl__neg_mt_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -8) - ] - ] - - -xl__neg_mr_32 : Css.Style -xl__neg_mr_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -8) - ] - ] - - -xl__neg_mb_32 : Css.Style -xl__neg_mb_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -8) - ] - ] - - -xl__neg_ml_32 : Css.Style -xl__neg_ml_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -8) - ] - ] - - -xl__neg_mt_40 : Css.Style -xl__neg_mt_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -10) - ] - ] - - -xl__neg_mr_40 : Css.Style -xl__neg_mr_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -10) - ] - ] - - -xl__neg_mb_40 : Css.Style -xl__neg_mb_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -10) - ] - ] - - -xl__neg_ml_40 : Css.Style -xl__neg_ml_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -10) - ] - ] - - -xl__neg_mt_48 : Css.Style -xl__neg_mt_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -12) - ] - ] - - -xl__neg_mr_48 : Css.Style -xl__neg_mr_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -12) - ] - ] - - -xl__neg_mb_48 : Css.Style -xl__neg_mb_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -12) - ] - ] - - -xl__neg_ml_48 : Css.Style -xl__neg_ml_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -12) - ] - ] - - -xl__neg_mt_56 : Css.Style -xl__neg_mt_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -14) - ] - ] - - -xl__neg_mr_56 : Css.Style -xl__neg_mr_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -14) - ] - ] - - -xl__neg_mb_56 : Css.Style -xl__neg_mb_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -14) - ] - ] - - -xl__neg_ml_56 : Css.Style -xl__neg_ml_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -14) - ] - ] - - -xl__neg_mt_64 : Css.Style -xl__neg_mt_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.rem -16) - ] - ] - - -xl__neg_mr_64 : Css.Style -xl__neg_mr_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.rem -16) - ] - ] - - -xl__neg_mb_64 : Css.Style -xl__neg_mb_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.rem -16) - ] - ] - - -xl__neg_ml_64 : Css.Style -xl__neg_ml_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.rem -16) - ] - ] - - -xl__neg_mt_px : Css.Style -xl__neg_mt_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginTop (Css.px -1) - ] - ] - - -xl__neg_mr_px : Css.Style -xl__neg_mr_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginRight (Css.px -1) - ] - ] - - -xl__neg_mb_px : Css.Style -xl__neg_mb_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginBottom (Css.px -1) - ] - ] - - -xl__neg_ml_px : Css.Style -xl__neg_ml_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.marginLeft (Css.px -1) - ] - ] - - -xl__max_h_full : Css.Style -xl__max_h_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxHeight (Css.pct 100) - ] - ] - - -xl__max_h_screen : Css.Style -xl__max_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxHeight (Css.vh 100) - ] - ] - - -xl__max_w_none : Css.Style -xl__max_w_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth Css.none - ] - ] - - -xl__max_w_xs : Css.Style -xl__max_w_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.rem 20) - ] - ] - - -xl__max_w_sm : Css.Style -xl__max_w_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.rem 24) - ] - ] - - -xl__max_w_md : Css.Style -xl__max_w_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.rem 28) - ] - ] - - -xl__max_w_lg : Css.Style -xl__max_w_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.rem 32) - ] - ] - - -xl__max_w_xl : Css.Style -xl__max_w_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.rem 36) - ] - ] - - -xl__max_w_2xl : Css.Style -xl__max_w_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.rem 42) - ] - ] - - -xl__max_w_3xl : Css.Style -xl__max_w_3xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.rem 48) - ] - ] - - -xl__max_w_4xl : Css.Style -xl__max_w_4xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.rem 56) - ] - ] - - -xl__max_w_5xl : Css.Style -xl__max_w_5xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.rem 64) - ] - ] - - -xl__max_w_6xl : Css.Style -xl__max_w_6xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.rem 72) - ] - ] - - -xl__max_w_full : Css.Style -xl__max_w_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.pct 100) - ] - ] - - -xl__max_w_screen_sm : Css.Style -xl__max_w_screen_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.px 640) - ] - ] - - -xl__max_w_screen_md : Css.Style -xl__max_w_screen_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.px 768) - ] - ] - - -xl__max_w_screen_lg : Css.Style -xl__max_w_screen_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.px 1024) - ] - ] - - -xl__max_w_screen_xl : Css.Style -xl__max_w_screen_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.maxWidth (Css.px 1280) - ] - ] - - -xl__min_h_0 : Css.Style -xl__min_h_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.minHeight (Css.px 0) - ] - ] - - -xl__min_h_full : Css.Style -xl__min_h_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.minHeight (Css.pct 100) - ] - ] - - -xl__min_h_screen : Css.Style -xl__min_h_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.minHeight (Css.vh 100) - ] - ] - - -xl__min_w_0 : Css.Style -xl__min_w_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.minWidth (Css.px 0) - ] - ] - - -xl__min_w_full : Css.Style -xl__min_w_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.minWidth (Css.pct 100) - ] - ] - - -xl__object_contain : Css.Style -xl__object_contain = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-fit\\" \\"contain\\" - ] - ] - - -xl__object_cover : Css.Style -xl__object_cover = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-fit\\" \\"cover\\" - ] - ] - - -xl__object_fill : Css.Style -xl__object_fill = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-fit\\" \\"fill\\" - ] - ] - - -xl__object_none : Css.Style -xl__object_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-fit\\" \\"none\\" - ] - ] - - -xl__object_scale_down : Css.Style -xl__object_scale_down = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-fit\\" \\"scale-down\\" - ] - ] - - -xl__object_bottom : Css.Style -xl__object_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-position\\" \\"bottom\\" - ] - ] - - -xl__object_center : Css.Style -xl__object_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-position\\" \\"center\\" - ] - ] - - -xl__object_left : Css.Style -xl__object_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-position\\" \\"left\\" - ] - ] - - -xl__object_left_bottom : Css.Style -xl__object_left_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-position\\" \\"left bottom\\" - ] - ] - - -xl__object_left_top : Css.Style -xl__object_left_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-position\\" \\"left top\\" - ] - ] - - -xl__object_right : Css.Style -xl__object_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-position\\" \\"right\\" - ] - ] - - -xl__object_right_bottom : Css.Style -xl__object_right_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-position\\" \\"right bottom\\" - ] - ] - - -xl__object_right_top : Css.Style -xl__object_right_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-position\\" \\"right top\\" - ] - ] - - -xl__object_top : Css.Style -xl__object_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"object-position\\" \\"top\\" - ] - ] - - -xl__opacity_0 : Css.Style -xl__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.opacity (Css.int 0) - ] - ] - - -xl__opacity_25 : Css.Style -xl__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.opacity (Css.num 0.25) - ] - ] - - -xl__opacity_50 : Css.Style -xl__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.opacity (Css.num 0.5) - ] - ] - - -xl__opacity_75 : Css.Style -xl__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.opacity (Css.num 0.75) - ] - ] - - -xl__opacity_100 : Css.Style -xl__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.opacity (Css.int 1) - ] - ] - - -xl__hover__opacity_0 : Css.Style -xl__hover__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.opacity (Css.int 0) - ] - ] - ] - - -xl__hover__opacity_25 : Css.Style -xl__hover__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -xl__hover__opacity_50 : Css.Style -xl__hover__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -xl__hover__opacity_75 : Css.Style -xl__hover__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -xl__hover__opacity_100 : Css.Style -xl__hover__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.opacity (Css.int 1) - ] - ] - ] - - -xl__focus__opacity_0 : Css.Style -xl__focus__opacity_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.opacity (Css.int 0) - ] - ] - ] - - -xl__focus__opacity_25 : Css.Style -xl__focus__opacity_25 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.opacity (Css.num 0.25) - ] - ] - ] - - -xl__focus__opacity_50 : Css.Style -xl__focus__opacity_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.opacity (Css.num 0.5) - ] - ] - ] - - -xl__focus__opacity_75 : Css.Style -xl__focus__opacity_75 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.opacity (Css.num 0.75) - ] - ] - ] - - -xl__focus__opacity_100 : Css.Style -xl__focus__opacity_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.opacity (Css.int 1) - ] - ] - ] - - -xl__outline_none : Css.Style -xl__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"outline\\" \\"0\\" - ] - ] - - -xl__focus__outline_none : Css.Style -xl__focus__outline_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.property \\"outline\\" \\"0\\" - ] - ] - ] - - -xl__overflow_auto : Css.Style -xl__overflow_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflow Css.auto - ] - ] - - -xl__overflow_hidden : Css.Style -xl__overflow_hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflow Css.hidden - ] - ] - - -xl__overflow_visible : Css.Style -xl__overflow_visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflow Css.visible - ] - ] - - -xl__overflow_scroll : Css.Style -xl__overflow_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflow Css.scroll - ] - ] - - -xl__overflow_x_auto : Css.Style -xl__overflow_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflowX Css.auto - ] - ] - - -xl__overflow_y_auto : Css.Style -xl__overflow_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflowY Css.auto - ] - ] - - -xl__overflow_x_hidden : Css.Style -xl__overflow_x_hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflowX Css.hidden - ] - ] - - -xl__overflow_y_hidden : Css.Style -xl__overflow_y_hidden = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflowY Css.hidden - ] - ] - - -xl__overflow_x_visible : Css.Style -xl__overflow_x_visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflowX Css.visible - ] - ] - - -xl__overflow_y_visible : Css.Style -xl__overflow_y_visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflowY Css.visible - ] - ] - - -xl__overflow_x_scroll : Css.Style -xl__overflow_x_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflowX Css.scroll - ] - ] - - -xl__overflow_y_scroll : Css.Style -xl__overflow_y_scroll = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflowY Css.scroll - ] - ] - - -xl__scrolling_touch : Css.Style -xl__scrolling_touch = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"-webkit-overflow-scrolling\\" \\"touch\\" - ] - ] - - -xl__scrolling_auto : Css.Style -xl__scrolling_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"-webkit-overflow-scrolling\\" \\"auto\\" - ] - ] - - -xl__p_0 : Css.Style -xl__p_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.px 0) - ] - ] - - -xl__p_1 : Css.Style -xl__p_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 0.25) - ] - ] - - -xl__p_2 : Css.Style -xl__p_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 0.5) - ] - ] - - -xl__p_3 : Css.Style -xl__p_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 0.75) - ] - ] - - -xl__p_4 : Css.Style -xl__p_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 1) - ] - ] - - -xl__p_5 : Css.Style -xl__p_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 1.25) - ] - ] - - -xl__p_6 : Css.Style -xl__p_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 1.5) - ] - ] - - -xl__p_8 : Css.Style -xl__p_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 2) - ] - ] - - -xl__p_10 : Css.Style -xl__p_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 2.5) - ] - ] - - -xl__p_12 : Css.Style -xl__p_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 3) - ] - ] - - -xl__p_16 : Css.Style -xl__p_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 4) - ] - ] - - -xl__p_20 : Css.Style -xl__p_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 5) - ] - ] - - -xl__p_24 : Css.Style -xl__p_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 6) - ] - ] - - -xl__p_32 : Css.Style -xl__p_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 8) - ] - ] - - -xl__p_40 : Css.Style -xl__p_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 10) - ] - ] - - -xl__p_48 : Css.Style -xl__p_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 12) - ] - ] - - -xl__p_56 : Css.Style -xl__p_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 14) - ] - ] - - -xl__p_64 : Css.Style -xl__p_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.rem 16) - ] - ] - - -xl__p_px : Css.Style -xl__p_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.padding (Css.px 1) - ] - ] - - -xl__py_0 : Css.Style -xl__py_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.px 0) - , Css.paddingBottom (Css.px 0) - ] - ] - - -xl__px_0 : Css.Style -xl__px_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.px 0) - , Css.paddingRight (Css.px 0) - ] - ] - - -xl__py_1 : Css.Style -xl__py_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 0.25) - , Css.paddingBottom (Css.rem 0.25) - ] - ] - - -xl__px_1 : Css.Style -xl__px_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 0.25) - , Css.paddingRight (Css.rem 0.25) - ] - ] - - -xl__py_2 : Css.Style -xl__py_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 0.5) - , Css.paddingBottom (Css.rem 0.5) - ] - ] - - -xl__px_2 : Css.Style -xl__px_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 0.5) - , Css.paddingRight (Css.rem 0.5) - ] - ] - - -xl__py_3 : Css.Style -xl__py_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 0.75) - , Css.paddingBottom (Css.rem 0.75) - ] - ] - - -xl__px_3 : Css.Style -xl__px_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 0.75) - , Css.paddingRight (Css.rem 0.75) - ] - ] - - -xl__py_4 : Css.Style -xl__py_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 1) - , Css.paddingBottom (Css.rem 1) - ] - ] - - -xl__px_4 : Css.Style -xl__px_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 1) - , Css.paddingRight (Css.rem 1) - ] - ] - - -xl__py_5 : Css.Style -xl__py_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 1.25) - , Css.paddingBottom (Css.rem 1.25) - ] - ] - - -xl__px_5 : Css.Style -xl__px_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 1.25) - , Css.paddingRight (Css.rem 1.25) - ] - ] - - -xl__py_6 : Css.Style -xl__py_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 1.5) - , Css.paddingBottom (Css.rem 1.5) - ] - ] - - -xl__px_6 : Css.Style -xl__px_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 1.5) - , Css.paddingRight (Css.rem 1.5) - ] - ] - - -xl__py_8 : Css.Style -xl__py_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 2) - , Css.paddingBottom (Css.rem 2) - ] - ] - - -xl__px_8 : Css.Style -xl__px_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 2) - , Css.paddingRight (Css.rem 2) - ] - ] - - -xl__py_10 : Css.Style -xl__py_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 2.5) - , Css.paddingBottom (Css.rem 2.5) - ] - ] - - -xl__px_10 : Css.Style -xl__px_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 2.5) - , Css.paddingRight (Css.rem 2.5) - ] - ] - - -xl__py_12 : Css.Style -xl__py_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 3) - , Css.paddingBottom (Css.rem 3) - ] - ] - - -xl__px_12 : Css.Style -xl__px_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 3) - , Css.paddingRight (Css.rem 3) - ] - ] - - -xl__py_16 : Css.Style -xl__py_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 4) - , Css.paddingBottom (Css.rem 4) - ] - ] - - -xl__px_16 : Css.Style -xl__px_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 4) - , Css.paddingRight (Css.rem 4) - ] - ] - - -xl__py_20 : Css.Style -xl__py_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 5) - , Css.paddingBottom (Css.rem 5) - ] - ] - - -xl__px_20 : Css.Style -xl__px_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 5) - , Css.paddingRight (Css.rem 5) - ] - ] - - -xl__py_24 : Css.Style -xl__py_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 6) - , Css.paddingBottom (Css.rem 6) - ] - ] - - -xl__px_24 : Css.Style -xl__px_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 6) - , Css.paddingRight (Css.rem 6) - ] - ] - - -xl__py_32 : Css.Style -xl__py_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 8) - , Css.paddingBottom (Css.rem 8) - ] - ] - - -xl__px_32 : Css.Style -xl__px_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 8) - , Css.paddingRight (Css.rem 8) - ] - ] - - -xl__py_40 : Css.Style -xl__py_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 10) - , Css.paddingBottom (Css.rem 10) - ] - ] - - -xl__px_40 : Css.Style -xl__px_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 10) - , Css.paddingRight (Css.rem 10) - ] - ] - - -xl__py_48 : Css.Style -xl__py_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 12) - , Css.paddingBottom (Css.rem 12) - ] - ] - - -xl__px_48 : Css.Style -xl__px_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 12) - , Css.paddingRight (Css.rem 12) - ] - ] - - -xl__py_56 : Css.Style -xl__py_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 14) - , Css.paddingBottom (Css.rem 14) - ] - ] - - -xl__px_56 : Css.Style -xl__px_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 14) - , Css.paddingRight (Css.rem 14) - ] - ] - - -xl__py_64 : Css.Style -xl__py_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 16) - , Css.paddingBottom (Css.rem 16) - ] - ] - - -xl__px_64 : Css.Style -xl__px_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 16) - , Css.paddingRight (Css.rem 16) - ] - ] - - -xl__py_px : Css.Style -xl__py_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.px 1) - , Css.paddingBottom (Css.px 1) - ] - ] - - -xl__px_px : Css.Style -xl__px_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.px 1) - , Css.paddingRight (Css.px 1) - ] - ] - - -xl__pt_0 : Css.Style -xl__pt_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.px 0) - ] - ] - - -xl__pr_0 : Css.Style -xl__pr_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.px 0) - ] - ] - - -xl__pb_0 : Css.Style -xl__pb_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.px 0) - ] - ] - - -xl__pl_0 : Css.Style -xl__pl_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.px 0) - ] - ] - - -xl__pt_1 : Css.Style -xl__pt_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 0.25) - ] - ] - - -xl__pr_1 : Css.Style -xl__pr_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 0.25) - ] - ] - - -xl__pb_1 : Css.Style -xl__pb_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 0.25) - ] - ] - - -xl__pl_1 : Css.Style -xl__pl_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 0.25) - ] - ] - - -xl__pt_2 : Css.Style -xl__pt_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 0.5) - ] - ] - - -xl__pr_2 : Css.Style -xl__pr_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 0.5) - ] - ] - - -xl__pb_2 : Css.Style -xl__pb_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 0.5) - ] - ] - - -xl__pl_2 : Css.Style -xl__pl_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 0.5) - ] - ] - - -xl__pt_3 : Css.Style -xl__pt_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 0.75) - ] - ] - - -xl__pr_3 : Css.Style -xl__pr_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 0.75) - ] - ] - - -xl__pb_3 : Css.Style -xl__pb_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 0.75) - ] - ] - - -xl__pl_3 : Css.Style -xl__pl_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 0.75) - ] - ] - - -xl__pt_4 : Css.Style -xl__pt_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 1) - ] - ] - - -xl__pr_4 : Css.Style -xl__pr_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 1) - ] - ] - - -xl__pb_4 : Css.Style -xl__pb_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 1) - ] - ] - - -xl__pl_4 : Css.Style -xl__pl_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 1) - ] - ] - - -xl__pt_5 : Css.Style -xl__pt_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 1.25) - ] - ] - - -xl__pr_5 : Css.Style -xl__pr_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 1.25) - ] - ] - - -xl__pb_5 : Css.Style -xl__pb_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 1.25) - ] - ] - - -xl__pl_5 : Css.Style -xl__pl_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 1.25) - ] - ] - - -xl__pt_6 : Css.Style -xl__pt_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 1.5) - ] - ] - - -xl__pr_6 : Css.Style -xl__pr_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 1.5) - ] - ] - - -xl__pb_6 : Css.Style -xl__pb_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 1.5) - ] - ] - - -xl__pl_6 : Css.Style -xl__pl_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 1.5) - ] - ] - - -xl__pt_8 : Css.Style -xl__pt_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 2) - ] - ] - - -xl__pr_8 : Css.Style -xl__pr_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 2) - ] - ] - - -xl__pb_8 : Css.Style -xl__pb_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 2) - ] - ] - - -xl__pl_8 : Css.Style -xl__pl_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 2) - ] - ] - - -xl__pt_10 : Css.Style -xl__pt_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 2.5) - ] - ] - - -xl__pr_10 : Css.Style -xl__pr_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 2.5) - ] - ] - - -xl__pb_10 : Css.Style -xl__pb_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 2.5) - ] - ] - - -xl__pl_10 : Css.Style -xl__pl_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 2.5) - ] - ] - - -xl__pt_12 : Css.Style -xl__pt_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 3) - ] - ] - - -xl__pr_12 : Css.Style -xl__pr_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 3) - ] - ] - - -xl__pb_12 : Css.Style -xl__pb_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 3) - ] - ] - - -xl__pl_12 : Css.Style -xl__pl_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 3) - ] - ] - - -xl__pt_16 : Css.Style -xl__pt_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 4) - ] - ] - - -xl__pr_16 : Css.Style -xl__pr_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 4) - ] - ] - - -xl__pb_16 : Css.Style -xl__pb_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 4) - ] - ] - - -xl__pl_16 : Css.Style -xl__pl_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 4) - ] - ] - - -xl__pt_20 : Css.Style -xl__pt_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 5) - ] - ] - - -xl__pr_20 : Css.Style -xl__pr_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 5) - ] - ] - - -xl__pb_20 : Css.Style -xl__pb_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 5) - ] - ] - - -xl__pl_20 : Css.Style -xl__pl_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 5) - ] - ] - - -xl__pt_24 : Css.Style -xl__pt_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 6) - ] - ] - - -xl__pr_24 : Css.Style -xl__pr_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 6) - ] - ] - - -xl__pb_24 : Css.Style -xl__pb_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 6) - ] - ] - - -xl__pl_24 : Css.Style -xl__pl_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 6) - ] - ] - - -xl__pt_32 : Css.Style -xl__pt_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 8) - ] - ] - - -xl__pr_32 : Css.Style -xl__pr_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 8) - ] - ] - - -xl__pb_32 : Css.Style -xl__pb_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 8) - ] - ] - - -xl__pl_32 : Css.Style -xl__pl_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 8) - ] - ] - - -xl__pt_40 : Css.Style -xl__pt_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 10) - ] - ] - - -xl__pr_40 : Css.Style -xl__pr_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 10) - ] - ] - - -xl__pb_40 : Css.Style -xl__pb_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 10) - ] - ] - - -xl__pl_40 : Css.Style -xl__pl_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 10) - ] - ] - - -xl__pt_48 : Css.Style -xl__pt_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 12) - ] - ] - - -xl__pr_48 : Css.Style -xl__pr_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 12) - ] - ] - - -xl__pb_48 : Css.Style -xl__pb_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 12) - ] - ] - - -xl__pl_48 : Css.Style -xl__pl_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 12) - ] - ] - - -xl__pt_56 : Css.Style -xl__pt_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 14) - ] - ] - - -xl__pr_56 : Css.Style -xl__pr_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 14) - ] - ] - - -xl__pb_56 : Css.Style -xl__pb_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 14) - ] - ] - - -xl__pl_56 : Css.Style -xl__pl_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 14) - ] - ] - - -xl__pt_64 : Css.Style -xl__pt_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.rem 16) - ] - ] - - -xl__pr_64 : Css.Style -xl__pr_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.rem 16) - ] - ] - - -xl__pb_64 : Css.Style -xl__pb_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.rem 16) - ] - ] - - -xl__pl_64 : Css.Style -xl__pl_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.rem 16) - ] - ] - - -xl__pt_px : Css.Style -xl__pt_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingTop (Css.px 1) - ] - ] - - -xl__pr_px : Css.Style -xl__pr_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingRight (Css.px 1) - ] - ] - - -xl__pb_px : Css.Style -xl__pb_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingBottom (Css.px 1) - ] - ] - - -xl__pl_px : Css.Style -xl__pl_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.paddingLeft (Css.px 1) - ] - ] - - -xl__placeholder_transparent : Css.Style -xl__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color Css.transparent - ] - ] - - -xl__placeholder_current : Css.Style -xl__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color Css.currentColor - ] - ] - - -xl__placeholder_black : Css.Style -xl__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#000\\") - ] - ] - - -xl__placeholder_white : Css.Style -xl__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fff\\") - ] - ] - - -xl__placeholder_gray_100 : Css.Style -xl__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - - -xl__placeholder_gray_200 : Css.Style -xl__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - - -xl__placeholder_gray_300 : Css.Style -xl__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - - -xl__placeholder_gray_400 : Css.Style -xl__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - - -xl__placeholder_gray_500 : Css.Style -xl__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - - -xl__placeholder_gray_600 : Css.Style -xl__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#718096\\") - ] - ] - - -xl__placeholder_gray_700 : Css.Style -xl__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - - -xl__placeholder_gray_800 : Css.Style -xl__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - - -xl__placeholder_gray_900 : Css.Style -xl__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - - -xl__placeholder_red_100 : Css.Style -xl__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - - -xl__placeholder_red_200 : Css.Style -xl__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - - -xl__placeholder_red_300 : Css.Style -xl__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - - -xl__placeholder_red_400 : Css.Style -xl__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - - -xl__placeholder_red_500 : Css.Style -xl__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - - -xl__placeholder_red_600 : Css.Style -xl__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - - -xl__placeholder_red_700 : Css.Style -xl__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - - -xl__placeholder_red_800 : Css.Style -xl__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - - -xl__placeholder_red_900 : Css.Style -xl__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - - -xl__placeholder_orange_100 : Css.Style -xl__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - - -xl__placeholder_orange_200 : Css.Style -xl__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - - -xl__placeholder_orange_300 : Css.Style -xl__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - - -xl__placeholder_orange_400 : Css.Style -xl__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - - -xl__placeholder_orange_500 : Css.Style -xl__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - - -xl__placeholder_orange_600 : Css.Style -xl__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - - -xl__placeholder_orange_700 : Css.Style -xl__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - - -xl__placeholder_orange_800 : Css.Style -xl__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - - -xl__placeholder_orange_900 : Css.Style -xl__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - - -xl__placeholder_yellow_100 : Css.Style -xl__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - - -xl__placeholder_yellow_200 : Css.Style -xl__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - - -xl__placeholder_yellow_300 : Css.Style -xl__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - - -xl__placeholder_yellow_400 : Css.Style -xl__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - - -xl__placeholder_yellow_500 : Css.Style -xl__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - - -xl__placeholder_yellow_600 : Css.Style -xl__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - - -xl__placeholder_yellow_700 : Css.Style -xl__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - - -xl__placeholder_yellow_800 : Css.Style -xl__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - - -xl__placeholder_yellow_900 : Css.Style -xl__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#744210\\") - ] - ] - - -xl__placeholder_green_100 : Css.Style -xl__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - - -xl__placeholder_green_200 : Css.Style -xl__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - - -xl__placeholder_green_300 : Css.Style -xl__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - - -xl__placeholder_green_400 : Css.Style -xl__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - - -xl__placeholder_green_500 : Css.Style -xl__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - - -xl__placeholder_green_600 : Css.Style -xl__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - - -xl__placeholder_green_700 : Css.Style -xl__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - - -xl__placeholder_green_800 : Css.Style -xl__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#276749\\") - ] - ] - - -xl__placeholder_green_900 : Css.Style -xl__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - - -xl__placeholder_teal_100 : Css.Style -xl__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - - -xl__placeholder_teal_200 : Css.Style -xl__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - - -xl__placeholder_teal_300 : Css.Style -xl__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - - -xl__placeholder_teal_400 : Css.Style -xl__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - - -xl__placeholder_teal_500 : Css.Style -xl__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - - -xl__placeholder_teal_600 : Css.Style -xl__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#319795\\") - ] - ] - - -xl__placeholder_teal_700 : Css.Style -xl__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - - -xl__placeholder_teal_800 : Css.Style -xl__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - - -xl__placeholder_teal_900 : Css.Style -xl__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - - -xl__placeholder_blue_100 : Css.Style -xl__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - - -xl__placeholder_blue_200 : Css.Style -xl__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - - -xl__placeholder_blue_300 : Css.Style -xl__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - - -xl__placeholder_blue_400 : Css.Style -xl__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - - -xl__placeholder_blue_500 : Css.Style -xl__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - - -xl__placeholder_blue_600 : Css.Style -xl__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - - -xl__placeholder_blue_700 : Css.Style -xl__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - - -xl__placeholder_blue_800 : Css.Style -xl__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - - -xl__placeholder_blue_900 : Css.Style -xl__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - - -xl__placeholder_indigo_100 : Css.Style -xl__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - - -xl__placeholder_indigo_200 : Css.Style -xl__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - - -xl__placeholder_indigo_300 : Css.Style -xl__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - - -xl__placeholder_indigo_400 : Css.Style -xl__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - - -xl__placeholder_indigo_500 : Css.Style -xl__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - - -xl__placeholder_indigo_600 : Css.Style -xl__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - - -xl__placeholder_indigo_700 : Css.Style -xl__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - - -xl__placeholder_indigo_800 : Css.Style -xl__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#434190\\") - ] - ] - - -xl__placeholder_indigo_900 : Css.Style -xl__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - - -xl__placeholder_purple_100 : Css.Style -xl__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - - -xl__placeholder_purple_200 : Css.Style -xl__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - - -xl__placeholder_purple_300 : Css.Style -xl__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - - -xl__placeholder_purple_400 : Css.Style -xl__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - - -xl__placeholder_purple_500 : Css.Style -xl__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - - -xl__placeholder_purple_600 : Css.Style -xl__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - - -xl__placeholder_purple_700 : Css.Style -xl__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - - -xl__placeholder_purple_800 : Css.Style -xl__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - - -xl__placeholder_purple_900 : Css.Style -xl__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - - -xl__placeholder_pink_100 : Css.Style -xl__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - - -xl__placeholder_pink_200 : Css.Style -xl__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - - -xl__placeholder_pink_300 : Css.Style -xl__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - - -xl__placeholder_pink_400 : Css.Style -xl__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - - -xl__placeholder_pink_500 : Css.Style -xl__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - - -xl__placeholder_pink_600 : Css.Style -xl__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - - -xl__placeholder_pink_700 : Css.Style -xl__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - - -xl__placeholder_pink_800 : Css.Style -xl__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - - -xl__placeholder_pink_900 : Css.Style -xl__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#702459\\") - ] - ] - - -xl__focus__placeholder_transparent : Css.Style -xl__focus__placeholder_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -xl__focus__placeholder_current : Css.Style -xl__focus__placeholder_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -xl__focus__placeholder_black : Css.Style -xl__focus__placeholder_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#000\\") - ] - ] - ] - - -xl__focus__placeholder_white : Css.Style -xl__focus__placeholder_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff\\") - ] - ] - ] - - -xl__focus__placeholder_gray_100 : Css.Style -xl__focus__placeholder_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -xl__focus__placeholder_gray_200 : Css.Style -xl__focus__placeholder_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -xl__focus__placeholder_gray_300 : Css.Style -xl__focus__placeholder_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -xl__focus__placeholder_gray_400 : Css.Style -xl__focus__placeholder_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -xl__focus__placeholder_gray_500 : Css.Style -xl__focus__placeholder_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -xl__focus__placeholder_gray_600 : Css.Style -xl__focus__placeholder_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#718096\\") - ] - ] - ] - - -xl__focus__placeholder_gray_700 : Css.Style -xl__focus__placeholder_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - ] - - -xl__focus__placeholder_gray_800 : Css.Style -xl__focus__placeholder_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - ] - - -xl__focus__placeholder_gray_900 : Css.Style -xl__focus__placeholder_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - ] - - -xl__focus__placeholder_red_100 : Css.Style -xl__focus__placeholder_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -xl__focus__placeholder_red_200 : Css.Style -xl__focus__placeholder_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -xl__focus__placeholder_red_300 : Css.Style -xl__focus__placeholder_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -xl__focus__placeholder_red_400 : Css.Style -xl__focus__placeholder_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - ] - - -xl__focus__placeholder_red_500 : Css.Style -xl__focus__placeholder_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - ] - - -xl__focus__placeholder_red_600 : Css.Style -xl__focus__placeholder_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -xl__focus__placeholder_red_700 : Css.Style -xl__focus__placeholder_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - ] - - -xl__focus__placeholder_red_800 : Css.Style -xl__focus__placeholder_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -xl__focus__placeholder_red_900 : Css.Style -xl__focus__placeholder_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - ] - - -xl__focus__placeholder_orange_100 : Css.Style -xl__focus__placeholder_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -xl__focus__placeholder_orange_200 : Css.Style -xl__focus__placeholder_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - ] - - -xl__focus__placeholder_orange_300 : Css.Style -xl__focus__placeholder_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -xl__focus__placeholder_orange_400 : Css.Style -xl__focus__placeholder_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -xl__focus__placeholder_orange_500 : Css.Style -xl__focus__placeholder_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - ] - - -xl__focus__placeholder_orange_600 : Css.Style -xl__focus__placeholder_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -xl__focus__placeholder_orange_700 : Css.Style -xl__focus__placeholder_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - ] - - -xl__focus__placeholder_orange_800 : Css.Style -xl__focus__placeholder_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - ] - - -xl__focus__placeholder_orange_900 : Css.Style -xl__focus__placeholder_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - ] - - -xl__focus__placeholder_yellow_100 : Css.Style -xl__focus__placeholder_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - ] - - -xl__focus__placeholder_yellow_200 : Css.Style -xl__focus__placeholder_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -xl__focus__placeholder_yellow_300 : Css.Style -xl__focus__placeholder_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - ] - - -xl__focus__placeholder_yellow_400 : Css.Style -xl__focus__placeholder_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -xl__focus__placeholder_yellow_500 : Css.Style -xl__focus__placeholder_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -xl__focus__placeholder_yellow_600 : Css.Style -xl__focus__placeholder_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -xl__focus__placeholder_yellow_700 : Css.Style -xl__focus__placeholder_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - ] - - -xl__focus__placeholder_yellow_800 : Css.Style -xl__focus__placeholder_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - ] - - -xl__focus__placeholder_yellow_900 : Css.Style -xl__focus__placeholder_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#744210\\") - ] - ] - ] - - -xl__focus__placeholder_green_100 : Css.Style -xl__focus__placeholder_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -xl__focus__placeholder_green_200 : Css.Style -xl__focus__placeholder_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -xl__focus__placeholder_green_300 : Css.Style -xl__focus__placeholder_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -xl__focus__placeholder_green_400 : Css.Style -xl__focus__placeholder_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - ] - - -xl__focus__placeholder_green_500 : Css.Style -xl__focus__placeholder_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - ] - - -xl__focus__placeholder_green_600 : Css.Style -xl__focus__placeholder_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - ] - - -xl__focus__placeholder_green_700 : Css.Style -xl__focus__placeholder_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - ] - - -xl__focus__placeholder_green_800 : Css.Style -xl__focus__placeholder_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#276749\\") - ] - ] - ] - - -xl__focus__placeholder_green_900 : Css.Style -xl__focus__placeholder_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - ] - - -xl__focus__placeholder_teal_100 : Css.Style -xl__focus__placeholder_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -xl__focus__placeholder_teal_200 : Css.Style -xl__focus__placeholder_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -xl__focus__placeholder_teal_300 : Css.Style -xl__focus__placeholder_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -xl__focus__placeholder_teal_400 : Css.Style -xl__focus__placeholder_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -xl__focus__placeholder_teal_500 : Css.Style -xl__focus__placeholder_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -xl__focus__placeholder_teal_600 : Css.Style -xl__focus__placeholder_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#319795\\") - ] - ] - ] - - -xl__focus__placeholder_teal_700 : Css.Style -xl__focus__placeholder_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -xl__focus__placeholder_teal_800 : Css.Style -xl__focus__placeholder_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - ] - - -xl__focus__placeholder_teal_900 : Css.Style -xl__focus__placeholder_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - ] - - -xl__focus__placeholder_blue_100 : Css.Style -xl__focus__placeholder_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -xl__focus__placeholder_blue_200 : Css.Style -xl__focus__placeholder_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -xl__focus__placeholder_blue_300 : Css.Style -xl__focus__placeholder_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -xl__focus__placeholder_blue_400 : Css.Style -xl__focus__placeholder_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -xl__focus__placeholder_blue_500 : Css.Style -xl__focus__placeholder_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - ] - - -xl__focus__placeholder_blue_600 : Css.Style -xl__focus__placeholder_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - ] - - -xl__focus__placeholder_blue_700 : Css.Style -xl__focus__placeholder_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -xl__focus__placeholder_blue_800 : Css.Style -xl__focus__placeholder_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - ] - - -xl__focus__placeholder_blue_900 : Css.Style -xl__focus__placeholder_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - ] - - -xl__focus__placeholder_indigo_100 : Css.Style -xl__focus__placeholder_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -xl__focus__placeholder_indigo_200 : Css.Style -xl__focus__placeholder_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -xl__focus__placeholder_indigo_300 : Css.Style -xl__focus__placeholder_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -xl__focus__placeholder_indigo_400 : Css.Style -xl__focus__placeholder_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -xl__focus__placeholder_indigo_500 : Css.Style -xl__focus__placeholder_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - ] - - -xl__focus__placeholder_indigo_600 : Css.Style -xl__focus__placeholder_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -xl__focus__placeholder_indigo_700 : Css.Style -xl__focus__placeholder_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -xl__focus__placeholder_indigo_800 : Css.Style -xl__focus__placeholder_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#434190\\") - ] - ] - ] - - -xl__focus__placeholder_indigo_900 : Css.Style -xl__focus__placeholder_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - ] - - -xl__focus__placeholder_purple_100 : Css.Style -xl__focus__placeholder_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -xl__focus__placeholder_purple_200 : Css.Style -xl__focus__placeholder_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -xl__focus__placeholder_purple_300 : Css.Style -xl__focus__placeholder_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -xl__focus__placeholder_purple_400 : Css.Style -xl__focus__placeholder_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - ] - - -xl__focus__placeholder_purple_500 : Css.Style -xl__focus__placeholder_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -xl__focus__placeholder_purple_600 : Css.Style -xl__focus__placeholder_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - ] - - -xl__focus__placeholder_purple_700 : Css.Style -xl__focus__placeholder_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -xl__focus__placeholder_purple_800 : Css.Style -xl__focus__placeholder_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - ] - - -xl__focus__placeholder_purple_900 : Css.Style -xl__focus__placeholder_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - ] - - -xl__focus__placeholder_pink_100 : Css.Style -xl__focus__placeholder_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -xl__focus__placeholder_pink_200 : Css.Style -xl__focus__placeholder_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -xl__focus__placeholder_pink_300 : Css.Style -xl__focus__placeholder_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -xl__focus__placeholder_pink_400 : Css.Style -xl__focus__placeholder_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - ] - - -xl__focus__placeholder_pink_500 : Css.Style -xl__focus__placeholder_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -xl__focus__placeholder_pink_600 : Css.Style -xl__focus__placeholder_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -xl__focus__placeholder_pink_700 : Css.Style -xl__focus__placeholder_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - ] - - -xl__focus__placeholder_pink_800 : Css.Style -xl__focus__placeholder_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - ] - - -xl__focus__placeholder_pink_900 : Css.Style -xl__focus__placeholder_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#702459\\") - ] - ] - ] - - -xl__pointer_events_none : Css.Style -xl__pointer_events_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.pointerEvents Css.none - ] - ] - - -xl__pointer_events_auto : Css.Style -xl__pointer_events_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.pointerEvents Css.auto - ] - ] - - -xl__static : Css.Style -xl__static = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.position Css.static - ] - ] - - -xl__fixed : Css.Style -xl__fixed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.position Css.fixed - ] - ] - - -xl__absolute : Css.Style -xl__absolute = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.position Css.absolute - ] - ] - - -xl__relative : Css.Style -xl__relative = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.position Css.relative - ] - ] - - -xl__sticky : Css.Style -xl__sticky = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.position Css.sticky - ] - ] - - -xl__inset_0 : Css.Style -xl__inset_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.top (Css.px 0) - , Css.right (Css.px 0) - , Css.bottom (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -xl__inset_auto : Css.Style -xl__inset_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.top Css.auto - , Css.right Css.auto - , Css.bottom Css.auto - , Css.left Css.auto - ] - ] - - -xl__inset_y_0 : Css.Style -xl__inset_y_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.top (Css.px 0) - , Css.bottom (Css.px 0) - ] - ] - - -xl__inset_x_0 : Css.Style -xl__inset_x_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.right (Css.px 0) - , Css.left (Css.px 0) - ] - ] - - -xl__inset_y_auto : Css.Style -xl__inset_y_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.top Css.auto - , Css.bottom Css.auto - ] - ] - - -xl__inset_x_auto : Css.Style -xl__inset_x_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.right Css.auto - , Css.left Css.auto - ] - ] - - -xl__top_0 : Css.Style -xl__top_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.top (Css.px 0) - ] - ] - - -xl__right_0 : Css.Style -xl__right_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.right (Css.px 0) - ] - ] - - -xl__bottom_0 : Css.Style -xl__bottom_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.bottom (Css.px 0) - ] - ] - - -xl__left_0 : Css.Style -xl__left_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.left (Css.px 0) - ] - ] - - -xl__top_auto : Css.Style -xl__top_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.top Css.auto - ] - ] - - -xl__right_auto : Css.Style -xl__right_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.right Css.auto - ] - ] - - -xl__bottom_auto : Css.Style -xl__bottom_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.bottom Css.auto - ] - ] - - -xl__left_auto : Css.Style -xl__left_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.left Css.auto - ] - ] - - -xl__resize_none : Css.Style -xl__resize_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.resize Css.none - ] - ] - - -xl__resize_y : Css.Style -xl__resize_y = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.resize Css.vertical - ] - ] - - -xl__resize_x : Css.Style -xl__resize_x = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.resize Css.horizontal - ] - ] - - -xl__resize : Css.Style -xl__resize = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.resize Css.both - ] - ] - - -xl__shadow_xs : Css.Style -xl__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 0 0 1px rgba(0, 0, 0, 0.05)\\" - ] - ] - - -xl__shadow_sm : Css.Style -xl__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 1px 2px 0 rgba(0, 0, 0, 0.05)\\" - ] - ] - - -xl__shadow : Css.Style -xl__shadow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - - -xl__shadow_md : Css.Style -xl__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\\" - ] - ] - - -xl__shadow_lg : Css.Style -xl__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\\" - ] - ] - - -xl__shadow_xl : Css.Style -xl__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\\" - ] - ] - - -xl__shadow_2xl : Css.Style -xl__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 25px 50px -12px rgba(0, 0, 0, 0.25)\\" - ] - ] - - -xl__shadow_inner : Css.Style -xl__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"box-shadow\\" \\"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - - -xl__shadow_outline : Css.Style -xl__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"box-shadow\\" \\"0 0 0 3px rgba(66, 153, 225, 0.5)\\" - ] - ] - - -xl__shadow_none : Css.Style -xl__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"box-shadow\\" \\"none\\" - ] - ] - - -xl__hover__shadow_xs : Css.Style -xl__hover__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 0 0 1px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -xl__hover__shadow_sm : Css.Style -xl__hover__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 1px 2px 0 rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -xl__hover__shadow : Css.Style -xl__hover__shadow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -xl__hover__shadow_md : Css.Style -xl__hover__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -xl__hover__shadow_lg : Css.Style -xl__hover__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -xl__hover__shadow_xl : Css.Style -xl__hover__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\\" - ] - ] - ] - - -xl__hover__shadow_2xl : Css.Style -xl__hover__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 25px 50px -12px rgba(0, 0, 0, 0.25)\\" - ] - ] - ] - - -xl__hover__shadow_inner : Css.Style -xl__hover__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -xl__hover__shadow_outline : Css.Style -xl__hover__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"0 0 0 3px rgba(66, 153, 225, 0.5)\\" - ] - ] - ] - - -xl__hover__shadow_none : Css.Style -xl__hover__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.property \\"box-shadow\\" \\"none\\" - ] - ] - ] - - -xl__focus__shadow_xs : Css.Style -xl__focus__shadow_xs = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 0 0 1px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -xl__focus__shadow_sm : Css.Style -xl__focus__shadow_sm = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 1px 2px 0 rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -xl__focus__shadow : Css.Style -xl__focus__shadow = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -xl__focus__shadow_md : Css.Style -xl__focus__shadow_md = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -xl__focus__shadow_lg : Css.Style -xl__focus__shadow_lg = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\\" - ] - ] - ] - - -xl__focus__shadow_xl : Css.Style -xl__focus__shadow_xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\\" - ] - ] - ] - - -xl__focus__shadow_2xl : Css.Style -xl__focus__shadow_2xl = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 25px 50px -12px rgba(0, 0, 0, 0.25)\\" - ] - ] - ] - - -xl__focus__shadow_inner : Css.Style -xl__focus__shadow_inner = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)\\" - ] - ] - ] - - -xl__focus__shadow_outline : Css.Style -xl__focus__shadow_outline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"0 0 0 3px rgba(66, 153, 225, 0.5)\\" - ] - ] - ] - - -xl__focus__shadow_none : Css.Style -xl__focus__shadow_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.property \\"box-shadow\\" \\"none\\" - ] - ] - ] - - -xl__fill_current : Css.Style -xl__fill_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fill Css.currentColor - ] - ] - - -xl__stroke_current : Css.Style -xl__stroke_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"stroke\\" \\"currentColor\\" - ] - ] - - -xl__stroke_0 : Css.Style -xl__stroke_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"stroke-width\\" \\"0\\" - ] - ] - - -xl__stroke_1 : Css.Style -xl__stroke_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"stroke-width\\" \\"1\\" - ] - ] - - -xl__stroke_2 : Css.Style -xl__stroke_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"stroke-width\\" \\"2\\" - ] - ] - - -xl__table_auto : Css.Style -xl__table_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.tableLayout Css.auto - ] - ] - - -xl__table_fixed : Css.Style -xl__table_fixed = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.tableLayout Css.fixed - ] - ] - - -xl__text_left : Css.Style -xl__text_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.textAlign Css.left - ] - ] - - -xl__text_center : Css.Style -xl__text_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.textAlign Css.center - ] - ] - - -xl__text_right : Css.Style -xl__text_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.textAlign Css.right - ] - ] - - -xl__text_justify : Css.Style -xl__text_justify = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.textAlign Css.justify - ] - ] - - -xl__text_transparent : Css.Style -xl__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color Css.transparent - ] - ] - - -xl__text_current : Css.Style -xl__text_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color Css.currentColor - ] - ] - - -xl__text_black : Css.Style -xl__text_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#000\\") - ] - ] - - -xl__text_white : Css.Style -xl__text_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fff\\") - ] - ] - - -xl__text_gray_100 : Css.Style -xl__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - - -xl__text_gray_200 : Css.Style -xl__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - - -xl__text_gray_300 : Css.Style -xl__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - - -xl__text_gray_400 : Css.Style -xl__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - - -xl__text_gray_500 : Css.Style -xl__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - - -xl__text_gray_600 : Css.Style -xl__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#718096\\") - ] - ] - - -xl__text_gray_700 : Css.Style -xl__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - - -xl__text_gray_800 : Css.Style -xl__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - - -xl__text_gray_900 : Css.Style -xl__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - - -xl__text_red_100 : Css.Style -xl__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - - -xl__text_red_200 : Css.Style -xl__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - - -xl__text_red_300 : Css.Style -xl__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - - -xl__text_red_400 : Css.Style -xl__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - - -xl__text_red_500 : Css.Style -xl__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - - -xl__text_red_600 : Css.Style -xl__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - - -xl__text_red_700 : Css.Style -xl__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - - -xl__text_red_800 : Css.Style -xl__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - - -xl__text_red_900 : Css.Style -xl__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - - -xl__text_orange_100 : Css.Style -xl__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - - -xl__text_orange_200 : Css.Style -xl__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - - -xl__text_orange_300 : Css.Style -xl__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - - -xl__text_orange_400 : Css.Style -xl__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - - -xl__text_orange_500 : Css.Style -xl__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - - -xl__text_orange_600 : Css.Style -xl__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - - -xl__text_orange_700 : Css.Style -xl__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - - -xl__text_orange_800 : Css.Style -xl__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - - -xl__text_orange_900 : Css.Style -xl__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - - -xl__text_yellow_100 : Css.Style -xl__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - - -xl__text_yellow_200 : Css.Style -xl__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - - -xl__text_yellow_300 : Css.Style -xl__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - - -xl__text_yellow_400 : Css.Style -xl__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - - -xl__text_yellow_500 : Css.Style -xl__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - - -xl__text_yellow_600 : Css.Style -xl__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - - -xl__text_yellow_700 : Css.Style -xl__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - - -xl__text_yellow_800 : Css.Style -xl__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - - -xl__text_yellow_900 : Css.Style -xl__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#744210\\") - ] - ] - - -xl__text_green_100 : Css.Style -xl__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - - -xl__text_green_200 : Css.Style -xl__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - - -xl__text_green_300 : Css.Style -xl__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - - -xl__text_green_400 : Css.Style -xl__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - - -xl__text_green_500 : Css.Style -xl__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - - -xl__text_green_600 : Css.Style -xl__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - - -xl__text_green_700 : Css.Style -xl__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - - -xl__text_green_800 : Css.Style -xl__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#276749\\") - ] - ] - - -xl__text_green_900 : Css.Style -xl__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - - -xl__text_teal_100 : Css.Style -xl__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - - -xl__text_teal_200 : Css.Style -xl__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - - -xl__text_teal_300 : Css.Style -xl__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - - -xl__text_teal_400 : Css.Style -xl__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - - -xl__text_teal_500 : Css.Style -xl__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - - -xl__text_teal_600 : Css.Style -xl__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#319795\\") - ] - ] - - -xl__text_teal_700 : Css.Style -xl__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - - -xl__text_teal_800 : Css.Style -xl__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - - -xl__text_teal_900 : Css.Style -xl__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - - -xl__text_blue_100 : Css.Style -xl__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - - -xl__text_blue_200 : Css.Style -xl__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - - -xl__text_blue_300 : Css.Style -xl__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - - -xl__text_blue_400 : Css.Style -xl__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - - -xl__text_blue_500 : Css.Style -xl__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - - -xl__text_blue_600 : Css.Style -xl__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - - -xl__text_blue_700 : Css.Style -xl__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - - -xl__text_blue_800 : Css.Style -xl__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - - -xl__text_blue_900 : Css.Style -xl__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - - -xl__text_indigo_100 : Css.Style -xl__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - - -xl__text_indigo_200 : Css.Style -xl__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - - -xl__text_indigo_300 : Css.Style -xl__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - - -xl__text_indigo_400 : Css.Style -xl__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - - -xl__text_indigo_500 : Css.Style -xl__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - - -xl__text_indigo_600 : Css.Style -xl__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - - -xl__text_indigo_700 : Css.Style -xl__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - - -xl__text_indigo_800 : Css.Style -xl__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#434190\\") - ] - ] - - -xl__text_indigo_900 : Css.Style -xl__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - - -xl__text_purple_100 : Css.Style -xl__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - - -xl__text_purple_200 : Css.Style -xl__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - - -xl__text_purple_300 : Css.Style -xl__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - - -xl__text_purple_400 : Css.Style -xl__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - - -xl__text_purple_500 : Css.Style -xl__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - - -xl__text_purple_600 : Css.Style -xl__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - - -xl__text_purple_700 : Css.Style -xl__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - - -xl__text_purple_800 : Css.Style -xl__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - - -xl__text_purple_900 : Css.Style -xl__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - - -xl__text_pink_100 : Css.Style -xl__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - - -xl__text_pink_200 : Css.Style -xl__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - - -xl__text_pink_300 : Css.Style -xl__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - - -xl__text_pink_400 : Css.Style -xl__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - - -xl__text_pink_500 : Css.Style -xl__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - - -xl__text_pink_600 : Css.Style -xl__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - - -xl__text_pink_700 : Css.Style -xl__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - - -xl__text_pink_800 : Css.Style -xl__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - - -xl__text_pink_900 : Css.Style -xl__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.color (Css.hex \\"#702459\\") - ] - ] - - -xl__hover__text_transparent : Css.Style -xl__hover__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color Css.transparent - ] - ] - ] - - -xl__hover__text_current : Css.Style -xl__hover__text_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color Css.currentColor - ] - ] - ] - - -xl__hover__text_black : Css.Style -xl__hover__text_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#000\\") - ] - ] - ] - - -xl__hover__text_white : Css.Style -xl__hover__text_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fff\\") - ] - ] - ] - - -xl__hover__text_gray_100 : Css.Style -xl__hover__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -xl__hover__text_gray_200 : Css.Style -xl__hover__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -xl__hover__text_gray_300 : Css.Style -xl__hover__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -xl__hover__text_gray_400 : Css.Style -xl__hover__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -xl__hover__text_gray_500 : Css.Style -xl__hover__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -xl__hover__text_gray_600 : Css.Style -xl__hover__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#718096\\") - ] - ] - ] - - -xl__hover__text_gray_700 : Css.Style -xl__hover__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - ] - - -xl__hover__text_gray_800 : Css.Style -xl__hover__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - ] - - -xl__hover__text_gray_900 : Css.Style -xl__hover__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - ] - - -xl__hover__text_red_100 : Css.Style -xl__hover__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -xl__hover__text_red_200 : Css.Style -xl__hover__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -xl__hover__text_red_300 : Css.Style -xl__hover__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -xl__hover__text_red_400 : Css.Style -xl__hover__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - ] - - -xl__hover__text_red_500 : Css.Style -xl__hover__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - ] - - -xl__hover__text_red_600 : Css.Style -xl__hover__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -xl__hover__text_red_700 : Css.Style -xl__hover__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - ] - - -xl__hover__text_red_800 : Css.Style -xl__hover__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -xl__hover__text_red_900 : Css.Style -xl__hover__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - ] - - -xl__hover__text_orange_100 : Css.Style -xl__hover__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -xl__hover__text_orange_200 : Css.Style -xl__hover__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - ] - - -xl__hover__text_orange_300 : Css.Style -xl__hover__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -xl__hover__text_orange_400 : Css.Style -xl__hover__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -xl__hover__text_orange_500 : Css.Style -xl__hover__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - ] - - -xl__hover__text_orange_600 : Css.Style -xl__hover__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -xl__hover__text_orange_700 : Css.Style -xl__hover__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - ] - - -xl__hover__text_orange_800 : Css.Style -xl__hover__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - ] - - -xl__hover__text_orange_900 : Css.Style -xl__hover__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - ] - - -xl__hover__text_yellow_100 : Css.Style -xl__hover__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - ] - - -xl__hover__text_yellow_200 : Css.Style -xl__hover__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -xl__hover__text_yellow_300 : Css.Style -xl__hover__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - ] - - -xl__hover__text_yellow_400 : Css.Style -xl__hover__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -xl__hover__text_yellow_500 : Css.Style -xl__hover__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -xl__hover__text_yellow_600 : Css.Style -xl__hover__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -xl__hover__text_yellow_700 : Css.Style -xl__hover__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - ] - - -xl__hover__text_yellow_800 : Css.Style -xl__hover__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - ] - - -xl__hover__text_yellow_900 : Css.Style -xl__hover__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#744210\\") - ] - ] - ] - - -xl__hover__text_green_100 : Css.Style -xl__hover__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -xl__hover__text_green_200 : Css.Style -xl__hover__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -xl__hover__text_green_300 : Css.Style -xl__hover__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -xl__hover__text_green_400 : Css.Style -xl__hover__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - ] - - -xl__hover__text_green_500 : Css.Style -xl__hover__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - ] - - -xl__hover__text_green_600 : Css.Style -xl__hover__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - ] - - -xl__hover__text_green_700 : Css.Style -xl__hover__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - ] - - -xl__hover__text_green_800 : Css.Style -xl__hover__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#276749\\") - ] - ] - ] - - -xl__hover__text_green_900 : Css.Style -xl__hover__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - ] - - -xl__hover__text_teal_100 : Css.Style -xl__hover__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -xl__hover__text_teal_200 : Css.Style -xl__hover__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -xl__hover__text_teal_300 : Css.Style -xl__hover__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -xl__hover__text_teal_400 : Css.Style -xl__hover__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -xl__hover__text_teal_500 : Css.Style -xl__hover__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -xl__hover__text_teal_600 : Css.Style -xl__hover__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#319795\\") - ] - ] - ] - - -xl__hover__text_teal_700 : Css.Style -xl__hover__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -xl__hover__text_teal_800 : Css.Style -xl__hover__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - ] - - -xl__hover__text_teal_900 : Css.Style -xl__hover__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - ] - - -xl__hover__text_blue_100 : Css.Style -xl__hover__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -xl__hover__text_blue_200 : Css.Style -xl__hover__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -xl__hover__text_blue_300 : Css.Style -xl__hover__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -xl__hover__text_blue_400 : Css.Style -xl__hover__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -xl__hover__text_blue_500 : Css.Style -xl__hover__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - ] - - -xl__hover__text_blue_600 : Css.Style -xl__hover__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - ] - - -xl__hover__text_blue_700 : Css.Style -xl__hover__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -xl__hover__text_blue_800 : Css.Style -xl__hover__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - ] - - -xl__hover__text_blue_900 : Css.Style -xl__hover__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - ] - - -xl__hover__text_indigo_100 : Css.Style -xl__hover__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -xl__hover__text_indigo_200 : Css.Style -xl__hover__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -xl__hover__text_indigo_300 : Css.Style -xl__hover__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -xl__hover__text_indigo_400 : Css.Style -xl__hover__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -xl__hover__text_indigo_500 : Css.Style -xl__hover__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - ] - - -xl__hover__text_indigo_600 : Css.Style -xl__hover__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -xl__hover__text_indigo_700 : Css.Style -xl__hover__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -xl__hover__text_indigo_800 : Css.Style -xl__hover__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#434190\\") - ] - ] - ] - - -xl__hover__text_indigo_900 : Css.Style -xl__hover__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - ] - - -xl__hover__text_purple_100 : Css.Style -xl__hover__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -xl__hover__text_purple_200 : Css.Style -xl__hover__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -xl__hover__text_purple_300 : Css.Style -xl__hover__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -xl__hover__text_purple_400 : Css.Style -xl__hover__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - ] - - -xl__hover__text_purple_500 : Css.Style -xl__hover__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -xl__hover__text_purple_600 : Css.Style -xl__hover__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - ] - - -xl__hover__text_purple_700 : Css.Style -xl__hover__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -xl__hover__text_purple_800 : Css.Style -xl__hover__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - ] - - -xl__hover__text_purple_900 : Css.Style -xl__hover__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - ] - - -xl__hover__text_pink_100 : Css.Style -xl__hover__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -xl__hover__text_pink_200 : Css.Style -xl__hover__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -xl__hover__text_pink_300 : Css.Style -xl__hover__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -xl__hover__text_pink_400 : Css.Style -xl__hover__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - ] - - -xl__hover__text_pink_500 : Css.Style -xl__hover__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -xl__hover__text_pink_600 : Css.Style -xl__hover__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -xl__hover__text_pink_700 : Css.Style -xl__hover__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - ] - - -xl__hover__text_pink_800 : Css.Style -xl__hover__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - ] - - -xl__hover__text_pink_900 : Css.Style -xl__hover__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.color (Css.hex \\"#702459\\") - ] - ] - ] - - -xl__focus__text_transparent : Css.Style -xl__focus__text_transparent = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color Css.transparent - ] - ] - ] - - -xl__focus__text_current : Css.Style -xl__focus__text_current = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color Css.currentColor - ] - ] - ] - - -xl__focus__text_black : Css.Style -xl__focus__text_black = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#000\\") - ] - ] - ] - - -xl__focus__text_white : Css.Style -xl__focus__text_white = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff\\") - ] - ] - ] - - -xl__focus__text_gray_100 : Css.Style -xl__focus__text_gray_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f7fafc\\") - ] - ] - ] - - -xl__focus__text_gray_200 : Css.Style -xl__focus__text_gray_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#edf2f7\\") - ] - ] - ] - - -xl__focus__text_gray_300 : Css.Style -xl__focus__text_gray_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e2e8f0\\") - ] - ] - ] - - -xl__focus__text_gray_400 : Css.Style -xl__focus__text_gray_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#cbd5e0\\") - ] - ] - ] - - -xl__focus__text_gray_500 : Css.Style -xl__focus__text_gray_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a0aec0\\") - ] - ] - ] - - -xl__focus__text_gray_600 : Css.Style -xl__focus__text_gray_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#718096\\") - ] - ] - ] - - -xl__focus__text_gray_700 : Css.Style -xl__focus__text_gray_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4a5568\\") - ] - ] - ] - - -xl__focus__text_gray_800 : Css.Style -xl__focus__text_gray_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2d3748\\") - ] - ] - ] - - -xl__focus__text_gray_900 : Css.Style -xl__focus__text_gray_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#1a202c\\") - ] - ] - ] - - -xl__focus__text_red_100 : Css.Style -xl__focus__text_red_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f5\\") - ] - ] - ] - - -xl__focus__text_red_200 : Css.Style -xl__focus__text_red_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7d7\\") - ] - ] - ] - - -xl__focus__text_red_300 : Css.Style -xl__focus__text_red_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feb2b2\\") - ] - ] - ] - - -xl__focus__text_red_400 : Css.Style -xl__focus__text_red_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fc8181\\") - ] - ] - ] - - -xl__focus__text_red_500 : Css.Style -xl__focus__text_red_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f56565\\") - ] - ] - ] - - -xl__focus__text_red_600 : Css.Style -xl__focus__text_red_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e53e3e\\") - ] - ] - ] - - -xl__focus__text_red_700 : Css.Style -xl__focus__text_red_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c53030\\") - ] - ] - ] - - -xl__focus__text_red_800 : Css.Style -xl__focus__text_red_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9b2c2c\\") - ] - ] - ] - - -xl__focus__text_red_900 : Css.Style -xl__focus__text_red_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#742a2a\\") - ] - ] - ] - - -xl__focus__text_orange_100 : Css.Style -xl__focus__text_orange_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffaf0\\") - ] - ] - ] - - -xl__focus__text_orange_200 : Css.Style -xl__focus__text_orange_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#feebc8\\") - ] - ] - ] - - -xl__focus__text_orange_300 : Css.Style -xl__focus__text_orange_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbd38d\\") - ] - ] - ] - - -xl__focus__text_orange_400 : Css.Style -xl__focus__text_orange_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6ad55\\") - ] - ] - ] - - -xl__focus__text_orange_500 : Css.Style -xl__focus__text_orange_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed8936\\") - ] - ] - ] - - -xl__focus__text_orange_600 : Css.Style -xl__focus__text_orange_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#dd6b20\\") - ] - ] - ] - - -xl__focus__text_orange_700 : Css.Style -xl__focus__text_orange_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c05621\\") - ] - ] - ] - - -xl__focus__text_orange_800 : Css.Style -xl__focus__text_orange_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9c4221\\") - ] - ] - ] - - -xl__focus__text_orange_900 : Css.Style -xl__focus__text_orange_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7b341e\\") - ] - ] - ] - - -xl__focus__text_yellow_100 : Css.Style -xl__focus__text_yellow_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fffff0\\") - ] - ] - ] - - -xl__focus__text_yellow_200 : Css.Style -xl__focus__text_yellow_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fefcbf\\") - ] - ] - ] - - -xl__focus__text_yellow_300 : Css.Style -xl__focus__text_yellow_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf089\\") - ] - ] - ] - - -xl__focus__text_yellow_400 : Css.Style -xl__focus__text_yellow_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f6e05e\\") - ] - ] - ] - - -xl__focus__text_yellow_500 : Css.Style -xl__focus__text_yellow_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ecc94b\\") - ] - ] - ] - - -xl__focus__text_yellow_600 : Css.Style -xl__focus__text_yellow_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d69e2e\\") - ] - ] - ] - - -xl__focus__text_yellow_700 : Css.Style -xl__focus__text_yellow_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b7791f\\") - ] - ] - ] - - -xl__focus__text_yellow_800 : Css.Style -xl__focus__text_yellow_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#975a16\\") - ] - ] - ] - - -xl__focus__text_yellow_900 : Css.Style -xl__focus__text_yellow_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#744210\\") - ] - ] - ] - - -xl__focus__text_green_100 : Css.Style -xl__focus__text_green_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f0fff4\\") - ] - ] - ] - - -xl__focus__text_green_200 : Css.Style -xl__focus__text_green_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c6f6d5\\") - ] - ] - ] - - -xl__focus__text_green_300 : Css.Style -xl__focus__text_green_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9ae6b4\\") - ] - ] - ] - - -xl__focus__text_green_400 : Css.Style -xl__focus__text_green_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#68d391\\") - ] - ] - ] - - -xl__focus__text_green_500 : Css.Style -xl__focus__text_green_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#48bb78\\") - ] - ] - ] - - -xl__focus__text_green_600 : Css.Style -xl__focus__text_green_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38a169\\") - ] - ] - ] - - -xl__focus__text_green_700 : Css.Style -xl__focus__text_green_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2f855a\\") - ] - ] - ] - - -xl__focus__text_green_800 : Css.Style -xl__focus__text_green_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#276749\\") - ] - ] - ] - - -xl__focus__text_green_900 : Css.Style -xl__focus__text_green_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#22543d\\") - ] - ] - ] - - -xl__focus__text_teal_100 : Css.Style -xl__focus__text_teal_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e6fffa\\") - ] - ] - ] - - -xl__focus__text_teal_200 : Css.Style -xl__focus__text_teal_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b2f5ea\\") - ] - ] - ] - - -xl__focus__text_teal_300 : Css.Style -xl__focus__text_teal_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#81e6d9\\") - ] - ] - ] - - -xl__focus__text_teal_400 : Css.Style -xl__focus__text_teal_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4fd1c5\\") - ] - ] - ] - - -xl__focus__text_teal_500 : Css.Style -xl__focus__text_teal_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#38b2ac\\") - ] - ] - ] - - -xl__focus__text_teal_600 : Css.Style -xl__focus__text_teal_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#319795\\") - ] - ] - ] - - -xl__focus__text_teal_700 : Css.Style -xl__focus__text_teal_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c7a7b\\") - ] - ] - ] - - -xl__focus__text_teal_800 : Css.Style -xl__focus__text_teal_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#285e61\\") - ] - ] - ] - - -xl__focus__text_teal_900 : Css.Style -xl__focus__text_teal_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#234e52\\") - ] - ] - ] - - -xl__focus__text_blue_100 : Css.Style -xl__focus__text_blue_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf8ff\\") - ] - ] - ] - - -xl__focus__text_blue_200 : Css.Style -xl__focus__text_blue_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#bee3f8\\") - ] - ] - ] - - -xl__focus__text_blue_300 : Css.Style -xl__focus__text_blue_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#90cdf4\\") - ] - ] - ] - - -xl__focus__text_blue_400 : Css.Style -xl__focus__text_blue_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#63b3ed\\") - ] - ] - ] - - -xl__focus__text_blue_500 : Css.Style -xl__focus__text_blue_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4299e1\\") - ] - ] - ] - - -xl__focus__text_blue_600 : Css.Style -xl__focus__text_blue_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3182ce\\") - ] - ] - ] - - -xl__focus__text_blue_700 : Css.Style -xl__focus__text_blue_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2b6cb0\\") - ] - ] - ] - - -xl__focus__text_blue_800 : Css.Style -xl__focus__text_blue_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2c5282\\") - ] - ] - ] - - -xl__focus__text_blue_900 : Css.Style -xl__focus__text_blue_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#2a4365\\") - ] - ] - ] - - -xl__focus__text_indigo_100 : Css.Style -xl__focus__text_indigo_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ebf4ff\\") - ] - ] - ] - - -xl__focus__text_indigo_200 : Css.Style -xl__focus__text_indigo_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#c3dafe\\") - ] - ] - ] - - -xl__focus__text_indigo_300 : Css.Style -xl__focus__text_indigo_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#a3bffa\\") - ] - ] - ] - - -xl__focus__text_indigo_400 : Css.Style -xl__focus__text_indigo_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#7f9cf5\\") - ] - ] - ] - - -xl__focus__text_indigo_500 : Css.Style -xl__focus__text_indigo_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#667eea\\") - ] - ] - ] - - -xl__focus__text_indigo_600 : Css.Style -xl__focus__text_indigo_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#5a67d8\\") - ] - ] - ] - - -xl__focus__text_indigo_700 : Css.Style -xl__focus__text_indigo_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#4c51bf\\") - ] - ] - ] - - -xl__focus__text_indigo_800 : Css.Style -xl__focus__text_indigo_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#434190\\") - ] - ] - ] - - -xl__focus__text_indigo_900 : Css.Style -xl__focus__text_indigo_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#3c366b\\") - ] - ] - ] - - -xl__focus__text_purple_100 : Css.Style -xl__focus__text_purple_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#faf5ff\\") - ] - ] - ] - - -xl__focus__text_purple_200 : Css.Style -xl__focus__text_purple_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#e9d8fd\\") - ] - ] - ] - - -xl__focus__text_purple_300 : Css.Style -xl__focus__text_purple_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d6bcfa\\") - ] - ] - ] - - -xl__focus__text_purple_400 : Css.Style -xl__focus__text_purple_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b794f4\\") - ] - ] - ] - - -xl__focus__text_purple_500 : Css.Style -xl__focus__text_purple_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#9f7aea\\") - ] - ] - ] - - -xl__focus__text_purple_600 : Css.Style -xl__focus__text_purple_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#805ad5\\") - ] - ] - ] - - -xl__focus__text_purple_700 : Css.Style -xl__focus__text_purple_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#6b46c1\\") - ] - ] - ] - - -xl__focus__text_purple_800 : Css.Style -xl__focus__text_purple_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#553c9a\\") - ] - ] - ] - - -xl__focus__text_purple_900 : Css.Style -xl__focus__text_purple_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#44337a\\") - ] - ] - ] - - -xl__focus__text_pink_100 : Css.Style -xl__focus__text_pink_100 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fff5f7\\") - ] - ] - ] - - -xl__focus__text_pink_200 : Css.Style -xl__focus__text_pink_200 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fed7e2\\") - ] - ] - ] - - -xl__focus__text_pink_300 : Css.Style -xl__focus__text_pink_300 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#fbb6ce\\") - ] - ] - ] - - -xl__focus__text_pink_400 : Css.Style -xl__focus__text_pink_400 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#f687b3\\") - ] - ] - ] - - -xl__focus__text_pink_500 : Css.Style -xl__focus__text_pink_500 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#ed64a6\\") - ] - ] - ] - - -xl__focus__text_pink_600 : Css.Style -xl__focus__text_pink_600 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#d53f8c\\") - ] - ] - ] - - -xl__focus__text_pink_700 : Css.Style -xl__focus__text_pink_700 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#b83280\\") - ] - ] - ] - - -xl__focus__text_pink_800 : Css.Style -xl__focus__text_pink_800 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#97266d\\") - ] - ] - ] - - -xl__focus__text_pink_900 : Css.Style -xl__focus__text_pink_900 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.color (Css.hex \\"#702459\\") - ] - ] - ] - - -xl__italic : Css.Style -xl__italic = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontStyle Css.italic - ] - ] - - -xl__not_italic : Css.Style -xl__not_italic = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.fontStyle Css.normal - ] - ] - - -xl__uppercase : Css.Style -xl__uppercase = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.textTransform Css.uppercase - ] - ] - - -xl__lowercase : Css.Style -xl__lowercase = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.textTransform Css.lowercase - ] - ] - - -xl__capitalize : Css.Style -xl__capitalize = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.textTransform Css.capitalize - ] - ] - - -xl__normal_case : Css.Style -xl__normal_case = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.textTransform Css.none - ] - ] - - -xl__underline : Css.Style -xl__underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.textDecoration Css.underline - ] - ] - - -xl__line_through : Css.Style -xl__line_through = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.textDecoration Css.lineThrough - ] - ] - - -xl__no_underline : Css.Style -xl__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.textDecoration Css.none - ] - ] - - -xl__hover__underline : Css.Style -xl__hover__underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.textDecoration Css.underline - ] - ] - ] - - -xl__hover__line_through : Css.Style -xl__hover__line_through = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -xl__hover__no_underline : Css.Style -xl__hover__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.hover - [ Css.textDecoration Css.none - ] - ] - ] - - -xl__focus__underline : Css.Style -xl__focus__underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.textDecoration Css.underline - ] - ] - ] - - -xl__focus__line_through : Css.Style -xl__focus__line_through = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.textDecoration Css.lineThrough - ] - ] - ] - - -xl__focus__no_underline : Css.Style -xl__focus__no_underline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.focus - [ Css.textDecoration Css.none - ] - ] - ] - - -xl__antialiased : Css.Style -xl__antialiased = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"-webkit-font-smoothing\\" \\"antialiased\\" - , Css.property \\"-moz-osx-font-smoothing\\" \\"grayscale\\" - ] - ] - - -xl__subpixel_antialiased : Css.Style -xl__subpixel_antialiased = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"-webkit-font-smoothing\\" \\"auto\\" - , Css.property \\"-moz-osx-font-smoothing\\" \\"auto\\" - ] - ] - - -xl__tracking_tighter : Css.Style -xl__tracking_tighter = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.letterSpacing (Css.em -0.05) - ] - ] - - -xl__tracking_tight : Css.Style -xl__tracking_tight = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.letterSpacing (Css.em -0.025) - ] - ] - - -xl__tracking_normal : Css.Style -xl__tracking_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.letterSpacing (Css.px 0) - ] - ] - - -xl__tracking_wide : Css.Style -xl__tracking_wide = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.letterSpacing (Css.em 0.025) - ] - ] - - -xl__tracking_wider : Css.Style -xl__tracking_wider = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.letterSpacing (Css.em 0.05) - ] - ] - - -xl__tracking_widest : Css.Style -xl__tracking_widest = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.letterSpacing (Css.em 0.1) - ] - ] - - -xl__select_none : Css.Style -xl__select_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"user-select\\" \\"none\\" - ] - ] - - -xl__select_text : Css.Style -xl__select_text = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"user-select\\" \\"text\\" - ] - ] - - -xl__select_all : Css.Style -xl__select_all = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"user-select\\" \\"all\\" - ] - ] - - -xl__select_auto : Css.Style -xl__select_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"user-select\\" \\"auto\\" - ] - ] - - -xl__align_baseline : Css.Style -xl__align_baseline = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.verticalAlign Css.baseline - ] - ] - - -xl__align_top : Css.Style -xl__align_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.verticalAlign Css.top - ] - ] - - -xl__align_middle : Css.Style -xl__align_middle = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.verticalAlign Css.middle - ] - ] - - -xl__align_bottom : Css.Style -xl__align_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.verticalAlign Css.bottom - ] - ] - - -xl__align_text_top : Css.Style -xl__align_text_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.verticalAlign Css.textTop - ] - ] - - -xl__align_text_bottom : Css.Style -xl__align_text_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.verticalAlign Css.textBottom - ] - ] - - -xl__visible : Css.Style -xl__visible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.visibility Css.visible - ] - ] - - -xl__invisible : Css.Style -xl__invisible = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.visibility Css.hidden - ] - ] - - -xl__whitespace_normal : Css.Style -xl__whitespace_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.whiteSpace Css.normal - ] - ] - - -xl__whitespace_no_wrap : Css.Style -xl__whitespace_no_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.whiteSpace Css.noWrap - ] - ] - - -xl__whitespace_pre : Css.Style -xl__whitespace_pre = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.whiteSpace Css.pre - ] - ] - - -xl__whitespace_pre_line : Css.Style -xl__whitespace_pre_line = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.whiteSpace Css.preLine - ] - ] - - -xl__whitespace_pre_wrap : Css.Style -xl__whitespace_pre_wrap = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.whiteSpace Css.preWrap - ] - ] - - -xl__break_normal : Css.Style -xl__break_normal = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflowWrap Css.normal - , Css.property \\"word-break\\" \\"normal\\" - ] - ] - - -xl__break_words : Css.Style -xl__break_words = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflowWrap Css.breakWord - ] - ] - - -xl__break_all : Css.Style -xl__break_all = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"word-break\\" \\"break-all\\" - ] - ] - - -xl__truncate : Css.Style -xl__truncate = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.overflow Css.hidden - , Css.textOverflow Css.ellipsis - , Css.whiteSpace Css.noWrap - ] - ] - - -xl__w_0 : Css.Style -xl__w_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.px 0) - ] - ] - - -xl__w_1 : Css.Style -xl__w_1 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 0.25) - ] - ] - - -xl__w_2 : Css.Style -xl__w_2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 0.5) - ] - ] - - -xl__w_3 : Css.Style -xl__w_3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 0.75) - ] - ] - - -xl__w_4 : Css.Style -xl__w_4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 1) - ] - ] - - -xl__w_5 : Css.Style -xl__w_5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 1.25) - ] - ] - - -xl__w_6 : Css.Style -xl__w_6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 1.5) - ] - ] - - -xl__w_8 : Css.Style -xl__w_8 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 2) - ] - ] - - -xl__w_10 : Css.Style -xl__w_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 2.5) - ] - ] - - -xl__w_12 : Css.Style -xl__w_12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 3) - ] - ] - - -xl__w_16 : Css.Style -xl__w_16 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 4) - ] - ] - - -xl__w_20 : Css.Style -xl__w_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 5) - ] - ] - - -xl__w_24 : Css.Style -xl__w_24 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 6) - ] - ] - - -xl__w_32 : Css.Style -xl__w_32 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 8) - ] - ] - - -xl__w_40 : Css.Style -xl__w_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 10) - ] - ] - - -xl__w_48 : Css.Style -xl__w_48 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 12) - ] - ] - - -xl__w_56 : Css.Style -xl__w_56 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 14) - ] - ] - - -xl__w_64 : Css.Style -xl__w_64 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.rem 16) - ] - ] - - -xl__w_auto : Css.Style -xl__w_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width Css.auto - ] - ] - - -xl__w_px : Css.Style -xl__w_px = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.px 1) - ] - ] - - -xl__w_1over2 : Css.Style -xl__w_1over2 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -xl__w_1over3 : Css.Style -xl__w_1over3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -xl__w_2over3 : Css.Style -xl__w_2over3 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -xl__w_1over4 : Css.Style -xl__w_1over4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 25) - ] - ] - - -xl__w_2over4 : Css.Style -xl__w_2over4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -xl__w_3over4 : Css.Style -xl__w_3over4 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 75) - ] - ] - - -xl__w_1over5 : Css.Style -xl__w_1over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 20) - ] - ] - - -xl__w_2over5 : Css.Style -xl__w_2over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 40) - ] - ] - - -xl__w_3over5 : Css.Style -xl__w_3over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 60) - ] - ] - - -xl__w_4over5 : Css.Style -xl__w_4over5 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 80) - ] - ] - - -xl__w_1over6 : Css.Style -xl__w_1over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -xl__w_2over6 : Css.Style -xl__w_2over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -xl__w_3over6 : Css.Style -xl__w_3over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -xl__w_4over6 : Css.Style -xl__w_4over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -xl__w_5over6 : Css.Style -xl__w_5over6 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -xl__w_1over12 : Css.Style -xl__w_1over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 8.333333) - ] - ] - - -xl__w_2over12 : Css.Style -xl__w_2over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 16.666667) - ] - ] - - -xl__w_3over12 : Css.Style -xl__w_3over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 25) - ] - ] - - -xl__w_4over12 : Css.Style -xl__w_4over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 33.333333) - ] - ] - - -xl__w_5over12 : Css.Style -xl__w_5over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 41.666667) - ] - ] - - -xl__w_6over12 : Css.Style -xl__w_6over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 50) - ] - ] - - -xl__w_7over12 : Css.Style -xl__w_7over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 58.333333) - ] - ] - - -xl__w_8over12 : Css.Style -xl__w_8over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 66.666667) - ] - ] - - -xl__w_9over12 : Css.Style -xl__w_9over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 75) - ] - ] - - -xl__w_10over12 : Css.Style -xl__w_10over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 83.333333) - ] - ] - - -xl__w_11over12 : Css.Style -xl__w_11over12 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 91.666667) - ] - ] - - -xl__w_full : Css.Style -xl__w_full = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.pct 100) - ] - ] - - -xl__w_screen : Css.Style -xl__w_screen = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.width (Css.vw 100) - ] - ] - - -xl__z_0 : Css.Style -xl__z_0 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.zIndex (Css.int 0) - ] - ] - - -xl__z_10 : Css.Style -xl__z_10 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.zIndex (Css.int 10) - ] - ] - - -xl__z_20 : Css.Style -xl__z_20 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.zIndex (Css.int 20) - ] - ] - - -xl__z_30 : Css.Style -xl__z_30 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.zIndex (Css.int 30) - ] - ] - - -xl__z_40 : Css.Style -xl__z_40 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.zIndex (Css.int 40) - ] - ] - - -xl__z_50 : Css.Style -xl__z_50 = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.zIndex (Css.int 50) - ] - ] - - -xl__z_auto : Css.Style -xl__z_auto = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.zIndex Css.auto - ] - ] - - -xl__transform_none : Css.Style -xl__transform_none = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.transform Css.none - ] - ] - - -xl__origin_center : Css.Style -xl__origin_center = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"transform-origin\\" \\"center\\" - ] - ] - - -xl__origin_top : Css.Style -xl__origin_top = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"transform-origin\\" \\"top\\" - ] - ] - - -xl__origin_top_right : Css.Style -xl__origin_top_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"transform-origin\\" \\"top right\\" - ] - ] - - -xl__origin_right : Css.Style -xl__origin_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"transform-origin\\" \\"right\\" - ] - ] - - -xl__origin_bottom_right : Css.Style -xl__origin_bottom_right = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"transform-origin\\" \\"bottom right\\" - ] - ] - - -xl__origin_bottom : Css.Style -xl__origin_bottom = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"transform-origin\\" \\"bottom\\" - ] - ] - - -xl__origin_bottom_left : Css.Style -xl__origin_bottom_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"transform-origin\\" \\"bottom left\\" - ] - ] - - -xl__origin_left : Css.Style -xl__origin_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"transform-origin\\" \\"left\\" - ] - ] - - -xl__origin_top_left : Css.Style -xl__origin_top_left = - Css.batch - [ Css.Media.withMediaQuery [ \\"(min-width: 1280px)\\" ] - [ Css.property \\"transform-origin\\" \\"top left\\" - ] - ] " `; diff --git a/test/specs/basics.spec.js b/test/specs/basics.spec.js index 9b77b0e..5590192 100644 --- a/test/specs/basics.spec.js +++ b/test/specs/basics.spec.js @@ -21,9 +21,16 @@ const elmCssTailwind = require("../../index"); // }); // }); // }); -test("snapshot test", () => { +test("snapshot output of Utility module", () => { const outputFile = fs.readFileSync( - path.resolve(__dirname, "..", "src", "TW.elm") + path.resolve(__dirname, "..", "src", "TW", "Utilities.elm") + ); + + expect(outputFile.toString()).toMatchSnapshot(); +}); +test("snapshot output of Breakpoint Module", () => { + const outputFile = fs.readFileSync( + path.resolve(__dirname, "..", "src", "TW", "Breakpoints.elm") ); expect(outputFile.toString()).toMatchSnapshot();